@charset "utf-8";
/* ---------------------------------------------------------------------------------
Copyright © 株式会社ヒューマンテクノロジーズ ALL RIGHTS RESERVED.

HTML CSS Selectors base

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------
初期設定
--------------------------------------------------------------------------------- */
@font-face {
  font-family: 'Yu Gothic';
  src: local('Yu Gothic Medium');
  font-weight: 100;
}
@font-face {
  font-family: 'Yu Gothic';
  src: local('Yu Gothic Medium');
  font-weight: 200;
}
@font-face {
  font-family: 'Yu Gothic';
  src: local('Yu Gothic Medium');
  font-weight: 300;
}
@font-face {
  font-family: 'Yu Gothic';
  src: local('Yu Gothic Medium');
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}



body {
	font-family:'Yu Gothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif !important;
	color: #2b2b2b;
	line-height: 1.8;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	text-transform: none;
    font-weight: 500;
}

body {
	-webkit-text-size-adjust: 100%;
}

.fixed-all {
	position: fixed;
	overflow-y: scroll;
	/*  height: 100%;*/
}

h1,h2,h3,h4,h5,h6,
ul,ol,dl,
p,li,dt,dd,th,td {
	margin: 0px;
	padding: 0px;
	border: 0;
	vertical-align: baseline;
	font-weight: 500;
	font-size: 100%;
	text-transform: none;
}
/*h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}*/

ol, ul {
	list-style: none;
}
table {
	/*border-collapse: collapse;*/
	border-spacing: 0;
}
th,td {
	text-align: left;
	vertical-align: top;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
	margin: 0px;
	padding: 0px;
}

img {
	vertical-align: middle;
}

img:not([width]) {  /*要素に幅の指定ない場合*/
	width: 100%;
	height: auto;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #535353;
	text-decoration: none;
}

ul {
	list-style-type: none;
}
 
.clear {
	clear: both;
	height: 0;
}

.clearfix:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
.none {
	display: none !important;
}

.sp-only { display: none !important; }
.pc-only { display: block !important; }
.sp-only-inline { display: none !important; }
.pc-only-inline { display: inline !important; }


@media screen and (max-width: 768px) {
	.sp-only { display: block !important; }
	.pc-only { display: none !important; }
	.sp-only-inline { display: inline !important; }
	.pc-only-inline { display: none !important; }
}

span.bg_yellow {
	background-color: #ff0;
}

span.red {
	color: #f00!important;
	font-weight: 800;
}

.aligncenter {
	text-align: center;
	margin: 20px auto 30px;
}

img.alignleft {
	float: left;
	margin-right: 5px;
}
img.alignright {
	float: right;
	margin-left: 5px;
}
span.small {
	font-size: 12px;
}
p.small {
	font-size: 12px;
}
@media screen and (max-width: 768px) {
	img.alignleft,
	img.alignright {
		float: none;
		margin: 10px auto;
	}
}

/* imageエリア用　*/
.image-origin {
	overflow: hidden;
	margin: 50px auto;
	text-align: center;
}
.image-origin img {
	max-width: 100%;
	height: auto;
}


.image-box {
	overflow: hidden;
	margin: 50px auto;
	text-align: center;
}

.image-box .image-full {
	width: 100%;
	overflow: hidden;
}

.image-box .image-null {
	width: 50%;
}
.image-box img,
.image-box .image-null img,
.image-box .image-half img,
.image-box .image-quarter img,
.image-box .image-full img {
	width: 100%;
	height: auto;
	object-fit: cover;
	max-width: 100%;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}
.image-box .image-quarter img {
	width: 97.5%;
}
.image-box .image-half {
	float: left;
	width: 49%;
	margin-right: 1%;
}
.image-box .image-half:nth-of-type(2n) {
	float: left;
	width: 49%;
	margin-right: 0;
	margin-left: 1%;
}
.image-box .image-half:nth-of-type(2n+1) {
	clear: both;
}
.image-box .image-quarter {
	float: left;
	width: 23.25%;
	margin-right: 2%;
}
.image-box .image-quarter:nth-of-type(4n) {
	float: left;
	width: 23.25%;
	margin-right: 0;
}
.image-box .image-quarter:nth-of-type(4n+1) {
	clear: both;
}
.image-box .image-null .images,
.image-box .image-half .images,
.image-box .image-quarter .images,
.image-box .image-full .images {
	position: relative;
	overflow: hidden;
	border: 3px solid #4b9545;
}
.image-box .image-full .images {
	max-height: 400px;
	min-height: 70px;
}
.image-box .image-null .images,
.image-box .image-quarter .images,
.image-box .image-half .images {
	max-height: 300px;
}

.image-box .image-null .images:after,
.image-box .image-half .images:after,
.image-box .image-quarter .images:after,
.image-box .image-full .images:after {
	position: absolute;
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_loupe_tri.png);
	left: 2px;
	top: 2px;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: cover;
}

.image-box h5 {
	text-align: center;
}


@media screen and (max-width: 768px) {
	.image-box .image-half,
	.image-box .image-quarter {
		float: none;
		width: 95%;
		margin: auto 2.5% 2.5%;
	}
	.image-box .image-null,
	.image-box .image-full,
	.image-box .image-quarter:nth-of-type(4n),
	.image-box .image-half:nth-of-type(2n) {
		float: none;
		width: 95%;
		margin: auto 2.5%;
	}
	.image-box {
		margin: 20px auto;
	}
}


/*---------------------------------------------------------------------------------
ホバーアクション
--------------------------------------------------------------------------------- */

/*半透明*/
.hover-opacity:hover {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity:0.5;
}

/*右に動く矢印*/
.hover-arrow-right {
	position: relative;
	display: block;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}
.hover-arrow-right::before,
.hover-arrow-right::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5em;
	content: '';
	margin-top: auto;
	margin-bottom: auto;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
}
.hover-arrow-right.h10:before,
.hover-arrow-right.h10::after {
	width: 7px;
	height: 10px;
	background-position: 0 -111px;
}
.hover-arrow-right.h12::before,
.hover-arrow-right.h12::after {
	width: 9px;
	height: 12px;
	background-position: -8px -120px;
}
.hover-arrow-right.h13::before,
.hover-arrow-right.h13::after {
	width: 8px;
	height: 13px;
	background-position: 0 -120px;
}
.hover-arrow-right.h14::before,
.hover-arrow-right.h14::after {
	width: 9px;
	height: 14px;
	background-position: 0 -138px;
}
.hover-arrow-right.h18::before,
.hover-arrow-right.h18::after {
	width: 13px;
	height: 18px;
	background-position: -27px -111px;
}

.hover-arrow-right::after {
	opacity: 0;
	right: 1.5em;
}
.hover-arrow-right:hover::before {
	animation: arrowbefore .8s;
	animation-iteration-count: infinite;
}
.hover-arrow-right:hover::after {
	animation: arrowafter .8s;
	animation-iteration-count: infinite;
}
@keyframes arrowbefore {
	100% {
		right: 0.5em;
		opacity: 0;
	}
}
@keyframes arrowafter {
	99% {
		right: 1.5em;
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*---------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------- */
#header-wrapper {
	width: 100%;
	min-height: 54px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 201;
	border-bottom: 3px solid rgba(200,200,200,1.00);
/*	-webkit-box-shadow:0px 5px 4px 0px rgba(200, 200, 200, 1);
	-moz-box-shadow:0px 5px 4px 0px rgba(200, 200, 200, 1);
	box-shadow:0px 5px 4px 0px rgba(200, 200, 200, 1);*/
}
#header-wrapper h1,
#header-wrapper .slogan {
	width: 236px;
	position: absolute;
	top: 8px;
	left: 20px;
	font-size: 13px;
	line-height: 1.0;
	text-align: center;
	z-index: 5;
	font-weight: 800;
}
#header-wrapper h1 a,
#header-wrapper .slogan a {
	display: inline-block;
	margin-bottom: 10px;
}
#header-wrapper h1 a object,
#header-wrapper .slogan a object {
	pointer-events: none;
}


#header-wrapper h1 img,
#header-wrapper .slogan img {
	width: 236px;
}

#header-wrapper .other-nav-pc {
	position: absolute;
	top: 10px;
	right: 15px;
}
#header-wrapper .other-nav-sp {
	display: none;
}
#header-wrapper .childmenu,
#header-wrapper .childmenu-contact {
	display: none;
	clear: both;
	position: relative;
	top: 55px;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
}
#header-wrapper .childmenu-contact {
    margin-bottom: 3px;
}
#header-wrapper .childmenu-contact li,
#header-wrapper .childmenu li {
	width: 33%;
	float:left;
	text-align: center;
	margin-right: 0.5%;
	margin-bottom: 2px;
	background-color: #43BBB3;
	padding: 5px 0;
}
/*#header-wrapper .childmenu-contact li {
	width: 49.75%;
}*/

#header-wrapper .childmenu-contact li a,
#header-wrapper .childmenu li a {
	color: #fff;
}
#header-wrapper .childmenu-contact li:last-child,
#header-wrapper .childmenu li:nth-child(4),
#header-wrapper .childmenu li:last-child{
	margin-right: 0;
}
#header-wrapper .childmenu-contact li.contactus {
	background-color: #e27b1e;
}
#header-wrapper .childmenu-contact li.estimate {
	background-color: #1e8de2;
}
#header-wrapper .childmenu-contact li.t30days {
	background-color: #368b30;
}
@media only screen and (max-width: 320px) {
	#header-wrapper .childmenu-contact li,
	#header-wrapper .childmenu li {
		font-size: 9px;
	}
}

.other-nav-pc ul {
/*	overflow: hidden;*/
	padding-bottom: 10px;
	text-align: right;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
.other-nav-pc ul li {
	box-sizing: border-box;
	display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
	padding-right: 3px;
}
.other-nav-pc ul li span,
.other-nav-pc ul li a {
	display: block;
	width: 170px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
	border-radius: 14px;
}
.other-nav-pc ul li a.nav01 {
	background-color: #E48434;
	border: 2px solid #E48434;
}
.other-nav-pc ul li a.nav02 {
	background-color: #2A98E1;
	border: 2px solid #2A98E1;
}
.other-nav-pc ul li a.nav03 {
	background-color: #368b30;
	border: 2px solid #368b30;
}
.other-nav-pc ul li a.nav04 {
	background-color: #fff;
	border: 2px solid #43BBB3;
	color: #43BBB3;
	position: relative;
	transition: .5s;
}
.other-nav-pc ul li a.nav04:after {
	display: block;
	width: 7px;
	height: 6px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: -35px 0px;
	content:"";
	position: absolute;
	top: 0;
	right: 17px;
	bottom: 0;
	margin: auto;
}
.other-nav-pc ul li.hovermenu {
	position: relative;
	z-index: 300;
}
.other-nav-pc ul li.hovermenu:hover > a {
	border-radius: 14px 14px 0 0;
}
.other-nav-pc ul li.hovermenu > a:hover {
	background-color: #43BBB3;
	color: #fff;
}
.other-nav-pc ul li.hovermenu ul {
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	padding: 0;
	border-radius: 0 0 14px 14px;
	border: 2px solid #43BBB3;
	z-index: 500;
	width: 170px;
	background-color: #fff;
}
.other-nav-pc ul li.hovermenu ul li:nth-of-type(2) {
	width: 100%;
	border-top: 2px solid #43BBB3;
}
.other-nav-pc ul li.hovermenu ul li:nth-of-type(1) a {
	padding-top: 9px;
	padding-bottom: 7px;
	border-radius: 0 0 0 0;
	transition: .5s;
}
.other-nav-pc ul li.hovermenu ul li:nth-of-type(2) a {
	padding-top: 9px;
	padding-bottom: 7px;
	transition: .5s;
	border-radius: 0 0 12px 12px;
}

.other-nav-pc ul li.hovermenu ul li:nth-of-type(1) a:hover {
	border-radius: 0 0 0 0;
} 
.other-nav-pc ul li.hovermenu ul li:nth-of-type(2) a:hover {
	border-radius: 0 0 12px 12px;
} 


/*.other-nav-pc ul li.hovermenu ul:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}*/
.other-nav-pc ul li.hovermenu ul a {
	color: #43BBB3;
}
.other-nav-pc ul li.hovermenu ul li a:hover {
	background-color: #43BBB3;
	color: #fff;
}


.other-nav-pc p {
	text-align: right;
	line-height: 1;
	padding-right: 5px;
	font-size: 16px;
}
.other-nav-pc p .tel {
	display: inline-block;
	padding-left: 22px;
	padding-right: 16px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-repeat: no-repeat;
	background-position: 0 -91px;
	height: 14px;
}
.other-nav-pc p.hours {
	font-size: 14px;
}
.other-nav-pc .pc-nav-out li a,
.other-nav-pc .pc-nav-in li a {
    display: block;
    width: 56px;
    font-size: 10px;
    line-height: 1;
    color: #828282;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 6px;
    border-radius: 0;
    text-decoration: underline;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out 0.1s;
    transition: 0.3s all ease-in-out 0.1s;
}
.other-nav-pc .pc-nav-out li a:hover,
.other-nav-pc .pc-nav-in li a:hover {
    background-color: #1d9e48;
    color: #fff;
}
.other-nav-pc .pc-nav-out li .total-quant,
.other-nav-pc .pc-nav-in li .total-quant {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 9px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 50%;
    background-color: #e9641e;
    position: absolute;
    top: 10%;
    left: 65%;
    -webkit-transform: translate(-65%, -10%);
    transform: translate(-65%, -10%);
}
.other-nav-pc .pc-nav-out li a:before,
.other-nav-pc .pc-nav-in li a:before {
    content: '';
    display: block;
    margin: 0 auto 0.357em;
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    -webkit-transition: 0.3s all ease-in-out 0.1s;
    transition: 0s all ease-in-out 0.1s;
}


@media screen and (min-width:769px){
	body #wpadminbar {
		z-index: 999999;
		top: unset;
		bottom: 0;
	}
}

@media screen and  (max-width: 1000px) {
	#header-wrapper h1,
	#header-wrapper .slogan {
		left: 5px;
	}
	#header-wrapper .other-nav-pc {
		margin-left: 246px;
		right: 0px;
	}
	.other-nav-pc ul li {
		/*width: 25%;*/
	}
	.other-nav-pc ul li  a {
		width: auto;
		font-size: 11px;
		white-space: nowrap;
		padding-left: 3px;
		padding-right: 3px;
	}
	.other-nav-pc ul li a.nav04:after {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	#header-wrapper {
		width: 100%;
		min-height: auto;
		background-color: #fff;
		position:fixed;
		top: 0;
		left: 0;
		z-index: 201;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		transition: .3s;
	}
	#header-wrapper h1,
	#header-wrapper .slogan {
		width:45%;
		max-width: 156px;
		position: absolute;
		top: 12px;
		left: 10px;
		font-size: 8px;
		line-height: 1;
		text-align: center;
		font-weight: 100;
	}
	#header-wrapper h1 a,
	#header-wrapper .slogan a {
		display: block;
		margin-bottom: 5px;
		font-weight: 500;
	}
	#header-wrapper h1 object,
	#header-wrapper .slogan object {
		width: 100%;
		height: auto;
	}
	#header-wrapper .other-nav-pc {
		display: none;
	}
	#header-wrapper .other-nav-sp {
		display: block;
		width: 50%;
		max-width: 188px;
		position: absolute;
		top: 7px;
		right: 0;
	}
	#header-wrapper .other-nav-sp ul {
		width: 100%;
		overflow:hidden;
	}
	#header-wrapper .other-nav-sp ul li {
		width: 23%;
		float: left;
		padding-right: 10.33%;
	}
}

@media only screen and (max-width: 640px) {
	#header-wrapper h1,
	#header-wrapper .slogan {
		font-size: 8px;
		top: 10px;
		left: 8px;
		font-weight: 800;
	}
}
@media only screen and (max-width: 360px) {
	#header-wrapper h1,
	#header-wrapper .slogan {
		font-size: 7px;
	}
}



input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*  Menu Screen style's  ------------------------------------------------------------ */
.menu-container {
	padding-top: 86px;
}
.menu-container .function > ul > li.active01,
.menu-container .record > ul > li.active02,
.menu-container .support > ul > li.active03,
.menu-container .characteristic > ul > li.active03,
.menu-container .relationship > ul > li.active03,
.menu-container .costdown > ul > li.active03,
.menu-container .talking > ul > li.active03,
.menu-container .manage > ul > li.active03,
.menu-container .merit > ul > li.active03,
.menu-container .kot_movie > ul > li.active03,
.menu-container .case > ul > li.active04,
.menu-container .costlist > ul > li.active05,
.menu-container .cost > ul > li.active05,
.menu-container .estimate > ul > li.active05,
.menu-container .function > ul > li.active01 a,
.menu-container .record > ul > li.active02 a,
.menu-container .support > ul > li.active03 a,
.menu-container .characteristic > ul > li.active03 a,
.menu-container .relationship > ul > li.active03 a,
.menu-container .costdown > ul > li.active03 a,
.menu-container .talking > ul > li.active03 a,
.menu-container .manage > ul > li.active03 a,
.menu-container .merit > ul > li.active03 a,
.menu-container .kot_movie > ul > li.active03 a,
.menu-container .case > ul > li.active04 a,
.menu-container .costlist > ul > li.active05 a,
.menu-container .cost > ul > li.active05 a,
.menu-container .estimate > ul > li.active05 a,
.search-results .menu-container > ul > li.active06 a,
.search-results .menu-container > ul > li.active06 {
	color: #1D9E48;
}

.search-results .menu-container .function > ul > li.active01,
.search-results .menu-container .record > ul > li.active02,
.search-results .menu-container .support > ul > li.active03,
.search-results .menu-container .characteristic > ul > li.active03,
.search-results .menu-container .relationship > ul > li.active03,
.search-results .menu-container .costdown > ul > li.active03,
.search-results .menu-container .talking > ul > li.active03,
.search-results .menu-container .manage > ul > li.active03,
.search-results .menu-container .merit > ul > li.active03,
.search-results .menu-container .kot_movie > ul > li.active03,
.search-results .menu-container .case > ul > li.active04,
.search-results .menu-container .costlist > ul > li.active05,
.search-results .menu-container .cost > ul > li.active05,
.search-results .menu-container .estimate > ul > li.active05,
.search-results .menu-container .function > ul > li.active01 a,
.search-results .menu-container .record > ul > li.active02 a,
.search-results .menu-container .support > ul > li.active03 a,
.search-results .menu-container .characteristic > ul > li.active03 a,
.search-results .menu-container .relationship > ul > li.active03 a,
.search-results .menu-container .costdown > ul > li.active03 a,
.search-results .menu-container .talking > ul > li.active03 a,
.search-results .menu-container .manage > ul > li.active03 a,
.search-results .menu-container .merit > ul > li.active03 a,
.search-results .menu-container .kot_movie > ul > li.active03 a,
.search-results .menu-container .case > ul > li.active04 a,
.search-results .menu-container .costlist > ul > li.active05 a,
.search-results .menu-container .cost > ul > li.active05 a,
.search-results .menu-container .estimate > ul > li.active05 a {
	color: #535353;
}


.menu-container .function > ul > li.active01:after,
.menu-container .record > ul > li.active02:after,
.menu-container .support > ul > li.active03:after,
.menu-container .characteristic > ul > li.active03:after,
.menu-container .relationship > ul > li.active03:after,
.menu-container .costdown > ul > li.active03:after,
.menu-container .talking > ul > li.active03:after,
.menu-container .manage > ul > li.active03:after,
.menu-container .merit > ul > li.active03:after,
.menu-container .kot_movie > ul > li.active03:after,
.menu-container .case > ul > li.active04:after,
.menu-container .costlist > ul > li.active05:after,
.menu-container .cost > ul > li.active05:after,
.menu-container .estimate > ul > li.active05:after {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #1D9E48;
	z-index: 302;
	content:"";
	margin-top: 1px;
}

.search-results .menu-container .function > ul > li.active01:after,
.search-results .menu-container .record > ul > li.active02:after,
.search-results .menu-container .support > ul > li.active03:after,
.search-results .menu-container .characteristic > ul > li.active03:after,
.search-results .menu-container .relationship > ul > li.active03:after,
.search-results .menu-container .costdown > ul > li.active03:after,
.search-results .menu-container .talking > ul > li.active03:after,
.search-results .menu-container .manage > ul > li.active03:after,
.search-results .menu-container .merit > ul > li.active03:after,
.search-results .menu-container .kot_movie > ul > li.active03:after,
.search-results .menu-container .case > ul > li.active04:after,
.search-results .menu-container .costlist > ul > li.active05:after,
.search-results .menu-container .cost > ul > li.active05:after,
.search-results .menu-container .estimate > ul > li.active05:after {
	background-color: transparent;
}

.menu-container .function > ul > li .nav-item {
  color: #535353;
}

.menu-container .function > ul > li.active01 .nav-item.nav01:before {
    background-position: -40px -10px;
}

.search-results .menu-container .function > ul > li.active01 .nav-item.nav01:before {
    background-position: 0 -10px;
}

.menu-container .record > ul > li.active02 .nav-item.nav02:before {
    background-position: -40px -26px;
}

.search-results .menu-container .record > ul > li.active02 .nav-item.nav02:before {
    background-position: 0 -26px;
}

.menu-container .support > ul > li.active03 .nav-item.nav06:before,
.menu-container .characteristic > ul > li.active03 .nav-item.nav06:before,
.menu-container .relationship > ul > li.active03 .nav-item.nav06:before,
.menu-container .costdown > ul > li.active03 .nav-item.nav06:before,
.menu-container .talking > ul > li.active03 .nav-item.nav06:before,
.menu-container .merit > ul > li.active03 .nav-item.nav06:before,
.menu-container .kot_movie > ul > li.active03 .nav-item.nav06:before,
.menu-container .manage > ul > li.active03 .nav-item.nav06:before {
    background-position: -57px -26px;
}

.search-results .menu-container .support > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .characteristic > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .relationship > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .costdown > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .talking > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .merit > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .kot_movie > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .manage > ul > li.active03 .nav-item.nav06:before {
    background-position: -17px -26px;
}

.menu-container .case > ul > li.active04:after {
    background-position: -40px -26px;
}
.menu-container .costlist > ul > li.active05 .nav-item.nav03:before,
.menu-container .estimate > ul > li.active05 .nav-item.nav03:before {
    background-position: -40px -42px;
}

.search-results .menu-container .costlist > ul > li.active05 .nav-item.nav03:before,
.search-results .menu-container .estimate > ul > li.active05 .nav-item.nav03:before {
    background-position: 0 -42px;
}

.menu-container .case > ul > li.active04 .nav-item.nav04:before {
    background-position: -40px -58px;
}

.search-results .menu-container .case > ul > li.active04 .nav-item.nav04:before {
    background-position: 0 -58px;
}

.search-results .menu-container > ul > li.active06 .nav-item.nav05:before {
	background-image: url(../../uploads/2017/11/search_lightgreen.svg);
    background-position: center;
    background-size: contain;
}

.menu-container .manage > ul > li.active03 .nav-item.nav06:before {
    height: 17px;
}

.menu-container .nav-item a:hover {
    text-decoration: underline;
}


.menu-mobile,
.menu-dropdown-icon:before{
  display: none;
}

.menu > ul  {
	max-width: 1000px;
	margin: 0 auto;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
}
.menu > ul > li {
	float: left;
	width: 16.666%;
	letter-spacing: normal; /* 文字間を通常に戻す */
	line-height: 1;
	margin: 0;
	/*position: relative;*/
	height: 54px;
}
.menu > ul > li .nav-item.hover-action,
.menu > ul > li .nav-item:hover {
	border-top: rgba(200,200,200,1.00) 3px solid;
	border-left: rgba(200,200,200,1.00) 3px solid;
	border-right: rgba(200,200,200,1.00) 3px solid;
	background-color: #fff;
	padding-bottom: 21px;
	z-index: 10;
}
.menu > ul > li.active06 .nav-item.hover-action,
.menu > ul > li.active06 .nav-item:hover {
	padding-bottom: 21px;
}

.menu > ul > li .nav-item {
	display: block;
	padding: 17px 34px 20px; 
	margin: auto /*34px*/;
	position: relative;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	cursor: pointer;
    color: #535353;
}
.menu > ul > li .nav-item:before {
	display: block;
	width: 19px;
	height: 16px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-repeat: no-repeat;
	content:"";
	position: absolute;
	top: 17px;
	left: 10px;
}
.menu > ul > li .nav-item.nav01:before {
	background-position: 0 -10px;
}
.menu > ul > li .nav-item.nav01.hover-action:after,
.menu > ul > li .nav-item.nav02.hover-action:after,
.menu > ul > li .nav-item.nav03.hover-action:after,
.menu > ul > li .nav-item.nav04.hover-action:after,
.menu > ul > li .nav-item.nav06.hover-action:after,
.menu > ul > li .nav-item.nav01:hover:after,
.menu > ul > li .nav-item.nav02:hover:after,
.menu > ul > li .nav-item.nav03:hover:after,
.menu > ul > li .nav-item.nav04:hover:after,
.menu > ul > li .nav-item.nav06:hover:after {
	display: block;
	width: 13px;
	height: 10px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-repeat: no-repeat;
	background-position: 0 0;
	content:"";
	position: absolute;
	top: 20px;
	right: 10px;
}
.menu > ul > li .nav-item.nav02:before {
	background-position: 0 -26px;
}
.menu > ul > li .nav-item.nav03:before {
	background-position: 0 -42px;
	height: 15px;
}
.menu > ul > li .nav-item.nav04:before {
	background-position: 0 -57px;
	height: 17px;
}
.menu > ul > li .nav-item.nav05:before {
/*	background-position: 0 -74px;*/
	background-image: url(../../uploads/2017/11/search_black.svg);
    background-position: center;
    background-size: contain;
}


.menu > ul > li .nav-item.nav06:before {
	background-position: -17px -26px;
	height: 17px;
}

.menu > ul > li:hover:after {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #1D9E48;
	left: 0;
	bottom: 5px;
	z-index: 302;
	content:"";
	margin-top: 1px;
}

@media screen and  (max-width: 767) {
	.menu > ul > li .nav-item.nav01:hover:after,
	.menu > ul > li .nav-item.nav02:hover:after,
	.menu > ul > li .nav-item.nav03:hover:after,
	.menu > ul > li .nav-item.nav04:hover:after,
	.menu > ul > li .nav-item.nav05:hover:after,
	.menu > ul > li .nav-item.nav06:hover:after {
		display: none;
	}
/*	.menu-container .function > ul > li.active01:after,
	.menu-container .record > ul > li.active02:after,
	.menu-container .characteristic > ul > li.active03:after,
	.menu-container .relationship > ul > li.active03:after,
	.menu-container .costdown > ul > li.active03:after,
	.menu-container .talking > ul > li.active03:after,
	.menu-container .manage > ul > li.active03:after,
	.menu-container .merit > ul > li.active03:after,
	.menu-container .kot_movie > ul > li.active03:after,
	.menu-container .case > ul > li.active04:after,
	.menu-container .costlist > ul > li.active05:after,
	.menu-container .estimate > ul > li.active05:after,
	.search-results .menu-container > ul > li.active06:after {
		display: none;
	}*/
	.menu > ul > li .nav-item:hover {
		border: initial;
		background-color: transparent;
		padding-bottom: 8px;
	}
}

/*メガメニュー*/
.mega-menu {
	width: 100%;
	display: none;
	padding: 20px 10px 5px;
	background-color: #fff;
	position: absolute;
	top: 49px;
}
.mega-menu .inner {
	max-width: 1100px;
}



.menu > ul > li > ul {
	display: none;
	width: 720px;
	padding: 20px 10px 5px;
	background-color: #343434;
	position: absolute;
	top: 49px;
	left: -146px;
}
.menu .ttl {
	padding-bottom: 15px;
	border-bottom: 1px solid #242424;
}
.menu .ttl a {
	display: block;
	padding: 0 0 0 40px;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #43B9B2;
	position: relative;
}
.menu .ttl a:after {
	display: block;
	width: 9px;
	height: 12px;
	content:"";
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: -8px -120px;
	position: absolute;
	top: 3px;
	left: 20px;
}

.menu table {
	width: 100%;
	border-collapse: separate;
}
.menu table td {
	width: 33.3%;
	height: 50px;
	box-sizing: border-box;
	position: relative;
	padding-left: 17px;
	padding: 35px 0 35px 17px;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid #545454;
	border-bottom: 1px solid #242424;
}
.menu table td a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	padding: 0;
	padding-left: 65px;
}
.menu table td a img.pc {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.menu table td a img.sp {
	display: none;
}
.menu table td a:hover:after {
	display: block;
	width: 40px;
	height: 40px;
	border: 5px solid #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	content:"";
}

.menu table td:before ,
.menu table td:adter {
	display: block;
	width: 1px;
	height: 40px;
	position: absolute;
	top: 4px;
	content:"";
	background-image: none;
}
.menu table td:first-child:before ,
.menu table td:last-child:adter {
	display: none;
}

.menu table td:before {
	left: 0;
	background-color: #545454;
}
.menu table td:adter {
	right: 0;
	background-color: #242424;
}


.menu > ul > li > ul li {
	text-align: left;
}

@media screen and  (max-width: 1000px) {
	.menu > ul > li {
	margin: 0px 20px;
	}
	.menu > ul > li > ul {
		left: 0;
	}
}

/* メガメニュー */

.locked .overlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 10;
}

.menu {
	position: relative;
}

.mega-menu-function {
	width: 100%;
	position: absolute;
	background-color: #fff;
	top: 57px;
	left: 0;
	z-index: 5;
}

.mega-menu-function.display-on {
	display: block;
    max-height: none;
}

.mega-menu-function.shown {
	border-bottom: 3px #ccc solid;
}

.mega-menu-function .menu-close {
    display: none;
}

.mega-menu-function {
	min-height: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.mega-menu-function .content.active {
	margin-top: -13px;
	height: auto;
	padding-top: 10px;
}

.mega-menu-function .inner {
	max-width: 1100px;
	margin: 0 auto;
}

.mega-menu-function .faq-box .inner {
    max-width: 800px;
    margin: 0 auto;
}

.mega-menu-function .content > .inner {
/*	border-bottom: 3px solid #e6e6e6;*/
}

.mega-menu-function .inner h2 {
	font-size: 22px;
	padding: 0 20px 10px;
	color: #1D9E48;
	margin-top: /*-10px*/ 10px;
}

.mega-menu-function .menu-box {
	float: left;
	width: 20%;
	text-align: center;
}
.mega-menu-function .menu-box:nth-of-type(5n+1) {
	clear: both;
}

.mega-menu-function .menu-box .inner {
	padding: 5px 20px;
}

.mega-menu-function .menu-box .inner .menu-img {
	width: 180px;
	height: 100px;
	overflow: hidden;
}
.mega-menu-function .menu-box .inner .menu-img img {
	width: 180px;
	height: 100px;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}

.mega-menu-function .menu-box .inner .menu-img.current {
	border: 5px solid #1D9E48;
	margin: -5px -5px;
}

.mega-menu-function .menu-box {
	width: 14.285%;
	margin: auto;
}
.mega-menu-function .menu-box:nth-of-type(5n+1) {
	clear: none;
}
.mega-menu-function .menu-box:nth-of-type(7n+1) {
	clear: both;
}

.mega-menu-function .menu-box .inner .menu-img {
	width: 120px;
	height: 70px;
	overflow: hidden;
}
.mega-menu-function .menu-box .inner .menu-img img {
	width: 120px;
	height: 70px;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}



.mega-menu-function .menu-box .inner .menu-img:hover {
	border: 5px solid #1D9E48;
	margin: -5px -5px -5px;
}

.mega-menu-function .menu-box .inner .menu-txt {
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 20px;
	font-weight: 800;
}

.menu .mega-menu-function .title {
	padding: 15px 0;
	clear: both;
/*	text-align: center;*/
	font-size: 24px;
	font-weight: 800;
	/*border-bottom: 1px solid #e6e6e6;*/
	line-height: 1.0;
}

.menu .mega-menu-function .title a {
	position: relative;
	color: #1D9E48;
}

.menu .mega-menu-function .title a:before {
	content: "";
	position: absolute;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-repeat: no-repeat;
	background-position: -36px -389px;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 15px;
	height: 15px;
	margin: auto;
}

@media only screen and (max-width: 950px) {
	.mega-menu-function .menu-box {
		width: 25%;
	}
	.mega-menu-function .menu-box:nth-of-type(4n+1) {
		clear: both;
	}
	.mega-menu-function .menu-box:nth-of-type(5n+1) {
		clear: none;
	}
	.mega-menu-function .menu-box .inner .menu-img:hover {
		border: 4px solid #fff;
		margin: auto;
	}
}
@media only screen and (max-width: 768px) {
	.mega-menu-function {
		top: 65px;
	}
	.mega-menu-function .menu-box .inner .menu-txt {
		margin-top: 0;
		font-size: 11px;
	}

	header.fixed .mega-menu-function {
		top: 45px;
		transition-duration: .3s;
	}
	.menu .mega-menu-function .title a:before {
		/*top: 3px;*/
	}
	.mega-menu-function .menu-box .inner .menu-img {
		border: 4px solid #fff;
		margin: auto;
	}
	.mega-menu-function .menu-box .inner .menu-img.current {
		border: 4px solid #1D9E48;
		margin: auto;
	}
	.mega-menu-function .menu-box .inner .menu-img {
		width: 90px;
		height: 50px;
		overflow: hidden;
	}
	.mega-menu-function .menu-box .inner .menu-img img {
		width: 100%;
		height: auto;
	}
	.mega-menu-function .menu-box .inner .menu-img {
		width: 75px;
		height: 40px;
		overflow: hidden;
	}
	.mega-menu-function .menu-box .inner .menu-img img {
		width: 75px;
		height: 40px;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;'
	}
	.mega-menu-function .menu-box:nth-of-type(4n+1) {
		clear: none;
	}
	.mega-menu-function .menu-box:nth-of-type(7n+1) {
		clear: none;
	}
	.menu .mega-menu-function .title {
		padding: 7px 0;
		padding-left: 40px;
		clear: both;
/*		text-align: center;*/
		font-size: 15px;
		font-weight: 100;
	}
	.mega-menu-function .menu-box .inner .menu-txt {
		margin-bottom: 5px;
	}

	.mega-menu-function .menu-close {
		display: block;
		position: absolute;
		top: 10px;
		right: 9px;
		border-radius: 5px;
		border: 1px solid #bdc3c7;
		padding: 0px 10px;
		height: 25px;
	}
	.mega-menu-function .menu-close span {
		display: block;
		color: #505050;
		line-height: 25px;
		font-size: 14px;
	}
	.mega-menu-function .menu-close span:before {
		content: "x";
		margin-right: 15px;
	}
	.mega-menu-function .menu-box .inner .menu-img {
		width: 54px;
		height: 30px;
		overflow: hidden;
		margin: auto;
	}
	#traial_sp{
		max-width: 100%;
		display: block !important;
   }    
   #traial_pc{
		max-width: 100%;
		display: none;
   }
}

@media only screen and (max-width: 640px) {
	.mega-menu-function .inner h2 {
		font-size: 13px;
		padding: 0 10px 5px;
		color: #1D9E48;
		margin-top: /*-15px*/ 10px;
	}
	.mega-menu-function .menu-box {
		width: 33.3%;
	}
	.mega-menu-function .menu-box:nth-of-type(4n+1) {
		clear: none;
	}
	.mega-menu-function .menu-box:nth-of-type(3n+1) {
		clear: both;
	}
	.mega-menu-function .menu-box {
		width: 25%;
	}
	.mega-menu-function .menu-box:nth-of-type(3n+1),
	.mega-menu-function .menu-box:nth-of-type(6n+1) {
		clear: none;
	}
	.mega-menu-function .menu-box:nth-of-type(4n+1) {
		clear: both;
	}
	.mega-menu-function .menu-box .inner {
 		padding: 5px 8px;
	}

	.mega-menu-function .menu-box .inner .menu-img img {
		width: 54px;
		height: 30px;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;'
	}
	.mega-menu-function .menu-box .inner .menu-img {
		width: 54px;
		height: 30px;
		overflow: hidden;
		margin: auto;
	}
/*	.mega-menu-function .menu-box. .inner .menu-img:hover {
		margin: -5px -5px;
	}*/
	.mega-menu-function .menu-box .inner .menu-img img {
		width: 54px;
		height: 30px;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;'
	}
}

@media only screen and (max-width: 320px) {
/*	.mega-menu-function .menu-box .inner .menu-img {
		width: 90px;
		height: 53px;
		overflow: hidden;
	}
	.mega-menu-function .menu-box .inner .menu-img img {
		width: 90px;
		height: 53px;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;'
	}*/
	.mega-menu-function .menu-box .inner .menu-txt {
		font-size: 8px;
	}
}

/*  Menu Mobile style's   ------------------------------------------------------------ */
@media only screen and (max-width: 1000px) {
	.menu-container  {
		padding-top: 54px;
	}
	.menu {
		margin: 0;
		width: 100%;
	}
	.menu > ul  {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		/*letter-spacing: -.40em;*/ /* 文字間を詰めて隙間を削除する */
		text-align: center;
	}
	.menu > ul > li {
		display: block;
		float: left;
		letter-spacing: normal; /* 文字間を通常に戻す */
		line-height: 1;
		margin: 0;
		position: relative;
		box-sizing: border-box;
		width: 16.25%;
		height: 65px;
		background-color: #1D9E48;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
        }
	.menu > ul > li.selected {
        	background-color: #fff;
	}
	.menu > ul > li .nav-item {
		display: block;
		margin: auto;
		padding: 45px 0 8px;
		position: relative;
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		color: #fff !important;
		-webkit-transition: 035s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		/*border-left: 1px solid #fff;*/
	}
	.menu > ul > li.selected .nav-item {
        	color: #004159 !important;
    	}
	.menu > ul > li .nav-item:before {
		display: block;
		width: 30px;
		height: 40px;
		background-image: url(../../uploads/2018/11/header-sprite.png);
		background-repeat: no-repeat;
		background-size: 187px;
		background-position: 0 -135px;
		content:"";
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		margin: 0 auto;
/*		-webkit-transition: 0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;*/
	}
	.menu > ul > li:nth-of-type(6) .nav-item{
	        margin-right: none;
	}
	.menu > ul > li:nth-of-type(2),
	.menu > ul > li:nth-of-type(3),
	.menu > ul > li:nth-of-type(4),
	.menu > ul > li:nth-of-type(5),
	.menu > ul > li:nth-of-type(1) {
		margin-right: 0.5%;
	}
	.menu > ul > li .nav-item.nav01:before {
		background-position: 0 10px !important;
	}
	.menu > ul > li.selected .nav-item.nav01:before {
		background-position: 0 -52px !important;
	}
	.menu > ul > li .nav-item.nav01:after {
		display: none;
	}
	.menu > ul > li .nav-item.nav02:before {
		background-position: -32px 10px !important;
	}
	.menu > ul > li.selected .nav-item.nav02:before {
		background-position: -32px -52px !important;
	}
	.menu > ul > li .nav-item.nav03:before {
		background-position: -94px 10px !important;
		height: 40px;
	}
	.menu > ul > li.selected .nav-item.nav03:before {
		background-position: -94px -52px !important;
	}
	.menu > ul > li .nav-item.nav04:before {
		background-position: -124px 10px !important;
		height: 40px;
	}
	.menu > ul > li.selected .nav-item.nav04:before {
		background-position: -124px -52px !important;
		height: 40px;
	}
	.menu > ul > li .nav-item.nav05:before {
/*		background-position: -155px 10px !important;*/
        width: 30px;
        top: 5px;
        background-size: 30px;
        background-position: center;
		background-image: url(../../uploads/2017/11/search_white.svg);          
	}
	.menu > ul > li.selected .nav-item.nav05:before {
/*		background-position: -155px -52px !important;*/
		background-image: url(../../uploads/2018/11/search_green.svg);          
	}
	.menu > ul > li .nav-item.nav06:before {
		background-position: -63px 10px !important;
		height: 43px;
	}
	.menu > ul > li.selected .nav-item.nav06:before {
		background-position: -63px -52px !important;
	}

	.menu > ul > li:hover:after {
		display: none;
	}
	#header-wrapper.fixed .menu > ul > li  {
		height: 45px;
	}
	#header-wrapper.fixed .menu > ul > li > a .nav-item,
	#header-wrapper.fixed .menu > ul > li > .nav-item {
		display: block;
		padding: 25px 0 8px;
		position: relative;
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		color: #fff;
	}
	#header-wrapper.fixed .menu > ul > li > a .nav-item:before,
	#header-wrapper.fixed .menu > ul > li > .nav-item:before {
		display: block;
		width: 15px;
		height: 21px;
		background-image: url(../../uploads/2018/11/header-sprite.png);
		background-repeat: no-repeat;
		background-size: 94px;
		background-position: 0 -67px;
		content:"";
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav01:before {
		background-position: 0 5px !important;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav02:before {
		background-position: -16px 5px !important;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav03:before {
		background-position: -47px 5px !important;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav04:before {
		background-position: -63px  5px !important;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav05:before {
		background-image: url(../../uploads/2017/11/search_white.svg);          
		width: 17px;
        background-size: 17px;
        background-position: center;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav06:before {
		background-position: -32px  5px !important;
	}

	.menu-container .function > ul > li.active01:after,
	.menu-container .record > ul > li.active02:after,
	.menu-container .support > ul > li.active03:after,
	.menu-container .characteristic > ul > li.active03:after,
	.menu-container .relationship > ul > li.active03:after,
	.menu-container .costdown > ul > li.active03:after,
	.menu-container .talking > ul > li.active03:after,
	.menu-container .manage > ul > li.active03:after,
	.menu-container .merit > ul > li.active03:after,
	.menu-container .kot_movie > ul > li.active03:after,
	.menu-container .case > ul > li.active04:after,
	.menu-container .cost > ul > li.active05:after,
	.menu-container .estimate > ul > li.active05:after,
	.search-results .menu-container > ul > li.active06:after {
		display: none;
	}
	.menu > ul > li > ul {
		display: none;
		width: 720px;
		padding: 20px 10px 5px;
		background-color: #343434;
		position: absolute;
		top: 49px;
		left: -146px;
	}
	/*メガメニュー*/
	.menu > ul > li > ul {
		display: none;
		box-sizing: border-box;
		padding: 0 0 30px;
		background-color: #fff;
		position: absolute;
		top: 65px;
		left: 0px;
	}
	.menu .ttl {
		width: 100%;
		padding-bottom: 0;
		border-bottom: none;
		position: absolute;
		left: 0;
		bottom: 0px;

	}
	.menu .ttl a {
		display: block;
		padding: 12px 0 8px ;
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		color: #43B9B2;
		position: relative;
		text-align: center;
		border-left: 1px solid #979797;
		border-right: 1px solid #979797;
		border-bottom: 1px solid #979797;
	}
	.menu .ttl a:after {
		display: block;
		width: 12px;
		height: 12px;
		content:"";
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-position: -17px -180px;
		background-size: 150px;
		position: absolute;
		top: 12px;
		left: 50%;
		margin-left: -50px;
	}

	.menu table {
		width: 100%;
		border-collapse: separate;
	}
	.menu table td {
		width: 33.3%;
		height: 50px;
		box-sizing: border-box;
		position: relative;
		padding: 0;
		text-align: center;
		vertical-align: top;
		border-top:none;
		border-right: 1px solid #979797;
		border-left: none;
		border-bottom: 1px solid #979797;
	}
	.menu table td:first-child {
		border-left: 1px solid #979797;
	}
	.menu table td a {
		display: block;
		vertical-align: middle;
		font-size: 10px;
		line-height: 1.2;
		color: #2b2b2b;
		padding: 10px;
		font-weight: 500;
	}
	.menu table td a img.pc {
	    display: none;
    }
	.menu table td a img.sp {
		display: block;
		position: static;
		width: 100% !important;
		height: auto !important;
		padding-bottom: 5px;
	}
	.menu table td a:hover:after {
		display: none;
	}

	.menu table td:before ,
	.menu table td:adter {
		display: block;
		width: 1px;
		height: 40px;
		position: absolute;
		top: 4px;
		content:"";
		background-image: none;
	}
	.menu table td:first-child:before ,
	.menu table td:last-child:adter {
		display: none;
	}

	.menu table td:before {
		left: 0;
		background-color: #545454;
	}
	.menu table td:adter {
		right: 0;
		background-color: #242424;
	}
}



/*---------------------------------------------------------------------------------
ヘッダー固定時
--------------------------------------------------------------------------------- */
 #header-wrapper.fixed {
	position: fixed;
}
 #header-wrapper.fixed h1 span,
 #header-wrapper.fixed .slogan span,
 #header-wrapper.fixed .other-nav-pc{
	display: none;
}
#header-wrapper.fixed .menu-container  {
	padding-top: 0;
}
#header-wrapper.fixed .menu ul {
/*	margin-left: 280px;*/
	text-align: left;
}
#header-wrapper.fixed .menu > ul > li {
	text-align: center;
	margin-left: 0;
}
@media screen and (min-width: 999px) and  (max-width: 1540px) {
	#header-wrapper.fixed .menu ul {
		margin-left: 280px;
	}
	#header-wrapper.fixed .menu .search_list ul {
		margin-left: 0;
	}
}
/*@media screen and (min-width:769px) and  (max-width: 1000px) {
	#header-wrapper.fixed .menu > ul > li {
		margin-right: 10px;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item {
		padding-right: 10px;
	}
	#header-wrapper.fixed .menu > ul > li:first-child .nav-item {
		padding-right: 34px;
	}
}*/
@media only screen and (max-width: 768px) {
	#header-wrapper.fixed .menu ul {
		margin-left: 0;
	}
	#header-wrapper.fixed .menu-container  {
		padding-top: 54px;
	}
	#header-wrapper.fixed h1 span,
	#header-wrapper.fixed .slogan span {
		display: inline;
	}
	#header-wrapper.fixed .menu > ul > li.selected .nav-item {
		color: #004159;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav-item:before {
		display: block;
		width: 15px;
		height: 21px;
		background-size: 94px;
		background-position: 0 -26px !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav02:before {
		background-position: -16px -26px !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav03:before {
		background-position: -47px -26px !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav04:before {
		background-position: -63px -26px !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav05:before {
		background-image: url(../../uploads/2018/11/search_green.svg);
        width: 17px;
        background-size: 17px;
        background-position: center !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav06:before {
		background-position: -32px -26px !important;
	}
}



/*---------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------- */

/*CV*/
#cv-btn {
	display: none;
	width: 55px;
	height: 216px;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 102;
}
#cv-btn div {
	margin-bottom: 2px;
	position: relative;
}
#cv-btn div a {
	display: block;
	width: 214px;
	padding: 29px 0 29px 70px;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	background-color: #fff;
	border-radius: 35px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px #000000;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	position: relative;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
#cv-btn div a:hover {
	-webkit-transform: translate(-183px);
	transform: translate(-183px);
}
#cv-btn div a:before {
	display: block;
	width: 40px;
	height: 40px;
	content:"";
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	position: absolute;
	top: 16px;
	left: 15px;
}
#cv-btn .cv-xperience a:hover {
	background-color: #E27B1E;
}
#cv-btn .cv-xperience a:before {
	background-position: 0 -152px;
}
#cv-btn .cv-simulation a:hover {
	background-color: #1E8DE2;
}
#cv-btn .cv-simulation a:before {
	background-position: 0 -192px;
}
#cv-btn .cv-contact a:hover {
	background-color: #368b30;
}
#cv-btn .cv-contact a:before {
	background-position: 0 -231px;
}

/*コンテンツ*/
#contents-wrapper {
	width: 100%;
	padding-top: 139px;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}
#contents-wrapper header {
	padding-top: 3px;
	padding-bottom: 70px;
	position: relative;
}
#contents-wrapper header .header-post {
	font-weight: bold;
}

#contents-wrapper header .header-post,
#contents-wrapper header h1 {
	width: 100%;
/*	height: 30px;*/
	padding: 40px 0;
	font-size: 30px;
	line-height: 1;
	color: #fff;
	text-align: center;
	background-size: cover;
	background-position: center center;
	background-color: #1D9E48;
}
#contents-wrapper header .breadcrumbs .inner {
	width: 1100px;
	margin: auto;
	padding: 10px 0;
	font-size: 12px;
	line-height: 1;
	overflow: hidden;
}

#contents-wrapper header .breadcrumbs .inner > span {
	margin-right: 5px;
	margin-left: 5px;
}

#contents-wrapper header .breadcrumbs .inner > span:first-child {
	margin-right: 5px;
	margin-left: 0;
}

#contents-wrapper header .breadcrumbs .inner > span:last-child {
	margin-right: 0;
	margin-left: 5px;
}

.breadcrumbs {
        list-style: none;
        overflow: hidden;
        color: rgb(33,33,33);
        font: 11px arial, Helvetica, clean, sans-serif;
        margin: 0;
        background: rgb(233,233,233);
}
.breadcrumbs .inner > span {
        float: left;
        line-height: 20px;
}
.breadcrumbs .inner > span a {
        color: rgb(33,33,33);
        text-decoration: none;
        padding: 0 17px 0 15px;
        /*background: rgb(142,142,142);*/
        display: block;
        float: left;
}
.breadcrumbs .inner > span a::after {
        position: relative;
        display: block;
        margin-top: -10px;
        margin-left: auto;
        margin-right: -20px;
        height: 10px;
        width: 5px;
        content: " ";
        -webkit-transform: skew(-45deg);
        background: rgb(142,142,142);
        border-right: 2px solid white;
}
.breadcrumbs .inner > span a::before {
        float: right;
        display: block;
        margin-bottom: -10px;
        margin-left: auto;
        margin-right: -20px;
        height: 10px;
        width: 5px;
        content: " ";
        -webkit-transform: skew(45deg);
        background: rgb(142,142,142);
        border-right: 2px solid white;
}
.breadcrumbs .inner > span:first-child a {
        padding-left: 10px;
        background: rgb(233,233,233);
}
.breadcrumbs .inner > span:first-child a::before,
.breadcrumbs .inner > span:first-child a::after {background: rgb(108,108,108);}
.breadcrumbs .inner > span:last-child {
        padding-left: 15px;
        background: transparent !important;
/*        color: rgb(50,116,208);
        font-weight: 900;*/
}
.breadcrumbs .inner > span:first-child a::after {
	margin-top: -13px;
}
.breadcrumbs .inner > span a:hover,
.breadcrumbs .inner > span a:hover::before,
.breadcrumbs .inner > span a:hover::after {background: rgb(200,200,200);}
.breadcrumbs .inner > span:first-child a:hover,
.breadcrumbs .inner > span:first-child a:hover::before,
.breadcrumbs .inner > span:first-child a:hover::after {background: rgb(200,200,200);}
.breadcrumbs .inner > span.scope a,
.breadcrumbs .inner > span.scope a::before,
.breadcrumbs .inner > span.scope a::after {background: rgb(50,116,208);}
.breadcrumbs .inner > span.scope a:hover,
.breadcrumbs .inner > span.scope a:hover::before,
.breadcrumbs .inner > span.scope a:hover::after {background: rgb(34,97,160);}

@media only screen and (max-width: 768px) {
	.breadcrumbs .inner > span a {
		padding: 0 10px 0 15px;
	}
}
/*おすすめコンテンツ*/
#recommend-contents {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
}
#recommend-contents h2 {
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	position: relative;
}

#recommend-contents ul {

	overflow:hidden;
}
#recommend-contents li {
	width: 22%;
	padding-right: 4%;
	float: left;
}
#recommend-contents li:last-child {
	padding-right: 0;
}
#recommend-contents li a,
#recommend-contents li span {
	display: block;
	font-size: 14px;
}
#recommend-contents li .ttl {
	padding-top: 20px;
	height: 65px;
	font-size: 16px;
	font-weight: bold;
	color: #1D9E48;
}

/*スマホ用　CVボタン*/
#sp_contents-cv {
	display: none;
}


@media only screen and (max-width: 768px) {
	.breadcrumbs .inner > span:first-child a {
		background: rgb(241,241,241);
	}

    #top-cv {
        display: none;
    }

    #cv-btn {
		display: block;
        top: auto;
        right: auto;
        width: auto;
        height: auto;
        bottom: -61px;
        left: 10px;
		transition: 0.3s;
    }
    #cv-btn div {
        display: inline-block;
    }
    #cv-btn div a {
        background: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: auto;
        text-indent: -99999px;
        color: transparent;
        padding: 10px;
        line-height: 0px;
        -webkit-transition: none;
        transition: none;
    }

    #cv-btn div a:before {
        position: static;
    }

	#cv-btn div a:hover {
		-webkit-transform: initial;
		transform: initial;
	}

	#cv-btn a:hover {
		background-color: initial !important;
	}

    #reason-pager .bx-pager {
        margin-left: 2vw;
        margin-right: 2vw;
        line-height: 0;
        padding: 0;
    }
    #reason-pager .bx-pager ul {
        text-align: center;
    }

    #home #reason .bx-pager li.reason-pager {
        border-bottom: none !important;
        width: 17.6vw !important;
        margin: auto 1vw !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;

    }
    #home #reason .bx-pager li.reason-pager:first-child {
        margin-left: 0px !important;
    }
    #home #reason .bx-pager li.reason-pager:last-child {
        margin-right: 0px !important;
    }

    #reason-pager .bx-wrapper {
        margin: 2vw;
        margin-top: 0px;
        padding-bottom: 10px;
    }
    #reason-pager .bx-wrapper.blue {
        border: 1px solid #1D9E48;
    }
    #reason-pager .bx-wrapper.pink {
        border: 1px solid /*#e80c7a*/ #e9641e;
    }
    #reason-pager .bx-wrapper.green {
        border: 1px solid #35b574;
    }
    #reason-pager .bx-wrapper.purple {
        border: 1px solid /*#9e35b4*/ #615d94;
    }
    #reason-pager .bx-wrapper.orange {
        border: 1px solid #ff9f08;
    }


	#contents-wrapper {
		width: 100%;
		padding-top: 119px;
		padding-bottom: 0;
		position: relative;
		z-index: 1;
	}
	#contents-wrapper header {
		padding-top: 6px;
		padding-bottom: 40px;
		position: relative;
	}
	#contents-wrapper header .breadcrumbs {
		width: 100%;
		position: static;
		margin-bottom: 5px;
		background-color: #F4F4F4;
		padding-top: 8px;
		padding-bottom: 8px;
		line-height: 1.8;
	}
	#contents-wrapper header .breadcrumbs .inner {
		width: 95%;
		margin: auto 2.5%;
		padding: 5px 0;
	}
	#contents-wrapper header .breadcrumbs p {
		padding-left: 6px;
	}
	#contents-wrapper header .breadcrumbs p .home,
	#contents-wrapper header #breadcrumb .breadcrumb-title {
		padding-left: 10px;
		width: 20px;
		height: 15px;
		text-indent: 100%;
    		white-space: nowrap;
    		overflow: hidden;
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-size: 150px;
		background-position: -62px -180px;
		top: -2px;
		left: 10px;
	}

	#contents-wrapper header #breadcrumb {
		overflow: hidden;
		width: 100%;
		margin-bottom: 5px;
		background-color: #F4F4F4;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#contents-wrapper header .header-post,
	#contents-wrapper header h1 {
		/*height: 18px;*/
		padding: 15px 0;
		font-size: 18px;
	}


	/*おすすめコンテンツ*/
	#recommend-contents {
		max-width: 100%;
		margin: 20px auto 30px;
	}
	#recommend-contents h2 {
		padding-top: 19px;
		padding-bottom: 0;
		font-size: 20px;
	}
	#recommend-contents li {
		box-sizing: border-box;
		width: 50%;
		padding: 0 12px 15px;
		float: left;
	}
	#recommend-contents li:last-child {
		padding-right: 0;
	}
	#recommend-contents li:nth-of-type(2n+1) {
		clear: left;
	}
	#recommend-contents li a,
	#recommend-contents li span {
		display: block;
		font-size: 13px;
	}
	#recommend-contents li .ttl {
		padding-top: 7px;
		padding-bottom: 15px;
		height: inherit;
		font-size: 15px;
		line-height: 1.4;
		font-weight: bold;
		color: #1D9E48;
	}

	/*スマホ用　CVボタン*/
	#sp_contents-cv {
		display: block;
		padding-top: 27px;
		padding-bottom: 33px;
		background-image: url(/wp-content/uploads/2017/02/bg_cv.jpg);
		background-size: cover;
		background-position: center center;
	}
	#sp_contents-cv ul {
		margin: 0 22px;
	}
	#sp_contents-cv ul:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
	#sp_contents-cv ul li  {
		box-sizing: border-box;
		width: 33%;
		float: left;
		background-color: #fff;
		background-image: url(/wp-content/uploads/2017/02/bg_cv_inner.png);
		background-size: contain;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	#sp_contents-cv ul li:nth-of-type(2) {
		width: 34%;
		border-right: 1px solid #4B4341;
		border-left: 1px solid #4B4341;
	}
	#sp_contents-cv ul li a {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	#sp_contents-cv ul li a span {
		display: block;
	}
	#sp_contents-cv .icon {
		padding-top: 15px;
		width: 54px;
		margin: 0 auto;
	}
	#sp_contents-cv .icon img {
		width: 100%;
		height: auto;
		z-index: 2;
		position: relative;
	}
	#sp_contents-cv .ttl {
		padding-top: 11px;
		padding-bottom: 15px;
		font-size: 12px;
		line-height: 1.5;
		text-align: center;
	}
	#sp_contents-cv .btn {
		width: 22px;
		height: 22px;
		border: 4px solid #fff;
		border-radius:33px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -10px;
		margin: auto;
	}
	#sp_contents-cv .btn::after {
		display: block;
		width: 22px;
		height: 22px;
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		background-image: url(/wp-content/uploads/2017/02/btn_cv.png);
		background-size: 100%;
	}

	#sp_contents-cv li:nth-of-type(1) .btn{
		background-color: #e27b1e;
	}
	#sp_contents-cv li:nth-of-type(2) .btn{
		background-color: #1e8de2;
	}
	#sp_contents-cv li:nth-of-type(3) .btn{
		background-color: #368b30;
	}

	#sp_contents-cv .icon .ripple {
		display: block;
		position: absolute;
		top: 11.5%;
		z-index: 1;
		width: 54px;
		height: 54px;
		border-radius: 50%;
	}

	#sp_contents-cv li:nth-of-type(1) .ripple {
		background-color: #e27b1e;
	}
	#sp_contents-cv li:nth-of-type(2) .ripple {
		background-color: #1e8de2;
	}
	#sp_contents-cv li:nth-of-type(3) .ripple {
		background-color: #368b30;
	}
	#sp_contents-cv .ripple {
		animation-name: rippleAnimation;
		animation-timing-function: ease-out;
		animation-iteration-count: infinite;
		animation-duration: .8s;
		-webkit-animation-name: rippleAnimation;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: .8s;
		-moz-animation-name: rippleAnimation;
		-moz-animation-timing-function: ease-out;
		-moz-animation-iteration-count: infinite;
		-moz-animation-duration: .8s;
	}
	@-webkit-keyframes rippleAnimation {
		0% {
        		-webkit-transform: scale(1, 1);
        		opacity: 1;
		    }
		100% {
			-webkit-transform: scale(1.2, 1.2);
			opacity: 0;
    		}
	}
	@-moz-keyframes rippleAnimation {
    		0% {
        		-moz-transform: scale(1, 1);
        		opacity: 1;
    		}
		100% {
			-moz-transform: scale(1.2, 1.2);
			opacity: 0;
    		}
	}
	@keyframes rippleAnimation {
		0% {
			transform: scale(1, 1);
			opacity: 1;
		}
		100% {
			transform: scale(1.2, 1.2);
			opacity: 0;
		}
	}
	#cv-btn .cv-xperience,
	#cv-btn .cv-simulation,
	#cv-btn .cv-contact {
		display: none;
	}
}
@media only screen and (max-width: 320px) {
	#recommend-contents li .ttl {
		font-size: 11px;
		height: 25px;
	}
}

/*---------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------- */
#footer-wrapper {
	width: 100%;
	background-color: #F1F1F1;
	position: relative;
	z-index: 2;
}
#page-top {
	display: none;
	width: 64px;
	position: fixed;
	right: 15px;
	bottom: 30px;
	z-index: 3;
}
@media only screen and (max-width: 768px) {
	 #page-top {
		width: 43px;
		position: fixed;
		right: 15px;
		bottom: 15px;
		z-index: 3;
	}
}
#footer-wrapper .inner {
	padding-top: 64px;
	padding-bottom: 50px;
	max-width: 1100px;
	overflow:hidden;
	margin: 0 auto;
}

#footer-wrapper .inner {
	padding-top: 64px;
	padding-bottom: 50px;
	max-width: 1100px;
	overflow:hidden;
	margin: 0 auto;
}
#footer-wrapper .inner h2 {
	padding-bottom: 40px;
}

#footer-wrapper .inner .textwidget ul {
  margin-bottom: 20px;
}

#footer-wrapper .inner .widget {
	width: 34%;
	float: left;
}
#footer-wrapper .inner .widget:nth-of-type(2),
#footer-wrapper .inner .widget:nth-of-type(3),
#footer-wrapper .inner .widget:nth-of-type(4) {
	width: 22%;
}
#footer-wrapper .inner ul li,
#footer-wrapper .inner h3 {
	padding-bottom: 25px;
	padding-right: 12px;
}
#footer-wrapper .inner a {
	color: #000;
}

#footer-wrapper .inner .box {
	width: 25%;
	float: left;
}
#footer-wrapper .inner .box:nth-of-type(1) {
	width: 28%;
}
#footer-wrapper .inner .box:nth-of-type(2) {
	width: 22%;
}

#footer-wrapper .inner h2 {
	width: 202px;
	padding-bottom: 40px;
}
#footer-wrapper .inner h3 {
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	color: #48B7B1;
	padding-bottom: 26px;
	padding-left: 22px;
}
#footer-wrapper .inner h3 a {
	color: #1D9E48;
}
#footer-wrapper .inner ul {
	display: block;
	padding-bottom: 48px;
	padding-left: 22px;
}
#footer-wrapper .inner ul li {
	padding-bottom: 26px;
	padding-right: 12px;
	line-height: 1.2;
}
#footer-wrapper .inner ul li a {
	font-size: 14px;
}
#footer-wrapper .inner .anc {
	display: none;
}
#footer-wrapper .inner .anc a {
	display: block;
	position: relative;
	padding-left: 28px;
	font-size: 12px;
	line-height: 1.2;
}
#footer-wrapper .inner .anc a:after {
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: -1px;
	left: 0;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 30px auto;
	background-position: 0 -1008px;
	content:"";
}

#footer-wrapper .wrap {
	width: 100%;
	background-color: #fff;
	border-bottom: 27px solid #DBDBDB;
}
#footer-wrapper .wrap footer {
	/*width: 865px;*/
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 24px;
	padding: 20px 45px 24px 170px;
	overflow:hidden;
}
#footer-wrapper .corp {
	width: 595px;
	float: left;
	padding-top: 47px;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#footer-wrapper .corp li {
	display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
	padding-right: 26px;
}
#footer-wrapper .corp li  a {
	display: block;
	padding-left: 22px;
	position: relative;
	font-size: 16px;
	line-height: 1;
}
#footer-wrapper .corp a:after {
	display: block;
	width: 9px;
	height: 13px;
	content:"";
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: 0 -124px;
	position: absolute;
	top: 2px;
	left: 0;
}
#footer-wrapper .marks {
	width: 600px;
	float: right;
	padding-top: 20px;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#footer-wrapper .marks li {
	display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
	padding-right: 13px;
}
#footer-wrapper .marks li:last-child {
	padding-right: 0;
}

#footer-wrapper .inner a:hover,
#footer-wrapper .corp a:hover {
	color: #48B7B1;
}


@media only screen and (max-width: 768px) {
	#footer-wrapper .inner {
		padding-top: 23px;
		padding-bottom: 45px;
		position: relative;
	}

	#footer-wrapper .inner h2 {
		width: 200px;
		padding-bottom: 0;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		margin: auto;
	}

	#footer-wrapper .inner h2 img {
		width: 100%;
	}

	#footer-wrapper .inner h3 {
		font-size: 15px;
		padding-bottom: 16px;
		padding-left: 15px;
		font-weight: 100;
	}
	#footer-wrapper .inner h3 a {
		display: block;
		position: relative;
	}
	#footer-wrapper .inner h3 a:after {
		display: block;
		width: 8px;
		height: 13px;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -7px;
		content:"";
		background-image: url(../../uploads/2018/11/green-arrow.svg);
		background-size: cover;
	}
	#footer-wrapper .inner h3.footer_accordion_head a:after {
		width: 13px;
		height: 13px;
		background-image: url(../../uploads/2018/11/green-plus.svg);
	}
	#footer-wrapper .inner h3.selected.footer_accordion_head a:after {
		width: 12px;
		height: 3px;
		margin-top: -2px;
		background-image: url(../../uploads/2018/11/green-minus.svg);
	}
	#footer-wrapper .inner ul {
		display: none;
		padding-bottom: 30px;
		padding-left: 25px;
	}
	#footer-wrapper .inner ul li {
		padding-bottom: 12px;
		padding-right: 14px;
		line-height: 1.2;
	}
	#footer-wrapper .inner ul li a {
		font-size: 14px;
	}
	#footer-wrapper .inner .widget:nth-of-type(1),
	#footer-wrapper .inner .widget:nth-of-type(2),
	#footer-wrapper .inner .widget:nth-of-type(3),
	#footer-wrapper .inner .widget:nth-of-type(4),
	#footer-wrapper .inner .widget {
		width: 100%;
		float: none;
	}
	#footer-wrapper .inner .anc  {
		display: block;
		margin-top: 15px;
	}
	#footer-wrapper .inner .anc a {
	display: block;
	position: relative;
	font-size: 14px;
}
#footer-wrapper .inner .anc a:after {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: -1px;
	left: 0;
	background-image: url(../../uploads/2018/11/green-circle-arrow.svg);
	background-size: cover;
	content:"";
}
	
	#footer-wrapper .wrap {
		width: 100%;
		background-color: #fff;
		border-bottom: 16px solid #fff;
	}
	#footer-wrapper .wrap footer {
		margin: 0 auto;
		padding: 0;
		overflow:hidden;
	}
	#footer-wrapper .corp {
		width: 100%;
		float:  none;
		padding-top: 0px;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		border-top: 1px solid #828282;
		overflow:hidden;
	}
	#footer-wrapper .corp li {
		display: block;
		width: 50%;
		float: left;
		letter-spacing: normal; /* 文字間を通常に戻す */
		padding-right: 0px;
		box-sizing: border-box;
		border-bottom: 1px solid #828282;
	}
	#footer-wrapper .corp li:nth-of-type(2n) {
		border-left: 1px solid #828282;
	}
	#footer-wrapper .corp li  a {
		display: block;
		position: relative;
		font-size: 14px;
		line-height: 1;
		padding: 12px 0 12px 7%;
	}
	#footer-wrapper .corp a:after {
		display: none;
	}
	#footer-wrapper .marks {
		width: 100%;
		float: none;
		padding-top: 12px;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		text-align: center;
		padding-bottom: 50px;
	}
	#footer-wrapper .marks li {
		display: inline-block;
		letter-spacing: normal; /* 文字間を通常に戻す */
		padding-right: 15px;
	}
}

/*---------------------------------------------------------------------------------
アーカイブ用
--------------------------------------------------------------------------------- */
/*#archive-top h1 {
	background-image: url(/wp-content/uploads/2017/02/archive_bg.jpg);
	position: relative;
}*/


#archive-top .archive-list {
	width: 1100px;
	margin: auto;
	overflow: hidden;
}
#archive-top #primary {
	float: left;
	width: 740px;
}

#archive-top #secondary {
	float: right;
	width: 300px;
}

#archive-top #secondary h2.widget-title {
	background-color: #696969;
	padding: 10px 15px;
	color: white;
}

#archive-top #secondary .widget .monthly select {
	font-size: 18px;
	padding: 5px 5px 10px;
	color: #368b30;
}

#archive-top #secondary .widget ul li {
	margin-bottom: 20px;
}

#archive-top #secondary .widget_recent_entries ul li,
#archive-top #secondary .widget ul.news-recent-article li {
	margin-bottom: 20px;
	background-image: url(/wp-content/uploads/2017/02/icon_article.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
}
#archive-top #secondary .widget_recent_entries ul li a,
#archive-top #secondary .widget ul.news-recent-article li a {
	text-decoration: underline;
	color: #479549;
}
#archive-top #secondary .widget_archive ul li,
#archive-top #secondary .widget ul.news-month-archive li {
	margin-bottom: 20px;
	background-image: url(/wp-content/uploads/2017/02/icon_calender.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
}
#archive-top #secondary .widget_archive ul li a,
#archive-top #secondary .widget ul.news-month-archive li a {
	text-decoration: underline;
	color: #368b30;
}

#archive-top #secondary .widget ul.news-category li {
	margin-bottom: 20px;
	padding: 20px 0; 
	background-image: url(/wp-content/uploads/2017/02/icon_info.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
} 

#archive-top #secondary .widget ul li:last-child {
	margin-bottom: 0;
}


#archive-top #secondary ul.popular-posts li a {
	text-decoration: underline;
	color: #e27b1e;
}

#archive-top #secondary ul.popular-posts li {
	margin-bottom: 20px;
	padding-left: 32px;
	position: relative;
}
#archive-top #secondary ul.popular-posts li:before {
	position: absolute;
	content: "1";
	/* background-color: #e27b1e; */
	background-image: url(/wp-content/uploads/2017/03/icon_blog_crown.png);
	width: 25px;
	background-repeat: no-repeat;
	height: 22px;
	background-size: contain;
	display: block;
	/* border-radius: 14px; */
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 3px 0 0;
	left: -3px;
	top: 3px;
}


#archive-top #secondary ul.popular-posts li:nth-of-type(2):before {
	content: "2";
}
#archive-top #secondary ul.popular-posts li:nth-of-type(3):before {
	content: "3";
}
#archive-top #secondary ul.popular-posts li:nth-of-type(4):before {
	content: "4";
}
#archive-top #secondary ul.popular-posts li:nth-of-type(5):before {
	content: "5";
}

#archive-top #secondary ul.popular-posts li:last-child {
	margin-bottom: 0;
}


#archive-top .archive-box {
	margin-bottom: 90px;
	padding: 0 10px 70px;
	border-bottom: 4px rgba(100,180,160,100) dashed;/*5px rgba(53,180,172,.4) dashed*/;
}

#archive-top .archive-box h2 {
	font-size: 24px;
	padding-bottom: 15px; 
	margin-bottom: 25px;
	position: relative;
}
#archive-top .archive-box h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	height: 5px;
	width: 100%;
	background-color: cadetblue/*#479549*/;
}

#archive-top .archive-box .archive-time {
	margin-bottom: 10px;
	position: relative;
	margin-left: 30px;
}
#archive-top .archive-box .archive-time:before {
	background-image: url(/wp-content/uploads/2017/02/icon_time.png);
	content: "";
	background-size: 16px 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 16px;
	height: 16px;
	left: -25px;
}

#archive-top .archive-box .screen-reader-text {
	display: none;
}

#archive-top .archive-box .category-block a {
	text-decoration: underline;
	color: #1D9E48;
}



/*---------------------------------------------------------------------------------
投稿ページ用
--------------------------------------------------------------------------------- */
/*#single-top h1 {
	background-image: url(/wp-content/uploads/2017/02/blog_bg.jpg);
	position: relative;
}*/
#single-top .single-list .entry-content a {
	color: #35b574;
}

#single-top .single-list {
	width: 1100px;
	margin: auto;
	overflow: hidden;
}
#single-top #primary {
	float: left;
	width: 740px;
}
#single-top #primary p {
	margin-bottom: 40px;
	font-size: 16px;
}

#single-top #primary h2 {
	margin-bottom: 40px;
	font-size: 28px;
	color: #41c241;
	line-height: 1.2;
}

#single-top #primary .blog th, td {
	vertical-align: middle;
	padding: 10px;
}


#single-top #secondary {
	float: right;
	width: 300px;
}

#single-top #secondary h2.widget-title {
	background-color: #696969;
	padding: 10px 15px;
	color: white;
}
#single-top #secondary .widget .textwidget,
#archive-top #secondary .widget .textwidget {
	background-color: #f6f6f6;
	padding: 10px 15px;
	margin-bottom: 30px;
}
#single-top #secondary .widget ul li {
	margin-bottom: 20px;
}
#single-top #secondary .widget ul li:last-child {
	margin-bottom: 0 !important;
}

#single-top #secondary .widget_categories li.cat-item-1 {
	background-image: url(/wp-content/uploads/2017/02/icon_blog.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position-y: 19px;
	padding: 20px 50px; 
}

#single-top #secondary .widget ul.news-category li {
	background-image: url(/wp-content/uploads/2017/02/icon_info.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position-y: 19px;
	padding: 20px 50px; 
	margin-bottom: 0;
}

#single-top #secondary .widget ul.news-category li:nth-of-type(2) {
	background-image: url(/wp-content/uploads/2017/02/icon_release.png);
	background-position-x: 3px;
}


#single-top #secondary .widget_recent_entries ul li,
#single-top #secondary .widget ul.news-recent-article li {
	margin-bottom: 20px;
	background-image: url(/wp-content/uploads/2017/02/icon_article.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
}
#single-top #secondary .widget_recent_entries ul li a,
#single-top #secondary .widget ul.news-recent-article li a {
	text-decoration: underline;
	color: #3cbf5b;
}
#single-top #secondary .widget_archive ul li,
#single-top #secondary .widget ul.news-month-archive li {
	margin-bottom: 20px;
	background-image: url(/wp-content/uploads/2017/02/icon_calender.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
}
#single-top #secondary .widget .monthly select,
#single-top #secondary .widget_archive ul li a,
#single-top #secondary .widget ul.news-month-archive li a {
	color: #d15697;
	font-size: 100%;
	padding-bottom: 4px;
}

#single-top #secondary .textwidget li.cat-item-1,
#single-top #secondary .textwidget li.cat-item-8,
#single-top #secondary .textwidget li.cat-item-9,
#single-top #secondary .textwidget li.cat-item-10,
#single-top #secondary .textwidget li.cat-item-26,
#single-top #secondary .textwidget li.cat-item-27,
#single-top #secondary .textwidget li.cat-item-28,
#single-top #secondary .textwidget li.cat-item-43,
#single-top #secondary .textwidget li.cat-item-56,
#single-top #secondary .textwidget li.cat-item-59 {
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position-y: 19px;
	padding: 20px 0 20px 50px;
	margin-bottom: 0;
}
#single-top #secondary .textwidget li.cat-item-1 {
	background-image: url(/wp-content/uploads/2017/02/icon_blog.png);
}

#single-top #secondary .textwidget li.cat-item-8 {
	background-image: url(/wp-content/uploads/2017/02/icon_finger.png);
}
#single-top #secondary .textwidget li.cat-item-9 {
	background-image: url(/wp-content/uploads/2017/02/icon_update.png);
}
#single-top #secondary .textwidget li.cat-item-10 {
	background-image: url(/wp-content/uploads/2017/02/icon_timerecorder.png);
}
#single-top #secondary .textwidget li.cat-item-26 {
	background-image: url(/wp-content/uploads/2017/02/icon_news.png);
}

#single-top #secondary .textwidget li.cat-item-27 {
	background-image: url(/wp-content/uploads/2017/02/icon_info.png);
}
#single-top #secondary .textwidget li.cat-item-28 {
	background-image: url(/wp-content/uploads/2017/02/icon_release.png);
}

#single-top #secondary .textwidget li.cat-item-43 {
	background-image: url(/wp-content/uploads/2019/09/somu_info.png);
}

#single-top #secondary .textwidget li.cat-item-56 {
	background-image: url(/wp-content/uploads/2023/07/release-info.png);
}
#single-top #secondary .textwidget li.cat-item-59 {
	background-image: url(/wp-content/uploads/2024/05/tax-info.png);
}

#single-top #secondary ul.popular-posts li a {
	text-decoration: underline;
	color: #e27b1e;
}
#single-top #secondary ul.popular-posts li {
	margin-bottom: 20px;
	padding-left: 32px;
	position: relative;
}

#single-top #secondary ul.popular-posts li:before {
	position: absolute;
	content: "1";
	background-color: #e27b1e;
	width: 25px;
	height: 22px;
	display: block;
	border-radius: 14px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 3px 0 0;
	left: -3px;
	top: 2px;
}


#single-top #secondary ul.popular-posts li:nth-of-type(2):before {
	content: "2";
}
#single-top #secondary ul.popular-posts li:nth-of-type(3):before {
	content: "3";
}
#single-top #secondary ul.popular-posts li:nth-of-type(4):before {
	content: "4";
}
#single-top #secondary ul.popular-posts li:nth-of-type(5):before {
	content: "5";
}


.wp-pagenavi {
	padding-bottom: 30px;
}

@media only screen and (max-width: 768px) {
	#archive-top .archive-box {
		margin-bottom: 40px;
		padding: 0 0 50px;
	}
	#single-top #primary h2 {
		margin-bottom: 20px;
		font-size: 18px;
	}
	#archive-top .archive-box h2 {
		font-size: 16px;
	}
	#archive-top .archive-list,
	#single-top .single-list {
		width: 95%;
		margin: auto 2.5%;
		overflow: hidden;
	}
	#archive-top #primary,
	#single-top #primary {
		float: none;
		width: 100%;
	}
	#archive-top #secondary,
	#single-top #secondary {
		float: none;
		width: 100%;
	}
	#single-top #primary .category-blog th,
	#single-top #primary .category-blog td {
		padding: 10px 10px 10px 0;
	}
	#single-top #primary .category-blog td:first-child {
		min-width: 60px;
	}
	#single-top #primary .category-blog p {
		padding-left: 0 !important;
	}
	#single-top #primary .news img,
	#single-top #primary .category-blog img {
		max-width: 100%;
		height: auto;
	}
	#archive-top #secondary .banner-linkbanner,
	#single-top #secondary .banner-linkbanner {
		margin-bottom: 30px;
	}
}
/*---------------------------------------------------------------------------------
ページ用
--------------------------------------------------------------------------------- */
.paged .read-block {
	width: 100%;
	margin-bottom: 60px;
}
.paged .read-block h2 {
	padding-bottom: 50px;
	font-size: 36px;
	line-height: 1.4;
	text-align: center;
}
.paged .read-block h2 span {
	color: /*#e80c7a*/ #e9641e;
}
.paged .read-block .txt {
	text-align: center;
	padding: 20px 0;
}

.paged .read-block .inner {
	text-align: center;
	padding: 20px 0;
}

@media only screen and (max-width: 768px) {
	.paged .read-block {
		width: 100%;
		margin-bottom: 30px;
	}
	.paged .read-block .inner {
		width: 95%;
		margin: auto auto 20px;
	}
	.paged .read-block .inner img {
		max-width: 95%;
		height: auto;
		margin: auto;
	}
	.paged .read-block h2 {
		padding: 0 5px 10px;
		font-size: 20px;
		line-height: 1.4;
		text-align: center;
	}
	.paged .read-block h2 span {
		color: /*#e80c7a*/ #e9641e;
	}
	.paged .read-block p {
		text-align: left;
	}
	.paged .read-block .txt {
		text-align: left;
		padding: 5px 0;
		max-width: 95%;
		margin: auto;
		font-size: 13px;
	}
}

/*リンクエリア------------------------*/
/*.paged .link-area {
	background-image: url(/wp-content/uploads/2017/02/function_main.jpg);
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 60px;
	position: relative;
}

.paged .link-area::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2017/02/dotted-bg.png);
	z-index: 2;
}*/

.paged .link-area .inner {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	padding: 10px 0 30px;
}

.paged .link-area.mailcomplete .inner {
	max-width: 700px;
}

.paged .mailcomplete .inner a {
	text-decoration: underline;
}



.paged .link-area .inner .link-box {
	width: 31.333333%;
	margin: 0 1% 60px;
	float: left;
	background: #fff;
	text-align: center;
	position: relative;
/*	box-shadow: 1px 1px 25px rgba(0,0,0,.6);*/
	z-index: 3;
	/*padding-bottom: 30px;*/
}

.paged .link-area .inner.half-box {
	max-width: 800px;
	margin: auto;
	overflow: hidden;
	padding: 60px 0;
}
.paged .link-area .inner.half-box .link-box {
	width: 48%;
	margin: 0 1% 60px;
	float: left;
	background: #fff;
	text-align: center;
	position: relative;
/*	box-shadow: 1px 1px 25px rgba(0,0,0,.6);*/
	z-index: 3;
	/*padding-bottom: 30px;*/
}

.paged .link-area .inner.single-box .link-box {
	margin: 0 auto 60px;
	float: none;
}



.paged .link-area .inner .link-box a.link-btn {
	background-color: #fff;
	border: 1px solid #ccc;
	display: block;

	color: #000;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
  
	transform-style: flat;
	transition: all 250ms ease-out;
}

.paged .link-area .inner .link-box a.paper {
/*	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;*/
/*	border-color: #dedede;*/
}

.paged .link-area .inner .link-box a.link-btn:before,
.paged .link-area .inner .link-box a.link-btn:after {
	content: "";
	position: absolute;
	z-index: -2;
	transition: all 250ms ease-out;
}

.paged .link-area .inner .link-box a.paper-raise:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.paged .link-area .inner .link-box a.paper-raise:hover:before {
	/*box-shadow: 0 20px 15px -10px rgba(31, 31, 31, 0.5);*/
	box-shadow: 0 10px 5px -5px rgba(31, 31, 31, 0.5);
	border-radius: 5px;
}


.paged .link-area .inner .link-box .link-img {
	height: 180px;
}
.paged .link-area .inner .link-box .txt {
	margin: 15px 0 30px;
}
.paged .link-area .inner .link-box .txt .title {
	font-weight: 800;
	font-size: 22px;
	color: #1D9E48;
}
.paged .link-area .inner .link-box .txt .lead {
	margin: 0 5%;
	font-size: 14px;
	text-align: left;
}



.paged .link-area .inner .link-box .btn::before,
.paged .link-area .inner .link-box .btn::after {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	background-image: url(/wp-content/uploads/2017/02/btn_cv.png);
}

.paged .link-area .inner .link-box .btn::after {
	opacity: 0;
	bottom: -0px;
}

.paged .link-area .inner .link-box:hover .btn:before {
	animation: cvbefore .8s;
	animation-iteration-count: infinite;
}
.paged .link-area .inner .link-box:hover .btn:after {
	animation: cvafter .8s;
	animation-iteration-count: infinite;
}

@keyframes cvbefore {
	100% {
		bottom: -10px;
		opacity: 0;
	}
}
@keyframes cvafter {
	99% {
		bottom: 0px;
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


.paged .link-area .inner .link-box .btn {
	width: 36px;
	height: 36px;
	border: 7px solid #fff;
	border-radius: 33px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: auto;
	background-color: #1D9E48;
}




@media only screen and (max-width: 768px) {
	.paged .link-area .inner {
		padding: 1% 0;
	}
	.paged .link-area .inner .link-box {
		width: 49%;
		margin: 0.5%;
		padding-bottom: 0;
	}
	.paged .link-area .inner .link-box .link-img {
		height: 90px;
	}
	.paged .link-area .inner .link-box .txt {
		text-align: left;
		font-size: 12px;
		margin: 10px 0 10px 5%;
	}
	.paged .link-area .inner .link-box .txt .title {
		font-size: 12px;
		line-height: 1.3;
		margin-top: 5px;
	}
	.paged .link-area .inner .link-box .txt .lead {
		display: none;
	}
	.paged .link-area .inner .link-box .btn {
		width: 18px;
		height: 18px;
		border: 1px solid #fff;
		bottom: 0;
		top: 0;
		left: initial;
		right: 5px;
	}
	.paged .link-area .inner .link-box {
		box-shadow: initial;
	}
	.paged .link-area .inner .link-box .btn::before,
	.paged .link-area .inner .link-box .btn::after {
		width: 18px;
		height: 18px;
		background-size: contain;
	}

}


/*利用シーン-----------------------*/
.paged .scene-block {
	background-color: #fff;
}
.paged .scene-block:nth-of-type(2n) {
	background-color: #f6f6f6;
}

.paged .scene-title h3,
.paged .scene-block h3 {
	padding-top: 48px;
	padding-bottom: 78px;
	font-size: 34px;
	line-height: 1.4;
	text-align: center;
	position: relative;
}
.paged .scene-title h3 {
	padding-bottom: 0;
}

.paged .scene-title .txt {
	text-align: center;
	margin: 20px auto 40px;
}

.paged .scene-title .inner {
	max-width: 1100px;
	margin: auto;
}
.paged .scene-title .inner p {
	text-align: center;
	margin: 20px auto;
}


.paged .scene-title h3 span,
.paged .scene-block h3 span {
	color: /*#9e35b4*/ #615d94;
}
/*.paged .scene-title h3:after,
.paged .scene-block h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color:  #615d94;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}*/

.paged .scene-block .read {
	width: 100%;
	height: 400px;
	margin-bottom: 155px;
	background-image: url(/wp-content/uploads/2017/03/scene_default.jpg);
	background-position: center center;
	background-size: cover;
}
.paged .scene-block .read .txt {
	max-width: 1100px;
	padding-top: 35px;
	margin: 0 auto 30px;
	font-size: 15px;
	line-height: 2.1;
	text-align: center;
	font-weight: bold;
	background-color: #F6F6F6;
}
.paged .scene-block:nth-of-type(2n) .read .txt {
	background-color: #fff;
}
.paged .scene-block .read .txt h4 {
	font-size: 34px;
	color: #2f5dc1;
	padding-bottom: 0;
	position: relative;
	margin-bottom: 25px;
}
.paged .scene-block .read .txt h4:after {
	display: block;
	width: 90%;
	height: 3px;
	background-color: #2f5dc1;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}

.paged .scene-block section {
	width: 100%;
}

.paged .scene-block section {
	padding: 40px 0 80px;
}

.paged .scene-block .main-area,
.paged .scene-block .wrap {
	max-width: 1100px;
	margin: 0 auto;
/*	overflow:hidden;*/
}

.paged .scene-block .wrap .detail {
	padding-right: 60%;
	position: relative;
}

.paged .main-area h1.entry-title {
	font-size: 32px;
	font-weight: bold;
	color: #1D9E48;
	text-align: center;
	margin-bottom: 30px;
}


.paged .scene-block .main-area .detail h4,
.paged .scene-block .wrap .detail h4 {
	padding-bottom: 45px;
	font-size: 36px;
	line-height: 1;
	position: relative;
}
.paged .scene-block .main-area .detail h4 .num,
.paged .scene-block .wrap .detail h4 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 24px;
	color: #1D9E48;
}
.paged .scene-block .main-area .detail h4:after,
.paged .scene-block .wrap .detail h4:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #1D9E48;
	position: absolute;
	left: 0;
	content:"";
}
.paged .scene-block .wrap .detail h5 {
	padding-top: 25px;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 1;
	position: relative;
}


.paged .scene-block .main-area .detail p,
.paged .scene-block .wrap .detail p{
	font-size: 16px;
	padding-bottom: 55px;
}
.paged .scene-block .function-area .detail .btn,
.paged .scene-block .main-area .detail .btn,
.paged .scene-block .wrap .detail .btn {
	width: 270px;
}
.paged .scene-block .function-area .detail .btn a,
.paged .scene-block .main-area .detail .btn a,
.paged .scene-block .wrap .detail .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}
.paged .scene-block .function-area .detail .btn {
	margin: auto;
}
.paged .scene-block .function-area .detail .btn a {
	background-color: /*#28cec3*/ #1D9E48;
}

.paged .scene-block .function-area .detail ul {
	list-style: disc;
	font-size: 15px;
	padding-left: 20px;
}
.paged .scene-block .function-area .image-box .operation-support,
.paged .scene-block .function-area .detail .operation-support {
	border: #1D9E48 3px solid;
	border-radius: 10px;
	padding: 15px 20px;
}


.paged .scene-block .wrap .image {
	width: 52%;
	-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.3);
	box-shadow:0px 0px 7px 0px rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	right: 6px;
}
.paged .scene-block .wrap .image img {
	width: 100%;
}
.paged .scene-block:nth-of-type(2n+1) section .detail,
.paged .scene-block section:nth-of-type(2n) .detail {
	padding-left: 60%;
	padding-right: 0;
}
.paged .scene-block:nth-of-type(2n+1) section .image,
.paged .scene-block section:nth-of-type(2n)  .image {
	left: 6px;
}

@media only screen and (max-width: 768px) {
	.paged .scene-block {
		padding-bottom: 0;
	}
	.paged .scene-title h3,
	.paged .scene-block h3 {
		padding-top: 18px;
		padding-bottom: 22px;
		font-size: 20px;
		margin: auto 2.5%;
	}
	.paged .scene-title h3:after,
	.paged .scene-block h3:after {
		width: 20px;
		height: 2px;
	}
	.paged .scene-block .scene-box {
		overflow: hidden;
		/*height: 300px;*/
		clear: both;
	}
	.paged .scene-block .read {
		width: 100%;
		background-position: center center;
		background-size: cover;
	}
	.paged .scene-block .read .txt {
		width: auto;
		height: auto;
		margin: 0 20px;
		padding-top: 16px;
		padding: 16px 0 20px;
		background-color: #F6F6F6;
		font-size: 15px;
		line-height: 2.1;
		text-align: left;
		font-weight: 500;
	}
	.paged .scene-block .read .txt h4 {
		text-align: center;
		line-height: 1.2;
		padding: 0 15px 20px;
		font-size: 20px;
	}

	.paged .scene-block section {
		width: 100%;
		margin-bottom: 0;
		padding: 30px 0 60px;
	}
	.paged .scene-block .main-area,
	.paged .scene-block .wrap {
		max-width: auto;
		overflow: visible;
	}
	.paged .scene-block .wrap .detail {
		width: 100%;
		padding: 0;
	}

	.paged .scene-block section:nth-of-type(2n+1) {
		/*padding: 40px 0;*/
	}
	.paged .scene-block .main-area .detail h4,
	.paged .scene-block .wrap .detail h4 {
		padding-bottom: 20px;
		font-size: 20px;
		line-height: 1;
		text-align: center;
		position: relative;
		margin: auto 2.5%;
	}
	.paged .scene-block .main-area .detail h4 .num,
	.paged .scene-block .wrap .detail h4 .num {
		display: block;
		padding-bottom: 15px;
		font-size: 20px;
		color: /*#9e35b4*/ #615d94;
	}
	.paged .scene-block .main-area .detail h4:after,
	.paged .scene-block .wrap .detail h4:after {
		right: 0;
		margin: auto;
		width: 80%;
	}
	.paged .scene-block .main-area .detail p,
	.paged .scene-block .wrap .detail p {
		font-size: 15px;
		padding: 0px 15px 25px;
	}
	.paged .scene-block .main-area .detail .btn,
	.paged .scene-block .wrap .detail .btn {
		width: 234px;
		margin: 0 auto;
	}
	.paged .scene-block .main-area .detail .btn a,
	.paged .scene-block .wrap .detail .btn a {
		background-color: /*#A543B7*/ #6cbb5f;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
	.paged .scene-block .main-area .image,
	.paged .scene-block .wrap .image {
		width: 98%;
		position: static;
		margin: 0px 1% 22px;
	}
	.paged .scene-block .main-area .image img,
	.paged .scene-block .wrap .image img {
		width: 100%;
	}
	.paged .scene-block:nth-of-type(2n+1) section .detail,
	.paged .scene-block section:nth-of-type(2n) .detail {
		padding: 0;
	}
	.paged .scene-block section:nth-of-type(2n)  .image {
	}
	.paged .scene-block .function-area .detail .operation-support {
		padding: 5px 10px;
		margin: auto 10px;
	}
}

@media only screen and (max-width: 640px) {
	.paged .scene-block .scene-box {
		overflow: hidden;
		/*height: 370px;*/
	}
}

@media only screen and (max-width: 320px) {
	.paged .scene-block .scene-box {
		overflow: hidden;
		/*height: 380px;*/
	}
}


/*---------------------------------------------------------------------------------
多彩なタイムレコーダー
--------------------------------------------------------------------------------- */

/* タイムレコーダー一覧------------------------------------------------------- */
#record-top {}
/*#record-top h1 {
	background-image: url(/wp-content/uploads/2017/02/ttl_bg.jpg);
}*/

#record-top .read-block {
	padding-bottom: 100px;
	/*background-image: url(/wp-content/uploads/2017/02/read_bg_pc.jpg);
	background-size: 100%;
	background-position: center 150px;
	background-repeat: no-repeat;*/
}

#record-top .read-block .inner {
	max-width: 854px;
	padding: 50px 123px 42px;
	margin: 0 auto;
}
#record-top .read-block .inner p {
	width: 495px;
	padding-bottom: 55px;
	text-align: left;
}
#record-detail-top .read-block .inner .btn,
#record-top .read-block .inner .btn {
	width: 270px;
}
#record-detail-top .read-block .inner .btn {
	width: 292px;
	margin: auto;
}
#record-detail-top .read-block .inner .btn a,
#record-top .read-block .inner .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

#record-top .scene-block .wrap .detail h4 {
	padding-top: 75px;
	padding-bottom: 20px;
	position: relative;
	font-size: 36px;
	line-height: 1.2;
}

#record-top .scene-block .wrap .detail h4 .num {
	display: block;
	font-size: 24px;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}
#record-top .scene-block .wrap .detail h4:after {
	display: block;
	width: 40px;
	height: 3px;
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
}

@media only screen and (max-width: 768px) {
	#record-top .read-block {
		background: none;
		padding-bottom: 0;
	}
	#record-top .read-block .inner {
		max-width: auto;
		padding: 10px 0 0;
		margin: 0 auto;
		border-bottom: 5px solid #E7E7E7;
/*		background-image: url(/wp-content/uploads/2017/02/read_bg_sp.jpg);*/
		background-size:  cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#record-top .read-block .inner p {
		width: auto;
		padding-bottom: 35px;
		font-size: 15px;
	}
	#record-top .read-block .inner .btn {
		width: 233px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#record-top .read-block .inner .btn a {
		background-color: /*#A543B7*/ #6cbb5f;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
	#record-top .scene-block .wrap .detail h4 {
		font-size: 18px;
		padding-top: 0;
	}
	#record-top .scene-block .wrap .detail h4 .num {
		font-size: 16px;
		display: block;
		position: static;
		color: #1D9E48;
	}
	#record-top .scene-block .wrap .detail h4:after {
		position: static;
		width: 90%;
		margin-top: 20px;
	}
}

/*一覧---------------------------------------------------------------------------*/
#record-top .list-block {
	padding-bottom: 0;
}
#record-top .list-block .inner {
	max-width: 1100px;
	margin: 0 auto;
}
#record-top .list-block .inner h3 {
	padding-top: 38px;
	padding-bottom: 72px;
	position: relative;
	font-size: 36px;
	line-height: 1;
	color: #1D9E48;
	text-align: center;
}
#record-top .list-block .inner h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}
@media only screen and (max-width: 768px) {
	#record-top .list-block {
		padding-bottom: 0;
	}
	#record-top .list-block .inner {
		max-width: 100%;
		margin: 0 auto;
	}
	#record-top .list-block .inner h3 {
		padding-top: 18px;
		padding-bottom: 28px;
		position: relative;
		font-size: 18px;
		line-height: 1;
		color: #1D9E48;
		text-align: center;
	}
	#record-top .list-block .inner h3:after {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #43BBB3;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		content:"";
	}
}

/*ソート用ボタン*/
#record-top .list-block .filters {
	margin-bottom: 50px;
	border: 1px solid #D1D1D1;
}
#record-top .list-block .filters:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-top .list-block .filters li {
	width: 16.6666%;
	float: left;
}
#record-top .list-block .filters li br {
	display: none;
}
/*
#record-top .list-block .filters li:nth-of-type(1),
#record-top .list-block .filters li:nth-of-type(2) {
	width: 49.8%;
}
#record-top .list-block .filters li:last-child {
	width: 33.2%;
}
*/
#record-top .list-block .filters li a {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 98px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	padding: 41px 0 41px 68px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	border-top: 1px solid #D1D1D1;
}

#record-top .list-block .filters li:nth-of-type(6n) a {
	/*border-right: none;*/
}

#record-top .list-block .filters li a.current {
	background-color: #1D9E48;
	color: #fff;
}
#record-top .list-block .filters li:nth-of-type(1) a,
#record-top .list-block .filters li:nth-of-type(2) a {
	border-top: 1px solid #D1D1D1;
	padding-right: 0;
	text-align: center;
}
#record-top .list-block .filters li a img {
	width: 40px;
	display: block;
	position: absolute;
	top: 29px;
	left: 14px;
}
/*
#record-top .list-block .filters li:nth-of-type(1) a img {
	left: 50%;
	margin-left: -100px;
}
#record-top .list-block .filters li:nth-of-type(2) a img {
	left: 50%;
	margin-left: -170px;
}
*/
#record-top .list-block .filters li a:after {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
	position: absolute;
	top: 0;
	left: 0;
	content:"";
}
#record-top .list-block .filters li a .tooltip {
	display: none;
	width: 226px;
	padding: 20px 35px;
	font-size: 14px;
	color: #fff;
	background-color: #43BBB3;
	border-radius: 6px;
	position: absolute;
	left: -11px;
	top: 83px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	z-index: 10;
}
#record-top .list-block .filters li:nth-of-type(1) a .tooltip {
	left: 108px;
}

#record-top .list-block .filters li a .tooltip:before {
	content: "";
	position: absolute;
	top: -10px; left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}
/*#record-top .list-block .filters li a:hover .tooltip {
	display: block;
}*/
@media screen and (min-width:769px) and  (max-width: 1000px) {
	#record-top .list-block .filters li {
		width:25%;
		float: left;
	}
	#record-top .list-block .filters li:nth-of-type(1),
	#record-top .list-block .filters li:nth-of-type(2) {
		width: 50%;
	}
	#record-top .list-block .filters li:last-child {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	#record-top .list-block .filters {
		margin-bottom: 30px;
		border-left: 1px solid #D1D1D1;
	}
	#record-top .list-block .filters:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-top .list-block .filters li {
		width: 25%;
		float: left;
	}
	#record-top .list-block .filters li br {
	display: inline;
}
/*	#record-top .list-block .filters li:nth-of-type(1),
	#record-top .list-block .filters li:nth-of-type(2) ,
	#record-top .list-block .filters li:last-child {
		width: 50%;
	}*/

	#record-top .list-block .filters li a {
		box-sizing: border-box;
		display: flex; 
		position: relative;
		width: 100%;
		height: 50px;
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		align-items: center;
		padding:0px 0 0 32px;
		border-right: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	}
	#record-top .list-block .filters li a.current {
		background-color: #1D9E48;
		color: #fff;
	}
	#record-top .list-block .filters li:nth-of-type(1) a,
	#record-top .list-block .filters li:nth-of-type(2) a {
		border-top: 1px solid #D1D1D1;
		padding-right: 0;
		text-align: center;
	}
	#record-top .list-block .filters li a img {
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		margin: auto;
	}
/*	#record-top .list-block .filters li:nth-of-type(1) a img {
		left: 50%;
		margin-left: -80px;
	}
	#record-top .list-block .filters li:nth-of-type(2) a img {
		left: 50%;
		margin-left: -90px;
	}*/
	#record-top .list-block .filters li a:after {
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		content:"";
	}
	#record-top .list-block .filters li a .tooltip,
	#record-top .list-block .filters li a:hover .tooltip {
		display: none;
	}
	#record-top .list-block .filters li:nth-of-type(6n) a {
		border-right: 1px solid #d1d1d1;
	}
}


#record-top .list-block .item-wrap {
	width: 1120px;
	position: relative;	
}
@media screen and  (max-width: 1000px) {
	#record-top .list-block .item-wrap {
		width: 100%;
	}
}
#record-top .list-block .item-wrap .item {
	box-sizing: border-box;
	width: 50%;
	padding-right: 20px;
	padding-bottom: 25px;
	float: left;
}
#record-detail-top .list-block .caselist .photo {
	text-align: center;
}

#record-detail-top .list-block .item-wrap .photo img.logo_01 {
	width: 200px !important;
	margin: 0 auto;
}

#record-top .list-block .item h4:not(.post-type-archive-record h4) {
    font-size: 24px;
    color: /*#e80c7a*/ #e9641e;
	padding: initial;
    padding-bottom: 10px;
    padding-top: 16px;
    clear: both;
	background-color: initial;
	line-height: initial;
}

/* .post-type-archive-record #record-top .list-block .item h4 {
	height: 18px!important;
	padding: 17px 90px 15px 24px;
	background-color: #1D9E48;
	font-size: 18px;
	line-height: 1;
	color: #fff;
	position: relative;
} */

#record-top .list-block .item .detail_link {
	position: absolute;
	top: 15px;
	right: 20px;
}
#record-top .list-block .item .detail_link a {
	padding: 7px 17px 5px;
	font-size: 14px;
	font-weight: 800;
	background-color: #fff;
	border-radius: 6px;
}


#record-top .list-block .item .wrap {
	border: 20px solid #efefef;
	padding: 15px;
	background-color: #fff;
	position: relative;
	min-height: 370px;
}
#record-detail-top .list-block .caselist .item .wrap {
	min-height: 175px;
}
#record-top .list-block .item .wrap:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-top .list-block .item .wrap:before {
	display: block;
	width: 18px;
	height: 15px;
	background-image: url(/wp-content/uploads/2018/11/icon_item.png);
	position: absolute;
	top: -20px;
	left: -20px;
	content:"";
}
#record-top .list-block .item h5 {
	font-size: 24px;
	color: /*#e80c7a*/ #e9641e;
	padding-bottom: 10px;
	padding-top: 10px;
	clear: both;
}
#record-top .list-block .item .read {
	padding-bottom: 10px;
	font-size: 14px;
}
#record-top .list-block .item .photo {
	width: 42%;
	float: left;
	position: relative;
}

#record-top .list-block .item .photo .icon {
	width: 100%;
	overflow:hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
#record-top .list-block .item .photo .icon li {
	width: 50%;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 9px;
	float: left;
}

@media only screen and (max-width: 320px) {
	#record-top .list-block .item-wrap .item {
		width: 100%;
		float: none;
	}

	#record-top .list-block .item .detail_btn a {
		padding: 5px 15px;
		background-color: #f18800;
		border-radius: 15px;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
	}
	#record-top .list-block .item .wrap {
		min-height: 420px;
	}
	#record-top .list-block .item h5 {
		font-size: 14px;
		height: 44px;
	}
}

/*関連するタイムレコーダーを探す----------------------------------------------*/

#record-top .related-block {
	padding-bottom: 100px;
}
#record-top .related-block h3 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	padding-top: 44px;
	padding-bottom: 46px;
	position: relative;
}
#record-top .related-block h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}
#record-top .related-block .inner {
	padding-top: 50px;
	padding-bottom: 57px;
	background-color: #F6F6F6;
}
#record-top .related-block #slider, #record-top .related-block #slider2 {
	max-width: 1100px;
	margin: 0 auto;
}
#record-top .related-block #slider:after, #record-top .related-block #slider2:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-top .related-block #slider li, #record-top .related-block #slider2 li {
	width: 210px;
	float: left;
}
#record-top .related-block #slider li a, #record-top .related-block #slider2 li a {
	display: block;
	position: relative;
	padding-bottom: 22px;
	background-color: #fff;
	border-right: 1px solid #F6F6F6;
}
#record-top .related-block #slider li a:after, #record-top .related-block #slider2 li a:after {
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: -34px -384px;
	content:"";
	position: absolute;
	bottom: 8px;
	right: 8px;
}
#record-top .related-block .img {
	display: block;
	border: 20px solid /*#B6E4E1*/ #fff;
}
#record-top .related-block .name {
	display: block;
	padding: 13px 18px;
	font-size: 16px;
	color: #1D9E48;
}
#record-top .related-block .desc,
#record-top .related-block .price {
	display: block;
	font-size: 14px;
	padding: 0px 18px 5px;
}

#record-top .slick-prev,
#record-top .slick-next {
	width: 48px;
	height: 48px;
	background-image: url(/wp-content/uploads/2017/05/btn_Slider2.png);
	background-color: transparent !important;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	z-index: 20;
}
#record-top .slick-prev {
	background-position: left top;
	left: -80px;
}
#record-top .slick-next {
	background-position: right top;
	right: -80px;
}
#record-top .slick-prev:before,
#record-top .slick-next:before {
  display: none !important;
}
#record-top .slick-prev:active,
#record-top .slick-next:active {
  border: none;
}
#record-top .slick-disabled {
  display: none !important;
}
#record-top .slick-prev:hover,
#record-top .slick-prev:focus,
#record-top .slick-prev::-moz-focus-inner,
#record-top .slick-next:hover,
#record-top .slick-next:focus,
#record-top .slick-next::-moz-focus-inner{
	overflow: hidden;
  outline: none;
  opacity:0.5;
  border: none;
}
input[type="button"]::-moz-focus-inne {	
}

@media only screen and (max-width: 768px) {
	#record-top .related-block {
		padding-bottom: 60px;
	}
	#record-top .related-block h2,
	#record-top .related-block h3 {
		font-size: 20px;
		padding-top: 27px;
		padding-bottom: 22px;
	}
	#record-top .related-block h3:after {
		width: 20px;
		height: 2px;
	}
	#record-top .related-block .inner {
		padding-top: 12px;
		padding-bottom: 15px;
		background-color: #F6F6F6;
	}
	#record-top .related-block #slider, #record-top .related-block #slider2 {
		max-width: auto;
		margin: 0 32px;
	}
	#record-top .related-block #slider:after, #record-top .related-block #slider2:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-top .related-block #slider li, #record-top .related-block #slider2 li {
		width: 130px;
		float: left;
	}
	#record-top .related-block #slider li a, #record-top .related-block #slider2 li a {
		display: block;
		position: relative;
		padding-bottom: 22px;
		background-color: #fff;
		border-right: 1px solid #F6F6F6;
	}
	#record-top .related-block #slider li a:after, #record-top .related-block #slider2 li a:after {
		display: block;
		width: 14px;
		height: 14px;
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-size: 300px 485px;
		background-position: -34px -384px;
		content:"";
		position: absolute;
		bottom: 8px;
		right: 8px;
	}
	#record-top .related-block .img {
		display: block;
		border: 10px solid /*#B6E4E1*/#fff;
	}
	#record-top .related-block .name {
		display: block;
		padding: 9px 10px;
		font-size: 10px;
		color: #1D9E48;
	}
	#record-top .related-block .desc,
	#record-top .related-block .price {
		display: block;
		font-size: 8px;
		padding: 0px 10px 3px;
	}

	#record-top .slick-prev,
	#record-top .slick-next {
		width: 25px;
		height: 25px;
		background-image: url(/wp-content/uploads/2017/05/btn_Slider_sp2.png);
		background-size: 50px auto;
		background-color: transparent !important;
		margin-top: -10px;
	}
	#record-top .slick-prev {
		left: -30px;
	}
	#record-top .slick-next {
		right: -30px;
	}
	.paged .read-block .inner .slick-slide img {
		max-width: 100%;
		height: auto;
		margin: auto;
	}
}

#record-top .scene-block {
	background: #fff;
}

#record-top .scene-block section,
#function-top .scene-block section,
#characteristic-top .scene-block section,
#manage-top .scene-block section,
#cost-top .scene-block section,
#support-top .scene-block section,
#merit-top .scene-block section,
#relationship-top .scene-block section,
#talking-top .scene-block section {
	padding: 70px 0 80px;
}

#record-top .scene-block .read .txt {
	padding-top: 30px;
}

#record-top .scene-block:nth-of-type(2n+1) section .detail {
	padding-left: 0;
	padding-right: 60%;
}
#record-top .scene-block section:nth-of-type(2n) .detail {
	padding-left: 60%;
	padding-right: 0;
}
#record-top .scene-block:nth-of-type(2n+1) section .image {
	left: inherit;
}
#record-top .scene-block section:nth-of-type(2n) .image {
	left: 6px;
}

#record-top .link-block {
	width: 480px;
	margin: 20px auto 50px;
	overflow: hidden;
}

#company-top .link-block{
	width: 750px;
	margin: 50px auto;
	overflow: hidden;
	
}

#case-top .link-block {
	width: 600px;
	margin: 50px auto;
	overflow: hidden;
}

#flow-top .link-block {
	width: 230px;
	margin: 50px auto;
	overflow: hidden;
}

#flow-top .link-block .btn-30 a {
	border: 2px solid #E48434;
	color: #E48434;
}

#flow-top .link-block .btn-30 a::before,
#flow-top .link-block .btn-30 a::after {
	background-position: -46px -138px;
}

#company-top .link-block .btn-os, 
#case-top .link-block .btn-os,
#record-top .link-block .btn-os {
	width: 230px;
	float: left;
}
#company-top .link-block .btn-os {
	width: 240px;
	float: left;
	margin: 0 5px;
}
#company-top .link-block .btn-os a, 
#case-top .link-block .btn-os a,
#record-top .link-block .btn-os a {
	border: 2px solid #429FB9;
	color: #429FB9;
}
#company-top .link-block .btn-os a::before,
#company-top .link-block .btn-os a::after, 
#case-top .link-block .btn-os a::before,
#case-top .link-block .btn-os a::after,
#record-top .link-block .btn-os a::before,
#record-top .link-block .btn-os a::after {
	background-position: -9px -138px;
}
#company-top .link-block .btn-price,
#case-top .link-block .btn-price,
#record-top .link-block .btn-price {
	width: 230px;
	float: right;
}
#company-top .link-block .btn-price a,
#case-top .link-block .btn-price a,
#record-top .link-block .btn-price a {
	border: 2px solid /*#A543B7*/ #6cbb5f;
	color: /*#A543B7*/ #6cbb5f;
}
#company-top .link-block .btn-price a::before,
#company-top .link-block .btn-price a::after,
#case-top .link-block .btn-price a::before,
#case-top .link-block .btn-price a::after,
#record-top .link-block .btn-price a::before,
#record-top .link-block .btn-price a::after {
    background-position: -37px -138px;
}
#company-top .link-block .hover-arrow-right,
#case-top .link-block .hover-arrow-right,
#record-top .link-block .hover-arrow-right,
#flow-top .link-block .hover-arrow-right {
    font-size: 14px;
    line-height: 1;
    padding: 13px;
    border-radius: 22px;
}

#record-top .link-block .btn-wrap {
	display: flex;
    justify-content: center;
}


@media only screen and (max-width: 768px) {
	#record-top .scene-block:nth-of-type(2n+1) section .detail {
		padding-left: 0;
		padding-right: 0;
	}
	#record-top .scene-block section:nth-of-type(2n) .detail {
		padding-left: 0;
		padding-right: 0;
	}
	#case-top .link-block,
	#record-top .link-block {
		width: 100%;
	}
	#company-top .link-block .btn-os, 
	#case-top .link-block .btn-os,
	#record-top .link-block .btn-os,
	#company-top .link-block .btn-price,
	#case-top .link-block .btn-price,
	#record-top .link-block .btn-price {
		float: none;
		margin: 0 auto 20px;
	}
	#record-top .scene-block section,
	#function-top .scene-block section,
	#characteristic-top .scene-block section,
	#manage-top .scene-block section,
	#cost-top .scene-block section,
	#support-top .scene-block section,
	#merit-top .scene-block section,
	#relationship-top .scene-block section,
	#talking-top .scene-block section {
		padding: 30px 0 60px;
	}

}

/*タイムレコーダー比較----------------------------------------------*/

#record-detail-top #price-terminal section:nth-of-type(2n+1) {
	background-color: #fff;
}

#record-detail-top #price-terminal section .content {
	width: 100%;
}
#record-detail-top #price-terminal section .content .comparison-table {
	width: 95%;
	margin: auto 2.5%;
	overflow: hidden;
}
#record-detail-top #price-terminal section .content .title-cell {
	clear: both;
	overflow: hidden;
}
#record-detail-top #price-terminal section .content .title-cell div {
	float: left;
	font-size: 14px;
	margin: 2px 0;
	text-align: center;
	background-color: #ecf0f1;
	height: 100px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#record-detail-top #price-terminal section .content .title-cell div img {
	width: 100%;
}


#record-detail-top #price-terminal section .content .title-cell .kind-of {
	background-color: #2a98e1;
	color: #fff;
	border-radius: 10px 0 0 0;
	margin: 2px 0.5% 2px 0;
	display: flex !important;
}
#record-detail-top #price-terminal section .content .kind-of img {
	width: 50%;
	margin: 10% auto;
}
#record-detail-top #price-terminal section .content .kind-of .name {
	font-size: 12px;
}


#record-detail-top #price-terminal section .content .title-cell .chara {
	background-color: #2a98e1;
	color: #fff;
	margin: 2px 0.5% 2px 0;
}
#record-detail-top #price-terminal section .content .title-cell .price {
	width: 20%;
	margin-right: 0;
	background-color: #2a98e1;
	color: #fff;
	border-radius: 0 10px 0 0;
}

#record-detail-top #price-terminal section .content .kind-of {
	width: 20.5%;
	margin: 2px 0.5% 2px 0;
	display: block !important;
}
#record-detail-top #price-terminal section .content .chara {
	width: 58.5%;
	margin: 2px 0.5% 2px 0;
}
#record-detail-top #price-terminal section .content .price {
	width: 20%;
	color: #f00;
	margin: 2px 0;
}


#record-detail-top #price-terminal section .content .nec_hb div,
#record-detail-top #price-terminal section .content .auth_vein div,
#record-detail-top #price-terminal section .content .auth_fingerprint div,
#record-detail-top #price-terminal section .content .bt-2000 div,
#record-detail-top #price-terminal section .content .auth_felica div,
#record-detail-top #price-terminal section .content .pitpro div,
#record-detail-top #price-terminal section .content .auth_terminal div,
#record-detail-top #price-terminal section .content .auth_location div {
	float: left;
	text-align: center;
	background-color: #fff;
	height: 200px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#record-detail-top #price-terminal section .content .nec_hb .chara,
#record-detail-top #price-terminal section .content .auth_vein .chara,
#record-detail-top #price-terminal section .content .auth_fingerprint .chara,
#record-detail-top #price-terminal section .content .bt-2000 .chara,
#record-detail-top #price-terminal section .content .auth_felica .chara,
#record-detail-top #price-terminal section .content .pitpro .chara,
#record-detail-top #price-terminal section .content .auth_terminal .chara,
#record-detail-top #price-terminal section .content .auth_location .chara {
	text-align: left;
	-webkit-justify-content: left; /* 横方向中央揃え（Safari用） */
	justify-content: left; /* 横方向中央揃え */
}
#record-detail-top #price-terminal section .content .chara p {
	padding-left: 2em;
} 
#record-detail-top #price-terminal section .content .auth_location .kind-of {
	border-radius: 0 0 0 10px;
}
#record-detail-top #price-terminal section .content .auth_location .price_none {
	width: 20%;
	margin: 2px 0;
	color: #060606;
	border-radius: 0 0 10px 0;
}

#record-detail-top #price-terminal section .content .title-cell span {
	position: relative;
	font-size: 28px;
}

#record-detail-top #price-terminal section .content .title-cell span:before {
	/*background-image: url(/wp-content/uploads/2017/02/css_sprites_merit.png);*/
	content: "";
	background-size: 64px 65px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#record-detail-top #price-terminal section .content .title-cell .aggregate span:before {
	background-position: -32px 0;
	width: 24px;
}
#record-detail-top #price-terminal section .content .title-cell .calculation span:before {
	background-position: -32px -33px;
	height: 23px;
}
#record-detail-top #price-terminal section .content .title-cell .storage span:before {
	background-position: 0 -33px;
}
#kot_spec-top .detail .btn,
#record-detail-top .content .btn {
	margin: 50px auto 0;
	width: 300px;
}
#kot_spec-top .detail .btn {
	margin: 20px auto 30px;
}


#kot_spec-top .detail .btn a,
#record-detail-top .content .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

@media only screen and (max-width: 768px) {
	#record-detail-top #price-terminal section .content .title-cell span {
		font-size: 13px;
	}
	#record-detail-top #price-terminal section .content .title-cell div {
		height: 50px;
	}
	#record-detail-top #price-terminal section .content .nec_hb div,
	#record-detail-top #price-terminal section .content .auth_vein div,
	#record-detail-top #price-terminal section .content .auth_fingerprint div,
	#record-detail-top #price-terminal section .content .bt-2000 div,
	#record-detail-top #price-terminal section .content .auth_felica div,
	#record-detail-top #price-terminal section .content .pitpro div,
	#record-detail-top #price-terminal section .content .auth_terminal div,
	#record-detail-top #price-terminal section .content .auth_location div {
		text-align: left;
		font-size: 12px;
	}
	#record-detail-top #price-terminal section .content .nec_hb div,
	#record-detail-top #price-terminal section .content .auth_vein div,
	#record-detail-top #price-terminal section .content .auth_fingerprint div {
		height: 180px;
	}
	#record-detail-top #price-terminal section .content .chara p {
		padding-left: 0em;
	} 
	#record-detail-top #price-terminal section .content .kind-of .name {
		display: none;
	}
	#record-detail-top #price-terminal section .content .kind-of {
		display: flex !important;
	}
	#record-detail-top #price-terminal section .content .kind-of img {
		width: 90%;
		margin: 5%;
	}
	#record-detail-top #price-terminal section .content .auth_location .kind-of {
		border-radius: 0 0 0 10px;
	}
	#record-detail-top #price-terminal section .content .auth_location .price_none {
		border-radius: 0 0 10px 0;
	}
	#record-detail-top #price-terminal section .content .title-cell .price {
		border-radius: 0 10px 0 0;
	}
	#record-detail-top #price-terminal section .content .title-cell .kind-of {
		border-radius: 10px 0 0 0;
	}
	#record-detail-top .content .btn {
		margin: 50px auto 0;
	}
}


@media only screen and (max-width: 640px) {
	#record-detail-top #price-terminal section .content .nec_hb div,
	#record-detail-top #price-terminal section .content .auth_vein div,
	#record-detail-top #price-terminal section .content .auth_fingerprint div {
		height: 100px;
	}
}


/*OS環境----------------------------------------------*/
#record-detail-top #operating_environment section:nth-of-type(2n+1) {
	background-color: #fff;
}

#record-detail-top #operating_environment section .content {
	width: 100%;
}
#operating_environment section .content .comparison-table {
	overflow: hidden;
	width: 95%;
	margin: 0 auto 30px;
}
#safe-support-top #operating_environment section .content .title-cell,
#system-support-top #operating_environment section .content .title-cell,
#record-detail-top #operating_environment section .content .title-cell {
	clear: both;
	overflow: hidden;
}
#safe-support-top #operating_environment section .content .title-cell div,
#system-support-top #operating_environment section .content .title-cell div,
#record-detail-top #operating_environment section .content .title-cell div {
	background-color: #2a98e1;
	color: #fff;
}
#safe-support-top #operating_environment section .content .title-cell div,
#safe-support-top #operating_environment section .content .windows-7 div,
#safe-support-top #operating_environment section .content .mac div,
#system-support-top #operating_environment section .content .title-cell div,
#system-support-top #operating_environment section .content .windows-7 div,
#system-support-top #operating_environment section .content .mac div,
#record-detail-top #operating_environment section .content .title-cell div,
#record-detail-top #operating_environment section .content .windows-7 div,
#record-detail-top #operating_environment section .content .windows-8 div,
#record-detail-top #operating_environment section .content .windows-10 div,
#record-detail-top #operating_environment section .content .android div,
#record-detail-top #operating_environment section .content .tablet div,
#record-detail-top #operating_environment section .content .mac div {
	float: left;
	font-size: 14px;
	text-align: center;
	height: 100px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

#operating_environment section .content .title-cell .device-os {
	border-radius: 10px 0 0 0;
}
#operating_environment section .content .device-os {
	margin: 2px 0;
	width: 25%;
	background-color: #ecf0f1;
	color: #060606;
}

#operating_environment section .content #authentication-device .device-os,
#operating_environment section .content #authentication-device .hybrid,
#operating_environment section .content #authentication-device .password {
	width: 33% !important;
}

#operating_environment section .content .hybrid,
#operating_environment section .content .vein,
#operating_environment section .content .fingerprint,
#operating_environment section .content .ic-card,
#operating_environment section .content .password {
	width: 18.2%;
	margin: 2px 0 2px 0.5%;
	background-color: #ecf0f1;
	color: #060606;
}
#record-detail-top #operating_environment section .content .hybrid,
#record-detail-top #operating_environment section .content .vein,
#record-detail-top #operating_environment section .content .fingerprint,
#record-detail-top #operating_environment section .content .ic-card,
#record-detail-top #operating_environment section .content .password {
	width: 14.5%;
}
#record-detail-top #operating_environment.myrecorder section .content .hybrid,
#record-detail-top #operating_environment.myrecorder section .content .vein,
#record-detail-top #operating_environment.myrecorder section .content .fingerprint,
#record-detail-top #operating_environment.myrecorder section .content .ic-card,
#record-detail-top #operating_environment.myrecorder section .content .password {
	width: 18.2%;
}



#operating_environment section .content .hybrid img,
#operating_environment section .content .vein img,
#operating_environment section .content .fingerprint img,
#operating_environment section .content .ic-card img,
#operating_environment section .content .password img {
	width: 50px;
	margin: auto 10px auto;
}

#operating_environment section .content .title-cell .password {
	border-radius: 0 10px 0 0;
}

#operating_environment section .content .mac .device-os {
	border-radius: 0 0 0 10px;
}
#operating_environment section .content .mac .password {
	border-radius: 0 0 10px 0;
}

#operating_environment section .content .title-cell span {
	position: relative;
	font-size: 13px;
}

#record-detail-top #operating_environment section .content .title-cell span:before {
/*	background-image: url(/wp-content/uploads/2017/02/css_sprites_merit.png);*/
	content: "";
	background-size: 64px 65px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#record-detail-top #operating_environment section .content .title-cell .aggregate span:before {
	background-position: -32px 0;
	width: 24px;
}
#record-detail-top #operating_environment section .content .title-cell .calculation span:before {
	background-position: -32px -33px;
	height: 23px;
}
#record-detail-top #operating_environment section .content .title-cell .storage span:before {
	background-position: 0 -33px;
}

@media only screen and (max-width: 768px) {
	#record-detail-top #operating_environment section .content .title-cell span {
		font-size: 13px;
	}
	#record-detail-top #operating_environment section .content .title-cell div {
		height: 100px;
	}
	#record-detail-top #operating_environment section .content .nec_hb div,
	#record-detail-top #operating_environment section .content .auth_vein div,
	#record-detail-top #operating_environment section .content .auth_fingerprint div,
	#record-detail-top #operating_environment section .content .bt-2000 div,
	#record-detail-top #operating_environment section .content .auth_felica div,
	#record-detail-top #operating_environment section .content .pitpro div,
	#record-detail-top #operating_environment section .content .auth_terminal div,
	#record-detail-top #operating_environment section .content .auth_location div {
		text-align: left;
		font-size: 12px;
	}
	#record-detail-top #operating_environment section .content .nec_hb div,
	#record-detail-top #operating_environment section .content .auth_vein div,
	#record-detail-top #operating_environment section .content .auth_fingerprint div {
		height: 100px;
	}
	#record-detail-top #operating_environment section .content .kind-of .name {
		display: none;
	}
	#record-detail-top #operating_environment section .content .kind-of {
		display: flex !important;
	}
	#record-detail-top #operating_environment section .content .kind-of img {
		width: 90%;
		margin: 5%;
	}
	#operating_environment section .content .hybrid img,
	#operating_environment section .content .vein img,
	#operating_environment section .content .fingerprint img,
	#operating_environment section .content .ic-card img,
	#operating_environment section .content .password img {
		width: 10px;
		margin: auto 1px;
	}
	#record-detail-top #operating_environment section .content .title-cell .device-os {
		border-radius: 10px 0 0 0;
	}
	#record-detail-top #operating_environment section .content .title-cell .password {
		border-radius: 0 10px 0 0;
	}
	#record-detail-top #operating_environment section .content .mac .device-os {
		border-radius: 0 0 0 10px;
	}
	#record-detail-top #operating_environment section .content .mac .password {
		border-radius: 0 0 10px 0;
	}
	#record-detail-top #operating_environment section .content .annotation {
		font-size: 11px;
		max-width: 95%;
		margin: auto 2.5%;
	}
}

#record-detail-top .scene-block .main-area .detail h4 .num,
#record-detail-top .scene-block .wrap .detail h4 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 30px;
	color: #1D9E48;
	text-align: center;
}
#record-detail-top .scene-block .main-area .detail h4:after,
#record-detail-top .scene-block .wrap .detail h4:after {
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 768px) {
	#record-detail-top .scene-block .main-area .detail h4 .num,
	#record-detail-top .scene-block .wrap .detail h4 .num {
		padding-bottom: 15px;
		font-size: 20px;
	}
}

.recorder_showroom_link{
	text-align:center;
	margin-bottom:35px;
}
.recorder_showroom_link img{
	max-width:500px;
	border:solid 3px #6CB78B;
}
.recorder_showroom_link a:hover{
  opacity:0.7;
}

/*---------------------------------------------------------------------------------
機能
--------------------------------------------------------------------------------- */
/*#overtime-top h1,
#function2-top h1,
#function-top h1 {
	background-image: url(/wp-content/uploads/2017/02/many_function_bg.jpg);
	position: relative;
}*/

#function2-top .link-area .inner .link-box .link-img,
#function-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_overtime-bases.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
#function2-top .scene-block .read,
#function-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_overtime-bases.jpg);
}

#function-top #books .read,
#function-top .link-area .inner .books .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_books.jpg);
}
#function-top #salary .read,
#function-top .link-area .inner .salary .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_salary.jpg);
}
#function-top #aggregate .read,
#function-top .link-area .inner .aggregate .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_aggregate.jpg);
}
#function-top #aggregate .read {
	background-position: center 90%;
}
#function-top #alert .read,
#function-top .link-area .inner .alert .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_alert.jpg);
}
#function-top #alert .read {
	background-position: center 60%;
}
#function-top #vacation .read,
#function-top .link-area .inner .vacation .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_vacation.jpg);
}
#function-top #vacation .read {
	background-position: center 85%;
}
#function-top #application .read,
#function-top .link-area .inner .application .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_application.jpg);
}
#function-top #admin .read,
#function-top .link-area .inner .admin .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_admin.jpg);
}
#function-top #admin .read {
	background-position: center 15%;
}
#function-top #schedule .read,
#function-top .link-area .inner .schedule .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_schedule.jpg);
}
#function-top .txt h4,
#function-top .wrap .detail h4 .num,
#function-top .link-area .inner .title {
	color: #1D9E48;
}
#function-top .read .txt h4:after,
#function-top .wrap .detail h4:after,
#function-top .wrap .detail .btn a,
#function-top .link-area .inner .btn {
	background-color: #1D9E48;
}
.paged .link-area .inner .image {
	border-bottom: #1D9E48 5px solid;
}
#case-archive .image img{
	width: 100%;
	height: auto;
}

/*
#function-top #overtime_bases .read .txt h4:after,
#function-top #overtime_bases .wrap .detail h4:after,
#function-top #overtime_bases .wrap .detail .btn a,
#function-top .link-area .inner .overtime_bases .btn {
	background-color: #1D9E48;
}*/

.main_contents .main-thumbnail,
.paged .read-block .main-thumbnail {
	width: 500px;
	margin: 20px auto 30px;
}

.main_contents .main-thumbnail img,
.paged .read-block .main-thumbnail img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
    .main_contents .main-thumbnail,
	.paged .read-block .main-thumbnail {
		max-width: 500px;
		width: 95%;
		text-align: center;
		margin: auto;
	}
    .main_contents .main-thumbnail img,
	.paged .read-block .main-thumbnail img {
		max-width: 500px;
		width: 100%;
		height: auto;
	}
}


/*---------------------------------------------------------------------------------
リアルタイム管理
--------------------------------------------------------------------------------- */
/*#work-top h1,
#overtime_situation-top h1,
#anomaly_attendance-top h1,
#improve_approximation-top h1,
#global-top h1,
#manage-top h1 {
	background-image: url(/wp-content/uploads/2017/02/realtime_bg.jpg);
	position: relative;
}

#manage-top .link-area {
	background-image: url(/wp-content/uploads/2017/02/realtime_main.jpg);
	position: relative;
}*/

#manage-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_data-concentration.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
#manage-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/realtime_data-concentration.jpg);
}

#work-top .scene-block .read,
#manage-top #anytime .read,
#manage-top .link-area .inner .anytime .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_anytime.jpg);
}
#overtime_situation-top .read,
#manage-top #overtime-situation .read,
#manage-top .link-area .inner .overtime-situation .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_overtime.jpg);
}
#anomaly_attendance-top .read,
#manage-top #abnormal .read,
#manage-top .link-area .inner .abnormal .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_abnormal.jpg);
}
#anomaly_attendance-top .read,
#manage-top #abnormal .read {
	background-position: center 90%;
}
#improve_approximation-top .read,
#manage-top #personnel-expenses .read,
#manage-top .link-area .inner .personnel-expenses .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_personnel-expenses.jpg);
}
#improve_approximation-top .read,
#manage-top #personnel-expenses .read {
	background-position: center 60%;
}
#global-top .read,
#manage-top #overseabases .read,
#manage-top .link-area .inner .overseabases .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_overseabases.jpg);
}
#global-top .read,
#manage-top #overseabases .read {
	background-position: center 85%;
}
#manage-top .read .txt h4,
#manage-top .wrap .detail h4 .num,
#manage-top .link-area .inner .title {
	color: #1D9E48;
}
#manage-top .read .txt h4:after,
#manage-top .wrap .detail h4:after,
#manage-top .wrap .detail .btn a,
#manage-top .link-area .inner .btn {
	background-color: #1D9E48;
}

/*---------------------------------------------------------------------------------
導入価格
--------------------------------------------------------------------------------- */
/*#introduction-top h1,
#flow-top h1,
#cost-top h1 {
	background-image: url(/wp-content/uploads/2017/02/cost_bg.jpg);
	position: relative;
}

#cost-top .link-area {
	background-image: url(/wp-content/uploads/2017/02/cost_main.jpg);
}*/

#cost-top .count-box {
	width: 370px;
	margin: 0 auto 30px;
	padding: 20px 0 5px;
	border: #000 2px solid;
	border-radius: 10px;
	/*background-color: #1D9E48;
	color: #fff;*/
}
#cost-top .count-box h3 {
	color: #000;
	font-size: 40px;
	line-height: 1.2;
}
#cost-top .count-box .detail {
	font-size: 24px;
}
#cost-top .count-box .detail .blue,
#cost-top .count-box .detail .number {
	font-size: 54px;
	font-weight: 800;
	color: #2A98E1;
}


#cost-top .link-area .inner .link-box {
    width: 46%;
    margin: 0 2% 60px;
}

#cost-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/cost_installation-cost.jpg);
	background-size: cover;
	background-position: 50% 30%;
}
/*#cost-top .scene-block section:nth-of-type(2n) {
	background-color: #f6f6f6;
}*/
#introduction-top .scene-block .read,
#cost-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/cost_installation-cost.jpg);
	background-position: 50% 30%;
}
#flow-top .scene-block .read,
#cost-top #installation-flow .read,
#cost-top .link-area .inner .installation-flow .link-img {
	background-image: url(/wp-content/uploads/2017/02/cost_flow.jpg);
}
#cost-top .read .txt h4,
#cost-top .wrap .detail h4 .num,
#cost-top .link-area .inner .title {
	color: #1D9E48;
}
#cost-top read .txt h4:after,
#cost-top .wrap .detail h4:after,
#cost-top .wrap .detail .btn a,
#cost-top .link-area .inner .btn {
	background-color: #1D9E48;
}

#installation-cost {
	overflow: hidden;
	max-width: 1100px;
	margin: auto;
	margin-bottom: 50px
}

#installation-cost .function-detail {
	float: left;
	width: 49%;
	clear: none;
	margin-right: 1%;
	padding: 0 !important;
	background-color: #fff !important;
}
#installation-cost .function-detail:nth-of-type(2n) {
	float: right;
	width: 49%;
	clear: none;
	margin-left: 1%;
	margin-right: 0;
}
#installation-cost .function-detail:nth-of-type(2n+1) {
	clear: both;
}
#installation-cost .function-detail .function-area {
	padding: 25px 20px;
	border: 5px #1D9E48 solid;
	border-radius: 10px 0 0 0;
	margin: 0 0 4%;
}
#installation-cost .function-detail .function-area h4 .num,
#installation-cost .function-detail .function-area h3 .num {
	color: #1D9E48;
}
#installation-cost .function-detail .function-area h4:after,
#installation-cost .function-detail .function-area h3:after {
	background-color: #1D9E48;
}
#installation-cost .function-detail .function-area h4 {
	padding-bottom: 20px;
}
#installation-cost .function-detail .function-area h4 .num {
	padding-bottom: 10px;
	font-size: 18px;
}

#installation-cost .function-detail:nth-of-type(2) .function-area {
	border-radius: 0 10px 0 0;
}
#installation-cost .function-detail:nth-of-type(3) .function-area {
	border-radius: 0 0 0 10px;
}
#installation-cost .function-detail:nth-of-type(4) .function-area {
	border-radius: 0 0 10px 0;
}

#installation-cost .function-detail .function-area .detail .btn {
	margin: 15px auto 0;
}
#installation-cost .function-detail .function-area .detail .btn a {
	background-color: #1D9E48;
}

#online-room-top .function-detail .btn, 
#cost-top .function-detail .btn {
	margin: 15px auto 0;
	width: 270px;
}

#online-room-top .function-detail .btn a, 
#cost-top .function-detail .btn a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
	background-color: #1D9E48;
}

#online-room-top .function-detail .btn a {
    background-color: #E48434;
}

#cost-top .detail .image img {
	max-width: 95%;
	margin: 2.5%;
}

@media only screen and (max-width: 768px) {
	#cost-top .scene-block section:nth-of-type(2n) {
		padding-top: 40px;
	}
	#cost-top .link-area .inner .link-box {
		margin-bottom: 0;
	}
	#cost-top .count-box {
		width: 250px;
		margin: 0 auto 15px;
		padding: 10px 0 5px;
	}
	#cost-top .count-box h3 {
		font-size: 30px;
	}
	#cost-top .count-box .detail {
		font-size: 16px;
	}
	#installation-cost {
		overflow: hidden;
		width: 95%;
		margin: auto;
		margin-bottom: 30px
	}
	#installation-cost .function-detail,
	#installation-cost .function-detail:nth-of-type(2n) {
		float: none;
		width: 95%;
		margin: 0 auto;
		clear: both;
	}
	#cost-top .detail .image {
		max-width: 95%;
		margin: auto;
	}
	#cost-top .count-box .detail .blue,
	#cost-top .count-box .detail .number {
		font-size: 40px;
	}
	#installation-cost .function-detail .function-area {
		border-radius: 0 !important;
		padding: 15px 10px;
	}
	.paged .function-detail .function-area .detail .btn {
		max-width: 100%;
	}
}


/*---------------------------------------------------------------------------------
導入事例
--------------------------------------------------------------------------------- */
/*#record-detail-top h1,
#case-top h1 {
	background-image: url(/wp-content/uploads/2017/02/case_bg.jpg);
	position: relative;
}*/

#record-detail-top .link-area .inner .link-box,
#case-top .link-area .inner .link-box {
	width: 46%;
	margin: 0 2% 60px;
}
#record-detail-top .link-area .inner .link-box .link-img,
#case-top .link-area .inner .link-box .link-img {
	height: auto;
}
#record-detail-top .link-area .inner .link-box .link-img h3,
#case-top .link-area .inner .link-box .link-img h3 {
	background-color: #006600;
	color: #fff;
	padding: 5px;
}
#record-detail-top .list-block .right,
#case-top .list-block .right {
	text-align: right;
	font-size: 13px;
}
#case-top .link-area .inner .link-box .right {
	text-align: right;
	margin-right: 20px;
}
#case-top .link-area .inner .btn {
	background-color: #060;
}

/*一覧---------------------------------------------------------------------------*/
#record-detail-top .list-block {
	padding-bottom: 50px;
}

#case-top .list-block {
	padding-bottom: 50px;
}

#case-top .list-block .inner,
#record-detail-top .list-block .inner {
	max-width: 1100px;
	margin: 0 auto;
}
#record-detail-top .list-block .inner h3,
#case-top .list-block .inner h3 {
	padding-top: 38px;
	padding-bottom: 72px;
	position: relative;
	font-size: 36px;
	line-height: 1;
	color: #1D9E48;
	text-align: center;
}
#record-detail-top .list-block .inner h3:after,
#case-top .list-block .inner h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}

.caselogo-area .inner {
    max-width: 1100px;
    margin: auto;
}

.caselogo-area .inner {
    overflow: hidden;
}

.caselogo-area .inner ul {
    display: flex;
    justify-content: center;
}

.caselogo-area .inner ul li {
    box-sizing: border-box;
    padding: 5px;
}

.caselogo-area .inner ul li img {
    max-width: 100%;
    height: auto;
}


@media only screen and (max-width: 768px) {
	#case-top .list-block,
	#record-detail-top .list-block {
		padding-bottom: 0;
	}
	#record-detail-top .list-block .inner,
	#case-top .list-block .inner {
		max-width: 100%;
		margin: 0 auto;
	}
	#record-detail-top .list-block .inner h3,
	#case-top .list-block .inner h3 {
		padding-top: 18px;
		padding-bottom: 28px;
		position: relative;
		font-size: 18px;
		line-height: 1;
		color: #1D9E48;
		text-align: center;
	}
	#record-detail-top .list-block .inner h3:after,
	#case-top .list-block .inner h3:after {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #43BBB3;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		content:"";
	}
    .caselogo-area .inner ul {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .caselogo-area .inner ul li {
        float: left;
        width: 33.3333%;
        vertical-align: middle;
        display: table-cell;
        min-height: 70px;
    }
}

/*ソート用ボタン*/
#record-detail-top .list-block .filters,
#case-top .list-block .filters {
	margin-bottom: 96px;
	border: 1px solid #D1D1D1;
}
#record-detail-top .list-block .filters:after,
#case-top .list-block .filters:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-detail-top .list-block .filters li,
#case-top .list-block .filters li {
	width: 16.66666%;
	float: left;
}
#record-detail-top .list-block .filters li br,
#case-top .list-block .filters li br {
	display: none;
}

#record-detail-top #case-list .filters li,
#case-top .list-block .filters li {
	width: 14.28%;
}

/*#case-top .list-block .filters li:nth-of-type(1) {
	width: 98.6%;
}

#case-top .list-block .filters li:nth-of-type(8),
#case-top .list-block .filters li:nth-of-type(9) {
	width: 49.8%;
}*/

#record-detail-top .list-block .filters li a,
#case-top .list-block .filters li a {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 98px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	padding: 41px 0 41px 68px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	box-shadow:0px -4px 6px -4px #d2d1d2 inset;
}

#record-detail-top #case-list .filters li a,
#case-top .list-block .filters li a {
	height: 70px;
	font-size: 14px;
	padding: 28px 0 30px 64px;
}

#record-detail-top .list-block .filters li a.current,
#case-top .list-block .filters li a.current {
	background-color: #1D9E48;
	color: #fff;
}
#record-detail-top .list-block .filters li:nth-of-type(1) a,
#record-detail-top .list-block .filters li:nth-of-type(2) a,
#case-top .list-block .filters li:nth-of-type(1) a,
#case-top .list-block .filters li:nth-of-type(2) a {
	border-top: 1px solid #D1D1D1;
	padding-right: 0;
	text-align: center;
}

#record-detail-top #case-list .filters li:nth-of-type(1) a,
#record-detail-top #case-list .filters li:nth-of-type(2) a {
    text-align: left;
}

#record-detail-top .list-block .filters li a img,
#case-top .list-block .filters li a img {
	width: 40px;
	display: block;
	position: absolute;
	top: 29px;
	left: 14px;
}

#record-detail-top #case-list .filters li a img,
#case-top .list-block .filters li a img {
    width: 30px;
    top: 19px;
}

/*
#case-top .list-block .filters li:nth-of-type(1) a img {
	left: 50%;
	margin-left: -100px;
}
#case-top .list-block .filters li:nth-of-type(2) a img {
	left: 50%;
	margin-left: -170px;
}*/
#record-detail-top .list-block .filters li a:after,
#case-top .list-block .filters li a:after {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
	position: absolute;
	top: 0;
	left: 0;
	content:"";
}
#case-top .list-block .filters li a .tooltip {
	display: none;
	width: 226px;
	padding: 20px 35px;
	font-size: 14px;
	color: #fff;
	background-color: #43BBB3;
	border-radius: 6px;
	position: absolute;
	left: -11px;
	top: 83px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	z-index: 10;
}
#case-top .list-block .filters li:nth-of-type(1) a .tooltip {
	left: 108px;
}

#case-top .list-block .filters li a:hover .tooltip:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}
/*#case-top .list-block .filters li a:hover .tooltip {
	display: block;
}*/
@media screen and (min-width:769px) and  (max-width: 1000px) {
	#record-detail-top .list-block .filters li,
	#record-detail-top #case-list .filters li,
	#case-top .list-block .filters li {
		width:25%;
		float: left;
	}
	#record-detail-top .list-block .filters li:nth-of-type(1),
	#record-detail-top .list-block .filters li:nth-of-type(2),
	#record-detail-top #case-list .filters li:nth-of-type(1),
	#record-detail-top #case-list .filters li:nth-of-type(2),
	#case-top .list-block .filters li:nth-of-type(1),
	#case-top .list-block .filters li:nth-of-type(2) {
		width: 50%;
	}
	#record-detail-top .list-block .filters li:last-child,
	#record-detail-top #case-list .filters li:last-child,
	#case-top .list-block .filters li:last-child {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	#record-detail-top .list-block .filters,
	#record-detail-top #case-list .filters,
	#case-top .list-block .filters {
		margin-bottom: 30px;
		border-left: 1px solid #D1D1D1;
	}
	#record-detail-top .list-block .filters:after,
	#case-top .list-block .filters:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-detail-top .list-block .filters li,
	#record-detail-top #case-list .filters li,
	#case-top .list-block .filters li {
		width: 25%;
		float: left;
	}
	#record-detail-top .list-block .filters li br,
	#case-top .list-block .filters li br {
		display: inline;
	}
/*	#case-top .list-block .filters li:nth-of-type(1) {
		width: 100%;
	}
	#case-top .list-block .filters li:nth-of-type(8),
	#case-top .list-block .filters li:nth-of-type(9) {
		width: 25%;
	}*/
	#record-detail-top .list-block .filters li a,
	#record-detail-top #case-list .filters li a,
	#case-top .list-block .filters li a {
		box-sizing: border-box;
		display: flex; 
		position: relative;
		width: 100%;
		height: 50px;
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		align-items: center;
		padding:0px 0 0 32px;
		border-right: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	}
	#record-detail-top .list-block .filters li a.current,
	#case-top .list-block .filters li a.current {
		background-color: #1D9E48;
		color: #fff;
	}/*
	#case-top .list-block .filters li:nth-of-type(1) a {
		border-top: 1px solid #D1D1D1;
		padding-right: 0;
		text-align: center;
		padding-left: 50px;
	}*/
	#case-top .list-block .filters li:nth-of-type(2) a {
		border-top: 1px solid #D1D1D1;
		padding-right: 0;
		text-align: center;
	/*	padding-left: 26px;*/
	}

	#case-top .list-block .filters li a img {
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		margin: auto;
	}
	/*#case-top .list-block .filters li:nth-of-type(1) a img {
		left: 0%;
		margin-left: 18px;
	}
	#case-top .list-block .filters li:nth-of-type(2) a img {
		left: 50%;
		margin-left: -90px;
	}*/
	#case-top .list-block .filters li a:after {
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		content:"";
	}
	#case-top .list-block .filters li a .tooltip,
	#case-top .list-block .filters li a:hover .tooltip {
		display: none;
	}
	#record-detail-top .list-block .filters li a img,
	#record-detail-top #case-list .filters li a img {
		width: 15px;
		top: 16px;
		left: 9px;
	}
}

@media screen and  (max-width: 320px) {
	#record-detail-top .list-block .filters li a,
	#record-detail-top #case-list .filters li a,
	#case-top .list-block .filters li a {
		font-size: 9px;
	}
}

#record-detail-top .list-block .item-wrap,
#case-top .list-block .item-wrap {
	width: 1120px;
	position: relative;	
}
@media screen and  (max-width: 1000px) {
	#record-detail-top .list-block .item-wrap, 
	#case-top .list-block .item-wrap {
		width: 100%;
	}
}
#record-detail-top .list-block .item-wrap .item,
#case-top .list-block .item-wrap .item {
	box-sizing: border-box;
	width: 50%;
	padding-right: 20px;
	padding-bottom: 25px;
	float: left;
}
#record-detail-top #case-list .item-wrap .item {
	width: 33.3333%;
}

#record-detail-top .list-block .item h4,
#case-top .list-block .item h4 {
	padding: 17px 24px 15px;
	background-color: #1D9E48;
	font-size: 18px;
	line-height: 1;
	color: #fff;
	position: relative;
}
#record-detail-top #case-list .interview h4 {
	padding: 17px 48px 15px 24px;
}
#record-detail-top .list-block .item .detail_link,
#case-top .list-block .item .detail_link {
	position: absolute;
	top: 0;
	right: 20px;
	max-height: 18px;
	bottom: 0;
	margin: auto;
}
#record-detail-top #case-list .item .detail_link span,
#record-detail-top .list-block .item .detail_link a,
#case-top .list-block .item .detail_link a {
	padding: 7px 17px 5px;
	font-size: 14px;
	font-weight: 800;
	background-color: #fff;
	border-radius: 6px;
}
#record-detail-top #case-list .item .detail_link span,
#record-detail-top #case-list .item .detail_link a {
	padding: 5px 8px 5px;
}
#record-detail-top .list-block .item .wrap,
#case-top .list-block .item .wrap {
	border: 20px solid #efefef;
	padding: 15px;
	background-color: #fff;
	position: relative;
	min-height: 220px;
}
#record-detail-top .list-block .item .wrap:after,
#case-top .list-block .item .wrap:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-detail-top .list-block .item .wrap:before,
#case-top .list-block .item .wrap:before {
	display: block;
	width: 18px;
	height: 15px;
	background-image: url(/wp-content/uploads/2018/11/icon_item.png);
	position: absolute;
	top: -20px;
	left: -20px;
	content:"";
}
#record-detail-top .list-block .item h5,
#case-top .list-block .item h5 {
	font-size: 18px;
	color: /*#e80c7a*/ #e9641e;
	padding-bottom: 10px;
	padding-top: 10px;
	clear: both;
	margin-bottom: 15px;
	line-height: 1.3;
}
#case-top .list-block .item ul {
	font-size: 13px;
}

#case-top .list-block .item .read {
	padding-bottom: 10px;
	font-size: 14px;
}
#case-top .list-block .item .photo {
	width: 42%;
	float: left;
	position: relative;
}

#case-top .list-block .item .photo .icon {
	width: 100%;
	overflow:hidden;
	/*position: absolute;*/
	left: 0;
	bottom: 0;
}
#case-top .list-block .item .photo .icon li {
	width: 50%;
	float: left;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 9px;
}
#case-top .list-block .item .photo .icon li.cate1 {/*サービス*/
	background-color: #1D9E48;
}
#case-top .list-block .item .photo .icon li.cate2 {/*飲食*/
	background-color: /*#e80c7a*/ #e9641e;
}
#case-top .list-block .item .photo .icon li.cate3 {/*小売*/
	background-color: #35b574;
}
#case-top .list-block .item .photo .icon li.cate4 {/*医療*/
	background-color: /*#9e35b4*/ #615d94;
}
#case-top .list-block .item .photo .icon li.cate5 {/*製造*/
	background-color: #ff9f08;
}
#case-top .list-block .item .photo .icon li.cate6 {/*娯楽*/
	background-color: #E48434;
}
#case-top .list-block .item .photo .icon li.cate7 {/*物流*/
	background-color: #2a98e1;
}
#case-top .list-block .item .photo .icon li.cate8 {/*その他*/
	background-color: #368b30;
}
#case-top .list-block .item .detail {
	width: 54%;
	float: right;	
}
#case-top .list-block .item .detail h6 {
	height: 95px;
	font-size: 16px;
	line-height: 1.6;
}
#case-top .list-block .item .detail .price {
	padding-bottom: 25px;
	font-size: 11px;
	line-height: 1;
	text-align: right;
}
#case-top .list-block .item .detail .price strong {
	display: inline-block;
	padding-left: 5px;
	font-size: 30px;
	color: /*#e80c7a*/ #e9641e;
}
#case-top .list-block .item .detail .notes {
	font-size: 10px;
}
#case-top .list-block .item .detail_btn {
	display: none;
}


@media only screen and (max-width: 768px) {
	#record-detail-top .list-block .item-wrap .item,
	#case-top .list-block .item-wrap .item {
		padding-right: 0px;
		padding-bottom: 10px;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	#record-detail-top #case-list .item-wrap .item {
		width: 50%;
	}
	#record-detail-top .list-block .item h4,
	#case-top .list-block .item h4 {
		padding: 7px 12px 5px;
		background-color: #1D9E48;
		font-size: 16px;
		line-height: 1.25;
		color: #fff;
	}
	#record-detail-top #case-list .interview h4 {
		padding: 7px 38px 5px 12px;
	}
	#record-detail-top .list-block .item .wrap,
	#case-top .list-block .item .wrap {
		border: 10px solid #DBF1F0;
		padding: 7px;
		background-color: #fff;
		position: relative;
		padding-bottom: 60px;
	}
	#case-top .list-block .item .wrap {
		min-height: 250px;
	}
	#record-detail-top .list-block .interview .detail_link {
		right: 8px;
	}
	#record-detail-top .list-block .item .wrap {
		padding-bottom: 0;
		min-height: 140px;
	}
	#record-detail-top .list-block .item .wrap:after,
	#case-top .list-block .item .wrap:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-detail-top .list-block .item .wrap:before,
	#case-top .list-block .item .wrap:before {
		display: block;
		width: 9px;
		height: 7px;
		background-image: url(/wp-content/uploads/2018/11/icon_item.png);
		background-size: 100%;
		position: absolute;
		top: -10px;
		left: -10px;
		content:"";
	}
	#case-top .list-block .item h5 {
		font-size: 13px;
		color: /*#e80c7a*/ #e9641e;
		margin-bottom: 0;
		height: auto;
	}
	#case-top .list-block .item .read {
		display: none;
	}
	#case-top .list-block .item .photo {
		width: 100%;
		float: none;
		position: relative;
	}
	#case-top .list-block .item .photo .icon {
		width: 100%;
		overflow:hidden;
		/*position: absolute;*/
		left: 0;
		bottom: 0;
	}
	#case-top .list-block .item .photo .icon li {
		float: left;
		font-size: 8px;
		line-height: 1;
		color: #fff;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 4px;
	}

	#case-top .list-block .item .detail {
		width: 100%;
		float: none;	
	}
	#case-top .list-block .item .detail h6 {
		height: auto;
		font-size: 11px;
		line-height: 1.4;
		padding: 6px 8px 12px;
	}
	#case-top .list-block .item .detail .price {
		padding-bottom: 0px;
		font-size: 8px;
		line-height: 1;
		text-align: right;
	}
	#case-top .list-block .item .detail .price strong {
		display: inline-block;
		padding-left: 2px;
		font-size: 17px;
		color: /*#e80c7a*/ #e9641e;
	}
	#case-top .list-block .item .detail .notes {
		display: none;
	}
	#case-top .list-block .item .detail_link {
		display: none;
	}
	#case-top .list-block .item .detail_btn {
		display: block;
		margin: 0 5%;
		width: 90%;
		position: absolute;
		bottom: 20px;
		text-align: center;
		left: 0;
		right: 0;
	}
	#case-top .list-block .item .detail_btn a {
		padding: 5px 25px;
		background-color: #43BBB3;
		border-radius: 15px;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
	}
/*	#case-top .list-block .item .detail_btn a::before {
		width: 13px;
		height: 18px;
		background-position: -27px -110px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.5em;
		content: '';
		margin-top: auto;
		margin-bottom: auto;
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-size: 300px 485px;
	}
*/
	#case-top .list-block .item ul,
	#case-top .list-block .right {
		display: none;
	}

}

@media only screen and (max-width: 320px) {
	#case-top .list-block .item .detail_btn a {
		padding: 5px 15px;
		background-color: #43BBB3;
		border-radius: 15px;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
	}
	#case-top .list-block .item .wrap {
		min-height: 240px;
}

}

/*---------------------------------------------------------------------------------
サポート体制
--------------------------------------------------------------------------------- */
/*#operating-top h1,
#version_up-top h1,
#kot_spec-top h1,
#trial_kit-top h1,
#customer-top h1,
#support-top h1 {
	background-image: url(/wp-content/uploads/2017/02/support_bg.jpg);
	position: relative;
}

#support-top .link-area {
	background-image: url(/wp-content/uploads/2017/02/support_main.jpg);
}*/

#support-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_installation-support.jpg);
	background-size: cover;
	background-position: 50% 30%;
}

#support-top .scene-title .txt {
	text-align: center;
}

#support-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/realtime_data-concentration.jpg);
}

#support-top #operating-system .read,
#support-top .link-area .inner .operating-system .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_operating-system.jpg);
}
#support-top #version-up .read,
#support-top .link-area .inner .version-up .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_version-up.jpg);
}
#support-top #operating-environment .read,
#support-top .link-area .inner .operating-environment .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_operating-environment.jpg);
}
#support-top #operating-environment .read {
	background-position: center 90%;
}
#support-top #data-back-up .read,
#support-top .link-area .inner .data-back-up .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_data-back-up.jpg);
}
#support-top #data-back-up .read {
	background-position: center 60%;
}
#support-top #trial-kit .read,
#support-top .link-area .inner .trial-kit .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_trial-kit.jpg);
}
#support-top #trial-kit .read {
	background-position: center 60%;
}
#support-top #currently-user .read,
#support-top .link-area .inner .currently-user .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_currently-user.jpg);
}


#support-top #operating-system .read .txt h4,
#support-top #operating-system .wrap .detail h4 .num,
#support-top .link-area .inner .operating-system .title {
	color: #1D9E48;
}
#support-top #operating-system .read .txt h4:after,
#support-top #operating-system .wrap .detail h4:after,
#support-top #operating-system .wrap .detail .btn a,
#support-top .link-area .inner .operating-system .btn {
	background-color: #1D9E48;
}
#support-top #version-up .read .txt h4,
#support-top #version-up .wrap .detail h4 .num,
#support-top .link-area .inner .version-up .title {
	color: /*#e80c7a*/ #e9641e;
}
#support-top #version-up  .read .txt h4:after,
#support-top #version-up  .wrap .detail h4:after,
#support-top #version-up .wrap .detail .btn a,
#support-top .link-area .inner .version-up .btn {
	background-color: /*#e80c7a*/ #e9641e;
}
#support-top #operating-environment .read .txt h4,
#support-top #operating-environment .wrap .detail h4 .num,
#support-top .link-area .inner .operating-environment .title {
	color: #35b574;
}
#support-top #operating-environment .read .txt h4:after,
#support-top #operating-environment .wrap .detail h4:after,
#support-top #operating-environment .wrap .detail .btn a,
#support-top .link-area .inner .operating-environment .btn {
	background-color: #35b574;
}
#support-top #data-back-up .read .txt h4,
#support-top #data-back-up .wrap .detail h4 .num,
#support-top .link-area .inner .data-back-up .title {
	color: /*#9e35b4*/ #615d94;
}
#support-top #data-back-up .read .txt h4:after,
#support-top #data-back-up .wrap .detail h4:after,
#support-top #data-back-up .wrap .detail .btn a,
#support-top .link-area .inner .data-back-up .btn {
	background-color: /*#9e35b4*/ #615d94;
}
#support-top #trial-kit .read .txt h4,
#support-top #trial-kit .wrap .detail h4 .num,
#support-top .link-area .inner .trial-kit .title {
	color: #ff9f08;
}
#support-top #trial-kit .read .txt h4:after,
#support-top #trial-kit .wrap .detail h4:after,
#support-top #trial-kit .wrap .detail .btn a,
#support-top .link-area .inner .trial-kit .btn {
	background-color: #ff9f08;
}
#support-top #currently-user .read .txt h4,
#support-top #currently-user .wrap .detail h4 .num,
#support-top .link-area .inner .currently-user .title {
	color: #2a98e1;
}
#support-top #currently-user .read .txt h4:after,
#support-top #currently-user .wrap .detail h4:after,
#support-top #currently-user .wrap .detail .btn a,
#support-top .link-area .inner .currently-user .btn {
	background-color: #2a98e1;
}

@media only screen and (max-width: 768px) {
	#support-top .scene-title .txt {
		text-align: left;
		margin: 20px 10px 35px;
	}
}

/*---------------------------------------------------------------------------------
コストダウン
--------------------------------------------------------------------------------- */
/*#price_introduction-top h1,
#costdown-top h1 {
	background-image: url(/wp-content/uploads/2017/02/costwdown_bg.jpg);
	position: relative;
}

#costdown-top .read-block {
	padding-bottom: 100px;
	background-image: url(/wp-content/uploads/2017/02/costdown_read_bg_pc.jpg);
	background-size: 100%;
	background-position: center 150px;
	background-repeat: no-repeat;
}

#costdown-top .read-block .inner {
	max-width: 854px;
	padding: 50px 123px 42px;
	margin: 0 auto;
}
#costdown-top .read-block .inner p {
	width: 495px;
	padding-bottom: 55px;
	text-align: left;
}
#costdown-top .read-block .inner .btn {
	width: 270px;
}
#costdown-top .read-block .inner .btn a {
	background-color:  #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}
@media only screen and (max-width: 768px) {
	#costdown-top .read-block {
		background: none;
		padding-bottom: 60px;
	}
	#costdown-top .read-block .inner {
		max-width: auto;
		padding: 10px 0 0px;
		margin: 0 auto;
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#costdown-top .read-block .inner p {
		width: auto;
		padding-bottom: 35px;
		font-size: 15px;
	}
	#costdown-top .read-block .inner .btn {
		width: 233px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#costdown-top .read-block .inner .btn a {
		background-color:  #6cbb5f;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
}*/

#costdown-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/costdown_introduction.jpg);
	margin-bottom: 90px;
}

#costdown-top .scene-block section .detail {
	padding: 0;
}
#costdown-top .scene-block section .detail .title-cell,
#costdown-top .scene-block section .detail .before-cell,
#costdown-top .scene-block section .detail .after-cell {
	clear: both;
	overflow: hidden;
}
#costdown-top .scene-block section .detail .title-cell div,
#costdown-top .scene-block section .detail .before-cell div,
#costdown-top .scene-block section .detail .after-cell div {
	float: left;
	width: 19.8%;
	font-size: 16px;
	margin: 2px 0.1%;
	text-align: center;
	background-color: #ecf0f1;
	height: 150px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

#costdown-top .scene-block,
#costdown-top .scene-block .read .txt,
#costdown-top .scene-block section:nth-of-type(2n+1) {
	background-color: #fff;
}

#costdown-top .scene-block section .detail .before-cell .b-a-c,
#costdown-top .scene-block section .detail .after-cell .b-a-c {
	background-color: #5b5c68;
	color: #fff;
	font-size: 28px;
	border-radius: 10px 0 0 0;
}
#costdown-top .scene-block section .detail .after-cell .b-a-c {
	background-color: #ff7200;
	border-radius: 0 0 0 10px;
}
#costdown-top .scene-block section .detail .after-cell .storage {
	border-radius: 0 0 10px 0;
}

#costdown-top .scene-block section .detail .title-cell .b-a-c {
	background-color: #fff;
}

#costdown-top .scene-block section .detail .title-cell > div {
	background-color: #1D9E48;
	height: 100px;
}

#costdown-top .scene-block section .detail .title-cell .stamp {
	background-color: #1D9E48;
	border-radius: 10px 0 0 0;
}
#costdown-top .scene-block section .detail .title-cell .aggregate {
/*	background-color: #e80c7a;*/
}
#costdown-top .scene-block section .detail .title-cell .calculation {
/*	background-color: #35b574;*/
}
#costdown-top .scene-block section .detail .title-cell .storage {
/*	background-color: #9e35b4;*/
	border-radius: 0 10px 0 0;
}
#costdown-top .scene-block section .detail .title-cell span {
	position: relative;
	font-size: 28px;
	margin-left: 32px;
	color: #fff;
}

#costdown-top .scene-block section .detail .title-cell span:before {
	background-image: url(/wp-content/uploads/2017/02/css_sprites_costdown_white.png);
	content: "";
	background-size: 64px 65px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#costdown-top .scene-block section .detail .title-cell .aggregate span:before {
	background-position: -32px 0;
	width: 24px;
}
#costdown-top .scene-block section .detail .title-cell .calculation span:before {
	background-position: -32px -33px;
	height: 23px;
}
#costdown-top .scene-block section .detail .title-cell .storage span:before {
	background-position: 0 -33px;
}

#costdown-top .scene-block .wrap .detail .btn {
	width: 270px;
	margin: 50px auto 0;
	clear: both;
}

#costdown-top .scene-block .wrap {
	padding-bottom: 50px;
}
#costdown-top .scene-block section .detail .before-cell {
	overflow: visible;
}
#costdown-top .scene-block section .detail .before-cell div {
	position: relative;
}
#costdown-top .scene-block section .detail .before-cell div:after {
	position: absolute;
	content: "";
	background-image: url(/wp-content/uploads/2017/05/arrow-icon.png);
	left: 0;
	right: 0;
	margin: auto;
	bottom: -27px;
	z-index: 200;
	width: 80px;
	height: 40px;
}



@media only screen and (max-width: 768px) {
	#costdown-top .scene-block .comparison-table {
		overflow: hidden;
	}
	#costdown-top .scene-block section .detail .title-cell .b-a-c,
	#costdown-top .scene-block section .detail .before-cell .b-a-c,
	#costdown-top .scene-block section .detail .after-cell .b-a-c {
		height: 50px;
		font-size: 18px;
	}
	#costdown-top .scene-block section .detail .title-cell,
	#costdown-top .scene-block section .detail .before-cell,
	#costdown-top .scene-block section .detail .after-cell {
		clear: none;
		float: left;
		width: 32%;
		margin-left: 1%;
	}
	#costdown-top .scene-block section .detail .title-cell div,
	#costdown-top .scene-block section .detail .before-cell div,
	#costdown-top .scene-block section .detail .after-cell div {
		float: none;
		width: 100%;
		margin: 2px 0.1%;
		height: 100px;
		font-size: 12px;
	}
	#costdown-top .scene-block section .detail .title-cell span {
		font-size: 18px;
		margin-left: 16px;
	}
	#costdown-top .scene-block section .detail .title-cell span:before {
		background-image: url(/wp-content/uploads/2017/02/css_sprites_costdown_white.png);
		content: "";
		background-size: 32px 32px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
		width: 16px;
		height: 16px;
		left: -20px;
		top: -3px;
	}
	#costdown-top .scene-block section .detail .title-cell .aggregate span:before {
		background-position: -16px 0;
		width: 12px;
	}
	#costdown-top .scene-block section .detail .title-cell .calculation span:before {
		background-position: -16px -16px;
		height: 12px;
	}
	#costdown-top .scene-block section .detail .title-cell .storage span:before {
		background-position: 0 -16px;
	}
	#costdown-top .scene-block section .detail .title-cell .storage {
		border-radius: 0 0 0 10px;
	}
	#costdown-top .scene-block section .detail .after-cell .b-a-c {
		border-radius: 0 10px 0 0;
	}
	#costdown-top .scene-block section .detail .before-cell .b-a-c {
		border-radius: 10px 0 0 0;
	}
	#costdown-top .scene-block section .detail .title-cell .stamp {
		border-radius: 10px 0 0 0;
	}
	#costdown-top .scene-block section .detail .after-cell .storage {
		border-radius: 0 0 10px 0;
	}
	#costdown-top .scene-block section .detail .before-cell div:after {
		left: inherit;
		background-repeat: no-repeat;
		background-size: contain;
		right: -30px;
		top: 0;
		margin: auto;
		bottom: 0;
		width: 50px;
		height: 25px;
		transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
	}
}

/*導入前・導入後価格比較*/
#price_introduction-top .scene-block section .detail .b-a-c span {
	position: relative;
	margin-top: 64px;
}

#price_introduction-top .scene-block section .detail .b-a-c span:before {
	background-image: url(/wp-content/uploads/2017/05/css_sprite_circle_l.png);
	content: "";
	background-size: 130px 130px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 64px;
	height: 64px;
	top: -70px;
	background-position: -66px 0;
}
#price_introduction-top .scene-block section .detail .injustice .b-a-c span:before {
	background-position: 0 0;
}
#price_introduction-top .scene-block section .detail .realtime .b-a-c span:before {
	background-position: -66px -66px;
}
#price_introduction-top .scene-block section .detail .customize .b-a-c span:before {
	background-position: 0 -66px;
}

#price_introduction-top .scene-block .inner {
	text-align: center;
}

#price_introduction-top .scene-block .inner .btn {
	width: 270px;
	margin: 20px auto;
}
#price_introduction-top .scene-block .inner .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

@media only screen and (max-width: 768px) {
	#price_introduction-top .scene-block section .detail .b-a-c span {
		position: relative;
		margin-top: 64px;
	}

	#price_introduction-top .scene-block section .detail .b-a-c span:before {
		background-image: url(/wp-content/uploads/2017/05/css_sprite_circle.png);
		content: "";
		background-size: 65px 65px;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 32px;
		height: 32px;
		top: -40px;
		background-position: -33px 0;
	}
	#price_introduction-top .scene-block section .detail .injustice .b-a-c span:before {
		background-position: 0 0;
	}
	#price_introduction-top .scene-block section .detail .realtime .b-a-c span:before {
		background-position: -33px -33px;
	}
	#price_introduction-top .scene-block section .detail .customize .b-a-c span:before {
		background-position: 0 -33px;
	}
}

/*---------------------------------------------------------------------------------
タイムカードとの違い
--------------------------------------------------------------------------------- */
/*#merit-top h1 {
	background-image: url(/wp-content/uploads/2017/02/merit_bg.jpg);
	position: relative;
}

#merit-top .read-block {
	padding-bottom: 100px;
	background-image: url(/wp-content/uploads/2017/02/merit_read_bg_pc.jpg);
	background-size: 100%;
	background-position: center 150px;
	background-repeat: no-repeat;
}

#merit-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/merit.jpg);
	background-position: 0 82%;
}

#merit-top .read-block .inner {
	max-width: 854px;
	padding: 50px 123px 42px;
	margin: 0 auto;
}
#merit-top .read-block .inner p {
	width: 495px;
	padding-bottom: 55px;
	text-align: left;
}
#merit-top .read-block .inner .btn {
	width: 270px;
}
#merit-top .read-block .inner .btn a {
	background-color:  #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}
@media only screen and (max-width: 768px) {
	#merit-top .read-block {
		width: 95%;
		padding-bottom: 40px;
		background-image: initial;
	}
	#merit-top .read-block .inner {
		background: none;
	}
	#merit-top .read-block .inner {
		max-width: auto;
		padding: 10px 16px 0px;
		margin: 0 auto;
		background-size:  cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#merit-top .read-block .inner p {
		width: auto;
		padding-bottom: 35px;
		font-size: 15px;
	}
	#merit-top .read-block .inner .btn {
		width: 233px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#merit-top .read-block .inner .btn a {
		background-color:  #6cbb5f;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
}
*/

#merit-top .scene-block,
#merit-top .scene-block .read .txt,
#merit-top .scene-block section:nth-of-type(2n+1) {
	background-color: #fff;
}
#introduction-comparison section .detail,
#operating-top .scene-block section .detail,
#merit-top .scene-block section .detail {
	padding: 0;
}
#introduction-comparison section .detail .comparison-table,
#operating-top .scene-block section .detail .comparison-table,
#merit-top .scene-block section .detail .comparison-table {
	overflow: hidden;
	width: 95%;
	margin: auto 2.5%;
}
#introduction-comparison section .detail .title-cell,
#operating-top .scene-block section .detail .title-cell,
#merit-top .scene-block section .detail .title-cell {
	clear: both;
	overflow: hidden;
}
#introduction-comparison section .detail .title-cell div,
#operating-top .scene-block section .detail .title-cell div,
#merit-top .scene-block section .detail .title-cell div {
	float: left;
	font-size: 14px;
	margin: 2px 0;
	text-align: center;
	background-color: #ecf0f1;
	height: 150px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#introduction-comparison section .detail .title-cell .b-a-c,
#operating-top .scene-block section .detail .title-cell .b-a-c,
#merit-top .scene-block section .detail .title-cell .b-a-c {
	width: 20.5%;
	margin-right: 0.5%;
	height: 100px;
}
#introduction-comparison section .detail .title-cell .timecard,
#operating-top .scene-block section .detail .title-cell .kingtime,
#merit-top .scene-block section .detail .title-cell .timecard {
	width: 39%;
	margin-right: 0.5%;
	background-color: #474995;
	color: #fff;
	height: 100px;
	border-radius: 10px 0 0 0;
}
#operating-top .scene-block section .detail .title-cell .kingtime {
	background-color: #489547 !important;
}
#introduction-comparison section .detail .title-cell .kingtime,
#operating-top .scene-block section .detail .title-cell .timecard,
#merit-top .scene-block section .detail .title-cell .kingtime {
	width: 39%;
	margin-right: 0;
	background-color: #489547;
	color: #fff;
	height: 100px;
	border-radius: 0 10px 0 0;
}

#operating-top .scene-block section .detail .title-cell .timecard {
	background-color: #474995;
}
#introduction-comparison section .detail .b-a-c,
#operating-top .scene-block section .detail .b-a-c,
#merit-top .scene-block section .detail .b-a-c {
	width: 20.5%;
	margin: 2px 0.5% 2px 0;
}
#price_introduction-top #introduction-comparison section .detail .title-cell .timecard,
#price_introduction-top #introduction-comparison section .detail .title-cell .kingtime,
#price_introduction-top #introduction-comparison section .detail .b-a-c {
	font-size: 26px;
}

#introduction-comparison section .detail .timecard,
#operating-top .scene-block section .detail .timecard,
#merit-top .scene-block section .detail .timecard {
	width: 29.5%;
	margin: 2px 0.5% 2px 0;
}
#introduction-comparison section .detail .timecard-after,
#operating-top .scene-block section .detail .kingtime-after,
#merit-top .scene-block section .detail .timecard-after {
	width: 9%;
	margin: 2px 0.5% 2px 0;
}
#introduction-comparison section .detail .kingtime,
#operating-top .scene-block section .detail .kingtime,
#merit-top .scene-block section .detail .kingtime {
	width: 29.5%;
	margin: 2px 0.5% 2px 0;
}
#introduction-comparison section .detail .kingtime-after,
#operating-top .scene-block section .detail .timecard-after,
#merit-top .scene-block section .detail .kingtime-after {
	width: 9%;
	margin: 2px 0;
}
#introduction-comparison section .detail .aggregate div,
#introduction-comparison section .detail .injustice div,
#introduction-comparison section .detail .realtime div,
#introduction-comparison section .detail .customize div,
#operating-top .scene-block section .detail .definition div,
#operating-top .scene-block section .detail .customize div,
#operating-top .scene-block section .detail .change div,
#operating-top .scene-block section .detail .extended div,
#operating-top .scene-block section .detail .ui_development div,
#operating-top .scene-block section .detail .initial_data div,
#operating-top .scene-block section .detail .inquiry div,
#operating-top .scene-block section .detail .legal_system div,
#operating-top .scene-block section .detail .os_database div,
#operating-top .scene-block section .detail .version_up div,
#operating-top .scene-block section .detail .training div,
#merit-top .scene-block section .detail .aggregate div,
#merit-top .scene-block section .detail .injustice div,
#merit-top .scene-block section .detail .realtime div,
#merit-top .scene-block section .detail .software div,
#merit-top .scene-block section .detail .storage div,
#merit-top .scene-block section .detail .on-time div,
#merit-top .scene-block section .detail .customize div {
	float: left;
	text-align: center;
	background-color: #ecf0f1;
	height: 150px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	font-size: 16px;
}
#operating-top .scene-block section .detail .kingtime,
#operating-top .scene-block section .detail .kingtime-after {
	background-color: #ffe4c8 !important;
}

#operating-top .scene-block section .detail div {
	font-size: 14px !important;
}

#introduction-comparison section .detail .b-a-c,
#operating-top .scene-block section .detail .b-a-c,
#merit-top .scene-block section .detail .b-a-c {
	color: #fff;
}
#introduction-comparison section .detail .title-cell .b-a-c {
	background-color: #fff !important;
}
#merit-top .scene-block section .detail .title-cell .b-a-c,
#operating-top .scene-block section .detail .title-cell .b-a-c,
#introduction-comparison section .detail .title-cell .b-a-c {
	background-color: #f6f6f6 !important;
}

#introduction-comparison section .aggregate .b-a-c,
#operating-top .scene-block section .detail .definition .b-a-c,
#operating-top .scene-block section .detail .inquiry .b-a-c,
#merit-top .scene-block section .detail .aggregate .b-a-c {
	background-color: #1D9E48;
	border-radius: 10px 0 0 0;
}
#operating-top .scene-block section .detail .training .b-a-c,
#operating-top .scene-block section .detail .initial_data .b-a-c,
#introduction-comparison section .detail .customize .b-a-c,
#merit-top .scene-block section .detail .customize .b-a-c {
	border-radius: 0 0 0 10px;
}
#introduction-comparison section .detail .customize .kingtime-after,
#operating-top .scene-block section .detail .training .timecard-after,
#operating-top .scene-block section .detail .initial_data .timecard-after,
#merit-top .scene-block section .detail .customize .kingtime-after {
	border-radius: 0 0 10px 0;
}
#operating-top .scene-block section .detail .title-cell span,
#merit-top .scene-block section .detail .title-cell span {
	position: relative;
	font-size: 28px;
}
#introduction-comparison section .detail .b-a-c,
#operating-top .scene-block section .detail .b-a-c,
#merit-top .scene-block section .detail .b-a-c {
	background-color: #1D9E48 !important;
}
#introduction-comparison section .detail .b-a-c a:link,
#operating-top .scene-block section .detail .b-a-c a:link,
#merit-top .scene-block section .detail .b-a-c a:link,
#introduction-comparison section .detail .b-a-c a:visited,
#operating-top .scene-block section .detail .b-a-c a:visited,
#merit-top .scene-block section .detail .b-a-c a:visited,
#introduction-comparison section .detail .b-a-c a:hover,
#operating-top .scene-block section .detail .b-a-c a:hover,
#merit-top .scene-block section .detail .b-a-c a:hover,
#introduction-comparison section .detail .b-a-c a:active,
#operating-top .scene-block section .detail .b-a-c a:active,
#merit-top .scene-block section .detail .b-a-c a:active {
	color: #fff;
	text-decoration: underline;
}
#relationship-top .scene-block section .detail .txt,
#price_introduction-top .scene-block section .detail .txt,
#costdown-top .scene-block section .detail .txt,
#merit-top .scene-block section .detail .txt,
#operating-top .scene-block section .detail .txt {
	text-align: center;
}

#operating-top .scene-block section .detail .title-cell span:before,
#merit-top .scene-block section .detail .title-cell span:before {
	content: "";
	background-size: 64px 65px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#merit-top .scene-block section .detail .title-cell .aggregate span:before {
	background-position: -32px 0;
	width: 24px;
}
#merit-top .scene-block section .detail .title-cell .calculation span:before {
	background-position: -32px -33px;
	height: 23px;
}
#merit-top .scene-block section .detail .title-cell .storage span:before {
	background-position: 0 -33px;
}

#merit-top .scene-block .wrap .detail .btn {
	width: 270px;
	margin: 50px auto 0;
	clear: both;
}

#merit-top .scene-block .wrap {
	padding-bottom: 50px;
}

#introduction-comparison section .detail .timecard-after {
	color: #f00;
	font-size: 14px;
}
#introduction-comparison section .detail .kingtime-after {
	color: #f00;
	font-size: 24px !important;
}

#merit-top .scene-block section .detail .b-a-c a {
	position: relative;
	margin-left: 32px;
}

#merit-top .scene-block section .detail .b-a-c a:before {
	background-image: url(/wp-content/uploads/2017/05/css_sprite_compe.png);
	content: "";
	background-size: 64px 128px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#merit-top .scene-block section .detail .aggregate .b-a-c a:before {
	background-position: -36px -34px;
	width: 24px;
}
#merit-top .scene-block section .detail .injustice .b-a-c a:before {
	background-position: -32px 0;
	width: 32px;
}
#merit-top .scene-block section .detail .realtime .b-a-c a:before {
	background-position: -32px -96px;
	width: 32px;
}
#merit-top .scene-block section .detail .software .b-a-c a:before {
	background-position: 0 -37px;
	width: 32px;
	height: 22px;
}
#merit-top .scene-block section .detail .storage .b-a-c a:before {
	background-position: 0 -64px;
	width: 32px;
}
#merit-top .scene-block section .detail .on-time .b-a-c a:before {
	background-size: 96px 144px;
	background-position: 0 -11px;
	width: 49px;
	height: 14px;
	left: -56px;
}
#merit-top .scene-block section .detail .customize .b-a-c a:before {
	background-position: 0 -96px;
	width: 32px;
}



@media only screen and (max-width: 768px) {
	#relationship-top .scene-block section .detail .txt,
	#price_introduction-top .scene-block section .detail .txt,
	#costdown-top .scene-block section .detail .txt,
	#merit-top .scene-block section .detail .txt,
	#operating-top .scene-block section .detail .txt {
		text-align: left;
	}
	#introduction-comparison section .detail .title-cell .b-a-c,
	#operating-top .scene-block section .detail .title-cell .b-a-c,
	#merit-top .scene-block section .detail .title-cell .b-a-c {
		height: 50px;
		font-size: 18px;
	}
	#introduction-comparison section .detail .title-cell span,
	#operating-top .scene-block section .detail .title-cell span,
	#merit-top .scene-block section .detail .title-cell span {
		font-size: 16px;
	}
	#introduction-comparison section .detail .timecard,
	#introduction-comparison section .detail .kingtime,
	#operating-top .scene-block section .detail .timecard,
	#operating-top .scene-block section .detail .kingtime,
	#merit-top .scene-block section .detail .timecard,
	#merit-top .scene-block section .detail .kingtime {
		width: 39%;
	}
	#introduction-comparison section .detail .timecard-after,
	#introduction-comparison section .detail .kingtime-after,
	#operating-top .scene-block section .detail .timecard-after,
	#operating-top .scene-block section .detail .kingtime-after,
	#merit-top .scene-block section .detail .timecard-after,
	#merit-top .scene-block section .detail .kingtime-after {
		display: none !important;
	}
	#introduction-comparison section .detail div div,
	#operating-top .scene-block section .detail .definition div,
	#operating-top .scene-block section .detail .customize div,
	#operating-top .scene-block section .detail .change div,
	#operating-top .scene-block section .detail .extended div,
	#operating-top .scene-block section .detail .ui_development div,
	#operating-top .scene-block section .detail .initial_data div,
	#operating-top .scene-block section .detail .inquiry div,
	#operating-top .scene-block section .detail .legal_system div,
	#operating-top .scene-block section .detail .os_database div,
	#operating-top .scene-block section .detail .version_up div,
	#operating-top .scene-block section .detail .training div,
	#merit-top .scene-block section .detail .title-cell div,
	#merit-top .scene-block section .detail .aggregate div,
	#merit-top .scene-block section .detail .injustice div,
	#merit-top .scene-block section .detail .realtime div,
	#merit-top .scene-block section .detail .software div,
	#merit-top .scene-block section .detail .storage div,
	#merit-top .scene-block section .detail .on-time div,
	#merit-top .scene-block section .detail .customize div {
		font-size: 12px;
		height: 100px;
	}
	#introduction-comparison section .detail .title-cell .b-a-c,
	#introduction-comparison section .detail .title-cell .timecard,
	#introduction-comparison section .detail .title-cell .kingtime,
	#operating-top .scene-block section .detail .title-cell .b-a-c,
	#operating-top .scene-block section .detail .title-cell .timecard,
	#operating-top .scene-block section .detail .title-cell .kingtime,
	#merit-top .scene-block section .detail .title-cell .b-a-c,
	#merit-top .scene-block section .detail .title-cell .timecard,
	#merit-top .scene-block section .detail .title-cell .kingtime {
		height: 50px;
	}
	#introduction-comparison section .detail .title-cell .timecard, 
	#operating-top .scene-block section .detail .title-cell .kingtime,
	#merit-top .scene-block section .detail .title-cell .timecard {
		border-radius: 10px 0 0 0;
	}
	#introduction-comparison section .detail .title-cell .kingtime, 
	#operating-top .scene-block section .detail .title-cell .timecard,
	#merit-top .scene-block section .detail .title-cell .kingtime {
		border-radius: 0 10px 0 0;
	}
	#introduction-comparison section .detail .aggregate .b-a-c, 
	#operating-top .scene-block section .detail .definition .b-a-c,
	#operating-top .scene-block section .detail .inquiry .b-a-c,
	#merit-top .scene-block section .detail .aggregate .b-a-c {
		border-radius: 10px 0 0 0;
	}
	#introduction-comparison section .detail .customize .b-a-c, 
	#operating-top .scene-block section .detail .training .b-a-c,
	#operating-top .scene-block section .detail .initial_data .b-a-c,
	#merit-top .scene-block section .detail .customize .b-a-c {
		border-radius: 0 0 0 10px;
	}
	#introduction-comparison section .detail .customize .kingtime-after , 
	#operating-top .scene-block section .detail .training .timecard-after,
	#operating-top .scene-block section .detail .initial_data .timecard-after,
	#merit-top .scene-block section .detail .customize .kingtime-after {
		border-radius: 0 0 10px 0;
	}
	#introduction-comparison section .detail .title-cell {
		height: 50px;
	}
	#introduction-comparison section .detail div {
		font-size: 11px !important;
	}
	#operating-top .scene-block section .detail div {
		font-size: 9px !important;
	}
	#operating-top .scene-block section .detail .title-cell span {
		font-size: 11px;
	}
	#operating-top .scene-block section .detail .comparison-table {
		margin-top: 30px;
	}
	#merit-top .scene-block section .detail .b-a-c a {
		margin-left: 0;
		margin-top: 32px;
		font-size: 10px;
	}
	#merit-top .scene-block section .detail .on-time .b-a-c a:before,
	#merit-top .scene-block section .detail .b-a-c a:before {
		left: 0;
		right: 0;
		margin: auto;
		top: -48px;
	}
	#merit-top .scene-block section .detail .on-time .b-a-c a:before {
		width: 40px;
		background-size: 76px;
		height: 16px;
	}
}

@media only screen and (max-width: 320px) {
	#introduction-comparison section .detail div div,
	#operating-top .scene-block section .detail .definition div,
	#operating-top .scene-block section .detail .customize div,
	#operating-top .scene-block section .detail .change div,
	#operating-top .scene-block section .detail .extended div,
	#operating-top .scene-block section .detail .ui_development div,
	#operating-top .scene-block section .detail .initial_data div,
	#operating-top .scene-block section .detail .inquiry div,
	#operating-top .scene-block section .detail .legal_system div,
	#operating-top .scene-block section .detail .os_database div,
	#operating-top .scene-block section .detail .version_up div,
	#operating-top .scene-block section .detail .training div,
	#merit-top .scene-block section .detail .title-cell div,
	#merit-top .scene-block section .detail .aggregate div,
	#merit-top .scene-block section .detail .injustice div,
	#merit-top .scene-block section .detail .realtime div,
	#merit-top .scene-block section .detail .software div,
	#merit-top .scene-block section .detail .storage div,
	#merit-top .scene-block section .detail .on-time div,
	#merit-top .scene-block section .detail .customize div {
		font-size: 10px;
	}
	#merit-top .scene-block section .detail .b-a-c a {
		font-size: 8px;
	}
}

/*---------------------------------------------------------------------------------
社内SNS機能 「Talking」
--------------------------------------------------------------------------------- */
/*#talking-top .link-area .inner .link-box {
	width: 46%;
	margin: 0 2% 60px;
}*/


/*#talkingsum-top h1,
#use_talking-top h1,
#setting-top h1,
#type-top h1,
#talking-top h1 {
	background-image: url(/wp-content/uploads/2017/02/talking_bg.jpg);
	position: relative;
}
#talking-top .link-area {
	background-image: url(/wp-content/uploads/2017/02/talking_main.jpg);
}*/

#talking-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-about.jpg);
	background-size: cover;
	background-position: 50% 30%;
}

#talking-top .scene-title .txt {
	text-align: center;
}

#talking-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/talking-about.jpg);
}

#talking-top #talking-about .read,
#talking-top .link-area .inner .talking-about .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-about.jpg);
}
#talking-top #talking-on .read,
#talking-top .link-area .inner .talking-on .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-on.jpg);
}
#talking-top #talking-setting .read,
#talking-top .link-area .inner .talking-setting .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-setting.jpg);
}
#talking-top #talking-use .read,
#talking-top .link-area .inner .talking-use .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-use.jpg);
}
#talking-top #talking-use .read {
	background-position: 0 30%;
}


#talking-top #talking-about .read .txt h4,
#talking-top #talking-about .wrap .detail h4 .num,
#talking-top .link-area .inner .talking-about .title {
	color: #1D9E48;
}
#talking-top #talking-about .read .txt h4:after,
#talking-top #talking-about .wrap .detail h4:after,
#talking-top #talking-about .wrap .detail .btn a,
#talking-top .link-area .inner .talking-about .btn {
	background-color: #1D9E48;
}
#talking-top #talking-on .read .txt h4,
#talking-top #talking-on .wrap .detail h4 .num,
#talking-top .link-area .inner .talking-on .title {
	color: /*#e80c7a*/ #e9641e;
}
#talking-top #talking-on .read .txt h4:after,
#talking-top #talking-on .wrap .detail h4:after,
#talking-top #talking-on .wrap .detail .btn a,
#talking-top .link-area .inner .talking-on .btn {
	background-color: /*#e80c7a*/ #e9641e;
}
#talking-top #talking-setting .read .txt h4,
#talking-top #talking-setting .wrap .detail h4 .num,
#talking-top .link-area .inner .talking-setting .title {
	color: #35b574;
}
#talking-top #talking-setting .read .txt h4:after,
#talking-top #talking-setting .wrap .detail h4:after,
#talking-top #talking-setting .wrap .detail .btn a,
#talking-top .link-area .inner .talking-setting .btn {
	background-color: #35b574;
}
#talking-top #talking-use .read .txt h4,
#talking-top #talking-use .wrap .detail h4 .num,
#talking-top .link-area .inner .talking-use .title {
	color: /*#9e35b4*/ #615d94;
}
#talking-top #talking-use .read .txt h4:after,
#talking-top #talking-use .wrap .detail h4:after,
#talking-top #talking-use .wrap .detail .btn a,
#talking-top .link-area .inner .talking-use .btn {
	background-color: /*#9e35b4*/ #615d94;
}


@media only screen and (max-width: 768px) {
	#talking-top .scene-title .txt {
		text-align: left;
		margin: 20px 10px 35px;
	}
	#talking-top .link-area .inner .link-box {
		width: 49%;
		margin: 0.5%;
	}
}
/*---------------------------------------------------------------------------------
つながる KING OF TIME
--------------------------------------------------------------------------------- */
#relationship-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/relationship.jpg);
	background-position: 0 65%;
}

#relationship-top .scene-block {
	padding-bottom: 60px;
	background-color: #fff;
}

#relationship-top .scene-block section:nth-of-type(2n) {
	background-color: #fff;
}
#relationship-top .scene-block section:nth-of-type(2n+1) {
	background-color: #f6f6f6;
}

#relationship-top .huub .wrap .detail h4 .num {
	color: #ff7f66;
}
#relationship-top .huub .wrap .detail h4:after,
#relationship-top .huub .wrap .detail .btn a {
	background-color: #ff7f66;
}
#relationship-top .concare .wrap .detail h4 .num {
	color: #1d99d5;
}
#relationship-top .concare .wrap .detail h4:after,
#relationship-top .concare .wrap .detail .btn a {
	background-color: #1d99d5;
}
#relationship-top .mf-cloud .wrap .detail h4 .num {
	color: #308dd0;
}
#relationship-top .mf-cloud .wrap .detail h4:after,
#relationship-top .mf-cloud .wrap .detail .btn a {
	background-color: #308dd0;
}
#relationship-top .freee .wrap .detail h4 .num {
	color: #001478;
}
#relationship-top .freee .wrap .detail h4:after,
#relationship-top .freee .wrap .detail .btn a {
	background-color: #001478;
}
#relationship-top .cyurica .wrap .detail h4 .num {
	color: #090909;
}
#relationship-top .cyurica .wrap .detail h4:after,
#relationship-top .cyurica .wrap .detail .btn a {
	background-color: #090909;
}
#relationship-top .bino .wrap .detail h4 .num {
	color: #ff9b08;
}
#relationship-top .bino .wrap .detail h4:after,
#relationship-top .bino .wrap .detail .btn a {
	background-color: #ff9b08;
}
#relationship-top .pay-check .wrap .detail h4 .num {
	color: #74a213;
}
#relationship-top .pay-check .wrap .detail h4:after,
#relationship-top .pay-check .wrap .detail .btn a {
	background-color: #74a213;
}
#relationship-top .raku-seisan .wrap .detail h4 .num {
	color: #007bc7;
}
#relationship-top .raku-seisan .wrap .detail h4:after,
#relationship-top .raku-seisan .wrap .detail .btn a {
	background-color: #007bc7;
}
#relationship-top .raku-meisai .wrap .detail h4 .num {
	color: #01a33e;
}
#relationship-top .raku-meisai .wrap .detail h4:after,
#relationship-top .raku-meisai .wrap .detail .btn a {
	background-color: #01a33e;
}

#relationship-top .scene-block .read .txt {
	background-color: #fff;
}
@media only screen and (max-width: 768px) {
	#relationship-top .scene-block section {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 0;
	}
}
/*一覧---------------------------------------------------------------------------*/
#relationship-top .list-block {
	padding-bottom: 60px;
}
#relationship-top .list-block .inner {
	max-width: 1100px;
	margin: 0 auto;
}
#relationship-top .list-block .inner h3 {
	padding-top: 38px;
	padding-bottom: 72px;
	position: relative;
	font-size: 36px;
	line-height: 1;
	color: #1D9E48;
	text-align: center;
}
#relationship-top .list-block .inner h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}
@media only screen and (max-width: 768px) {
	#relationship-top .list-block {
		padding-bottom: 50px;
	}
	#relationship-top .list-block .inner {
		max-width: 100%;
		margin: 0 auto;
	}
	#relationship-top .list-block .inner h3 {
		padding-top: 18px;
		padding-bottom: 28px;
		position: relative;
		font-size: 18px;
		line-height: 1;
		color: #1D9E48;
		text-align: center;
	}
	#relationship-top .list-block .inner h3:after {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #43BBB3;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		content:"";
	}
}

/*ソート用ボタン*/
#relationship-top .list-block .filters {
	/*margin-bottom: 96px;*/
	border: 1px solid #D1D1D1;
}
#relationship-top .list-block .filters:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#relationship-top .list-block .filters li {
	width: 20%;
	float: left;
}
#relationship-top .list-block .filters li br {
	display: none;
}
#relationship-top .list-block .filters li a {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 98px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	padding: 41px 0 41px 75px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	border-top: 1px solid #D1D1D1;
}

#relationship-top .list-block .filters li:nth-of-type(5n) a {
	border-right: none;
}

#relationship-top .list-block .filters li a.current {
	background-color: #1D9E48;
	color: #fff;
}
#relationship-top .list-block .filters li:nth-of-type(1) a,
#relationship-top .list-block .filters li:nth-of-type(2) a {
	border-top: 1px solid #D1D1D1;
	padding-right: 0;
	text-align: left;
}
#relationship-top .list-block .filters li a img {
	width: 55px;
	display: block;
	position: absolute;
	top: 34px;
	left: 14px;
}
#relationship-top .list-block .filters li a:after {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
	position: absolute;
	top: 0;
	left: 0;
	content:"";
}
#relationship-top .list-block .filters li a .tooltip {
	display: none;
	width: 226px;
	padding: 20px 35px;
	font-size: 14px;
	color: #fff;
	background-color: #43BBB3;
	border-radius: 6px;
	position: absolute;
	left: -11px;
	top: 83px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	z-index: 10;
}
#relationship-top .list-block .filters li:nth-of-type(1) a .tooltip {
	left: 108px;
}

#relationship-top .list-block .filters li a .tooltip:before {
	content: "";
	position: absolute;
	top: -10px; left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}
#relationship-top .list-block .filters li a:hover .tooltip {
	display: block;
}
#relationship-top .scene-title h3 {
	margin-bottom: 30px;
}

@media screen and (min-width:769px) and  (max-width: 1000px) {
	#relationship-top .list-block .filters li {
		width:25%;
		float: left;
	}
	#relationship-top .list-block .filters li:nth-of-type(1),
	#relationship-top .list-block .filters li:nth-of-type(2) {
		width: 50%;
	}
	#relationship-top .list-block .filters li:last-child {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	#relationship-top .list-block .filters {
		margin-bottom: 62px;
		border-left: 1px solid #D1D1D1;
	}
	#relationship-top .list-block .filters:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#relationship-top .list-block .filters li {
		width: 25%;
		float: left;
	}
	#relationship-top .list-block .filters li br {
		display: inline;
	}
	#relationship-top .list-block .filters li a {
		box-sizing: border-box;
		display: flex; 
		position: relative;
		width: 100%;
		height: 50px;
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		align-items: center;
		padding:0px 0 0 32px;
		border-right: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	}
	#relationship-top .list-block .filters li a.current {
		background-color: #1D9E48;
		color: #fff;
	}

	#relationship-top .list-block .filters li a img {
		width: 20px;
		height: auto;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		margin: auto;
	}
	#relationship-top .list-block .filters li a:after {
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		content:"";
	}
	#relationship-top .list-block .filters li a .tooltip,
	#relationship-top .list-block .filters li a:hover .tooltip {
		display: none;
	}
	#relationship-top .list-block .filters li:nth-of-type(6n) a {
		border-right: 1px solid #d1d1d1;
	}
	.txt-box-bino {
		text-align: left;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 320px) {
	#relationship-top .list-block .filters li a {
		font-size: 8px;
	}
}



/*---------------------------------------------------------------------------------
タイムレコーダー　詳細
--------------------------------------------------------------------------------- */
/*#record-detail-top h1 {
	background-image: url(/wp-content/uploads/2017/02/ttl_bg.jpg);
}*/
#record-detail-top .read-block .inner {
	width: 800px;
	overflow: hidden;
	margin: auto;
	text-align: left;
}
#record-detail-top .read-block .inner .main-area {
	overflow: hidden;
	margin-bottom: 60px;
}
#record-detail-top .read-block .inner .main-area .main-image {
	float: right;
	width: 35%;
	margin-left: 5%;
}
#record-detail-top .read-block .inner .main-area .detail {
	float: left;
	width: 60%;
}
#record-detail-top.case-single .read-block .inner .main-area .detail {
	width: 100%;
}
#record-detail-top.case-single .read-block .inner .main-area {
	overflow: hidden;
	margin-bottom: 60px;
}
#record-detail-top.case-single .read-block .inner .main-area .main-image {
	width: 100%;
	margin: auto;
	overflow: hidden;
}

#record-detail-top.case-single .read-block .inner .main-area .main-image .logo-area-single {
	width: 35%;
	margin: auto;
}

#record-detail-top.case-single .read-block .inner .main-area .main-image .logo-area {
	float: left;
	width: 30%;
	margin: auto 10%;
}

#record-detail-top.case-single .desc-block h3 .num {
	padding-bottom: 10px;
}


#record-detail-top .read-block .inner .main-area .detail h2,
#record-detail-top .read-block .inner .main-area .detail h6 {
	font-size: 26px;
	margin-top: 30px;
	margin-bottom: 30px;
	border-left: 6px solid #1D9E48 /*#e80c7a*/;
	padding-left: 18px;
}
#record-detail-top .read-block .inner .main-area .detail h2 {
	padding-bottom: 0;
	text-align: left;
}
#record-detail-top .read-block .inner .main-area .detail .small-h6 {
	font-size: 22px;
	color: #2b2b2b;
}

#record-detail-top .read-block .inner .table-area div {
	float: left;
}
#record-detail-top .read-block .inner .table-area .table-title {
	width: 20%;
	font-weight: 800;
	clear: both;
}
#record-detail-top .read-block .inner .table-area .table-content {
	width: 75%;
	margin-left: 5%;
}

#record-detail-top .read-block .inner .main-area .detail .notes {
	text-align: left;
	font-size: 14px;
}
#record-detail-top .read-block .inner .description h3 {
	font-size: 24px;
	color: /*#e80c7a*/ #e9641e;
	margin-bottom: 30px;
}
#record-detail-top .read-block .inner .description {
	line-height: 1.4;
	margin: auto;
}
.paged .scene-block section.bg-grey,
#record-detail-top .desc-block section,
#record-detail-top .scene-block section {
	background-color: #f6f6f6 !important;
}
#sitemap-top .scene-block section.bg-white,
#record-detail-top .desc-block section:nth-of-type(2n),
#record-detail-top .scene-block section.bg-white {
	background-color: #fff !important;
}
#record-detail-top .scene-block section .image {
	left: inherit;
	right: 6px;
}

#record-detail-top .desc-block h3 {
	padding-bottom: 45px;
	font-size: 36px;
	line-height: 1;
	position: relative;
}

#record-detail-top .desc-block h3 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 24px;
}
#record-detail-top .desc-block h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: /*#9e35b4*/ #615d94;
	position: absolute;
	left: 0;
	content: "";
}
#record-detail-top .desc-block .bissue h3 {
	color: #1D9E48;
}
#record-detail-top .desc-block .bissue h3:after {
	background-color: #1D9E48;
}
#record-detail-top .desc-block .aeffect h3 {
	color: /*#e80c7a*/ #e9641e;
}
#record-detail-top .desc-block .aeffect h3:after {
	background-color: /*#e80c7a*/ #e9641e;
}
#record-detail-top .desc-block .contact h3 {
	color: #35b574;
}
#record-detail-top .desc-block .contact h3:after {
	background-color: #35b574;
}
#record-detail-top .desc-block .othert h3 {
	color: /*#9e35b4*/ #615d94;
}
#record-detail-top .desc-block .othert h3:after {
	background-color: /*#9e35b4*/ #615d94;
}
#record-detail-top .desc-block .posting-date,
#record-detail-top .desc-block section .inner,
#record-detail-top .scene-block .wrap .detail {
	padding-left: 0;
	padding-right: 0;
	position: relative;
	width: 800px;
	margin: auto;
}

#record-detail-top .desc-block section {
	padding: 40px 0 80px;
}

#record-detail-top .desc-block .inner .contact-comment ul,
#record-detail-top .desc-block .inner .issue ul,
#record-detail-top .desc-block .inner .effect ul {
	margin: 10px 0 30px 1em;
	list-style-type: square;
	padding: 10px 20px;
}
#record-detail-top .desc-block .inner .contact-image {
	text-align: center;
	margin: 40px auto;
}
#record-detail-top .desc-block .inner .contact-comment img,
#record-detail-top .desc-block .inner .contact-image img {
	max-width: 100%;
	height: auto;
}

#record-detail-top .scene-block .wrap .detail a {
	color: #368b30;
}
#record-detail-top .scene-block .wrap .detail .small {
	font-size: 12px;
}

#record-detail-top .scene-block .wrap .detail .thumbnail {
	padding-bottom: 80px;
}

#record-detail-top .scene-block .wrap .detail .thumbnail img {
	max-width: 90%;
	height: auto;
}




@media only screen and (max-width: 640px) {
	#record-detail-top .read-block .inner .main-area .main-image {
		float: none;
		width: 100%;
		margin: 0 auto 5%;
        text-align: center;
	}
	#record-detail-top .read-block .inner .main-area .detail {
		float: none;
		width: 100%;
	}
	#record-detail-top .scene-block section {
		margin-bottom: 0;
	}
	#record-detail-top .scene-block .wrap .detail .thumbnail img {
		width: 90%;
		height: auto;
		margin: 0 5%;
	}
	#record-detail-top .read-block .inner .main-area .detail .notes {
		font-size: 14px;
	}
}



/*関連タイムレコーダーを探す------------------------------------*/

#record-detail-top .related-block {
	padding-bottom: 50px;
}
#record-detail-top .related-block h3 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	padding-top: 44px;
	padding-bottom: 46px;
	position: relative;
}
/*#record-detail-top .related-block h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}*/
#record-detail-top .related-block .inner {
/*	padding-top: 50px;
	padding-bottom: 57px;
	background-color: #F6F6F6;*/
}
#record-detail-top .related-block #slider, #record-detail-top .related-block #slider2 {
	max-width: 840px;
	margin: 0 auto;
}
#record-detail-top .related-block #slider:after, #record-detail-top .related-block #slider2:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-detail-top .related-block #slider li, #record-detail-top .related-block #slider2 li {
	width: 210px;
	float: left;
	background: #fff;
}
#record-detail-top .related-block #slider li a, #record-detail-top .related-block #slider2 li a {
	display: block;
	position: relative;
	padding-bottom: 22px;
	background-color: #fff;
/*	border-right: 1px solid #F6F6F6;*/
}
#record-detail-top .related-block #slider li a:after, #record-detail-top .related-block #slider2 li a:after {
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: -36px -364px;
	content:"";
	position: absolute;
	bottom: 8px;
	right: 8px;
}
#record-detail-top .related-block .img {
	display: block;
	border: 20px solid /*#B6E4E1*/ #fff;
}
#record-detail-top .related-block .name {
	display: block;
	padding: 13px 18px;
	font-size: 16px;
	color: #1D9E48;
}
#record-detail-top .related-block .price {
	display: block;
	font-size: 13px;
	padding: 0px 10px 5px;
}
#record-detail-top .related-block .desc {
	font-size: 18px;
	padding: 10px;
	font-weight: 800;
	text-align: left;
}
#record-detail-top .related-block h3.desc {
	font-size: 16px;
	line-height: 150%;
}
.paged .slick-prev,
.paged .slick-next {
	width: 48px;
	height: 48px;
	background-image: url(/wp-content/uploads/2017/05/btn_Slider2.png);
	background-color: transparent !important;
	position: absolute;
	top: 60%;
	margin-top: -24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	z-index: 20;
}

#record-detail-top #recorderimage .slick-prev,
#record-detail-top #recorderimage .slick-next {
	width: 20px;
	height: 50px;
	background-image: url(/wp-content/uploads/2017/05/slick_arrow.png);
	background-color: transparent !important;
	position: absolute;
	background-size: cover;
	top: 60px;
	bottom: 0;
	margin: auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	z-index: 20;
}
#record-detail-top #recorderimage .slick-prev:hover,
#record-detail-top #recorderimage .slick-next:hover {
	background-image: url(/wp-content/uploads/2017/05/slick_arrow_hover.png);
}


#record-detail-top .slick-prev,
#record-detail-top .slick-next {
	top: 50%;
}

.paged .slick-prev {
	background-position: left top;
	left: -80px;
}
.paged .slick-next {
	background-position: right top;
	right: -80px;
}
#record-detail-top #recorderimage .slick-prev {
	left: 0;
}
#record-detail-top #recorderimage .slick-next {
	right: 0;
}
.paged .slick-prev:before,
.paged .slick-next:before {
	display: none !important;
}
.paged .slick-prev:active,
.paged .slick-next:active {
	border: none;
}

ul#recorderimage,
ul#recorderimagenav {
	display: none;
}

ul#recorderimagenav {
	margin-top: 20px;
}

ul#recorderimagenav li {
	margin: auto 2px;
	border: 1px #c6c6c6 solid;
}

/* レコーダーページレイアウトシフト対応 */
#record-detail-top .main-area{
	min-height: 343px;
}


.paged .slick-disabled {
	display: none !important;
}

.paged .slick-prev:hover,
.paged .slick-prev:focus,
.paged .slick-prev::-moz-focus-inner,
.paged .slick-next:hover,
.paged .slick-next:focus,
.paged .slick-next::-moz-focus-inner {
	overflow: hidden;
	outline: none;
	opacity: 0.5;
	border: none;
}

input[type="button"]::-moz-focus-inne {	
}


@media only screen and (max-width: 1100px) {
	.paged .slick-prev {
		left: -34px;
		width: 32px;
		height: 32px;
		background-size: 200%;
	}
	.paged .slick-next {
		right: -34px;
		width: 32px;
		height: 32px;
		background-size: 200%;
	}
}
@media only screen and (max-width: 768px) {
	#record-detail-top .related-block {
		padding-bottom: 30px;
		margin-top: 0;
	}
	#record-detail-top .related-block h2,
	#record-detail-top .related-block h3 {
		font-size: 20px;
		padding-top: 27px;
		padding-bottom: 22px;
	}
	#record-detail-top .related-block h3:after {
		width: 20px;
		height: 2px;
	}
	#record-detail-top .related-block .inner {
	padding-top: 12px;
	padding-bottom: 15px;
	background-color: #F6F6F6;
}
	#record-detail-top .related-block #slider, #record-detail-top .related-block #slider2 {
		max-width: auto;
		margin: 0 32px;
	}
	#record-detail-top .related-block #slider:after, #record-detail-top .related-block #slider2:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-detail-top .related-block #slider li, #record-detail-top .related-block #slider2 li {
		width: 130px;
		float: left;
	}
	#record-detail-top .related-block #slider li a, #record-detail-top .related-block #slider2 li a {
		display: block;
		position: relative;
		padding-bottom: 22px;
		background-color: #fff;
		border-right: 1px solid #F6F6F6;
	}
	#record-detail-top .related-block #slider li a:after, #record-detail-top .related-block #slider2 li a:after {
		display: block;
		width: 15px;
		height: 15px;
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-size: 300px 485px;
		background-position: -36px -390px;
		content:"";
		position: absolute;
		bottom: 8px;
		right: 8px;
	}
	#record-detail-top .related-block .img {
		display: block;
		border: 10px solid /*#B6E4E1*/ #fff;
	}
	#record-detail-top .related-block .name {
		display: block;
		padding: 9px 10px;
		font-size: 10px;
		color: #1D9E48;
	}
	#record-detail-top .related-block .desc,
	#record-detail-top .related-block .price {
		display: block;
		font-size: 10px;
		padding: 8px;
	}

	.paged .slick-prev,
	.paged .slick-next {
		width: 25px;
		height: 25px;
		background-image: url(/wp-content/uploads/2017/05/btn_Slider_sp2.png);
		background-size: 50px auto;
		background-color: transparent !important;
		margin-top: -10px;
	}
	.paged .slick-prev {
		left: -30px;
	}
	.paged .slick-next {
		right: -30px;
	}
	#record-detail-top #recorderimage .slick-prev:hover,
	#record-detail-top #recorderimage .slick-next:hover {
		background-image: url(/wp-content/uploads/2017/05/slick_arrow.png);
	}
}

#record-detail-top .case-block .inner .main-area .detail h2 {
	text-align: left;
}

#record-detail-top .desc-block .othert h3:after {
	top: inherit;
}
#record-detail-top .read-block .inner .image-area {
	width: 100%;
	margin: 0px;
	text-align: center;
}
#record-detail-top .read-block .inner .image-area img {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: auto;

}

#record-detail-top .case-desc h3 .num {
	font-size: 30px;
	text-align: center;
}
#record-detail-top .case-desc h3 .num {
	text-align: left;
    line-height: 1.3;
}

#record-detail-top.case-single .desc-block h3:after {
	width: 100%;
	margin: auto;
}


#record-detail-top.case-single .contact-comment h4 {
    margin-bottom: 30px;
}


#record-detail-top .desc-block h3:after {
	width: 90%;
	margin: auto 5%;
}
.comparison ul {
	margin: 10px 0 30px 1em;
	list-style-type: square;
	padding: 10px 20px;
}
@media only screen and (max-width: 768px) {
	#record-detail-top .case-desc h3 .num {
		font-size: 20px;
	}
	#record-detail-top .desc-block .inner .contact-image {
		margin: 20px auto;
	}
}

/*---------------------------------------------------------------------------------
faq
--------------------------------------------------------------------------------- */
#faq-top {}
/*#faq-top h1 {
	background-image: url(/wp-content/uploads/2017/03/faq_bg.jpg);
}*/

#faq-top .read-block {
	padding-bottom: 100px;
/*	background-image: url(/wp-content/uploads/2017/03/faq_bg_pc.jpg);*/
	background-size: 100%;
	background-position: center 100px;
	background-repeat: no-repeat;
}

#faq-top .read-block .inner {
	max-width: 854px;
	padding: 50px 123px 42px;
	margin: 0 auto;
}
/*#faq-top .read-block .inner p {
	width: 495px;
	padding-bottom: 55px;
	text-align: left;
}*/
#faq-top .read-block .inner .btn {
	width: 270px;
}
#faq-top .read-block .inner .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

#faq-top .list-block .item-wrap a:link,
#faq-top .list-block .item-wrap a:visited,
#faq-top .list-block .item-wrap a:hover,
#faq-top .list-block .item-wrap a:active {
    color: #1D9E48;
    text-decoration: underline;
    font-weight: 800;
}

@media only screen and (max-width: 768px) {
	#faq-top .read-block {
		background: none;
		padding-bottom: 0;
	}
	#faq-top .read-block .inner {
		max-width: auto;
		padding: 10px 0 0;
		margin: 0 auto;
		/*background-image: url(/wp-content/uploads/2017/03/faq_bg_sp.jpg);*/
		background-size:  cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#faq-top .read-block .inner p {
		width: auto;
		padding-bottom: 5px;
		font-size: 15px;
	}
	#faq-top .read-block .inner .btn {
		width: 233px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#faq-top .read-block .inner .btn a {
		background-color: /*#A543B7*/ #6cbb5f;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
}

/*一覧---------------------------------------------------------------------------*/
#faq-top .list-block {
	padding-bottom: 100px;
}
#faq-top .list-block .inner {
	max-width: 1100px;
	margin: 0 auto;
}
#faq-top .list-block .inner h3 {
	padding-top: 38px;
	padding-bottom: 72px;
	position: relative;
	font-size: 36px;
	line-height: 1;
	color: #1D9E48;
	text-align: center;
}
#faq-top .list-block .inner h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}
@media only screen and (max-width: 768px) {
	#faq-top .list-block {
		padding-bottom: 50px;
	}
	#faq-top .list-block .inner {
		max-width: 100%;
		margin: 0 auto;
	}
	#faq-top .list-block .inner h3 {
		padding-top: 18px;
		padding-bottom: 28px;
		position: relative;
		font-size: 18px;
		line-height: 1;
		color: #1D9E48;
		text-align: center;
	}
	#faq-top .list-block .inner h3:after {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #43BBB3;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		content:"";
	}
}

/*ソート用ボタン*/
#faq-top .list-block .filters {
	margin-bottom: 96px;
	border: 1px solid #D1D1D1;
}
#faq-top .list-block .filters:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#faq-top .list-block .filters li {
	width: 20%;
	float: left;
}
#faq-top .list-block .filters li br {
	display: none;
}
#faq-top .list-block .filters li a {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 98px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	padding: 41px 0 41px 68px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	border-top: 1px solid #D1D1D1;
}

#faq-top .list-block .filters li:nth-of-type(5n) a {
	border-right: none;
}

#faq-top .list-block .filters li a.current {
	background-color: #1D9E48;
	color: #fff;
}
#faq-top .list-block .filters li:nth-of-type(1) a,
#faq-top .list-block .filters li:nth-of-type(2) a {
	border-top: 1px solid #D1D1D1;
	padding-right: 0;
	text-align: left;
}
#faq-top .list-block .filters li a img {
	width: 40px;
	display: block;
	position: absolute;
	top: 29px;
	left: 14px;
}
#faq-top .list-block .filters li a:after {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
	position: absolute;
	top: 0;
	left: 0;
	content:"";
}
#faq-top .list-block .filters li a .tooltip {
	display: none;
	width: 226px;
	padding: 20px 35px;
	font-size: 14px;
	color: #fff;
	background-color: #43BBB3;
	border-radius: 6px;
	position: absolute;
	left: -11px;
	top: 83px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	z-index: 10;
}
#faq-top .list-block .filters li:nth-of-type(1) a .tooltip {
	left: 108px;
}

#faq-top .list-block .filters li a .tooltip:before {
	content: "";
	position: absolute;
	top: -10px; left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}
#faq-top .list-block .filters li a:hover .tooltip {
	display: block;
}
@media screen and (min-width:769px) and  (max-width: 1000px) {
	#faq-top .list-block .filters li {
		width:25%;
		float: left;
	}
	#faq-top .list-block .filters li:nth-of-type(1),
	#faq-top .list-block .filters li:nth-of-type(2) {
		width: 50%;
	}
	#faq-top .list-block .filters li:last-child {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	#faq-top .list-block .filters {
		margin-bottom: 62px;
		border-left: 1px solid #D1D1D1;
	}
	#faq-top .list-block .filters:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#faq-top .list-block .filters li {
		width: 25%;
		float: left;
	}
	#faq-top .list-block .filters li br {
		display: inline;
	}
	#faq-top .list-block .filters li a {
		box-sizing: border-box;
		display: flex; 
		position: relative;
		width: 100%;
		height: 50px;
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		align-items: center;
		padding:0px 0 0 32px;
		border-right: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	}
	#faq-top .list-block .filters li a.current {
		background-color: #1D9E48;
		color: #fff;
	}

	#faq-top .list-block .filters li a img {
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		margin: auto;
	}
	#faq-top .list-block .filters li a:after {
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		content:"";
	}
	#faq-top .list-block .filters li a .tooltip,
	#faq-top .list-block .filters li a:hover .tooltip {
		display: none;
	}
	#faq-top .list-block .filters li:nth-of-type(6n) a {
		border-right: 1px solid #d1d1d1;
	}
	#faq-top .list-block .filters li:nth-of-type(5n) a {
		border-right: 1px solid #D1D1D1;
	}
}


#faq-top .list-block .item-wrap {
	width: 1100px;
	position: relative;	
}
@media screen and  (max-width: 1000px) {
	#faq-top .list-block .item-wrap {
		width: 100%;
	}
}

#faq-top .list-block .item-wrap .q-a-box {
	width: 100%;
	margin-bottom: 60px;
}
#faq-top .list-block .item-wrap .q-a-box .inner {
	border: 20px solid #efefef;
	padding: 15px;
	background-color: #fff;
}


#faq-top .list-block .item-wrap .q-a-q {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 800;
	position: relative;
	padding-left: 40px;
}
#faq-top .list-block .item-wrap .q-a-a {
	font-size: 18px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 40px;
}
#faq-top .list-block .item-wrap .q-a-q:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_faq_q.png);
	position: absolute;
	background-size: contain;
	left: 0;
	top: 5px;
	width: 30px;
	height: 30px;
}
#faq-top .list-block .item-wrap .q-a-a:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_faq_a.png);
	position: absolute;
	background-size: contain;
	left: 0;
	width: 30px;
	height: 30px;
}
@media only screen and (max-width: 768px) {
	#faq-top .list-block .item-wrap .q-a-box {
		margin-bottom: 30px;
	}
	#faq-top .list-block .item-wrap .q-a-q:before {
		width: 20px;
		height: 20px;
		top: 4px;
	}
	#faq-top .list-block .item-wrap .q-a-q {
		font-size: 18px;
	}
	#faq-top .list-block .item-wrap .q-a-a:before {
		width: 20px;
		height: 20px;
		top: 2px;
	}
	#faq-top .list-block .item-wrap .q-a-a {
		font-size: 14px;
	}
}

/*---------------------------------------------------------------------------------
機能ページ　下層
--------------------------------------------------------------------------------- */
/* h1 統一　*/
/*#overtime-top h1,
#shift-top h1,
#admin-top h1,
#approval-top h1,
#vacation-top h1,
#alert-top h1,
#payrollaccounting-top h1,
#export-top h1,
#output-top h1,
#function-top h1 {
	background-image: url(/wp-content/uploads/2017/02/many_function_bg.jpg);
	position: relative;
}*/

.paged .scene-block .function-area {
	max-width: 800px;
	margin: auto;
} 
.paged .scene-block .function-area .detail h4 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 30px;
	color: #1D9E48;
	text-align: center;
}
.paged .scene-block .function-area .detail h4 {
	line-height: 1;
	position: relative;
	padding-bottom: 45px;
}
.paged .scene-block .function-area .detail h4:after {
	display: block;
	width: 90%;
	height: 3px;
	background-color: #1D9E48;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	/*top: 60px;*/
	content: "";
}
.paged #introduction-comparison h3 .num,
.paged #price-comparison h3 .num,
.paged .scene-block .function-area .detail h3 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 30px;
	color: #1D9E48;
	text-align: center;
}
.paged #introduction-comparison h3,
.paged #price-comparison h3,
.paged .scene-block .function-area .detail h3 {
	line-height: 1;
	position: relative;
	padding-bottom: 45px;
	padding-top: 0;
}
.paged #introduction-comparison h3:after,
.paged #price-comparison h3:after,
.paged .scene-block .function-area .detail h3:after {
	display: block;
	width: 90%;
	height: 3px;
	background-color: #1D9E48;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
}
.paged .scene-block .function-area .image-box .operation-support h4,
.paged .scene-block .function-area .detail .operation-support h4,
.paged .scene-block .function-area .detail .inner-box h4 {
	font-size: 24px;
	color: #1D9E48;
	text-align: left;
	line-height: 1;
	position: relative;
	padding: 40px 0 15px;
}
.paged .scene-block .function-area .image-box .operation-support h4,
.paged .scene-block .function-area .detail .operation-support h4 {
	padding: 10px 0 15px;
}
.paged .scene-block .function-area .image-box .operation-support p,
.paged .scene-block .function-area .detail .operation-support p {
	font-size: 14px;
	padding: 10px 0 15px;
	text-align: left;
}

.paged .scene-block .function-area .detail .operation-support h4:after,
.paged .scene-block .function-area .detail .inner-box h4:after {
	display: block;
	background-color: initial;
	content: "";
}
.paged .scene-block .function-area .detail .inner-box p.indent {
	padding-left: 3em;
}
.paged .scene-block .function-area .detail p.s-ttl {
	font-weight: 800;
}

.paged .scene-block .function-area .image {
	width: 90%;
	margin: 50px auto;
	overflow: hidden;
}
.paged .scene-block .function-area .image-area img,
.paged .scene-block .function-area .image img {
	border: 3px solid #666;
	max-width: 99%;
	height: auto;
}

.paged .scene-block .function-area .image .left-image {
	float: left;
	margin-right: 20px;
}
.paged .scene-block .function-area .image .left-image:last-child {
	margin-right: 0;
}

.paged .scene-block .function-area .image .right-image {
	float: right;
}
.paged .scene-block .function-detail {
	clear: both;
}

.paged .scene-block .function-detail {
	padding: 40px 0 80px;
	background-color: #f6f6f6 !important;
}
.paged .scene-block .function-detail:nth-of-type(2n) {
	background-color: #fff !important;
}
.paged .scene-block section.function-detail .detail, .paged .scene-block section.function-detail:nth-of-type(2n) .detail {
	padding-left: 0;
	padding-right: 0;
}
.paged .scene-block .function-area .image-area a,
#record-detail-top .scene-block .wrap .detail a,
.paged .scene-block .image a {
	position: relative;
	overflow: hidden;
}
.paged .scene-block .function-area .detail {
/*	overflow: hidden;*/
	clear: both;
/*	padding-top: 5px;*/
}
.paged .scene-block .function-area .text-area {
	float: left;
	width: 45%;
}
.paged .scene-block .function-area .image-area {
	float: right;
}

.paged .scene-block .function-area .step-images {
	text-align: center;
	margin: auto auto 20px;
}
.paged .scene-block .function-area .step-dect {
	text-align: center;
	margin-bottom: 30px;
}
.paged .scene-block .function-area .step-arrow {
	text-align: center;
	margin: 0 auto 50px;
}

.paged .scene-block .function-area .step-dect a:link,
.paged .scene-block .function-area .step-dect a:visited,
.paged .scene-block .function-area .step-dect a:hover,
.paged .scene-block .function-area .step-dect a:active {
	color: #20928b;
}

.paged .scene-block .function-area .step-dect .btn a:link,
.paged .scene-block .function-area .step-dect .btn a:visited,
.paged .scene-block .function-area .step-dect .btn a:hover,
.paged .scene-block .function-area .step-dect .btn a:active {
	color: #fff;
}

.paged .scene-block .image-area a:after,
#record-detail-top .scene-block .wrap .detail .thumbnail a:after,
.paged .scene-block .image a:after {
	position: absolute;
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_loupe_tri.png);
	left: 0;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: cover;
}
#record-detail-top .scene-block .wrap .detail .thumbnail img {
	border: 3px solid #666;
}

@media only screen and (max-width: 768px) {
	.paged .scene-block .function-area .detail h4 {
		text-align: center;
		max-width: 95%;
		margin: auto;
	}
	.paged .scene-block .function-area .detail h4:after {
		margin: auto;
		right: 0;
	}
	.paged .scene-block .function-area .detail h4 .num {
		padding-bottom: 15px;
		font-size: 20px;
	}
	.paged #introduction-comparison h3,
	.paged #price-comparison h3,
	.paged .scene-block .function-area .detail h3 {
		text-align: center;
		margin: auto 5px;
		padding-bottom: 20px;
	}
	.paged #introduction-comparison h3:after,
	.paged #price-comparison h3:after,
	.paged .scene-block .function-area .detail h3:after {
		margin: auto;
		right: 0;
	}
	.paged #introduction-comparison h3 .num,
	.paged #price-comparison h3 .num,
	.paged .scene-block .function-area .detail h3 .num {
		padding-bottom: 15px;
		font-size: 20px;
	}
	.paged .scene-block .function-area .detail .operation-support h4,
	.paged .scene-block .function-area .detail .inner-box h4 {
		font-size: 14px;
		line-height: 1.3;
		padding: 20px 0 10px;
	}
	.paged .scene-block .function-area .detail .operation-support h4 {
		padding-top: 5px;
	}
	.paged .scene-block .function-area .detail .inner-box p.indent {
		padding-left: 1em;
		padding-right: 1em;
	}
	.paged .scene-block .function-area .detail p {
		font-size: 15px;
		max-width: 95%;
		margin: auto auto 25px;
	}
	.paged .scene-block .function-area .detail p.small {
		font-size: 10px;
	}
	.paged .scene-block .function-area .detail p.s-ttl {
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	.paged .scene-block .function-area .image .left-image,
	.paged .scene-block .function-area .image .right-image {
		float: none;
	}
	.paged .scene-block .function-area .image .left-image {
		margin-bottom: 30px;
		margin-right: 0;
	}
	.paged .scene-block .function-area .image {
		text-align: center;
	}
	.paged .scene-block .function-area .image img {
		max-width: 90%;
		height: auto;
	}
	.paged .scene-block .function-detail {
		padding: 30px 0 60px;
	}
	.paged .scene-block .function-area .image {
		margin: 20px auto;
	}
	.paged .scene-block section.function-detail {
		margin-bottom: 0;
	}
	.paged .scene-block .function-area .text-area {
		float: none;
		width: 90%;
		margin: 0 5%;
	}
	.paged .scene-block .function-area .image-area {
		float: none;
		margin: 30px auto;
		text-align: center;
	}
	.paged .scene-block .function-area .step-images img {
		max-width: 90%;
		height: auto;
		margin: auto auto 20px;
	}
	.paged .scene-block .function-area .step-dect {
		font-size: 13px;
		width: 90%;
		margin: auto auto 40px;
	}
	.paged .scene-block .function-area .step-arrow img {
		width: 100px;
		height: auto;
	}
}

@media only screen and (max-width: 320px) {
	.paged .scene-block .function-area .step-dect {
		font-size: 12px;
	}
}

/* 個別ページ設定　*/
#overtime-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_overtime-bases.jpg);
}
#shift-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_schedule.jpg);
}
#admin-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_admin.jpg);
}
#approval-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_application.jpg);
}
#vacation-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_vacation.jpg);
}
#alert-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_alert.jpg);
}
#payrollaccounting-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_aggregate.jpg);
}
#export-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_salary.jpg);
}
#output-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_books.jpg);
}


.function-detail .detail .comparison-table {
	overflow: hidden;
	margin: 20px auto 30px;
}
@media only screen and (max-width: 768px) {
	.function-detail .detail .comparison-table {
		padding: 0 5px;
	}
}

/*---------------------------------------------------------------------------------
トライアルキット
--------------------------------------------------------------------------------- */
#trial_kit-top .scene-block section .detail .period,
#trial_kit-top .scene-block section .detail .number,
#trial_kit-top .scene-block section .detail .price,
#trial_kit-top .scene-block section .detail .return,
#trial_kit-top .scene-block section .detail .checklist,
#trial_kit-top .scene-block section .detail .other {
	overflow: hidden;
	margin-bottom: 1%;
}

#trial_kit-top .scene-block section .detail .period div,
#trial_kit-top .scene-block section .detail .number div,
#trial_kit-top .scene-block section .detail .price div,
#trial_kit-top .scene-block section .detail .return div,
#trial_kit-top .scene-block section .detail .checklist div,
#trial_kit-top .scene-block section .detail .other div {
	float: left;
	background-color: #eeeeee;
	font-size: 13px;
}
#trial_kit-top .scene-block section .detail .comparison-table .inner {
	padding: 15px 10px;
}


#trial_kit-top .scene-block section .detail .item {
	width: 30%;
	margin-right: 1%;
	background-color: #26ae90!important;
	color: #fff;
}
#trial_kit-top .scene-block section .detail .item .inner {
	background-color: #26ae90!important;
}

#trial_kit-top .scene-block section .detail .contents {
	width: 69%;
}
    #traial_sp{
		display: none;
   }    
   #traial_pc{

   }
/*---------------------------------------------------------------------------------
ご利用中のお客様
--------------------------------------------------------------------------------- */
#customer-top .read-block .inner .btn {
	width: 270px;
	margin: 40px auto;
}
#customer-top .read-block .inner .btn a {
	background-color: /*#e80c7a*/ #e9641e;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

#customer-top .function-area .detail .link-block {
	overflow: hidden;
	margin: 20px auto 60px;
}

#customer-top .function-area .detail .login-box {
	float: left;
	width: 49%;
	margin: 0 1% 0 0;
}
#customer-top .function-area .detail .login-box:nth-of-type(2n) {
	margin: 0 0 0 1%;
}

#customer-top .function-area .detail .login-box h4 {
	font-size: 19px;
	margin-bottom: 20px;
	text-align: center;
	padding-bottom: 0;
	line-height: 1.8;
}
#customer-top .function-area .detail .login-box h4:after {
	content: "";
	display: none;
}

#customer-top .function-area .detail .login-box .inner {
	border: 3px solid #28cec3;
	border-radius: 10px;
	padding: 30px 20px;
}

#customer-top #support {
	max-width: 662px;
	position: relative;
	margin: auto;
}
#customer-top #support .helpbtn,
#customer-top #support .s3btn,
#customer-top #support .s2btn {
	width: 198px;
	height: 57px;
	position: absolute;
	top: 105px;
	left: 9px;
}
#customer-top #support .s3btn {
	left: 233px;
}
#customer-top #support .s2btn {
	left: 453px;
}
#customer-top .callimg {
	text-align: center;
}
#customer-top .callimg .telbox {
	width: 600px;
}
#customer-top .callimg .operator {
	width: 700px;
}


@media only screen and (max-width: 768px) {
	#customer-top .function-area .detail .login-box {
		float: none;
		width: 95%;
		margin: 0 2.5% 20px;
	}
	#customer-top .function-area .detail .login-box:nth-of-type(2n) {
		margin: 0 2.5% 20px;
	}

	#customer-top .function-area .detail .login-box h4 {
		font-size: 13px;
		margin-bottom: 20px;
		text-align: center;
	}
	#customer-top .function-area .detail .login-box .inner {
		border: 3px solid #28cec3;
		border-radius: 10px;
		padding: 15px 10px;
	}
	#customer-top #support .helpbtn,
	#customer-top #support .s3btn,
	#customer-top #support .s2btn {
		width: 26%;
		height: auto;
		position: absolute;
		top: 64%;
		left: 5%;
	}
	#customer-top #support .s3btn {
		left: 37%;
	}
	#customer-top #support .s2btn {
		left: 68%;
	}
	#customer-top .callimg {
		width: 95%;
		margin: auto;
	}
	#customer-top .callimg .telbox,
	#customer-top .callimg .operator,
	#customer-top .callimg img {
		max-width: 100%;
		height: auto;
	}
}


#customer-top .function-area .detail .tel-box {
	margin: 20px 0 30px;
}
#customer-top .function-area .detail .tel-box .inner {
	padding: 30px 20px;
	border: #06b4a9 solid 3px;
	border-radius: 10px;
}
#customer-top .function-area .detail .info-block {
	margin: 20px auto 30px; 
}

#customer-top .function-area .detail .info-block h4 {
	color: #06b4a9;
	font-size: 22px;
	padding-bottom: 0;
	line-height: 1.8;
}
#customer-top .function-area .detail .info-block h4:after {
	display: none;
}
#customer-top .function-area .detail .info-block .number {
	font-size: 36px;
	font-weight: 800;
	float: left;
	margin-right: 30px;
	position: relative;
	color: #033fc1;
	padding-left: 60px;
}
#customer-top .function-area .detail .info-block .reception-time {
	float: right;
}
#customer-top .function-area .detail .info-block .number:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_old_telephone.png);
	width: 50px;
	height: 50px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 4px;
	left: 0;
}
#customer-top .function-area .detail .info-block hr.tel-border {
	clear: both;
	border: #06b4a9 1px solid;
	width: 100%;
	margin: 15px auto;
}
#customer-top .function-area .detail .tel-box .intro {
	font-size: 14px;
}
#customer-top .function-area .detail .tel-box .guide-number {
	margin: 10px auto;
}


#customer-top .function-area .detail .tel-box .guide-number li {
	font-weight: 800;
	font-size: 18px;
	position: relative;
}
#customer-top .function-area .detail .guide-number li:after {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/number-1.png);
	width: 200px;
	height: 30px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
}
#customer-top .function-area .detail .guide-number li.number-2:after {
	background-image: url(/wp-content/uploads/2017/03/number-2.png);
}
#customer-top .function-area .detail .guide-number li.number-3:after {
	background-image: url(/wp-content/uploads/2017/03/number-3.png);
}
#customer-top .function-area .detail .adress {
	margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
	.paged .scene-block .function-area .detail .btn {
		width: initial;
	}
	#customer-top .function-area .detail .info-block .number:before {
		width: 25px;
		height: 25px;
		top: 5px;
	}
	#customer-top .function-area .detail .info-block .inner {
		padding: 0 5px;
	}
	#customer-top .function-area .detail .tel-box .inner {
		padding: 10px 15px;
	}
	#customer-top .function-area .detail .info-block .number {
		font-size: 22px;
		font-weight: 800;
		float: none;
		margin-right: 30px;
		position: relative;
		color: #033fc1;
		padding-left: 40px;
	}
	#customer-top .function-area .detail .info-block .reception-time {
		float: none;
	}
	.paged .scene-block .function-area .detail ul {
		font-size: 12px;
		list-style: disc;
		margin: auto 2.5%;
	}
	.paged .scene-block .function-area .detail .sp-guide-number ul {
		list-style: decimal;
	}
	#customer-top .function-area .detail .tel-box .sp-guide-number li {
		font-weight: 800;
		font-size: 14px;
		position: relative;
	}
}

/*---------------------------------------------------------------------------------
タイムレコーダーとの比較
--------------------------------------------------------------------------------- */
/*#unjust-top h1,
#post-top h1,
#safekeeping-top h1,
#time_correction-top h1,
#realtime-top h1,
#customize-top h1,
#total-top h1 {
	background-image: url(/wp-content/uploads/2017/02/merit_bg.jpg);
	position: relative;
}*/

#merit-child.read-block .inner .image-box {
	width: 900px;
	margin: auto;
}

#merit-child.read-block .inner h3 {
	font-size: 22px;
	margin: 30px auto 10px;
}
#merit-child.read-block .inner .text-area {
	width: 900px;
	margin: auto;
}

#merit-child.read-block .inner p {
	text-align: center;
}

.scene-block .comparison ul {
	margin: 10px 0 30px 1em;
	list-style-type: square;
	padding: 10px 20px;
}
.scene-block .comparison-box {
	overflow: hidden;
	width: 900px;
	margin: auto;
}
.scene-block .comparison-box section {
	float: left;
	width: 49%;
	margin: 10px 0.5%;  
	clear: none;
}
.paged .scene-block .comparison-box section .function-area {
	border: 5px solid #1D9E48;
	border-radius: 10px;
	background: #f6f6f6 !important;
}
.paged .scene-block .comparison-box section.function-detail {
	clear: none;
	background: #f6f6f6 !important;
}
.paged .scene-block .comparison-box section.function-detail h3 {
	padding-bottom: 0;
	background-color: #1D9E48;
	position: relative;
}
.paged .scene-block .comparison-box section.function-detail h3 .num {
	color: #f6f6f6;
	padding: 20px;
}
.paged .scene-block .comparison-box section.function-detail h3:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/04/smile.png);
	position: absolute;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
}
.paged .scene-block .comparison-box section.function-detail h3.timecard:before {
	background-image: url(/wp-content/uploads/2017/04/crying.png);

}
.paged .scene-block .comparison-box section.function-detail h3:after {
	display: none;
}
.paged .scene-block .comparison-box section.function-detail ul {
	margin-bottom: 0;
}



@media only screen and (max-width: 900px) {
	.scene-block .comparison-box {
		width: 95%;
		margin: auto 2.5%;
	}
	#merit-child.read-block .inner .text-area {
		width: 100%;
		margin: auto;
		font-size: 14px;
	}
	.scene-block .comparison-box section {
		float: none;
		width: 100%;
		margin: 10px auto;  
		clear: both;
	}
	
}
@media only screen and (max-width: 768px) {
	#merit-child.read-block .inner .image-box {
		width: 90%;
		margin: auto 5%;
	}
	#merit-child.scene-block:nth-of-type(2n) {
		padding-bottom: 0;
	}
	.paged .scene-block .comparison-box section.function-detail h3 {
		margin: auto;
	}
	.paged .scene-block .comparison-box section:first-child {
		padding: 30px 0 10px;
	}
	.paged .scene-block .comparison-box section:last-child {
		padding: 0 0 60px;
	}
	#merit-child.read-block .inner p {
		text-align: left;
		font-size: 12px;
	}
}

@media only screen and (max-width: 800px) {
	#record-detail-top .desc-block h3 {
		padding-bottom: 20px;
	}
	.paged .scene-block .function-area .detail h4 {
		padding-bottom: 20px;
	}
}

/*---------------------------------------------------------------------------------
特別インタビュー
--------------------------------------------------------------------------------- */
.paged .interview .function-area .detail h4,
.paged .interview .function-area .detail h5 {
	text-align: center;
	color: #146762;
	font-size: 24px;
	margin: 80px auto 50px;
	position: relative;
}
.paged .interview .function-area .detail h4:after,
.paged .interview .function-area .detail h5:after {
	display: block;
	width: 90%;
	height: 3px;
	background-color: #146762;
	position: absolute;
	left: 0;
	right: 0;
	margin: 15px auto 0;
	content: "";
}

.paged .interview .function-area .detail .interview-img {
	text-align: center;
	margin: 0 auto 20px;
}

@media only screen and (max-width: 768px) {
	.paged .interview .function-area .detail .interview-img {
		max-width: 95%;
		margin: auto;
	}
	.paged .interview .function-area .detail .interview-img img {
		max-width: 100%;
		height: auto;
	}
}



/*---------------------------------------------------------------------------------
サイトマップ
--------------------------------------------------------------------------------- */
#sitemap-top .scene-block {
	background-color: #fff;
}

#sitemap-top #sitemap_list > li {
	padding: 0 20px 35px;
	width: 100%;
	float: none;
}

/*#sitemap-top #sitemap_list > li:first-child {
	float: none;
	width: 100%;
}*/
#sitemap-top .scene-block .function-area {
	max-width: 950px;
	overflow: hidden;
}
#sitemap-top #container {
	margin: auto;
}

ul.children {
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
	#sitemap-top #sitemap_list > li {
		padding: 0 0 35px;
		margin: auto;
		width: 95%;
		float: none;
	}
	#sitemap-top.paged .scene-block .function-detail {
		width: 90%;
		padding-top: 0;
		margin: auto 5%;
	}
}
/*---------------------------------------------------------------------------------
会社概要
--------------------------------------------------------------------------------- */

.paged #company-content.scene-block,
.paged #company-content.scene-block section {
	background-color: #fff;
	padding: 0;
}
.paged #company-content.scene-block .wrap {
	padding-bottom: 0;
	width: 800px;
}

.paged #company-content.scene-block section .detail {
	padding-left: 0;
}
.paged #company-content.scene-block section .detail h2 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
	color: #1D9E48;
}

.paged #company-content.scene-block section .detail h3 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #1D9E48;
}


#company-content.scene-block .comparison-table {
	overflow: hidden;
	width: 95%;
	border-top: 1px solid #1D9E48;
	border-left: 1px solid #1D9E48;
	/*border-collapse: collapse;*/
	border-spacing: 0;
	margin: 0 2.5% 60px;
}
#company-content.scene-block .comparison-table tbody {
	display: table-row-group;
	vertical-align: middle;
}

#company-content.scene-block .comparison-table div > div {
	float: left;
	text-align: center;
	background-color: #ecf0f1;
	height: 140px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#company-content.scene-block .comparison-table > div {
	overflow: hidden;
	margin-bottom: 1%;
}
#company-content.scene-block .comparison-table .years-area,
#company-content.scene-block .comparison-table .header-area,
#company-content.scene-block .comparison-table .content-area {
	padding: 17px;
	box-sizing: border-box;
	border-bottom: 1px solid #1D9E48;
	border-right: 1px solid #1D9E48;
	text-align: left;
}

#company-content.scene-block .comparison-table .years-area,
#company-content.scene-block .comparison-table .header-area {
	width: 20%;
	margin-right: 1%;
	background-color: #ceebe9;
	color: #288781;
	font-weight: 800;
}
#company-content.scene-block .comparison-table .content-area {
	width: 79%;
}
#company-content.scene-block .comparison-table .content-area .privacy {
	margin-bottom: 10px;
}

#company-content.scene-block a:link,
#company-content.scene-block a:visited,
#company-content.scene-block a:hover,
#company-content.scene-block a:active {
	color: #288781;
	text-decoration: underline;
	word-break: break-all;
}
@media only screen and (max-width: 768px) {
	#company-content.scene-block .comparison-table .years-area,
	#company-content.scene-block .comparison-table .header-area {
		padding: 7px;
		width: 27%;
	}

	.paged #company-content.scene-block section .detail h5 {
		font-size: 18px;
	}
	.paged #company-content.scene-block .wrap {
		width: 100%;
	}
	.paged #company-content.scene-block .wrap .inner {
		width: 95%;
		margin: auto;
	}
	#company-top .link-block, #case-top .link-block, #record-top .link-block {
		width: 100%;
	}
	.paged #company-content.scene-block section .detail h2 {
		font-size: 20px;
		line-height: 1.2;
	}
}

/*---------------------------------------------------------------------------------
つながるKING OF TIME
--------------------------------------------------------------------------------- */
.paged .relationship-link .inner {
	text-align: center;
	max-width: 800px;
	margin: auto;
}
.paged .relationship-link .inner .txt-box {
	text-align: left;
	display: block;
	width: 340px;
	margin: 0 auto 15px;
	padding: 15px 20px;
	border: 2px #1D9E48 solid;
	border-radius: 10px;
}
.paged .relationship-link .inner .under-arrow {
	font-size: 30px;
}
.paged .relationship-link .inner .pink {
	color: #e5004f;
}

@media only screen and (max-width: 768px) {
	.paged .relationship-link .inner {
		width: 95%;
		margin: 0 2.5%;
	}
	.paged .relationship-link .inner .txt-box {
		width: 85%;
		margin: 0 auto 15px;
		font-size: 12px;
	}
	.paged .relationship-link .inner img {
		max-width: 100%;
		height: auto;
	}
}

.paged .relationship-link .btn {
	width: 270px;
}
.paged .relationship-link .btn a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}
.paged .relationship-link .btn {
	margin: 40px auto 80px;
}
.paged .relationship-link .btn a {
	background-color: #28cec3;
}
.paged .relationship-link .inner .image-area {
	margin: 20px auto 40px;
	overflow: hidden;
}
.paged .relationship-link .inner .attention {
	background: red;
	max-width: 800px;
	margin: 20px auto 40px;
	border-radius: 10px;
	color: #fff;
	padding: 10px 15px;
	font-weight: 800;
}

.paged .relationship-link .inner .flow-text {
	border: 2px #5fa6dc solid;
	max-width: 800px;
	margin: 25px auto;
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 14px;
}

.paged .relationship-link .inner .txt-box2 {
	max-width: 800px;
	text-align: left;
	margin: 0 auto 40px;
}

/* MF cloud */
.paged .relationship-link .inner h3 {
	font-size: 28px;
	color: #1D9E48;
}
.paged .relationship-link .function-detail .inner .chara {
	margin-bottom: 40px;
}

.paged .relationship-link .function-detail .step1,
.paged .relationship-link .function-detail .step2,
.paged .relationship-link .function-detail .step3 {
	overflow: hidden;
	text-align: left;
	width: 550px;
	margin: 20px auto;
	border: #1D9E48 2px solid;
	border-radius: 10px;
}
.paged .relationship-link .function-detail .image {
	float: left;
}
.paged .relationship-link .function-detail .txt {
	text-align: left;
	float: left;
	width: 440px;
	margin-left: 15px;
}
.paged .relationship-link .merit .inner,
.paged .relationship-link .chara .inner {
	padding: 10px 15px;
	overflow: hidden;
}
.paged .relationship-link .merit .inner h4 {
	border-bottom: dotted #1D9E48 2px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.paged .relationship-link .merit .inner h4 .l-red {
	font-size: 24px;
	color: #1D9E48;
}

/*freee*/
.paged .relationship-link .txt-box-free {
	text-align: left;
	width: 500px;
	margin: 20px auto;
}
.paged .relationship-link .txt-box-free h4 {
	font-size: 18px;
	color: #1D9E48;
}
.paged .relationship-link .txt-box-free p {
	text-align: left;
	font-size: 14px;
}

/* cyurica */
.paged .relationship-link .performance {
	margin: 30px auto;
	overflow: hidden;
}
.paged .relationship-link .performance .one,
.paged .relationship-link .performance .two {
	float: left;
	text-align: center;
	width: 49%;
}
.paged .relationship-link .performance .two {
	float: right;
}
.paged .relationship-link .performance .one p,
.paged .relationship-link .performance .two p {
	padding: 10px 15px;
	border: #1D9E48 2px solid;
	border-radius: 10px;
	font-weight: 800;
	font-size: 24px;
}
.paged .relationship-link .translation {
	color: #f00;
	font-size: 12px;
	text-align: left;
	margin: 20px auto 40px;
	width: 610px;
}

/* bino */
.paged .relationship-link .image-area .one,
.paged .relationship-link .image-area .two,
.paged .relationship-link .image-area .three {
	width: 32%;
	float: left;
	margin-right: 2%;
}
.paged .relationship-link .image-area .three {
	margin-right: 0;
}
.paged .relationship-link .image-area img {
	max-width: 100%;
	height: auto;
}

.paged .relationship-link .four {
	clear: both;
	margin: 30px auto;
}
.paged .relationship-link .in-area {
	border: 2px #1D9E48 solid;
	border-radius: 10px;
	padding: 15px 20px;
	height: 280px;
}
.paged .relationship-link .in-area ul {
	margin-top: 15px;
	text-align: left;
	list-style: disc;
	padding-left: 20px;
}
.paged .relationship-link .four .in-area {
	padding: 15px 20px;
	height: initial;
	overflow: hidden;
}
.paged .relationship-link .four .in-area .image {
	float: left;
	width: 50%;
}
.paged .relationship-link .four .in-area .txt {
	float: right;
	width: 50%;
}

/* paycheck */
.paged .relationship-link .performance .two strong {
	font-size: 36px;
	color: #1d9e48;
}
.paged .relationship-link .paycheck .in-area {
	height: initial;
}
.paged .relationship-link .paycheck .in-area h4 {
	margin: 20px auto;
}

/* 楽楽明細 */
.paged .relationship-link .system {
	margin: 20px auto 40px;
}
.paged .relationship-link .system h4 {
	font-size: 24px;
	color: #1D9E48;
}
@media only screen and (max-width: 768px) {
	.paged .relationship-link .inner .system p,
	.paged .relationship-link .inner .txt-box2 {
		font-size: 14px;
	}
	.paged .relationship-link .performance {
		margin: 0 auto;
	}
	.paged .relationship-link .inner h3 {
		font-size: 18px;
	}
	.paged .relationship-link .function-detail .step1,
	.paged .relationship-link .function-detail .step2,
	.paged .relationship-link .function-detail .step3 {
		width: 95%;
		margin: auto 2.5% 20px;
	}
	.paged .relationship-link .function-detail .txt {
		float: none;
		width: 95%;
		margin: auto 2.5%;
	}
	.paged .relationship-link .function-detail .image {
		float: none;
		text-align: center;
	}
	.paged .relationship-link .function-detail .step1 .inner,
	.paged .relationship-link .function-detail .step2 .inner,
	.paged .relationship-link .function-detail .step3 .inner {
		width: initial;
		margin: auto;
	}
	.paged .relationship-link .merit .inner h4 {
		text-align: center;
	}
	.paged .relationship-link .merit .inner h4 .l-red {
		font-size: 18px;
	}
	.paged .relationship-link .txt-box-free {
		width: 95%;
		margin: 20px 2.5%;
	}
	.paged .relationship-link .performance .one,
	.paged .relationship-link .performance .two {
		float: none;
		width: 95%;
		margin: 20px 2.5%;
	}
	.paged .relationship-link .performance .one p,
	.paged .relationship-link .performance .two p {
		text-align: center;
	}
	.paged .relationship-link .performance .two strong {
		font-size: 26px;
	}
	.paged .relationship-link .translation {
		width: 95%;
		margin: 20px 2.5%;
	}
	.paged .relationship-link .in-area {
		padding: 10px 5px;
		height: 180px;
	}
	.paged .relationship-link .in-area ul {
		margin-top: 5px;
		padding-left: 15px;
		font-size: 8px;
	}
	.paged .relationship-link .inner .image-area {
		margin: 10px auto 0;
	}
	.paged .relationship-link .four {
		margin: auto;
	}
	.paged .relationship-link .paycheck .in-area {
		font-size: 12px;
	}
	.paged .relationship-link .txt-box-free h4 {
		font-size: 16px;
	}
	.paged .relationship-link .system h4 {
		font-size: 16px;
	}
}
@media only screen and (max-width: 320px) {
	.paged .relationship-link .inner h3 {
		font-size: 15px;
	}
	.paged .relationship-link .in-area {
		height: 200px;
	}
}

/*---------------------------------------------------------------------------------
特徴
--------------------------------------------------------------------------------- */
#characteristic-top .read .txt h4,
#characteristic-top .wrap .detail h4 .num,
#characteristic-top .link-area .inner .title {
	color: #1D9E48;
}

#characteristic-top .read .txt h4:after,
#characteristic-top .wrap .detail h4:after,
#characteristic-top .wrap .detail .btn a,
#characteristic-top .link-area .inner .btn {
	background-color: #1D9E48;
}

/*---------------------------------------------------------------------------------
サムネイルバージョン
--------------------------------------------------------------------------------- */
.paged #pattern2 .function-area {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
}
.paged #pattern2 .function-detail {
	padding: 30px 0;
}
.paged #pattern2 .function-detail .detail {
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	float: left;
	width: 400px;
	margin-right: 110px;
}
.paged #pattern2 .function-detail .detail p {
	line-height: 1.6;
}
.paged #pattern2 .function-detail .image-box {
	margin: 5px auto;
}
.paged #pattern2 .function-detail .image-box .image-full .images {
	max-height: 250px;
	min-height: 70px;
}

.paged #pattern2 .function-area .detail h3 {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.paged #pattern2 .function-area .detail h3 .num {
	text-align: left;
	padding-bottom: 5px;
	font-size: 24px;
	padding-left: 20px;
	padding-top: 7px;
}
.paged #pattern2 .function-area .detail h3:after {
	width: 5px;
	height: 100%;
	right: inherit;
	top: 0;
}
.paged #pattern2 #example.function-detail .detail {
	float: none;
	width: 100%;
	margin-right: 0;
}

.paged #pattern2 .four-pr .detail {
	float: left;
	width: 47.5%;
	margin-right: 2.5%;
	margin-left: 0;
	clear: inherit;
	margin-bottom: 30px;
}
.paged #pattern2 .four-pr .detail:nth-of-type(2n) {
	float: right;
	width: 47.5%;
	margin-left: 2.5%;
	margin-right: 0;
	clear: inherit;
}
.paged #pattern2 .four-pr .detail:nth-of-type(2n+1) {
	clear: both;
}

@media only screen and (max-width: 1100px) {
	.paged #pattern2 .function-area {
		width: 95%;
		margin: auto 2.5%;
	}
	.paged #pattern2 .function-detail .detail {
		padding-left: 0;
		padding-right: 0;
		float: left;
		width: 38%;
		margin-right: 2%;
	}

}
@media only screen and (max-width: 768px) {
	.paged #pattern2 .function-detail .detail {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.paged #pattern2 .function-area .detail h3 {
		margin: 0 0 20px;
	}
	.paged #pattern2 .function-area .detail h3 .num {
		text-align: center;
		padding-bottom: 15px;
		text-indent: 0;
		padding-top: 0;
		padding-left: 0;
	}
	.paged #pattern2 .function-area .detail h3:after {
		width: 90%;
		height: 3px;
		right: 0;
		top: inherit;
	}
}

/*---------------------------------------------------------------------------------
動画紹介用
--------------------------------------------------------------------------------- */
.paged #movieheader .inner,
.paged #movie {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
    background-color: #fff !important;
}
.paged #movie .function-detail {
	float: left;
	width: 32%;
	margin: 0.5%;
	clear: none;
	background-color: #f6f6f6 !important;
	padding: 0;
}
.paged #movie .function-detail:nth-of-(3n) {
	margin-right: 0;
}
.paged #movie .function-detail:nth-of-(3n+1) {
	clear: both;
}
.paged #trial.read-block .inner,
.paged #trial .inner {
	max-width: 800px;
	margin: auto !important;
}

.youtubeframe,
.paged #movie .function-detail .iframe-box {
	position: relative;
	width: 100%;
/*	padding-top: 56.25%;*/
}
.youtubeframe {
	padding-top: 75%;
}
.youtubeframe iframe,
.paged #movie .function-detail .iframe-box iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.paged #movie .function-detail .iframe-box img {
	max-width: 100%;
	height: auto;
}

.paged #movie .detail {
	padding: 15px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
	overflow: hidden;
}

.paged #movie .function-area iframe {
	margin: auto;
}

.paged #movie .detail h3 .num {
	font-size: 14px;
	padding: 10px 0;
	text-align: left;
	color: #1D9E48;
	line-height: 1.2;
}
.paged #movie .detail h3 {
	text-align: left;
	padding-bottom: 10px;
}
.paged #movie .detail h3:after {
	display: none;
} 

.paged #movie .function-detail a {
	display: block;
	width: 100%;
	word-wrap: break-word;
}
.paged #movie .function-detail a:hover {
	opacty: 0.5;
}


#fancybox-wrap {
	background-color: #fff;
}

@media only screen and (max-width: 768px) {
	.paged #movie .function-detail {
		width: 49%;
		margin-right: 0.5%;
	}
	.paged #movie .function-detail:nth-of-(3n) {
		margin-right: initial;
	}
	.paged #movie .function-detail:nth-of-(3n+1) {
		clear: none;
	}
	.paged #movie .function-detail:nth-of-(2n) {
		margin-right: 0;
	}
	.paged #movie .function-detail:nth-of-(2n+1) {
		clear: both;
	}
}


@media only screen and (max-width: 768px) {
	.paged #movie .detail h3 .num {
		font-size: 14px;
	}
}


/*---------------------------------------------------------------------------------
関連ページ
--------------------------------------------------------------------------------- */
.paged .related-block {
/*	background-color: #b6b6b6;*/
	margin-top: 80px;
	overflow: hidden;
	border-top: #e6e6e6 3px solid;
	border-bottom: #e6e6e6 3px solid;
}
.paged .related-block h2 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 20px;
	position: relative;
/*	color: #fff;*/
}
.paged .related-block .related-box {
/*	padding-top: 50px;*/
	margin-bottom: 20px;
	background-color: #fff;
}
.paged .related-block .related-box .inbox {
	max-width: 1100px;
	margin: auto;
/*	overflow: hidden;*/
}
.paged .related-block .related-box .inbox a {
	display: block;
	position: relative;
	padding-bottom: 10px;
	background-color: #fff;
/*	border-right: 1px solid #e6e6e6;*/
}

.paged .related-block .related-box .inbox .menu-box {
	width: 20%;
	margin: auto;
	float: left;
}
.paged .related-block .related-box .inbox .menu-txt {
	text-align: center;
	font-size: 13px;
	background-color: #fff;
	padding-top: 10px;
}

.paged .related-block .related-box .inbox .menu-img {
	display: block;
	border: 20px solid /*#B6E4E1*/ #fff;
}
.slick-prev:before, .slick-next:before {
	color: #1D9E48 !important;
}
@media only screen and (max-width: 1100px) {
	.paged .related-block .related-box .inbox {
		width: 90%;
		margin: auto 5%;
	}
}
@media only screen and (max-width: 768px) {
	.paged .related-block .related-box .inbox {
		width: 80%;
		margin: auto 10%;
	}
	.paged .related-block .related-box {
/*		padding-top: 12px;
		padding-bottom: 15px;*/
		background-color: #FFF;
	}
	.paged .related-block .related-box .inbox .menu-txt {
		font-size: 10px;
	}
	.paged .related-block .related-box .inbox .menu-img {
		border: 10px solid /*#B6E4E1*/ #fff;
	}
	.paged .related-block h2 {
		font-size: 20px;
	}
}
.paged .scene-block .bg-white,
.bg-white {
	background-color: #fff !important;
}

/*---------------------------------------------------------------------------------
お問い合わせ　30日間無料体験
--------------------------------------------------------------------------------- */
#mailaddress_30days-top #formstack {
    margin: auto 5% !important;
    width: 90% !important;
}
#mailaddress_30days-top #formstack .fsBody.fsEmbed {
	margin: auto;
}

#mailaddress_30days-top #formstack p.infomation {
	text-align: center;
}

#mailaddress_30days-top #contents a,
#mailaddress_30days-top #contents a:visited,
#mailaddress_30days-top #contents div#formstack #fsForm2451953.fsForm.fsSingleColumn a,
#mailaddress_30days-top #contents div#formstack #fsForm2451953.fsForm.fsSingleColumn a:visited {
	color: #1D9E48;
	text-decoration: underline;
}

#mailform-top #ajax_mail .comments-open-content .box {
	padding: 2px;
	margin-bottom: 0;
	border-radius: 0;
	box-shadow: initial;
}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table {
	width: 100%;
	margin-bottom: 0;
}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table tr {

}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td {
	padding: 5px 0;
	border: none;
}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table tr > td:first-child {
/*	width: 35px;*/
}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#zip {
	width: 100px;
}
#mailform-top #ajax_mail .comments-open-content input#company {
	width: 400px;
}

#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#state,
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#city,
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input.box {
	width: 400px;
}
@media only screen and (max-width: 768px) {
	#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#state,
	#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#city,
	#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input.box {
		max-width: 170px;
	}
	#mailform-top #ajax_mail .comments-open-content .box {
		width: 75%;
	}
	#mailform-top #ajax_mail .comments-open-content .count {
		max-width: 50px;
	}
	#mailform-top #ajax_mail .comments-open-content input#company {
		max-width: 200px;
	}
	#mailaddress_30days-top #formstack p.infomation {
		font-size: 11px;
	}
}




/*---------------------------------------------------------------------------------
404
--------------------------------------------------------------------------------- */
.nonepagebox {
	width: 960px;
	margin: auto;
	padding: 150px 0;
	text-align: center;
}
.nonepage h2 {
	font-size: 30px;
	color: #434343;
	padding-bottom: 5px;
}

.nonepage p {
	font-size: 20px;
}

.nonepagebox img {
	width: 250px;
}

.nonepage .kot_link {
	display: inline-block;
	width: 300px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #F3B01F;
	border: 2px solid #F3B01F;
	line-height: 50px;
	font-size: 17px;
	border-radius: 5px;
	margin: 15px 0;
	color: #fff !important;
	text-align: center;
	margin-bottom: 50px;
}
.nonepage .kot_link:hover {
	background-color: #fff;
	border-color: #F3B01F;
	color: #F3B01F !important;
}

.nonepage .kot_link, .kot_link::before, .kot_link::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}



@media only screen and (max-width: 960px) {
	.nonepagebox {
		width: 95%;
		margin: auto 2.5%;
		padding: 100px 0;
		text-align: center;
	}
}

table#user_monitor-BIZ_monitorMain {
	margin-bottom: 50px;
}

#user_monitor-BIZ_monitorMain th {
	padding: 10px 5px;
	text-align: center;
}



@media only screen and (max-width: 768px) {
	#user_monitor-BIZ_monitorMain tbody td:nth-child(2) {
		min-width: 10% !important;
		width: 60px !important;
	}
}

/*---------------------------------------------------------------------------------
見積りシミュレーションページ用
--------------------------------------------------------------------------------- */
#content .clickbtn {
	width: 57px;
	height: 18px;
	background-image: url(/wp-content/uploads/2017/06/click_btn.png);
	background-position: 0 -18px;
	background-size: cover;
	text-indent: -9999em;
/*	transition: .5s;*/
	float: right;
	margin: 7px;
}

#content .clickbtn.active {
	background-position: 0 0;
}
@media only screen and (max-width: 960px) {
	#content .fukidashi_charge,
	#content .fukidashi_cost {
		position: static !important;
	}
	#content .mbossing {
		height: auto;
		overflow: hidden;
	}
	#content .mbossing .question,
	#content .embossing .question {
		display: none;
	}
}
.main_contents{
	width: 960px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100% !important;
	padding: 0;
	margin: 0 auto;
}
.medium_title{
	font-size:20px;
}
.embossing .record {
	margin:10px 46px;
}
.embossing{
/*	height:1600px;*/
}
.mbossing .font-24{
	font-size:24px;
}
.embossing .font-24{
	font-size:24px;
}
.middle_tittle {
	width:25px;
	margin-top:3px;
}
.main_contents .mini_header {
	width: 100%;
	height: 30px;
	font-size: 28px;
	color: #1D9E48;
	margin: 15px 10px 50px 0;
}
.mbossing{
	height: 150px;
	margin: 0 0 15px 0;
}
.embossing .record li{
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 260px;
	/*height: 370px;*/
	display: inline-block;
	margin:0 5px 5px 0;
	padding: 10px 10px 55px;
	list-style:none;
	position: relative;
}
.embossing .record li.free_box {
	padding-bottom: 10px;
}

.embossing ul{ 
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	list-style:none;
}
h3.record {
	background-color: #1D9E48;
	padding: 10px 10px 10px;
	font-size: 24px;
	color: #fff;
}


.record .free_box{
/*	height: 280px !important;*/
}
.free_box .free_img{
	float:right;
	width: 80px;
	margin: 0 20px 0 0;
}
.free_box .free_tittle{
	margin:10px 0 10px 10px;
	font-size:18px
}
.record .record_item{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	layout-grid-line:200px;
	width: 260px;
	height: 200px;
}
.record_img{
	vertical-align:middle;
	margin: auto;
}
.record li .number{
	border:0;
	padding: 10px;
	font-size: 1.8em;
	font-family: Arial, sans-serif;
	color: #263238;
	width: 35px;
	color: #737373;
	border: 1px solid #B3B3B3;
  	border-radius: 10%;
}
li .number_box .number{
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 40px;
}
li  .category2{
	margin: 70px 0 0 0;
	width: 250px;
	text-align: right;
}
li .category3{
	margin: 30px 0 0 0;
	width: 250px;
	text-align: right;
}
li .category4{
	margin: 15px 0 0 0;
	width: 250px;
	text-align: right;
	overflow: hidden;
    padding-top: 25px;
}
li .category5{
	margin: 80px 0 0 0;
	width: 250px;
	text-align: right;
}
li .category6{
	margin: 45px 0 0 0;
	width: 250px;
	text-align: right;
}
li .category7{
	margin: 38px 0 0 0;
	width: 250px;
	text-align: right;
	
}
li .categorypit_tach_non{
	margin: 66px 0 0 0;
	width: 250px;
	text-align: right;
}
li .categorypit_tach{
	margin:  5px 0 0 0;
	width: 250px;
	text-align: right;
}
.iccard_reader{
/*	height: 390px !important;*/
}
li .record_name {
	font-size:18px;
}
li .detail {
	font-size: 13px;
}
p {
	margin:0;
}
.iccard_reader .pittach {
	float: left;
}
.number_box .detail {
	font-size: 17px;
	position: absolute;
	bottom: 5px;
	left: 10px;
}
.number_box .free {
	font-size:30px;
	color: #D40003;
}
#li_password_top {
	border:solid 3px #CDDC39;
}
.total_box .total_text {
	padding:20px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#f44336;
	border:solid 1px #ccc;
	margin:0 0 8px;
	width:500px;
}
.mbossing .people{
	width: 70px;
	height: 40px;
	font-size: 30px;
	text-align:right;
	color: #737373;
	border: 1px solid #B3B3B3;
  	border-radius: 10%;
	padding: 5px;
	
}
input[type="text"]:focus {
	border: 1px solid #B3B3B3;
	border-radius: 10%;
	outline: 0;
}

#content{
	position: relative;
}
#side{
	position: fixed;
	bottom: 0;
	width: 960px;
	height: 80px;
	background-color: #1D9E48;
	color: #fff;
	bottom:0;
	z-index: 100;
}
.static {
	position:static !important;
}
#side .total{
	width: 110px;
	height: 35px; 
	font-size: 22px; 
	text-align: right;
	background-color: #333;
 	border-radius: 5px;
	border:1px solid #333;
	color: #fff;
	padding: 0 10px;
}
	#side .side-inner {
		padding: 10px 27px;
	}
#side .side-inner p {
	position: relative;
}
#side .side-inner .cost_block {
	font-size: 24px;
	margin-top: 10px;
}
#side .side-inner span:before {
	position: absolute;
  	width: 100%;
  	height: 100%;
  	margin: auto;
  	content: "";
  	display: block;
  	top: 0;
	left: 0;
	background: url(/wp-content/uploads/2017/02/clear.png);
	z-index: 2;	
}

  .category .category_pc {
  	background-color:#03A9F4;
  }
  .category .category_share_pc {
  	background-color:#4CAF50;
  }
  .category .category_mobile {
  	background-color:#E91E63;
  }
  .category .category_hybrid {
  	background-color:#f44336; 
  }
  .category .category_iccard {
  	background-color:#FFC107;
  }
  .category .category_pc_connection {
  	background-color:#FF5722;
  }
  .category .category_finger_vein {
  	background-color:#3F51B5;
  }
  .category .category_fingerprint {
  	background-color:#4CAF50;
  }
  .category .category_only_terminal {
  	background-color:#0277BD;
  }
  .category .category_ipad {
  	background-color:#673AB7;
  }
  .category_felicaiccard{
    background-color:#FF4081;
  }
  .category .category_box{
	width:125px;
	height:30px;
	border-radius:7px;
	position: relative;
  }
  .category .category_box .category_main{
	color:#fff;
	font-size:14px;
	font-weight:100;
	letter-spacing:2px;
	width:100%;
	height:100%;
	padding: 5px 0 0 0;
	text-align: center;
  }

  .iccard_reader .pittach img {
    margin-top: 10px;
  }

  .f_left {
    float: left;
  }
  .f_right {
    float: right;
  }
  /*吹き出し*/
  	 .category .text{
	 	cursor: pointer;
	 }
     .fukidashi {
      display: none;
      position: absolute;
      top: 0;
      padding: 16px;
      border-radius: 5px;
      background: #33cc99;
      color: #fff;
      z-index: 100;
    }
    .fukidashi:after {
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
	border-top-color: #33cc99;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}
.hover:hover + .fukidashi {
	display: block;
}
.css-fukidashi {
	padding: 0;
	margin: 0;
}
#fukidashi_biometrics_pc{
	width: 200px;
	top: -200px;
}
#fukidashi_pc{
	width: 240px;
	top: -130px;
}
#fukidashi_share_pc{
	width: 240px;
	top: -170px;
}
#fukidashi_mobile{
	width: 240px;
	top: -170px;
}
#fukidashi_hybrid_pc_connection{
	width: 240px;
	top: -170px;
}
p.fukidashi.fukidashi_pc_connection{
	width: 240px;
	top: -90px;
}
#fukidashi_finger_vein{
	width: 240px;
	top: -150px;
}
#fukidashi_persona_fingerprint{
	width: 240px;
	top: -130px;
}
p.fukidashi.fukidashi_iccard{
	width: 240px;
	top: -150px;
}
p.fukidashi.fukidashi_only_terminal{
	width: 240px;
	top: -130px;
}
#fukidashi_hybrid_bt2000{
	width: 240px;
	top: -170px;
}
#fukidashi_iccard_terminal{
	width: 240px;
	top: -150px;
	
}
#fukidashi_bt-2000_only{
	width: 240px;
	top: -120px;
}
#fukidashi_kamereon_ipad{
	width: 240px;
	top: -130px;
	left: 8px;	
}
#fukidashi_iccard{
	width: 240px;
	top: -110px;
	left: 8px;	
}
#fukidashi_month_question{
	top: -150px;
	left: 125px;	
}
#fukidashi_first_question{
	top: 80px;
	left: 125px;	
}
.free_box .free_category{
	margin:0 0 0 5px;
}
	 
/*吹き出し*/
.free_box .category {
	margin: 5px 0 0 0;
	position:relative;
}
/*#kamereon{
	margin: 8px 0 0 0;
}*/
	
#totalbn {
	position: absolute;
	display: inline-block;
	width: 170px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	font-weight:bold;
	outline: none;
	background-color: #e6e6e6;
	color: #333;
	border-radius: 5px;	
	border: none;
	cursor: pointer;
	font-size: 22px;
	box-shadow: 0 7px 0 0 rgba(0,0,0,.4);
	top: -10px;
	right: 5px;
	z-index: 10;
}
#totalbn::before,
#totalbn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#totalbn,
#totalbn::before,
#totalbn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#totalbn:hover {
	background-color: #d6d6d6;
}
#totalbn:active {
	top: 5px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
}
.record_name .item_link{
	color:#737373;
}
.question{
	width: 25px
}
.number_text{
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size: 20px;
}
.conv-btn {
	padding: 40px;
}
.conv-btn img:first-child {
	margin: 0 0 60px 0;
}

.reader-dis {
	width:190px;
	padding: 5px 7px 0 0;
}
.reader-dis a {
	color: #0088BB;
	text-decoration: underline;
}


.ic-card-dis {
	overflow: hidden;
	clear: both;
	padding: 3px 0 0 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance:textfield;
}


@media screen and (max-width: 960px) {
	.main_contents {
		width: 95%;
	}
	.embossing .record {
		margin: 10px auto;
	}
	.embossing .record li {
		width: 99%/*47.2%*/;
		margin: 0 auto 20px;
		padding: 0;
		float: left;
		padding-bottom: 55px;
	}
	.category .text{
		cursor: auto;
	}

	.embossing .record li.free_box:nth-of-type(1),
	.embossing .record li.free_box:nth-of-type(2),
	.embossing .record li.free_box:nth-of-type(3) {
		padding-bottom: 0;
	}
	
	.embossing .record li.Chamaeleonidae {
		padding-bottom: 120px;
	}
	.embossing .record li.felica {
		padding-bottom: 65px;
	}

	.embossing ul {
		overflow: hidden;
		display:block;
	}
	.record .record_item img {
		max-width: 100%;
		height: auto;
	}
	li .category6,
	li .category7,
	li .category4,
	li .categorypit_tach,
	li .categorypit_tach,
	li .categorypit_tach_non,
	li .category2 {
		width: 95%;
		margin: 0 2.5%;
	}
	#side {
		width: 95%;
		height: 70px;
		z-index: 100;
	}
	#side.static {
		width: 100%;
		height: 70px;
	}

	#side div {
		padding: 10px !important;
	}
	#side span {
		font-size: 14px !important;
		line-height: 1.8;
	}
	#side .total {
		width: 80px;
		height: 18px;
		font-size: 16px;
	}
	#side .total:disabled {
		background-color: #333 !important;
		color: #fff !important;
	}
	#side input[type="text"][disabled] {
		background-color: #333 !important;
		color: #fff !important;
	}
	#side .side-inner .cost_block {
		font-size: 12px;
		line-height: 2.0;
		margin-top: auto;
	}
	.conv-btn {
		width: 100%;
		text-align: center;
		padding: 0 0 10px 0;
	}
	.conv-btn img:first-child {
		margin: 10px auto 0;
	}
	.conv-btn img {
		width: 280px;
		height: auto;
		margin: 10px auto;
	}
	.record {
		margin: auto;
	}
	.record .record_item {
		display: block;
		margin: 0 auto 10px;
		max-width: 90%;
		height: auto;
	}
	.record_name .item_link{
		margin: 5px;
	}
	.free_box .free_img {
		margin:0 10px 0 0;
		width: 40px;
	}

	.iccard_reader .pittach img {
		margin-top: 5px;
		margin-left: 10px;
	}

	.record_name,
	.free_box .category {
		margin: 5px !important;
	}
	#totalbn {
		width: 90px;
		height: 40px;
		margin: auto;
		font-size: 20px;
		line-height: 20px;
		position: absolute;
		top: -1px;
		right: -2px;
		text-align: center;
	}
	.main_contents .mini_header {
		font-size: 24px;
	}
	
	.f_left,
	.f_right {
		float: none;
		margin-bottom: 5px;
	}
	.reader-dis {
		width: 75%;
		padding: 0;
		margin: auto 2.5%;
		float: right;
	}
	.category .category_box {
		width: 49%;
		margin: auto auto 5px;
	}
	
	.number_box .detail {
		float: none;
	}
	.iccard_reader .pittach{
/*		float: none;*/
	}
/*	li .number_box .number,
	.number_text,
	.number_box .detail {
		bottom: initial;
		left: initial;
		right: initial;
		position: static;
		font-size: 15px;
	}*/
	.number_box .detail {
		bottom: 55px;
		font-size: 15px;
	}
	li .number_box .number {
		bottom: 0px;
		right: 20px;
	}
	.number_text {
		float: left;
		margin: 30px auto 0;
		position: static;
	}
	li .number_box .number {
		float: left;
		margin: 10px;
		position: static;
	}
	.text:hover + .fukidashi {
		display: none;
	}
	h3.record {
		font-size: 16px;
		margin: 20px auto 10px;
	}
	.record .record_item {
		display: block;
		margin: 0 auto 10px;
		max-width: 50%;
		height: auto;
		float: right;
	}


	.free_box .free_img {
		margin: 10px;
		width: 40px;
		float: none;
	}

	.free_box .free_tittle {
		margin: 0 5px 10px;
		font-size: 18px;
	}

	.category .category_box {
		width: 49%;
		margin: 0 0 5px;
	}

	.number_box .detail {
		font-size: 28px;
		bottom: 10px;
	}
	#totalbn:active {
		background-color: #e6e6e6;
		top: 5px;
		box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
	}

}


@media screen and (max-width: 320px) {
	.number_box .detail {
	    font-size: 20px;
	}
	.reader-dis {
		width: 70%;
	}
	li .record_name {
		font-size: 17px;
	}
	.embossing .record li.Chamaeleonidae {
		padding-bottom: 90px;
	}
	#totalbn {
		width: 70px;
	}
}

#container #contents li.link_box {
	position: relative;
}
#container #contents li.link_box a {
	position: absolute;
	left: 400px;
	top: 5px;
}
@media screen and (max-width: 768px) {
	#link_banner #header ul li {
		float: left;
		width: 32%;
		margin: auto 0.5%;
	}
	#link_banner #container {
		max-width: 100%;
	}
	#link_banner #footer .pp {
		float: none;
	}
	.menubar .menu {
		width: initial;
	}
	#wrapper .foot .inner {
		width: 95%;
	}
}


#sitemap_list li {
	font-size: 16px !important;
}

#sitemap_list li li {
	font-size: 14px !important;
    font-weigth: 500 !important;
}

#sitemap_list li.page_item {
    float: left;
    width: 45%;
}

#sitemap_list li.page_item ul.children li.page_item ul li {
    width: 100%;
}

#sitemap_list li li {
    margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  #sitemap_list li.page_item {
      float: none;
      width: 95%;
  }
}

/*---------------------------------------------------------------------------------
オンラインルーム用
--------------------------------------------------------------------------------- */
#online-room-top .detail p {
    font-size: 18px;
    font-weight: 800;
}

#online-room-top .main-image {
    margin-bottom:60px;
}


/*---------------------------------------------------------------------------------
お問い合わせ用
--------------------------------------------------------------------------------- */
#custom_form {
    max-width: 800px;
    margin: auto;
}

#custom_form iframe {
    border: none;
    width: 80%;
    margin: auto 10%;
    height: 2000px;
}

#main #formstack #trial_lesson {
	width: 100%;
}



@media screen and (max-width: 768px) {
	#custom_form iframe {
	    border: none;
	    width: 90%;
	    margin: auto 5%;
	    height: 2300px;
	}
	#main #formstack #trial_lesson {
		width: 90%;
		margin: auto 5%;
		height: 110px;
	}
}


#contents-wrapper #trial .fsBody {
	background-color: #fff;
	color: #333;
}
#contents-wrapper #trial .fsBody form#fsForm2451953 {
	background-color: #fff !important;
}
#contents-wrapper #trial .fsBody form#fsForm2451953 #fsRow2451953-1 {
	display: none;
}
#contents-wrapper #trial .fsBody form#fsForm2451953.fsForm.fsSingleColumn {
	color: #333;
}
#contents-wrapper #trial .fsBody form#fsForm2451953.fsForm.fsSingleColumn a {
	color: #33f;
    text-decoration: underline;
}
#contents-wrapper #trial .fsBody #fsSubmit2451953.fsSubmit.fsPagination {
    margin-top: -98px!important;
    margin-right: 35px!important;
}

#home #trial .fsRowBody input[type=checkbox]#field45293800_1,
#mailaddress_30days-top	.fsRowBody input[type=checkbox]#field45293800_1 {
	margin-top: 0 !important;
}

#wrapper .campaign_top .fsBody #fsForm2451953 {
	background-color: #fff !important;
}

#container.kot_mail form#fsForm2451953.fsForm.fsSingleColumn {
	background-color: #1D9E48 !important;
}
#container.kot_mail form#fsForm2451953.fsForm.fsSingleColumn a {
    color: #fd0 !important;
}


@media screen and (max-width: 768px) {
	#home #trial .fsBody form {
		width: 580px;
	}
	#home #trial .fsBody form label.fsOptionLabel {
		background-color: #fff;
		border: #fff solid;
	}
	#home #trial .fsBody .fsRowBody input[type=checkbox] {
		top: 28px !important;
	}
	#contents-wrapper #trial .fsBody #fsSubmit2451953.fsSubmit.fsPagination {
		margin-top: -72px!important;
	}
    #container.kot_mail form#fsForm2451953.fsForm label.fsOptionLabel {
        background-color: transparent !important;
        border: 0 solid !important;
    }
	#container.kot_mail .fsBody .fsForm {
		padding: 10px 20px 40px !important;
        margin: auto !important;
	}
    #container.kot_mail .fsBody #fsSubmit2451953.fsSubmit.fsPagination {
        margin-top: -85px !important;
    }
    #container.kot_mail .fsBody .fsOptionLabel.vertical {
        color: #1D9E48;
    }
    #container.kot_mail #header {
        margin: 20px 5px 15px;
    }
    #container.kot_mail #header ul li.txt {
        margin: 0 20px 0 100px;
    }
    #container.kot_mail #fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
        width: 385px;
    }
    #wrapper .campaign_top #fsSubmitButton2451953.fsSubmitButton {
        width: 110px;
    }
    #wrapper .campaign_top #fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
        width: 340px;
    }
    #wrapper .campaign_top #mail {
        width: 500px;
    }
    #wrapper .campaign_top .logo {
        width: 220px;
    }
    #wrapper .campaign_top .logo img {
        width: 100%;
        height: auto;
    }

}

@media screen and (max-width: 640px) {
	#home #trial input[type=email]#field45064285 {
	    width: 80%;
	    padding: 8px 7px;
	    font-size: 10px;
	}
	#contents-wrapper #trial .fsBody label.fsOptionLabel {
      border: 1px solid #fff !important;
      background-color: #fff !important;
	}
	#home #trial input[type=submit]#fsSubmitButton2451953 {
		width: 50%;
	}
	#contents-wrapper #trial .fsBody #fsSubmit2451953.fsSubmit.fsPagination {
	    margin-top: -72px!important;
	    margin-right: -30px!important;
	}
	#contents-wrapper #trial .fsBody #fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
		width: 290px;
	}
	#home #trial .fsBody form {
		width: 100%;
	}
	#home #trial .fsBody label.fsOptionLabel {
		padding: .5em 1em .5em 0;
		margin: .5em 0;
	}
	#home #trial .fsRowBody input[type=checkbox]#field45293800_1,
	#mailaddress_30days-top	.fsRowBody input[type=checkbox]#field45293800_1 {
		margin-top: 0 !important;
	}
	#home #trial .fsBody .fsRowBody input[type=checkbox] {
		top: 20px !important;
	}
}

@media screen and (max-width: 320px) {
	#contents-wrapper #trial .fsBody #fsCell45064464.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
		margin: -1px auto 0 30px !important;
	}
	#contents-wrapper #trial .fsBody #fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
		width: 235px;
	}
}

/*---------------------------------------------------------------------------------
伸びる矢印
--------------------------------------------------------------------------------- */
@keyframes extending{
  from{ width: 50px; }
  to{ width: 220px; }
}


.extendingarrow {
    display: table;
    width: 100%;
    transform: rotate(-30deg);
    position: absolute;
    left: 50%;
    top: 20px;
}

.extendingarrow .inner {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.extendingarrow .inner span:nth-child(1).active {
    animation: extending 1s ease both;
}

.extendingarrow .inner span:nth-child(1) {
    width: 50px;
    height: 10px;
    background-color: #fff;
}

.extendingarrow .inner span {
    margin-left: -5px;
    vertical-align: middle;
}

.extendingarrow .inner span {
    margin-left: -5px;
    vertical-align: middle;
}

.extendingarrow span {
    display: inline-block;
    line-height: 1.0;
}

.extendingarrow .inner span:nth-child(2):before {
    content: '\f04b';
    font-family: FontAwesome;
    font-size: 1.5rem;
    color: #fff;
}

#home #client .result:after {
	display: none !important;
}

@media screen and (max-width: 768px) {
	@keyframes extending{
	  from{ width: 50px; }
	  to{ width: 250px; }
	}
	.extendingarrow {
	    display: table;
	    width: 100%;
	    transform: rotate(-15deg);
	    position: absolute;
	    left: 50%;
	    top: -16px;
	}
}
@media screen and (max-width: 640px) {
	@keyframes extending{
	  from{ width: 50px; }
	  to{ width: 150px; }
	}
	.extendingarrow {
	  transform: rotate(-27deg);
      left: 45%;
      top: -4px;
    }
}

@media screen and (max-width: 320px) {
	@keyframes extending{
	  from{ width: 50px; }
	  to{ width: 120px; }
	}
    .extendingarrow {
      transform: rotate(-30deg);
      top: 0px;
    }
}
/* 利用規約・個人情報保護 */
#backHistory{
    position: relative !important;
    display: inline-block !important;
    padding: 0.25em 0.5em !important;
    text-decoration: none !important;
    color: #FFF !important;
    background: #fd9535 !important;/*背景色*/
    border-bottom: solid 2px #d27d00 !important;/*少し濃い目の色に*/
    border-radius: 4px !important;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
    font-weight: bold !important;
}

/*---------------------------------------------------------------------------------
検索結果
--------------------------------------------------------------------------------- */
#search-top .inner {
    max-width: 800px;
    margin: auto;
}

#search-top .entry-content {
    margin-bottom: 90px !important;
    padding: 0 0 70px;
    border-bottom: 4px rgba(100,180,160,100) dashed;
    width: 100%;
    margin: auto;
}

#search-top h2 {
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
}

#search-top h2.entry-title a {
    color: #279c4c /*#1D9E48*/;
}

#contents-wrapper #search-top .entry-header {
    padding-top: 3px;
    padding-bottom: 20px;
    position: relative;
}

#search-top h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 5px;
    width: 100%;
    background-color: cadetblue;
}

#search-top .entry-content a:hover {
    opacity: .6;
}

#search-top .entry-summary a {
    text-decoration: underline;
    color: #279c4c /*#1D9E48*/;
}

#search-top .entry-summary .screen-reader-text {
    display: none;
}

span.search-highlight {background:yellow;} 

nav.navigation.pagination {
    width: 800px;
    margin: auto;
}

.page-nation_box {
    width: 800px;
    margin: auto;
}
@media screen and (max-width: 768px) {
  #search-top .entry-content,
  .page-nation_box {
    width: 95%;
    margin: auto 2.5%;
    margin-bottom: 40px !important;
  }
  #search-top .entry-content {
    padding: 0 0 50px;
  }
}



/*---------------------------------------------------------------------------------
検索窓
--------------------------------------------------------------------------------- */
#search-box {
  width: 550px;
  margin: 20px auto;

}

#search-box input.s {
    padding: 10px 10px;
    width: 400px;
    border-radius: 10px;
    box-shadow: none;
    font-size: 16px;
    color: #363636;
    border: 4px solid rgba(190,190,190,1.00);
}

#search-box input[type="submit"],
input[type="button"],
.send input[type="submit"] {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
/*    background-image: url(/wp-content/uploads/2017/10/search-btn.svg);
    background-size: contain;
    background-color: transparent;
    text-indent: -9999em;*/
    width: 70px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background-color: #279c4c;
    border-radius: 5px;
    text-align: center;
}

.search-box.result-area,
.search-box.recommend-area {
    width: 700px;
    text-align: center;
    margin: auto;
    padding-bottom: 0;
    border-bottom: 0;
}

/* 検索結果画面 */
.search-box.result-area #search-box {
  margin: 20px auto;
}

.search-box.result-area #search-box input.s {
    padding: 5px 10px;
    border: 3px solid rgba(190,190,190,1.00);
}

.search-box.result-area #search-box input[type="submit"], input[type="button"] {
    height: 32px;
}

.search-box .search_list {
    width: 550px;
    margin: auto;
}

.search-box .search_list h2 {
    display: none;
}

.search-box .search_list ul {
    overflow: hidden;
}

.search-box .search_list li {
    float: left;
    margin: auto 10px;
}

.search-box .search_list li:nth-of-type(6),
.search-box .search_list li:nth-of-type(7),
.search-box .search_list li:nth-of-type(8),
.search-box .search_list li:nth-of-type(9),
.search-box .search_list li:nth-of-type(10) {
    display: none;
}

.search-box .search_list li a {
    background-color: #e8e8e8;
    display: block;
    padding:3px 10px;
    border-radius: 10px;
}

.faq-box {
  padding-bottom: 30px;
  text-align: center;
}

.mega-menu-function .inner .faq-box h2 {
  font-size: 16px;
  text-align: center;
  color: #525252;
  margin-bottom: 0;
  font-weight: 500;
}

.faq-box .link-btn {
	font-size: 16px;
	color: #fff;
	background-color: #279c4c;
	text-align: center;
	border-radius: 10px;
	padding: 5px 10px;
	display: inline-block;
	width: 200px;
	margin: 5px auto;
	position:relative;
}

.faq-box .link-btn.faq,
.faq-box .link-btn.contact {
  background-color: #43BBB3;
}

.faq-box .link-btn.online_demo,
.faq-box .link-btn.free30 {
  background-color: #ff9f08;
}

.faq-box .link-btn::before {
	position: absolute;
	content: "";
	background-image: url(/wp-content/uploads/2020/04/30day_free.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 25px;
	height: 25px;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.faq-box .link-btn.faq::before {
	background-image: url(/wp-content/uploads/2020/04/faq.png);
}
.faq-box .link-btn.document_download::before {
	background-image: url(/wp-content/uploads/2020/04/document_download.png);
}
.faq-box .link-btn.online_demo::before {
	background-image: url(/wp-content/uploads/2020/04/online_demo.png);
}
.faq-box .link-btn.contact::before {
	background-image: url(/wp-content/uploads/2020/04/contact_us.png);
}
.faq-box .link-btn.online_estimates::before {
	background-image: url(/wp-content/uploads/2020/04/online_estimates.png);
}


#search-main {
  width: 1100px;
  margin: auto;
  overflow: hidden;
}

#search-main .left-box {
  float: left;
  width: 740px;
}

#search-main #secondary {
  float: right;
  width: 300px;
}

#search-main #secondary h2.widgettitle {
    background-color: #696969;
    padding: 10px 15px;
    color: white;
    margin-bottom: 0;
}

#search-top #secondary h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 0;
}

#search-top #secondary ul {
    background-color: #f6f6f6;
    padding: 10px 15px;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	#search-box {
		display: block;
        width: 90%;
    }
    #search-box input.s {
        padding: 10px 10px;
        width: 70%;
    }
    #search-box input[type="submit"], input[type="button"] {
        width: 18%;
        padding: 0;
    }
    #search-main .left-box {
        float: none;
        width: 100%;
    }
    #search-main #secondary {
        float: none;
        width: 100%;
    }
    #search-main {
        width: 100%;
        margin: auto;
    }
    .search-box.result-area,
    .search-box.recommend-area,
    .search-box {
      width: 95%;
      margin: auto 2.5%;
    }
	.search-box .search_list {
	    width: 100%;
	    margin: auto;
	}
    .search-box .search_list li {
      margin: auto 5px;
    }
    .search-box .search_list li a {
      font-size: 8px;
    }
    .faq-box .link-btn {
		margin: 5px auto;
		width: 50%;
		font-size: .6rem;
		vertical-align: middle;
		padding: 5px 10px;
		flex: 0 0 50%;
		width: 45%;
		box-sizing: border-box;
	}
	.faq-box .link-btn::before {
		width: 15px;
		height: 15px;
	}
}

/*---------------------------------------------------------------------------------
タイムカードを利用していても管理は大変？
--------------------------------------------------------------------------------- */

h2.mb15 {
    text-align: center;
}

#Onecol p,
#Onecol div,
#Onecol h3 {
    max-width: 952px;
    margin-left: auto;
    margin-right: auto;
}

#Onecol h3 {
    font-size: 26px;
    margin-bottom: 20px;
}

#Onecol h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

#Onecol h5 {
    margin-bottom: 20px;
}

#Onecol .mb15 {
    margin-bottom: 15px !important;
}

#Onecol .mb20 {
    margin-bottom: 20px !important;
}

#Onecol .mb25 {
    margin-bottom: 25px !important;
}

#Onecol .mb40 {
    margin-bottom: 40px !important;
}

#Onecol .mb60 {
    margin-bottom: 60px !important;
}

#Onecol .Answer_box dd {
    margin: 10px 20px;
}

#Onecol .TimecardArea_bg {
    box-sizing: border-box;
}

#Onecol .Arrow_Area {
    border: 5px solid #87c91f;
    border-radius: 10px;
    margin-bottom: 30px;
}

#Onecol .Arrow_Area .in {
    padding: 20px;
}

#Onecol .button {
    margin-bottom: 40px;
}


/************************導入までの流れ**************************/

.main_contents #introduction_area,
.paged .read-block #introduction_area {
	max-width: 1100px;
	margin: 20px auto 30px;
}

.main_contents #introduction_area .pc,
.paged .read-block #introduction_area .pc {
	width: 100%;
	height: auto;
}

.main_contents #introduction_area .sp,
.paged .read-block #introduction_area .sp {
	max-width: 710px;
	height: auto;
}

#introduction_flow h3 {
    color: #fff;
    background-color: #1d9e48;
    width: 120px;
    font-size: 1.2rem;
    text-align: center;
    padding: 15px 10px;
    border-radius: 125px/50px;
    margin: auto;
}

#introduction_flow .inner {
    max-width: 1100px;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    justify-items: center;
}

#introduction_flow .inner > div {
    position: relative;
    margin-right: 40px;
}

#introduction_flow .inner > div:after,
#introduction_flow .inner > div.step3:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-image:url(/wp-content/uploads/2018/12/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 75px;
    height: 40px;
    right: -60px;
    z-index: 100;
}

#introduction_flow .inner .step1,
#introduction_flow .inner .step2,
#introduction_flow .inner .step3 {
    width: 240px;
}

#introduction_flow .inner .openclose {
    width: 280px;
    margin-top: 33px;
    margin-right: 0;
}

#introduction_flow .inner > div.step3:before {
    top: -25%;
    background-image:url(/wp-content/uploads/2018/12/upperarrow.svg);
    width: 80px;
    height: 50px;
}

#introduction_flow .inner > div.step3:after {
    bottom: -75%;
    background-image:url(/wp-content/uploads/2018/12/downerarrow.svg);
    width: 80px;
    height: 50px;
}

#introduction_flow .inner > div.openclose:after {
    content: "";
    background: none;
}

#introduction_flow .inner .openclose h4 {
    margin-bottom: 0;
}

#introduction_flow .innerbox {
    border: #1d9e48 solid 3px;
    box-sizing: border-box;
    border-radius: 15px;
    margin-top: -23px;
    padding: 30px 20px;
    background-color: #fff;
    height: 480px;
}

#introduction_flow .innerbox.open {
    padding: 20px;
    margin-top: 0;
    height: 380px;
}

#introduction_flow .innerbox.close {
    padding: 10px;
    margin-top: 40px;
    height: 60px;
}

#introduction_flow h4 {
    color: #1d9e48;
    line-height: 2rem;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

#introduction_flow .strong {
    color: #1d9e48;
    font-size: .8rem;
    line-height: 1.0rem;
    text-align: center;
}

#introduction_flow .innerbox img {
    width: 95%;
    margin: 20px auto;
}

#introduction_flow .step1 .innerbox img {
    width: 60%;
    margin: 20px auto 5px;
}

#introduction_flow .step2 .innerbox img {
    width: 77%;
}

#introduction_flow .openclose .innerbox img {
    width: 70%;

}

#introduction_flow .banner {
    background-color: #f19149;
    color: #fff;
    padding: 2px 5px;
    border-radius: 10px;
    font-weight: 800;
    margin: 0 auto 20px;
}

#introduction_flow p {
    line-height: 1.5rem;
    text-align: left;
    font-size: 1.2rem;
}

#introduction_flow .inner .openclose h4.star span {
    position: relative;
}

#introduction_flow .inner .openclose h4.star span:before,
#introduction_flow .inner .openclose h4.star span:after {
    position: absolute;
    width: 32px;
    height: 32px;
    content: "";
    background-image: url(/wp-content/uploads/2018/12/star.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    top: 0;
    bottom: 0;
    left: -32px;
}

#introduction_flow .inner .openclose h4.star span:after {
    right: -32px;
    left: auto;
    transform: scale(-1, 1);
}
@media only screen and (max-width: 900px) {
  #introduction_flow .inner {
    display: block;
    position: relative;
  }
  #introduction_flow h3 {
    margin: inherit;
  }
  #introduction_flow .inner .step1,
  #introduction_flow .inner .step2,
  #introduction_flow .inner .step3,
  #introduction_flow .inner .openclose {
    width: 100%;
  }
  #introduction_flow .inner > div {
    margin-right: 0;
  }
  #introduction_flow .innerbox {
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
  }
  #introduction_flow h4 {
    margin-bottom: 0;
    float: left;
  }
  #introduction_flow h4.star {
    text-align: center;
    float: none;
  }
  #introduction_flow .imagearea {
    float: right;
    right: 0;
    width: 35%;
    bottom: 20px;
  }
  #introduction_flow .step1 .imagearea {
    right: 10px;
    bottom: 30px;
  }
  #introduction_flow .banner {
    font-size: .8rem;
    margin-bottom: 0;
  }
  #introduction_flow p.txtarea {
    width: 65%;
    float: left;
    padding-top: 20px;
    font-size: 1.8rem;
    line-height: 2.2rem;
  } 
  #introduction_flow .inner > div:after,
  #introduction_flow .inner > div.step3:before {
    top: auto;
    left: 0;
    bottom: -60px;
    right: 0;
    z-index: 100;
    transform: rotate(90deg) scale(.7,1);
  }
  #introduction_flow .inner > div.step3:before {
    left: 90px;
    bottom: -30px;
    right: auto;
    transform: rotate(140deg) scale(.7,1);
  }
  #introduction_flow .innerbox.open {
    height: auto;
    position: relative;
    width: 85%;
    float: left;
  }
  #introduction_flow .inner > div.step3:after {
    bottom: -40px;
    transform: rotate(30deg) scale(.7,.7);
    left: auto;
    right: 4px;
  }
  #introduction_flow .inner .openclose .close h4 {
    margin-bottom: 0;
    font-size: 1.3rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;    
  }
  #introduction_flow .open .imagearea {
    right: 10px;
    bottom: 60px;
    margin: auto;
  }
  #introduction_flow .openclose .innerbox img {
    width: 95%;
  }
}


@media only screen and (max-width: 640px) {
  #introduction_flow .inner {
    display: block;
    position: relative;
  }
  #introduction_flow h3 {
    margin: inherit;
  }
  #introduction_flow .inner .step1,
  #introduction_flow .inner .step2,
  #introduction_flow .inner .step3,
  #introduction_flow .inner .openclose {
    width: 100%;
  }
  #introduction_flow .inner > div {
    margin-right: 0;
  }
  #introduction_flow .innerbox {
    height: auto;
    margin-bottom: 10px;
  }
  #introduction_flow h4 {
    text-align: left;
    font-size: 1.5rem;
  }
  #introduction_flow h4.star {
    text-align: center;
  }
  #introduction_flow .imagearea {
    position: absolute;
    right: 0;
    width: 35%;
    bottom: 20px;
  }
  #introduction_flow .step1 .imagearea {
    right: 10px;
    bottom: 30px;
  }
  #introduction_flow .banner {
    font-size: .8rem;
    margin-bottom: 0;
  }
  #introduction_flow p.txtarea {
    font-size: 1.2rem;
    line-height: 1.4rem;
  } 
  #introduction_flow .inner > div:after,
  #introduction_flow .inner > div.step3:before {
    top: auto;
    left: 0;
    bottom: -60px;
    right: 0;
    z-index: 100;
    transform: rotate(90deg) scale(.7,1);
  }
  #introduction_flow .inner > div.step3:before {
    left: 90px;
    bottom: -30px;
    right: auto;
    transform: rotate(140deg) scale(.7,1);
  }
  #introduction_flow .innerbox.open {
    height: auto;
    position: relative;
    width: 75%;
    float: left;
  }
  #introduction_flow .innerbox.close {
    padding: 28px 5px;
  }
  #introduction_flow .inner > div.step3:after {
    bottom: -40px;
    transform: rotate(30deg) scale(.7,.7);
    left: auto;
    right: 4px;
  }
  #introduction_flow .inner .openclose .close h4 {
    margin-bottom: 0;
    font-size: 1.1rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;    
  }
  #introduction_flow .open .imagearea {
    right: 10px;
    bottom: 60px;
    margin: auto;
  }
  #introduction_flow .openclose .innerbox img {
    width: 95%;
  }
}

@media only screen and (max-width: 320px) {
  #introduction_flow .innerbox.close {
    padding: 27px 9px;
  }
  #introduction_flow .innerbox.open {
    width: 75%;
    padding: 16px 20px;
  }
  #introduction_flow p.txtarea {
    font-size: 1.0rem;
    line-height: 1.4rem;
  }
  #introduction_flow .inner .openclose .close h4 {
    font-size: 1.0rem;
  }
}


/*---------------------------------------------------------------------------------
お問い合わせ　30日間無料体験  HRXPO用
--------------------------------------------------------------------------------- */
#mailaddress_30days-top #formstack_hrexpo {
    margin: auto 5% !important;
    width: 90% !important;
	text-align: center!important;
}
#mailaddress_30days-top #formstack_hrexpo .fsBody.fsEmbed {
	margin: auto;
	text-align: center!important;
}



/*---------------------------------------------------------------------------------
テスト限定　ご利用中のお客様
--------------------------------------------------------------------------------- */
#test20180723-top .read-block .inner .btn {
	width: 270px;
	margin: 40px auto;
}
#test20180723-top .read-block .inner .btn a {
	background-color: /*#e80c7a*/ #e9641e;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

#test20180723-top .function-area .detail .link-block {
	overflow: hidden;
	margin: 20px auto 60px;
}

#test20180723-top .function-area .detail .login-box {
	float: left;
	width: 49%;
	margin: 0 1% 0 0;
}
#test20180723-top .function-area .detail .login-box:nth-of-type(2n) {
	margin: 0 0 0 1%;
}

#test20180723-top .function-area .detail .login-box h4 {
	font-size: 19px;
	margin-bottom: 20px;
	text-align: center;
	padding-bottom: 0;
	line-height: 1.8;
}
#test20180723-top .function-area .detail .login-box h4:after {
	content: "";
	display: none;
}

#test20180723-top .function-area .detail .login-box .inner {
	border: 3px solid #28cec3;
	border-radius: 10px;
	padding: 30px 20px;
}

#test20180723-top #support {
	max-width: 662px;
	position: relative;
	margin: auto;
}
#test20180723-top #support .helpbtn,
#test20180723-top #support .s3btn,
#test20180723-top #support .s2btn {
	width: 198px;
	height: 57px;
	position: absolute;
	top: 105px;
	left: 9px;
}
#test20180723-top #support .s3btn {
	left: 233px;
}
#test20180723-top #support .s2btn {
	left: 453px;
}
#test20180723-top .callimg {
	text-align: center;
}
#test20180723-top .callimg .telbox {
	width: 600px;
}
#test20180723-top .callimg .operator {
	width: 700px;
}


@media only screen and (max-width: 768px) {
	#test20180723-top .function-area .detail .login-box {
		float: none;
		width: 95%;
		margin: 0 2.5% 20px;
	}
	#test20180723-top .function-area .detail .login-box:nth-of-type(2n) {
		margin: 0 2.5% 20px;
	}

	#test20180723-top .function-area .detail .login-box h4 {
		font-size: 13px;
		margin-bottom: 20px;
		text-align: center;
	}
	#test20180723-top .function-area .detail .login-box .inner {
		border: 3px solid #28cec3;
		border-radius: 10px;
		padding: 15px 10px;
	}
	#test20180723-top #support .helpbtn,
	#test20180723-top #support .s3btn,
	#test20180723-top #support .s2btn {
		width: 26%;
		height: auto;
		position: absolute;
		top: 64%;
		left: 5%;
	}
	#test20180723-top #support .s3btn {
		left: 37%;
	}
	#test20180723-top #support .s2btn {
		left: 68%;
	}
	#test20180723-top .callimg {
		width: 95%;
		margin: auto;
	}
	#test20180723-top .callimg .telbox,
	#test20180723-top .callimg .operator,
	#test20180723-top .callimg img {
		max-width: 100%;
		height: auto;
	}
}


#test20180723-top .function-area .detail .tel-box {
	margin: 20px 0 30px;
}
#test20180723-top .function-area .detail .tel-box .inner {
	padding: 30px 20px;
	border: #06b4a9 solid 3px;
	border-radius: 10px;
}
#test20180723-top .function-area .detail .info-block {
	margin: 20px auto 30px; 
}

#test20180723-top .function-area .detail .info-block h4 {
	color: #06b4a9;
	font-size: 22px;
	padding-bottom: 0;
	line-height: 1.8;
}
#test20180723-top .function-area .detail .info-block h4:after {
	display: none;
}
#test20180723-top .function-area .detail .info-block .number {
	font-size: 36px;
	font-weight: 800;
	float: left;
	margin-right: 30px;
	position: relative;
	color: #033fc1;
	padding-left: 60px;
}
#test20180723-top .function-area .detail .info-block .reception-time {
	float: right;
}
#test20180723-top .function-area .detail .info-block .number:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_old_telephone.png);
	width: 50px;
	height: 50px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 4px;
	left: 0;
}
#test20180723-top .function-area .detail .info-block hr.tel-border {
	clear: both;
	border: #06b4a9 1px solid;
	width: 100%;
	margin: 15px auto;
}
#test20180723-top .function-area .detail .tel-box .intro {
	font-size: 14px;
}
#test20180723-top .function-area .detail .tel-box .guide-number {
	margin: 10px auto;
}


#test20180723-top .function-area .detail .tel-box .guide-number li {
	font-weight: 800;
	font-size: 18px;
	position: relative;
}
#test20180723-top .function-area .detail .guide-number li:after {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/number-1.png);
	width: 200px;
	height: 30px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
}
#test20180723-top .function-area .detail .guide-number li.number-2:after {
	background-image: url(/wp-content/uploads/2017/03/number-2.png);
}
#test20180723-top .function-area .detail .guide-number li.number-3:after {
	background-image: url(/wp-content/uploads/2017/03/number-3.png);
}
#test20180723-top .function-area .detail .adress {
	margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
	.paged .scene-block .function-area .detail .btn {
		width: initial;
	}
	#test20180723-top .function-area .detail .info-block .number:before {
		width: 25px;
		height: 25px;
		top: 5px;
	}
	#test20180723-top .function-area .detail .info-block .inner {
		padding: 0 5px;
	}
	#test20180723-top .function-area .detail .tel-box .inner {
		padding: 10px 15px;
	}
	#test20180723-top .function-area .detail .info-block .number {
		font-size: 22px;
		font-weight: 800;
		float: none;
		margin-right: 30px;
		position: relative;
		color: #033fc1;
		padding-left: 40px;
	}
	#test20180723-top .function-area .detail .info-block .reception-time {
		float: none;
	}
	.paged .scene-block .function-area .detail ul {
		font-size: 12px;
		list-style: disc;
		margin: auto 2.5%;
	}
	.paged .scene-block .function-area .detail .sp-guide-number ul {
		list-style: decimal;
	}
	#test20180723-top .function-area .detail .tel-box .sp-guide-number li {
		font-weight: 800;
		font-size: 14px;
		position: relative;
	}
}

#sitemap_list a:hover {
    color: #48B7B1;
}

/************         紙のタイムカードは時代遅れ？　～ LPページ ～         ************/
 /*     h1 画像のズレ      */ 
h1 img#no_timecard {
max-width:100% !important;
}

/*20180927チャットボットの非表示フラグ*/
#chatplusview {
  opacity: 1;
  transition: .5s;
}
#chatplusview.hide {
  opacity: 0;
  transition: .5s;
}

/*---------------------------------------------------------------------------------
つながるKING OF TIME 改修
--------------------------------------------------------------------------------- */
.page .renewal_relation .inner {
    text-align: left;
    max-width: 900px;
    width: 90%;
    margin: auto;
}

article.function-intro,
article.kot_series,
article.system_cooperation,
article.data-relation,
article.data-relation,
article.easy-relation,
article.combination {
    max-width: 900px;
    width: 90%;
    margin: auto;
    padding-top: 50px;
}

article.function-intro .inner,
article.kot_series .inner,
article.system_cooperation .inner,
article.data-relation .inner,
article.easy-relation .inner,
article.combination .inner {
    overflow: hidden;
    text-align: center;
}

article.function-intro .inner .function-box {
    font-size: 20px;
    text-align: center;
    border-radius: 30px;
    border: 2px solid #000;
    width: 23%;
    margin: 1%;
    float: left;
    box-sizing: border-box;
}

article.system_cooperation h3,
article.kot_series h3 {
    color: #0d9647;
    text-align: center;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    padding: 0 75px;
}

article.system_cooperation h3 {
    padding: 0 110px;
}

article.system_cooperation h3:before,
article.kot_series h3:before,
article.system_cooperation h3:after,
article.kot_series h3:after {
  content: "";
  background-color: #0d9647;
  position: absolute;
  top: 50%;
  content: '';
  display: inline-block;
  width: 45px;
  height: 1px;
}

article.system_cooperation h3:before,
article.kot_series h3:before {
  left: 0;
}
article.system_cooperation h3:after,
article.kot_series h3:after {
  right: 0;
}

article.logo-line .logo-list {
  display: table;
  text-align: center;
  width: 100%;
}

article.logo-line .logo-list .kot-link {
    display: inline-block;
    vertical-align: middle;
    width: 21%;
    margin: 3% 2%;
}

h3.dot-block {
    font-size: 20px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding: 0 40px;
    top: -39px;
    background-color: #fff;
}

h3.dot-block:before,
h3.dot-block:after {
    position: absolute;
    content: "";
    background-color: #0d9647;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
}

h3.dot-block:before {
  left: 0;
}

h3.dot-block:after {
  right: 0;
}

article.data-relation .inner,
article.easy-relation .inner,
article.combination .inner {
    border: #0d9647 1px solid;
    border-radius: 20px;
    padding: 20px;
    overflow: visible;
}

article.easy-relation {
    overflow: hidden;
    margin-bottom: 160px;
}

article.data-relation .inner .explain-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

article.data-relation .inner .explain-box ul.txt-list {
    width: 35%;
    list-style: disc;
    font-size: 24px;
}

article.data-relation .inner .explain-box .renkei {
    width: 15%;
    margin: 1%;
}

article.data-relation .inner .explain-box .kot-logo {
    width: 35%;
    margin: 1%;
}

article.easy-relation .left-box {
    float: left;
    width: 31%;
    margin-right: 1%;
}

article.easy-relation .right-box {
    float: left;
    width: 68%;
}

article.easy-relation h3.dot-block {
    font-size: 15px;
    top: -34px;
    padding: 0 20px;
}

article#search-contents {
    clear: both;
/*高尾20190305サイト内検索エリアの境界装飾*/
    padding: 20px 0;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    background:#f5f5f5;
}
article#search-contents #recommend-area-banner {
	max-width: 1010px;
	margin: 0 auto;
	display: flex;
}
article#search-contents #recommend-area-banner a {
	display: block;
	margin: 0 10px;
}
article#search-contents #recommend-area-banner a:hover {
	opacity: 0.7;
}

#blog-area-banner {
	width: 600px;
	max-width: 100%;
	margin: 0 auto 50px;
}

#blog-area-banner a {
	display: block;
}

@media only screen and (max-width: 768px) {
  .page .renewal_relation h2 {
    font-size: 18px;
  }
  article.function-intro .inner .function-box {
    font-size: 18px;
    width: 48%;
  }
  article.function-intro .inner .function-box {
    font-size: 18px;
  }
  article.system_cooperation h3:before,
  article.kot_series h3:before,
  article.system_cooperation h3:after,
  article.kot_series h3:after {
    width: 20px;
  }
  article.kot_series h3 {
    padding: 0 38px;
    font-size: 18px;
    line-height: 1.0;
  }  
  article.system_cooperation h3 {
    padding: 0 71px;
    font-size: 18px;
    line-height: 1.0;
  }
  article.logo-line .logo-list .kot-link {
    width: 44%;
    margin: 5% 3%;
  }
  h3.dot-block {
    padding: 0 30px;

    top: -40px;
    line-height: 1.0;
  }
  article.data-relation .inner .explain-box {
    display: block;
    margin-top: -30px;
  }
  article.data-relation .inner .explain-box ul.txt-list {
    width: 90%;
    font-size: 20px;
    margin: auto;
    padding-left: 30px;
  }
  article.data-relation .inner .explain-box .renkei {
    width: 50%;
    margin: 20px auto;
  }
  article.data-relation .inner .explain-box .kot-logo {
    width: 90%;
    margin: 5% auto;
  }
  article.easy-relation .left-box {
    float: none;
    width: 100%;
    margin: 3% auto;
  }
  article.easy-relation .right-box {
    float: none;
    width: 100%;
    margin: 15% auto;
  }
}
/***********          つながるページ：IE・FX　調整（ 2019.03.07 / 桐生 ）            ************/
@media all and (-ms-high-contrast: none){
article.logo-line .logo-list .kot-link {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    margin: 3% 2%;
  }
}
@-moz-document url-prefix(){
article.logo-line .logo-list .kot-link {
    display: inline-block;
    vertical-align: middle;
    width: 20%!important;
    margin: 3% 2%;
  }
}



/*20200326 暫定対応*/
/* ---------------------------------------------------------------------------------
Copyright © 株式会社ヒューマンテクノロジーズ ALL RIGHTS RESERVED.

HTML CSS Selectors base

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------
初期設定
--------------------------------------------------------------------------------- */
@font-face {
  font-family: 'Yu Gothic';
  src: local('Yu Gothic Medium');
  font-weight: 100;
}
@font-face {
  font-family: 'Yu Gothic';
  src: local('Yu Gothic Medium');
  font-weight: 200;
}
@font-face {
  font-family: 'Yu Gothic';
  src: local('Yu Gothic Medium');
  font-weight: 300;
}
@font-face {
  font-family: 'Yu Gothic';
  src: local('Yu Gothic Medium');
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}



body {
	font-family:'Yu Gothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif !important;
	color: #2b2b2b;
	line-height: 1.8;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	text-transform: none;
    font-weight: 500;
}

body {
	-webkit-text-size-adjust: 100%;
}

.fixed-all {
	position: fixed;
	overflow-y: scroll;
	/*  height: 100%;*/
}

h1,h2,h3,h4,h5,h6,
ul,ol,dl,
p,li,dt,dd,th,td {
	margin: 0px;
	padding: 0px;
	border: 0;
	vertical-align: baseline;
	font-weight: 500;
	font-size: 100%;
	text-transform: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}

ol, ul {
	list-style: none;
}
table {
	/*border-collapse: collapse;*/
	border-spacing: 0;
}
th,td {
	text-align: left;
	vertical-align: top;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
	margin: 0px;
	padding: 0px;
}

img {
	vertical-align: middle;
}

img:not([width]) {  /*要素に幅の指定ない場合*/
	width: 100%;
	height: auto;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #535353;
	text-decoration: none;
}

ul {
	list-style-type: none;
}
 
.clear {
	clear: both;
	height: 0;
}

.clearfix:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
.none {
	display: none !important;
}

.sp-only { display: none !important; }
.pc-only { display: block !important; }
.sp-only-inline { display: none !important; }
.pc-only-inline { display: inline !important; }


@media screen and (max-width: 768px) {
	.sp-only { display: block !important; }
	.pc-only { display: none !important; }
	.sp-only-inline { display: inline !important; }
	.pc-only-inline { display: none !important; }
}

span.bg_yellow {
	background-color: #ff0;
}

span.red {
	color: #f00!important;
	font-weight: 800;
}

.aligncenter {
	text-align: center;
	margin: 20px auto 30px;
}

img.alignleft {
	float: left;
	margin-right: 5px;
}
img.alignright {
	float: right;
	margin-left: 5px;
}
span.small {
	font-size: 12px;
}
p.small {
	font-size: 12px;
}
@media screen and (max-width: 768px) {
	img.alignleft,
	img.alignright {
		float: none;
		margin: 10px auto;
	}
}

/* imageエリア用　*/
.image-origin {
	overflow: hidden;
	margin: 50px auto;
	text-align: center;
}
.image-origin img {
	max-width: 100%;
	height: auto;
}


.image-box {
	overflow: hidden;
	margin: 50px auto;
	text-align: center;
}

.image-box .image-full {
	width: 100%;
	overflow: hidden;
}

.image-box .image-null {
	width: 50%;
}
.image-box img,
.image-box .image-null img,
.image-box .image-half img,
.image-box .image-quarter img,
.image-box .image-full img {
	width: 100%;
	height: auto;
	object-fit: cover;
	max-width: 100%;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}
.image-box .image-quarter img {
	width: 97.5%;
}
.image-box .image-half {
	float: left;
	width: 49%;
	margin-right: 1%;
}
.image-box .image-half:nth-of-type(2n) {
	float: left;
	width: 49%;
	margin-right: 0;
	margin-left: 1%;
}
.image-box .image-half:nth-of-type(2n+1) {
	clear: both;
}
.image-box .image-quarter {
	float: left;
	width: 23.25%;
	margin-right: 2%;
}
.image-box .image-quarter:nth-of-type(4n) {
	float: left;
	width: 23.25%;
	margin-right: 0;
}
.image-box .image-quarter:nth-of-type(4n+1) {
	clear: both;
}
.image-box .image-null .images,
.image-box .image-half .images,
.image-box .image-quarter .images,
.image-box .image-full .images {
	position: relative;
	overflow: hidden;
	border: 3px solid #4b9545;
}
.image-box .image-full .images {
	max-height: 400px;
	min-height: 70px;
}
.image-box .image-null .images,
.image-box .image-quarter .images,
.image-box .image-half .images {
	max-height: 300px;
}

.image-box .image-null .images:after,
.image-box .image-half .images:after,
.image-box .image-quarter .images:after,
.image-box .image-full .images:after {
	position: absolute;
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_loupe_tri.png);
	left: 2px;
	top: 2px;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: cover;
}

.image-box h5 {
	text-align: center;
}


@media screen and (max-width: 768px) {
	.image-box .image-half,
	.image-box .image-quarter {
		float: none;
		width: 95%;
		margin: auto 2.5% 2.5%;
	}
	.image-box .image-null,
	.image-box .image-full,
	.image-box .image-quarter:nth-of-type(4n),
	.image-box .image-half:nth-of-type(2n) {
		float: none;
		width: 95%;
		margin: auto 2.5%;
	}
	.image-box {
		margin: 20px auto;
	}
}


/*---------------------------------------------------------------------------------
ホバーアクション
--------------------------------------------------------------------------------- */

/*半透明*/
.hover-opacity:hover {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity:0.5;
}

/*右に動く矢印*/
.hover-arrow-right {
	position: relative;
	display: block;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}
.hover-arrow-right::before,
.hover-arrow-right::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5em;
	content: '';
	margin-top: auto;
	margin-bottom: auto;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
}
.hover-arrow-right.h10:before,
.hover-arrow-right.h10::after {
	width: 7px;
	height: 10px;
	background-position: 0 -111px;
}
.hover-arrow-right.h12::before,
.hover-arrow-right.h12::after {
	width: 9px;
	height: 12px;
	background-position: -8px -120px;
}
.hover-arrow-right.h13::before,
.hover-arrow-right.h13::after {
	width: 8px;
	height: 13px;
	background-position: 0 -120px;
}
.hover-arrow-right.h14::before,
.hover-arrow-right.h14::after {
	width: 9px;
	height: 14px;
	background-position: 0 -138px;
}
.hover-arrow-right.h18::before,
.hover-arrow-right.h18::after {
	width: 13px;
	height: 18px;
	background-position: -27px -111px;
}

.hover-arrow-right::after {
	opacity: 0;
	right: 1.5em;
}
.hover-arrow-right:hover::before {
	animation: arrowbefore .8s;
	animation-iteration-count: infinite;
}
.hover-arrow-right:hover::after {
	animation: arrowafter .8s;
	animation-iteration-count: infinite;
}
@keyframes arrowbefore {
	100% {
		right: 0.5em;
		opacity: 0;
	}
}
@keyframes arrowafter {
	99% {
		right: 1.5em;
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*---------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------- */
#header-wrapper {
	width: 100%;
	min-height: 54px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 201;
	border-bottom: 3px solid rgba(200,200,200,1.00);
/*	-webkit-box-shadow:0px 5px 4px 0px rgba(200, 200, 200, 1);
	-moz-box-shadow:0px 5px 4px 0px rgba(200, 200, 200, 1);
	box-shadow:0px 5px 4px 0px rgba(200, 200, 200, 1);*/
}
#header-wrapper h1,
#header-wrapper .slogan {
	width: 236px;
	position: absolute;
	top: 8px;
	left: 20px;
	font-size: 13px;
	line-height: 1.0;
	text-align: center;
	z-index: 5;
	font-weight: 800;
}
#header-wrapper h1 a,
#header-wrapper .slogan a {
	display: inline-block;
	margin-bottom: 10px;
}
#header-wrapper h1 a object,
#header-wrapper .slogan a object,
#header-wrapper h1 a img,
#header-wrapper .slogan a img
 {
	pointer-events: none;
}


#header-wrapper h1 img,
#header-wrapper .slogan img {
	width: 236px;
}

#header-wrapper h1 a img,
#header-wrapper .slogan a img {
    width: 100%;
}

#header-wrapper .other-nav-pc {
	position: absolute;
	top: 10px;
	right: 15px;
}
#header-wrapper .other-nav-sp {
	display: none;
}
#header-wrapper .childmenu,
#header-wrapper .childmenu-contact {
	display: none;
	clear: both;
	position: relative;
	top: 55px;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
}
#header-wrapper .childmenu-contact li,
#header-wrapper .childmenu li {
	width: 33%;
	float:left;
	text-align: center;
	margin-right: 0.5%;
	margin-bottom: 5px;
	background-color: #43BBB3;
	padding: 5px 0;
}
/*#header-wrapper .childmenu-contact li {
	width: 49.75%;
}*/

#header-wrapper .childmenu-contact li a,
#header-wrapper .childmenu li a {
	color: #fff;
}
#header-wrapper .childmenu-contact li:last-child,
#header-wrapper .childmenu li:last-child {
	margin-right: 0;
}
#header-wrapper .childmenu-contact li.contactus {
	background-color: #e27b1e;
}
#header-wrapper .childmenu-contact li.estimate {
	background-color: #1e8de2;
}
#header-wrapper .childmenu-contact li.t30days {
	background-color: #368b30;
}
@media only screen and (max-width: 320px) {
	#header-wrapper .childmenu-contact li,
	#header-wrapper .childmenu li {
		font-size: 9px;
	}
}

.other-nav-pc ul {
/*	overflow: hidden;*/
	padding-bottom: 10px;
	text-align: right;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
.other-nav-pc ul li {
	box-sizing: border-box;
	display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
	padding-right: 5px;
}
.other-nav-pc ul li span,
.other-nav-pc ul li a {
	display: block;
	width: 170px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
	border-radius: 14px;
}
.other-nav-pc ul li a.nav01 {
	background-color: #E48434;
	border: 2px solid #E48434;
}
.other-nav-pc ul li a.nav02 {
	background-color: #2A98E1;
	border: 2px solid #2A98E1;
}
.other-nav-pc ul li a.nav03 {
	background-color: #368b30;
	border: 2px solid #368b30;
}
.other-nav-pc ul li a.nav04 {
	background-color: #fff;
	border: 2px solid #43BBB3;
	color: #43BBB3;
	position: relative;
	transition: .5s;
}
.other-nav-pc ul li a.nav04:after {
	display: block;
	width: 7px;
	height: 6px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: -35px 0px;
	content:"";
	position: absolute;
	top: 0;
	right: 17px;
	bottom: 0;
	margin: auto;
}
.other-nav-pc ul li.hovermenu {
	position: relative;
	z-index: 300;
}
.other-nav-pc ul li.hovermenu:hover > a {
	border-radius: 14px 14px 0 0;
}
.other-nav-pc ul li.hovermenu > a:hover {
	background-color: #43BBB3;
	color: #fff;
}
.other-nav-pc ul li.hovermenu ul {
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	padding: 0;
	border-radius: 0 0 14px 14px;
	border: 2px solid #43BBB3;
	z-index: 500;
	width: 170px;
	background-color: #fff;
}
.other-nav-pc ul li.hovermenu ul li:nth-of-type(2) {
	width: 100%;
	border-top: 2px solid #43BBB3;
}
.other-nav-pc ul li.hovermenu ul li:nth-of-type(1) a {
	padding-top: 9px;
	padding-bottom: 7px;
	border-radius: 0 0 0 0;
	transition: .5s;
}
.other-nav-pc ul li.hovermenu ul li:nth-of-type(2) a {
	padding-top: 9px;
	padding-bottom: 7px;
	transition: .5s;
	border-radius: 0 0 12px 12px;
}

.other-nav-pc ul li.hovermenu ul li:nth-of-type(1) a:hover {
	border-radius: 0 0 0 0;
} 
.other-nav-pc ul li.hovermenu ul li:nth-of-type(2) a:hover {
	border-radius: 0 0 12px 12px;
} 


/*.other-nav-pc ul li.hovermenu ul:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}*/
.other-nav-pc ul li.hovermenu ul a {
	color: #43BBB3;
}
.other-nav-pc ul li.hovermenu ul li a:hover {
	background-color: #43BBB3;
	color: #fff;
}


.other-nav-pc p {
	text-align: right;
	line-height: 1;
	padding-right: 5px;
	font-size: 16px;
}
.other-nav-pc p .tel {
	display: inline-block;
	padding-left: 22px;
	padding-right: 16px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-repeat: no-repeat;
	background-position: 0 -91px;
	height: 14px;
}
.other-nav-pc p.hours {
	font-size: 14px;
}

@media screen and  (max-width: 1000px) {
	#header-wrapper h1,
	#header-wrapper .slogan {
		left: 5px;
	}
	#header-wrapper .other-nav-pc {
		margin-left: 246px;
		right: 0px;
	}
	.other-nav-pc ul li {
		/*width: 25%;*/
	}
	.other-nav-pc ul li  a {
		width: auto;
		font-size: 11px;
		white-space: nowrap;
		padding-left: 3px;
		padding-right: 3px;
	}
	.other-nav-pc ul li a.nav04:after {
		display: none;
	}
}

@media only screen and (max-width: 1100px) {
	#header-wrapper {
		width: 100%;
		min-height: auto;
		background-color: #fff;
		position:fixed;
		top: 0;
		left: 0;
		z-index: 201;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		transition: .3s;
	}
	#header-wrapper h1,
	#header-wrapper .slogan {
		width:45%;
		max-width: 156px;
		position: absolute;
		top: 12px;
		left: 10px;
		font-size: 8px;
		line-height: 1;
		text-align: center;
		font-weight: 100;
	}
	#header-wrapper h1 a,
	#header-wrapper .slogan a {
		display: block;
		margin-bottom: 5px;
		font-weight: 500;
	}
	#header-wrapper h1 object,
	#header-wrapper .slogan object,
	#header-wrapper h1 img,
	#header-wrapper .slogan img {
		width: 100%;
		height: auto;
	}
	#header-wrapper .other-nav-pc {
		display: none;
	}
	#header-wrapper .other-nav-sp {
		display: none;
		width: 50%;
		max-width: 188px;
		position: absolute;
		top: 7px;
		right: 0;
	}
	#header-wrapper .other-nav-sp ul {
		width: 100%;
		overflow:hidden;
	}
	#header-wrapper .other-nav-sp ul li {
		width: 23%;
		float: left;
		padding-right: 10.33%;
	}
}

@media only screen and (max-width: 768px) {
	#header-wrapper .other-nav-sp {
		display: block;
	}
}

@media only screen and (max-width: 640px) {
	#header-wrapper h1,
	#header-wrapper .slogan {
		font-size: 8px;
		top: 10px;
		left: 8px;
		font-weight: 800;
	}
}
@media only screen and (max-width: 360px) {
	#header-wrapper h1,
	#header-wrapper .slogan {
		font-size: 7px;
	}
}



input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*  Menu Screen style's  ------------------------------------------------------------ */
.menu-container {
	padding-top: 86px;
}
.menu-container .function > ul > li.active01,
.menu-container .record > ul > li.active02,
.menu-container .support > ul > li.active03,
.menu-container .characteristic > ul > li.active03,
.menu-container .relationship > ul > li.active03,
.menu-container .costdown > ul > li.active03,
.menu-container .talking > ul > li.active03,
.menu-container .manage > ul > li.active03,
.menu-container .merit > ul > li.active03,
.menu-container .kot_movie > ul > li.active03,
.menu-container .case > ul > li.active04,
.menu-container .costlist > ul > li.active05,
.menu-container .cost > ul > li.active05,
.menu-container .estimate > ul > li.active05,
.menu-container .function > ul > li.active01 a,
.menu-container .record > ul > li.active02 a,
.menu-container .support > ul > li.active03 a,
.menu-container .characteristic > ul > li.active03 a,
.menu-container .relationship > ul > li.active03 a,
.menu-container .costdown > ul > li.active03 a,
.menu-container .talking > ul > li.active03 a,
.menu-container .manage > ul > li.active03 a,
.menu-container .merit > ul > li.active03 a,
.menu-container .kot_movie > ul > li.active03 a,
.menu-container .case > ul > li.active04 a,
.menu-container .costlist > ul > li.active05 a,
.menu-container .cost > ul > li.active05 a,
.menu-container .estimate > ul > li.active05 a,
.search-results .menu-container > ul > li.active06 a,
.search-results .menu-container > ul > li.active06 {
	color: #1D9E48;
}

.search-results .menu-container .function > ul > li.active01,
.search-results .menu-container .record > ul > li.active02,
.search-results .menu-container .support > ul > li.active03,
.search-results .menu-container .characteristic > ul > li.active03,
.search-results .menu-container .relationship > ul > li.active03,
.search-results .menu-container .costdown > ul > li.active03,
.search-results .menu-container .talking > ul > li.active03,
.search-results .menu-container .manage > ul > li.active03,
.search-results .menu-container .merit > ul > li.active03,
.search-results .menu-container .kot_movie > ul > li.active03,
.search-results .menu-container .case > ul > li.active04,
.search-results .menu-container .costlist > ul > li.active05,
.search-results .menu-container .cost > ul > li.active05,
.search-results .menu-container .estimate > ul > li.active05,
.search-results .menu-container .function > ul > li.active01 a,
.search-results .menu-container .record > ul > li.active02 a,
.search-results .menu-container .support > ul > li.active03 a,
.search-results .menu-container .characteristic > ul > li.active03 a,
.search-results .menu-container .relationship > ul > li.active03 a,
.search-results .menu-container .costdown > ul > li.active03 a,
.search-results .menu-container .talking > ul > li.active03 a,
.search-results .menu-container .manage > ul > li.active03 a,
.search-results .menu-container .merit > ul > li.active03 a,
.search-results .menu-container .kot_movie > ul > li.active03 a,
.search-results .menu-container .case > ul > li.active04 a,
.search-results .menu-container .costlist > ul > li.active05 a,
.search-results .menu-container .cost > ul > li.active05 a,
.search-results .menu-container .estimate > ul > li.active05 a {
	color: #535353;
}


.menu-container .function > ul > li.active01:after,
.menu-container .record > ul > li.active02:after,
.menu-container .support > ul > li.active03:after,
.menu-container .characteristic > ul > li.active03:after,
.menu-container .relationship > ul > li.active03:after,
.menu-container .costdown > ul > li.active03:after,
.menu-container .talking > ul > li.active03:after,
.menu-container .manage > ul > li.active03:after,
.menu-container .merit > ul > li.active03:after,
.menu-container .kot_movie > ul > li.active03:after,
.menu-container .case > ul > li.active04:after,
.menu-container .costlist > ul > li.active05:after,
.menu-container .cost > ul > li.active05:after,
.menu-container .estimate > ul > li.active05:after {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #1D9E48;
	z-index: 302;
	content:"";
	margin-top: 1px;
}

.search-results .menu-container .function > ul > li.active01:after,
.search-results .menu-container .record > ul > li.active02:after,
.search-results .menu-container .support > ul > li.active03:after,
.search-results .menu-container .characteristic > ul > li.active03:after,
.search-results .menu-container .relationship > ul > li.active03:after,
.search-results .menu-container .costdown > ul > li.active03:after,
.search-results .menu-container .talking > ul > li.active03:after,
.search-results .menu-container .manage > ul > li.active03:after,
.search-results .menu-container .merit > ul > li.active03:after,
.search-results .menu-container .kot_movie > ul > li.active03:after,
.search-results .menu-container .case > ul > li.active04:after,
.search-results .menu-container .costlist > ul > li.active05:after,
.search-results .menu-container .cost > ul > li.active05:after,
.search-results .menu-container .estimate > ul > li.active05:after {
	background-color: transparent;
}

.menu-container .function > ul > li .nav-item {
  color: #535353;
}

.menu-container .function > ul > li.active01 .nav-item.nav01:before {
    background-position: -40px -10px;
}

.search-results .menu-container .function > ul > li.active01 .nav-item.nav01:before {
    background-position: 0 -10px;
}

.menu-container .record > ul > li.active02 .nav-item.nav02:before {
    background-position: -40px -26px;
}

.search-results .menu-container .record > ul > li.active02 .nav-item.nav02:before {
    background-position: 0 -26px;
}

.menu-container .support > ul > li.active03 .nav-item.nav06:before,
.menu-container .characteristic > ul > li.active03 .nav-item.nav06:before,
.menu-container .relationship > ul > li.active03 .nav-item.nav06:before,
.menu-container .costdown > ul > li.active03 .nav-item.nav06:before,
.menu-container .talking > ul > li.active03 .nav-item.nav06:before,
.menu-container .merit > ul > li.active03 .nav-item.nav06:before,
.menu-container .kot_movie > ul > li.active03 .nav-item.nav06:before,
.menu-container .manage > ul > li.active03 .nav-item.nav06:before {
    background-position: -57px -26px;
}

.search-results .menu-container .support > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .characteristic > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .relationship > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .costdown > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .talking > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .merit > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .kot_movie > ul > li.active03 .nav-item.nav06:before,
.search-results .menu-container .manage > ul > li.active03 .nav-item.nav06:before {
    background-position: -17px -26px;
}

.menu-container .case > ul > li.active04:after {
    background-position: -40px -26px;
}
.menu-container .costlist > ul > li.active05 .nav-item.nav03:before,
.menu-container .estimate > ul > li.active05 .nav-item.nav03:before {
    background-position: -40px -42px;
}

.search-results .menu-container .costlist > ul > li.active05 .nav-item.nav03:before,
.search-results .menu-container .estimate > ul > li.active05 .nav-item.nav03:before {
    background-position: 0 -42px;
}

.menu-container .case > ul > li.active04 .nav-item.nav04:before {
    background-position: -40px -58px;
}

.search-results .menu-container .case > ul > li.active04 .nav-item.nav04:before {
    background-position: 0 -58px;
}

.search-results .menu-container > ul > li.active06 .nav-item.nav05:before {
	background-image: url(../../uploads/2017/11/search_lightgreen.svg);
    background-position: center;
    background-size: contain;
}

.menu-container .manage > ul > li.active03 .nav-item.nav06:before {
    height: 17px;
}

.menu-container .nav-item a:hover {
    text-decoration: underline;
}


.menu-mobile,
.menu-dropdown-icon:before{
  display: none;
}

.menu > ul  {
	max-width: 1000px;
	margin: 0 auto;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
}
.menu > ul > li {
	float: left;
	width: 16.666%;
	letter-spacing: normal; /* 文字間を通常に戻す */
	line-height: 1;
	margin: 0;
	/*position: relative;*/
	height: 54px;
}
.menu > ul > li .nav-item.hover-action,
.menu > ul > li .nav-item:hover {
	border-top: rgba(200,200,200,1.00) 3px solid;
	border-left: rgba(200,200,200,1.00) 3px solid;
	border-right: rgba(200,200,200,1.00) 3px solid;
	background-color: #fff;
	padding-bottom: 21px;
	z-index: 10;
}
.menu > ul > li.active06 .nav-item.hover-action,
.menu > ul > li.active06 .nav-item:hover {
	padding-bottom: 21px;
}

.menu > ul > li .nav-item {
	display: block;
	padding: 17px 34px 20px; 
	margin: auto /*34px*/;
	position: relative;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	cursor: pointer;
    color: #535353;
}
.menu > ul > li .nav-item:before {
	display: block;
	width: 19px;
	height: 16px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-repeat: no-repeat;
	content:"";
	position: absolute;
	top: 17px;
	left: 10px;
}
.menu > ul > li .nav-item.nav01:before {
	background-position: 0 -10px;
}
.menu > ul > li .nav-item.nav01.hover-action:after,
.menu > ul > li .nav-item.nav02.hover-action:after,
.menu > ul > li .nav-item.nav03.hover-action:after,
.menu > ul > li .nav-item.nav04.hover-action:after,
.menu > ul > li .nav-item.nav06.hover-action:after,
.menu > ul > li .nav-item.nav01:hover:after,
.menu > ul > li .nav-item.nav02:hover:after,
.menu > ul > li .nav-item.nav03:hover:after,
.menu > ul > li .nav-item.nav04:hover:after,
.menu > ul > li .nav-item.nav06:hover:after {
	display: block;
	width: 13px;
	height: 10px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-repeat: no-repeat;
	background-position: 0 0;
	content:"";
	position: absolute;
	top: 20px;
	right: 10px;
}
.menu > ul > li .nav-item.nav02:before {
	background-position: 0 -26px;
}
.menu > ul > li .nav-item.nav03:before {
	background-position: 0 -42px;
	height: 15px;
}
.menu > ul > li .nav-item.nav04:before {
	background-position: 0 -57px;
	height: 17px;
}
.menu > ul > li .nav-item.nav05:before {
/*	background-position: 0 -74px;*/
	background-image: url(../../uploads/2017/11/search_black.svg);
    background-position: center;
    background-size: contain;
}


.menu > ul > li .nav-item.nav06:before {
	background-position: -17px -26px;
	height: 17px;
}

.menu > ul > li:hover:after {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #1D9E48;
	left: 0;
	bottom: 5px;
	z-index: 302;
	content:"";
	margin-top: 1px;
}

@media screen and  (max-width: 1000px) {
.menu > ul > li .nav-item.hover-action,
.menu > ul > li .nav-item:hover {
	border-top: rgba(200,200,200,1.00) 0px solid;
	border-left: rgba(200,200,200,1.00) 0px solid;
	border-right: rgba(200,200,200,1.00) 0px solid;
	background-color: transparent;
}
	
	
.menu-container .function > ul > li.active01,
.menu-container .record > ul > li.active02,
.menu-container .support > ul > li.active03,
.menu-container .characteristic > ul > li.active03,
.menu-container .relationship > ul > li.active03,
.menu-container .costdown > ul > li.active03,
.menu-container .talking > ul > li.active03,
.menu-container .manage > ul > li.active03,
.menu-container .merit > ul > li.active03,
.menu-container .kot_movie > ul > li.active03,
.menu-container .case > ul > li.active04,
.menu-container .costlist > ul > li.active05,
.menu-container .cost > ul > li.active05,
.menu-container .estimate > ul > li.active05,
.menu-container .function > ul > li.active01 a,
.menu-container .record > ul > li.active02 a,
.menu-container .support > ul > li.active03 a,
.menu-container .characteristic > ul > li.active03 a,
.menu-container .relationship > ul > li.active03 a,
.menu-container .costdown > ul > li.active03 a,
.menu-container .talking > ul > li.active03 a,
.menu-container .manage > ul > li.active03 a,
.menu-container .merit > ul > li.active03 a,
.menu-container .kot_movie > ul > li.active03 a,
.menu-container .case > ul > li.active04 a,
.menu-container .costlist > ul > li.active05 a,
.menu-container .cost > ul > li.active05 a,
.menu-container .estimate > ul > li.active05 a,
.search-results .menu-container > ul > li.active06 a,
.search-results .menu-container > ul > li.active06 {
	color: #fff;
}
	
	.menu > ul > li .nav-item.nav01:hover:after,
	.menu > ul > li .nav-item.nav02:hover:after,
	.menu > ul > li .nav-item.nav03:hover:after,
	.menu > ul > li .nav-item.nav04:hover:after,
	.menu > ul > li .nav-item.nav05:hover:after,
	.menu > ul > li .nav-item.nav06:hover:after {
		display: none;
	}
/*	.menu-container .function > ul > li.active01:after,
	.menu-container .record > ul > li.active02:after,
	.menu-container .characteristic > ul > li.active03:after,
	.menu-container .relationship > ul > li.active03:after,
	.menu-container .costdown > ul > li.active03:after,
	.menu-container .talking > ul > li.active03:after,
	.menu-container .manage > ul > li.active03:after,
	.menu-container .merit > ul > li.active03:after,
	.menu-container .kot_movie > ul > li.active03:after,
	.menu-container .case > ul > li.active04:after,
	.menu-container .costlist > ul > li.active05:after,
	.menu-container .estimate > ul > li.active05:after,
	.search-results .menu-container > ul > li.active06:after {
		display: none;
	}*/
	.menu > ul > li .nav-item:hover {
		border: initial;
		background-color: transparent;
		padding-bottom: 8px;
	}
}

/*メガメニュー*/
.mega-menu {
	width: 100%;
	display: none;
	padding: 20px 10px 5px;
	background-color: #fff;
	position: absolute;
	top: 49px;
}
.mega-menu .inner {
	max-width: 1100px;
}



.menu > ul > li > ul {
	display: none;
	width: 720px;
	padding: 20px 10px 5px;
	background-color: #343434;
	position: absolute;
	top: 49px;
	left: -146px;
}
.menu .ttl {
	padding-bottom: 15px;
	border-bottom: 1px solid #242424;
}
.menu .ttl a {
	display: block;
	padding: 0 0 0 40px;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #43B9B2;
	position: relative;
}
.menu .ttl a:after {
	display: block;
	width: 9px;
	height: 12px;
	content:"";
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: -8px -120px;
	position: absolute;
	top: 3px;
	left: 20px;
}

.menu table {
	width: 100%;
	border-collapse: separate;
}
.menu table td {
	width: 33.3%;
	height: 50px;
	box-sizing: border-box;
	position: relative;
	padding-left: 17px;
	padding: 35px 0 35px 17px;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid #545454;
	border-bottom: 1px solid #242424;
}
.menu table td a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	padding: 0;
	padding-left: 65px;
}
.menu table td a img.pc {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.menu table td a img.sp {
	display: none;
}
.menu table td a:hover:after {
	display: block;
	width: 40px;
	height: 40px;
	border: 5px solid #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	content:"";
}

.menu table td:before ,
.menu table td:adter {
	display: block;
	width: 1px;
	height: 40px;
	position: absolute;
	top: 4px;
	content:"";
	background-image: none;
}
.menu table td:first-child:before ,
.menu table td:last-child:adter {
	display: none;
}

.menu table td:before {
	left: 0;
	background-color: #545454;
}
.menu table td:adter {
	right: 0;
	background-color: #242424;
}


.menu > ul > li > ul li {
	text-align: left;
}

@media screen and  (max-width: 1000px) {
	.menu > ul > li {
	margin: 0px 20px;
	}
	.menu > ul > li > ul {
		left: 0;
	}
}

/* メガメニュー */

.locked .overlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 10;
}

.menu {
	position: relative;
}

.mega-menu-function {
	width: 100%;
	position: absolute;
	background-color: #fff;
	top: 57px;
	left: 0;
	z-index: 5;
}

.mega-menu-function.display-on {
	display: block;
    max-height: none;
}

.mega-menu-function.shown {
	border-bottom: 3px #ccc solid;
}

.mega-menu-function .menu-close {
    display: none;
}

.mega-menu-function {
	min-height: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.mega-menu-function .content.active {
	margin-top: -13px;
	height: auto;
	padding-top: 10px;
}

.mega-menu-function .inner {
	max-width: 1100px;
	margin: 0 auto;
}

.mega-menu-function .faq-box .inner {
	max-width: 800px;
	margin: 0 auto;
}

.mega-menu-function .content > .inner {
/*	border-bottom: 3px solid #e6e6e6;*/
}

.mega-menu-function .inner h2 {
	font-size: 22px;
	padding: 0 20px 10px;
	color: #1D9E48;
	margin-top: /*-10px*/ 10px;
}

.mega-menu-function .menu-box {
	float: left;
	width: 20%;
	text-align: center;
}
.mega-menu-function .menu-box:nth-of-type(5n+1) {
	clear: both;
}

.mega-menu-function .menu-box .inner {
	padding: 5px 20px;
}

.mega-menu-function .menu-box .inner .menu-img {
	width: 180px;
	height: 100px;
	overflow: hidden;
}
.mega-menu-function .menu-box .inner .menu-img img {
	width: 180px;
	height: 100px;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}

.mega-menu-function .menu-box .inner .menu-img.current {
	border: 5px solid #1D9E48;
	margin: -5px -5px;
}

.mega-menu-function .menu-box {
	width: 14.285%;
	margin: auto;
}
.mega-menu-function .menu-box:nth-of-type(5n+1) {
	clear: none;
}
.mega-menu-function .menu-box:nth-of-type(7n+1) {
	clear: both;
}

.mega-menu-function .menu-box .inner .menu-img {
	width: 120px;
	height: 70px;
	overflow: hidden;
}
.mega-menu-function .menu-box .inner .menu-img img {
	width: 120px;
	height: 70px;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}



.mega-menu-function .menu-box .inner .menu-img:hover {
	border: 5px solid #1D9E48;
	margin: -5px -5px -5px;
}

.mega-menu-function .menu-box .inner .menu-txt {
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 20px;
	font-weight: 800;
}

.menu .mega-menu-function .title {
	padding: 15px 0;
	clear: both;
/*	text-align: center;*/
	font-size: 24px;
	font-weight: 800;
	/*border-bottom: 1px solid #e6e6e6;*/
	line-height: 1.0;
}

.menu .mega-menu-function .title a {
	position: relative;
	color: #1D9E48;
}

.menu .mega-menu-function .title a:before {
	content: "";
	position: absolute;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-repeat: no-repeat;
	background-position: -36px -389px;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 15px;
	height: 15px;
	margin: auto;
}

@media only screen and (max-width: 950px) {
	.mega-menu-function .menu-box {
		width: 25%;
	}
	.mega-menu-function .menu-box:nth-of-type(4n+1) {
		clear: both;
	}
	.mega-menu-function .menu-box:nth-of-type(5n+1) {
		clear: none;
	}
	.mega-menu-function .menu-box .inner .menu-img:hover {
		border: 4px solid #fff;
		margin: auto;
	}
}
@media only screen and (max-width: 768px) {
	.mega-menu-function {
		top: 65px;
	}
	.mega-menu-function .menu-box .inner .menu-txt {
		margin-top: 0;
		font-size: 11px;
	}

	header.fixed .mega-menu-function {
		top: 45px;
		transition-duration: .3s;
	}
	.menu .mega-menu-function .title a:before {
		/*top: 3px;*/
	}
	.mega-menu-function .menu-box .inner .menu-img {
		border: 4px solid #fff;
		margin: auto;
	}
	.mega-menu-function .menu-box .inner .menu-img.current {
		border: 4px solid #1D9E48;
		margin: auto;
	}
	.mega-menu-function .menu-box .inner .menu-img {
		width: 90px;
		height: 50px;
		overflow: hidden;
	}
	.mega-menu-function .menu-box .inner .menu-img img {
		width: 100%;
		height: auto;
	}
	.mega-menu-function .menu-box .inner .menu-img {
		width: 75px;
		height: 40px;
		overflow: hidden;
	}
	.mega-menu-function .menu-box .inner .menu-img img {
		width: 75px;
		height: 40px;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;'
	}
	.mega-menu-function .menu-box:nth-of-type(4n+1) {
		clear: none;
	}
	.mega-menu-function .menu-box:nth-of-type(7n+1) {
		clear: none;
	}
	.menu .mega-menu-function .title {
		padding: 7px 0;
		padding-left: 40px;
		clear: both;
/*		text-align: center;*/
		font-size: 15px;
		font-weight: 100;
	}
	.mega-menu-function .menu-box .inner .menu-txt {
		margin-bottom: 5px;
	}

	.mega-menu-function .menu-close {
		display: block;
		position: absolute;
		top: 10px;
		right: 9px;
		border-radius: 5px;
		border: 1px solid #bdc3c7;
		padding: 0px 10px;
		height: 25px;
	}
	.mega-menu-function .menu-close span {
		display: block;
		color: #505050;
		line-height: 25px;
		font-size: 14px;
	}
	.mega-menu-function .menu-close span:before {
		content: "x";
		margin-right: 15px;
	}
	.mega-menu-function .menu-box .inner .menu-img {
		width: 54px;
		height: 30px;
		overflow: hidden;
		margin: auto;
	}
	#traial_sp{
		max-width: 100%;
		display: block !important;
   }    
   #traial_pc{
		max-width: 100%;
		display: none;
   }
}

@media only screen and (max-width: 640px) {
	.mega-menu-function .inner h2 {
		font-size: 13px;
		padding: 0 10px 5px;
		color: #1D9E48;
		margin-top: /*-15px*/ 10px;
	}
	.mega-menu-function .menu-box {
		width: 33.3%;
	}
	.mega-menu-function .menu-box:nth-of-type(4n+1) {
		clear: none;
	}
	.mega-menu-function .menu-box:nth-of-type(3n+1) {
		clear: both;
	}
	.mega-menu-function .menu-box {
		width: 25%;
	}
	.mega-menu-function .menu-box:nth-of-type(3n+1),
	.mega-menu-function .menu-box:nth-of-type(6n+1) {
		clear: none;
	}
	.mega-menu-function .menu-box:nth-of-type(4n+1) {
		clear: both;
	}
	.mega-menu-function .menu-box .inner {
 		padding: 5px 8px;
	}

	.mega-menu-function .menu-box .inner .menu-img img {
		width: 54px;
		height: 30px;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;'
	}
	.mega-menu-function .menu-box .inner .menu-img {
		width: 54px;
		height: 30px;
		overflow: hidden;
		margin: auto;
	}
/*	.mega-menu-function .menu-box. .inner .menu-img:hover {
		margin: -5px -5px;
	}*/
	.mega-menu-function .menu-box .inner .menu-img img {
		width: 54px;
		height: 30px;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;'
	}
}

@media only screen and (max-width: 320px) {
/*	.mega-menu-function .menu-box .inner .menu-img {
		width: 90px;
		height: 53px;
		overflow: hidden;
	}
	.mega-menu-function .menu-box .inner .menu-img img {
		width: 90px;
		height: 53px;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;'
	}*/
	.mega-menu-function .menu-box .inner .menu-txt {
		font-size: 8px;
	}
}

/*  Menu Mobile style's   ------------------------------------------------------------ */
@media only screen and (max-width: 1100px) {
	.menu-container  {
		padding-top: 54px;
	}
	.menu {
		margin: 0;
		width: 100%;
	}
	.menu > ul  {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		/*letter-spacing: -.40em;*/ /* 文字間を詰めて隙間を削除する */
		text-align: center;
	}
	.menu > ul > li {
		display: block;
		float: left;
		letter-spacing: normal; /* 文字間を通常に戻す */
		line-height: 1;
		margin: 0;
		position: relative;
		box-sizing: border-box;
		width: 16.25%;
		height: 65px;
		background-color: #1D9E48;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
        }
	.menu > ul > li.selected {
        	background-color: #fff;
	}
	.menu > ul > li .nav-item {
		display: block;
		margin: auto;
		padding: 45px 0 8px;
		position: relative;
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		color: #fff !important;
		-webkit-transition: 035s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		/*border-left: 1px solid #fff;*/
	}
	.menu > ul > li .nav-item a {
		color: #fff;
	}
	.menu > ul > li.selected .nav-item {
        	color: #004159 !important;
    	}
	.menu > ul > li .nav-item:before {
		display: block;
		width: 30px;
		height: 40px;
		background-image: url(../../uploads/2018/11/header-sprite.png);
		background-repeat: no-repeat;
		background-size: 187px;
		background-position: 0 -135px;
		content:"";
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		margin: 0 auto;
/*		-webkit-transition: 0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;*/
	}
	.menu > ul > li:nth-of-type(6) .nav-item{
	        margin-right: none;
	}
	.menu > ul > li:nth-of-type(2),
	.menu > ul > li:nth-of-type(3),
	.menu > ul > li:nth-of-type(4),
	.menu > ul > li:nth-of-type(5),
	.menu > ul > li:nth-of-type(1) {
		margin-right: 0.5%;
	}
	.menu > ul > li .nav-item.nav01:before {
		background-position: 0 10px !important;
	}
	.menu > ul > li.selected .nav-item.nav01:before {
		background-position: 0 -52px !important;
	}
	.menu > ul > li .nav-item.nav01:after {
		display: none;
	}
	.menu > ul > li .nav-item.nav02:before {
		background-position: -32px 10px !important;
	}
	.menu > ul > li.selected .nav-item.nav02:before {
		background-position: -32px -52px !important;
	}
	.menu > ul > li .nav-item.nav03:before {
		background-position: -94px 10px !important;
		height: 40px;
	}
	.menu > ul > li.selected .nav-item.nav03:before {
		background-position: -94px -52px !important;
	}
	.menu > ul > li .nav-item.nav04:before {
		background-position: -124px 10px !important;
		height: 40px;
	}
	.menu > ul > li.selected .nav-item.nav04:before {
		background-position: -124px -52px !important;
		height: 40px;
	}
	.menu > ul > li .nav-item.nav05:before {
/*		background-position: -155px 10px !important;*/
        width: 30px;
        top: 5px;
        background-size: 30px;
        background-position: center;
		background-image: url(../../uploads/2017/11/search_white.svg);          
	}
	.menu > ul > li.selected .nav-item.nav05:before {
/*		background-position: -155px -52px !important;*/
		background-image: url(../../uploads/2018/11/search_green.svg);          
	}
	.menu > ul > li .nav-item.nav06:before {
		background-position: -63px 10px !important;
		height: 43px;
	}
	.menu > ul > li.selected .nav-item.nav06:before {
		background-position: -63px -52px !important;
	}
	.mega-menu-function {
    top: 65px;
	}
	.menu .mega-menu-function .title {
		padding: 15px;
		box-sizing:border-box;
	}
	.menu > ul > li:hover:after {
		display: none;
	}
	#header-wrapper.fixed .menu > ul > li  {
		height: 45px;
	}
	#header-wrapper.fixed .menu > ul > li > a .nav-item,
	#header-wrapper.fixed .menu > ul > li > .nav-item {
		display: block;
		padding: 25px 0 8px;
		position: relative;
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		color: #fff;
	}
	#header-wrapper.fixed .menu > ul > li > a .nav-item:before,
	#header-wrapper.fixed .menu > ul > li > .nav-item:before {
		display: block;
		width: 15px;
		height: 21px;
		background-image: url(../../uploads/2018/11/header-sprite.png);
		background-repeat: no-repeat;
		background-size: 94px;
		background-position: 0 -67px;
		content:"";
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav01:before {
		background-position: 0 5px !important;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav02:before {
		background-position: -16px 5px !important;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav03:before {
		background-position: -47px 5px !important;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav04:before {
		background-position: -63px  5px !important;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav05:before {
		background-image: url(../../uploads/2017/11/search_white.svg);          
		width: 17px;
        background-size: 17px;
        background-position: center;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item.nav06:before {
		background-position: -32px  5px !important;
	}

	.menu-container .function > ul > li.active01:after,
	.menu-container .record > ul > li.active02:after,
	.menu-container .support > ul > li.active03:after,
	.menu-container .characteristic > ul > li.active03:after,
	.menu-container .relationship > ul > li.active03:after,
	.menu-container .costdown > ul > li.active03:after,
	.menu-container .talking > ul > li.active03:after,
	.menu-container .manage > ul > li.active03:after,
	.menu-container .merit > ul > li.active03:after,
	.menu-container .kot_movie > ul > li.active03:after,
	.menu-container .case > ul > li.active04:after,
	.menu-container .cost > ul > li.active05:after,
	.menu-container .estimate > ul > li.active05:after,
	.search-results .menu-container > ul > li.active06:after {
		display: none;
	}
	.menu > ul > li > ul {
		display: none;
		width: 720px;
		padding: 20px 10px 5px;
		background-color: #343434;
		position: absolute;
		top: 49px;
		left: -146px;
	}
	/*メガメニュー*/
	.menu > ul > li > ul {
		display: none;
		box-sizing: border-box;
		padding: 0 0 30px;
		background-color: #fff;
		position: absolute;
		top: 65px;
		left: 0px;
	}
	.menu .ttl {
		width: 100%;
		padding-bottom: 0;
		border-bottom: none;
		position: absolute;
		left: 0;
		bottom: 0px;

	}
	.menu .ttl a {
		display: block;
		padding: 12px 0 8px ;
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		color: #43B9B2;
		position: relative;
		text-align: center;
		border-left: 1px solid #979797;
		border-right: 1px solid #979797;
		border-bottom: 1px solid #979797;
	}
	.menu .ttl a:after {
		display: block;
		width: 12px;
		height: 12px;
		content:"";
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-position: -17px -180px;
		background-size: 150px;
		position: absolute;
		top: 12px;
		left: 50%;
		margin-left: -50px;
	}

	.menu table {
		width: 100%;
		border-collapse: separate;
	}
	.menu table td {
		width: 33.3%;
		height: 50px;
		box-sizing: border-box;
		position: relative;
		padding: 0;
		text-align: center;
		vertical-align: top;
		border-top:none;
		border-right: 1px solid #979797;
		border-left: none;
		border-bottom: 1px solid #979797;
	}
	.menu table td:first-child {
		border-left: 1px solid #979797;
	}
	.menu table td a {
		display: block;
		vertical-align: middle;
		font-size: 10px;
		line-height: 1.2;
		color: #2b2b2b;
		padding: 10px;
		font-weight: 500;
	}
	.menu table td a img.pc {
	    display: none;
    }
	.menu table td a img.sp {
		display: block;
		position: static;
		width: 100% !important;
		height: auto !important;
		padding-bottom: 5px;
	}
	.menu table td a:hover:after {
		display: none;
	}

	.menu table td:before ,
	.menu table td:adter {
		display: block;
		width: 1px;
		height: 40px;
		position: absolute;
		top: 4px;
		content:"";
		background-image: none;
	}
	.menu table td:first-child:before ,
	.menu table td:last-child:adter {
		display: none;
	}

	.menu table td:before {
		left: 0;
		background-color: #545454;
	}
	.menu table td:adter {
		right: 0;
		background-color: #242424;
	}
}



/*---------------------------------------------------------------------------------
ヘッダー固定時
--------------------------------------------------------------------------------- */
 #header-wrapper.fixed {
	position: fixed;
}
 #header-wrapper.fixed h1 span,
 #header-wrapper.fixed .slogan span,
 #header-wrapper.fixed .other-nav-pc{
	display: none;
}
#header-wrapper.fixed .menu-container  {
	padding-top: 0;
}
#header-wrapper.fixed .menu ul {
/*	margin-left: 280px;*/
	text-align: left;
}
#header-wrapper.fixed .menu > ul > li {
	text-align: center;
	margin-left: 0;
}
@media screen and (min-width: 999px) and  (max-width: 1540px) {
	#header-wrapper.fixed .menu ul {
		margin-left: 280px;
	}
	#header-wrapper.fixed .menu .search_list ul {
		margin-left: 0;
	}
}
/*
@media screen and (min-width:769px) and  (max-width: 1000px) {
	#header-wrapper.fixed .menu > ul > li {
		margin-right: 10px;
	}
	#header-wrapper.fixed .menu > ul > li .nav-item {
		padding-right: 10px;
	}
	#header-wrapper.fixed .menu > ul > li:first-child .nav-item {
		padding-right: 34px;
	}
}*/
@media only screen and (max-width: 1000px) {
	#header-wrapper.fixed .menu ul {
		margin-left: 0;
	}
	#header-wrapper.fixed .menu-container  {
		padding-top: 54px;
	}
	#header-wrapper.fixed h1 span,
	#header-wrapper.fixed .slogan span {
		display: inline;
	}
	#header-wrapper.fixed .menu > ul > li.selected .nav-item {
		color: #004159;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav-item:before {
		display: block;
		width: 15px;
		height: 21px;
		background-size: 94px;
		background-position: 0 -26px !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav02:before {
		background-position: -16px -26px !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav03:before {
		background-position: -47px -26px !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav04:before {
		background-position: -63px -26px !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav05:before {
		background-image: url(../../uploads/2018/11/search_green.svg);
        width: 17px;
        background-size: 17px;
        background-position: center !important;
	}
	#header-wrapper.fixed .menu > ul > li.selected > .nav06:before {
		background-position: -32px -26px !important;
	}
}



/*---------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------- */

/*CV*/
#cv-btn {
	display: none;
	width: 55px;
	height: 216px;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 102;
}
#cv-btn div {
	margin-bottom: 2px;
	position: relative;
}
#cv-btn div a {
	display: block;
	width: 214px;
	padding: 29px 0 29px 70px;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	background-color: #fff;
	border-radius: 35px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px #000000;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	position: relative;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
#cv-btn div a:hover {
	-webkit-transform: translate(-183px);
	transform: translate(-183px);
}
#cv-btn div a:before {
	display: block;
	width: 40px;
	height: 40px;
	content:"";
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	position: absolute;
	top: 16px;
	left: 15px;
}
#cv-btn .cv-xperience a:hover {
	background-color: #E27B1E;
}
#cv-btn .cv-xperience a:before {
	background-position: 0 -152px;
}
#cv-btn .cv-simulation a:hover {
	background-color: #1E8DE2;
}
#cv-btn .cv-simulation a:before {
	background-position: 0 -192px;
}
#cv-btn .cv-contact a:hover {
	background-color: #368b30;
}
#cv-btn .cv-contact a:before {
	background-position: 0 -231px;
}

/*コンテンツ*/
#contents-wrapper {
	width: 100%;
	padding-top: 139px;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}
#contents-wrapper header {
	padding-top: 3px;
	padding-bottom: 70px;
	position: relative;
}
#contents-wrapper header .header-post {
	font-weight: bold;
}

/* 2024.9.記述追加 */
#contents-wrapper header .header-post,
#contents-wrapper header h1,
#contents-wrapper header div.entry-title
{
	width: 100%;
/*	height: 30px;*/
	padding: 40px 0;
	font-size: 30px;
	line-height: 1;
	color: #fff;
	text-align: center;
	background-size: cover;
	background-position: center center;
	background-color: #1D9E48;
	font-weight: bold;
}
#contents-wrapper #search-main header .entry-title{
	background-color: transparent;
}
#contents-wrapper header .breadcrumbs .inner {
	width: 1100px;
	margin: auto;
	padding: 12px 0 0;
	font-size: 12px;
	line-height: 1;
	overflow: hidden;
}

#contents-wrapper header .breadcrumbs .inner > span {
	margin-right: 5px;
	margin-left: 5px;
}

#contents-wrapper header .breadcrumbs .inner > span:first-child {
	margin-right: 5px;
	margin-left: 0;
}

#contents-wrapper header .breadcrumbs .inner > span:last-child {
	margin-right: 0;
	margin-left: 5px;
}

.breadcrumbs {
        list-style: none;
        overflow: hidden;
        color: rgb(33,33,33);
        font: 11px arial, Helvetica, clean, sans-serif;
        margin: 0;
        background: rgb(233,233,233);
}
.breadcrumbs .inner > span {
        float: left;
        line-height: 20px;
}
.breadcrumbs .inner > span a {
        color: rgb(33,33,33);
        text-decoration: none;
        padding: 0 17px 0 15px;
        /*background: rgb(142,142,142);*/
        display: block;
        float: left;
}
.breadcrumbs .inner > span a::after {
        position: relative;
        display: block;
        margin-top: -10px;
        margin-left: auto;
        margin-right: -20px;
        height: 10px;
        width: 5px;
        content: " ";
        -webkit-transform: skew(-45deg);
        background: rgb(142,142,142);
        border-right: 2px solid white;
}
.breadcrumbs .inner > span a::before {
        float: right;
        display: block;
        margin-bottom: -10px;
        margin-left: auto;
        margin-right: -20px;
        height: 10px;
        width: 5px;
        content: " ";
        -webkit-transform: skew(45deg);
        background: rgb(142,142,142);
        border-right: 2px solid white;
}
.breadcrumbs .inner > span:first-child a {
        padding-left: 10px;
        background: rgb(233,233,233);
}
.breadcrumbs .inner > span:first-child a::before,
.breadcrumbs .inner > span:first-child a::after {background: rgb(108,108,108);}
.breadcrumbs .inner > span:last-child {
        padding-left: 15px;
        background: transparent !important;
/*        color: rgb(50,116,208);
        font-weight: 900;*/
}
.breadcrumbs .inner > span a:hover,
.breadcrumbs .inner > span a:hover::before,
.breadcrumbs .inner > span a:hover::after {background: rgb(200,200,200);}
.breadcrumbs .inner > span:first-child a:hover,
.breadcrumbs .inner > span:first-child a:hover::before,
.breadcrumbs .inner > span:first-child a:hover::after {background: rgb(200,200,200);}
.breadcrumbs .inner > span.scope a,
.breadcrumbs .inner > span.scope a::before,
.breadcrumbs .inner > span.scope a::after {background: rgb(50,116,208);}
.breadcrumbs .inner > span.scope a:hover,
.breadcrumbs .inner > span.scope a:hover::before,
.breadcrumbs .inner > span.scope a:hover::after {background: rgb(34,97,160);}

@media only screen and (max-width: 768px) {
	.breadcrumbs .inner > span a {
		padding: 0 10px 0 15px;
	}
}

#contents-wrapper header .breadcrumbs .inner span:last-child span[property="name"] {
	overflow: hidden;
	white-space: nowrap;
	width: 16em;
	display: inline-block;
	text-overflow: ellipsis;
}

#contents-wrapper header .breadcrumbs .inner span:last-child span[property="name"]  br {
	display: none!important;
}

@media only screen and (max-width: 430px) {
	#contents-wrapper header .breadcrumbs .inner span:last-child span[property="name"] {
	width: 15em;
	}
}

/*おすすめコンテンツ*/
#recommend-contents {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
}
#recommend-contents h2 {
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	position: relative;
}

#recommend-contents ul {

	overflow:hidden;
}
#recommend-contents li {
	width: 22%;
	padding-right: 4%;
	float: left;
}
#recommend-contents li:last-child {
	padding-right: 0;
}
#recommend-contents li a,
#recommend-contents li span {
	display: block;
	font-size: 14px;
}
#recommend-contents li .ttl {
	padding-top: 20px;
	height: 65px;
	font-size: 16px;
	font-weight: bold;
	color: #1D9E48;
}

/*スマホ用　CVボタン*/
#sp_contents-cv {
	display: none;
}


@media only screen and (max-width: 1000px) {
	.breadcrumbs .inner > span:first-child a {
		background: rgb(241,241,241);
	}

    #top-cv {
        display: none;
    }

    #cv-btn {
		display: block;
        top: auto;
        right: auto;
        width: auto;
        height: auto;
        bottom: -61px;
        left: 10px;
		transition: 0.3s;
    }
    #cv-btn div {
        display: inline-block;
    }
    #cv-btn div a {
        background: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: auto;
        text-indent: -99999px;
        color: transparent;
        padding: 10px;
        line-height: 0px;
        -webkit-transition: none;
        transition: none;
    }

    #cv-btn div a:before {
        position: static;
    }

	#cv-btn div a:hover {
		-webkit-transform: initial;
		transform: initial;
	}

	#cv-btn a:hover {
		background-color: initial !important;
	}

    #reason-pager .bx-pager {
        margin-left: 2vw;
        margin-right: 2vw;
        line-height: 0;
        padding: 0;
    }
    #reason-pager .bx-pager ul {
        text-align: center;
    }

    #home #reason .bx-pager li.reason-pager {
        border-bottom: none !important;
        width: 17.6vw !important;
        margin: auto 1vw !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;

    }
    #home #reason .bx-pager li.reason-pager:first-child {
        margin-left: 0px !important;
    }
    #home #reason .bx-pager li.reason-pager:last-child {
        margin-right: 0px !important;
    }

    #reason-pager .bx-wrapper {
        margin: 2vw;
        margin-top: 0px;
        padding-bottom: 10px;
    }
    #reason-pager .bx-wrapper.blue {
        border: 1px solid #1D9E48;
    }
    #reason-pager .bx-wrapper.pink {
        border: 1px solid /*#e80c7a*/ #e9641e;
    }
    #reason-pager .bx-wrapper.green {
        border: 1px solid #35b574;
    }
    #reason-pager .bx-wrapper.purple {
        border: 1px solid /*#9e35b4*/ #615d94;
    }
    #reason-pager .bx-wrapper.orange {
        border: 1px solid #ff9f08;
    }


	#contents-wrapper {
		width: 100%;
		padding-top: 119px;
		padding-bottom: 0;
		position: relative;
		z-index: 1;
	}
	#contents-wrapper header {
		padding-top: 6px;
		padding-bottom: 40px;
		position: relative;
	}
	#contents-wrapper header .breadcrumbs {
		width: 100%;
		position: static;
		margin-bottom: 5px;
		background-color: #F4F4F4;
		padding-top: 8px;
		padding-bottom: 8px;
		line-height: 1.8;
	}
	#contents-wrapper header .breadcrumbs .inner {
		width: 95%;
		margin: auto 2.5%;
		padding: 5px 0;
	}
	#contents-wrapper header .breadcrumbs p {
		padding-left: 6px;
	}
	#contents-wrapper header .breadcrumbs p .home,
	#contents-wrapper header #breadcrumb .breadcrumb-title {
		padding-left: 10px;
		width: 20px;
		height: 15px;
		text-indent: 100%;
    		white-space: nowrap;
    		overflow: hidden;
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-size: 150px;
		background-position: -62px -180px;
		top: -2px;
		left: 10px;
	}

	#contents-wrapper header #breadcrumb {
		overflow: hidden;
		width: 100%;
		margin-bottom: 5px;
		background-color: #F4F4F4;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#contents-wrapper header .header-post,
	#contents-wrapper header h1,
	#contents-wrapper header div.entry-title
	{
		/*height: 18px;*/
		padding: 15px 0;
		font-size: 18px;
	}


	/*おすすめコンテンツ*/
	#recommend-contents {
		max-width: 100%;
		margin: 20px auto 30px;
	}
	#recommend-contents h2 {
		padding-top: 19px;
		padding-bottom: 0;
		font-size: 20px;
	}
	#recommend-contents li {
		box-sizing: border-box;
		width: 50%;
		padding: 0 12px 15px;
		float: left;
	}
	#recommend-contents li:last-child {
		padding-right: 0;
	}
	#recommend-contents li:nth-of-type(2n+1) {
		clear: left;
	}
	#recommend-contents li a,
	#recommend-contents li span {
		display: block;
		font-size: 13px;
	}
	#recommend-contents li .ttl {
		padding-top: 7px;
		padding-bottom: 15px;
		height: inherit;
		font-size: 15px;
		line-height: 1.4;
		font-weight: bold;
		color: #1D9E48;
	}

	/*スマホ用　CVボタン*/
	#sp_contents-cv {
		display: block;
		padding-top: 27px;
		padding-bottom: 33px;
		background-image: url(/wp-content/uploads/2017/02/bg_cv.jpg);
		background-size: cover;
		background-position: center center;
	}
	#sp_contents-cv ul {
		margin: 0 22px;
	}
	#sp_contents-cv ul:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
	#sp_contents-cv ul li  {
		box-sizing: border-box;
		width: 33%;
		float: left;
		background-color: #fff;
		background-image: url(/wp-content/uploads/2017/02/bg_cv_inner.png);
		background-size: contain;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	#sp_contents-cv ul li:nth-of-type(2) {
		width: 34%;
		border-right: 1px solid #4B4341;
		border-left: 1px solid #4B4341;
	}
	#sp_contents-cv ul li a {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	#sp_contents-cv ul li a span {
		display: block;
	}
	#sp_contents-cv .icon {
		padding-top: 15px;
		width: 54px;
		margin: 0 auto;
	}
	#sp_contents-cv .icon img {
		width: 100%;
		height: auto;
		z-index: 2;
		position: relative;
	}
	#sp_contents-cv .ttl {
		padding-top: 11px;
		padding-bottom: 15px;
		font-size: 12px;
		line-height: 1.5;
		text-align: center;
	}
	#sp_contents-cv .btn {
		width: 22px;
		height: 22px;
		border: 4px solid #fff;
		border-radius:33px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -10px;
		margin: auto;
	}
	#sp_contents-cv .btn::after {
		display: block;
		width: 22px;
		height: 22px;
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		background-image: url(/wp-content/uploads/2017/02/btn_cv.png);
		background-size: 100%;
	}

	#sp_contents-cv li:nth-of-type(1) .btn{
		background-color: #e27b1e;
	}
	#sp_contents-cv li:nth-of-type(2) .btn{
		background-color: #1e8de2;
	}
	#sp_contents-cv li:nth-of-type(3) .btn{
		background-color: #368b30;
	}

	#sp_contents-cv .icon .ripple {
		display: block;
		position: absolute;
		top: 11.5%;
		z-index: 1;
		width: 54px;
		height: 54px;
		border-radius: 50%;
	}

	#sp_contents-cv li:nth-of-type(1) .ripple {
		background-color: #e27b1e;
	}
	#sp_contents-cv li:nth-of-type(2) .ripple {
		background-color: #1e8de2;
	}
	#sp_contents-cv li:nth-of-type(3) .ripple {
		background-color: #368b30;
	}
	#sp_contents-cv .ripple {
		animation-name: rippleAnimation;
		animation-timing-function: ease-out;
		animation-iteration-count: infinite;
		animation-duration: .8s;
		-webkit-animation-name: rippleAnimation;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: .8s;
		-moz-animation-name: rippleAnimation;
		-moz-animation-timing-function: ease-out;
		-moz-animation-iteration-count: infinite;
		-moz-animation-duration: .8s;
	}
	@-webkit-keyframes rippleAnimation {
		0% {
        		-webkit-transform: scale(1, 1);
        		opacity: 1;
		    }
		100% {
			-webkit-transform: scale(1.2, 1.2);
			opacity: 0;
    		}
	}
	@-moz-keyframes rippleAnimation {
    		0% {
        		-moz-transform: scale(1, 1);
        		opacity: 1;
    		}
		100% {
			-moz-transform: scale(1.2, 1.2);
			opacity: 0;
    		}
	}
	@keyframes rippleAnimation {
		0% {
			transform: scale(1, 1);
			opacity: 1;
		}
		100% {
			transform: scale(1.2, 1.2);
			opacity: 0;
		}
	}
	#cv-btn .cv-xperience,
	#cv-btn .cv-simulation,
	#cv-btn .cv-contact {
		display: none;
	}
}
@media only screen and (max-width: 320px) {
	#recommend-contents li .ttl {
		font-size: 11px;
		height: 25px;
	}
}

/*---------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------- */
#footer-wrapper {
	width: 100%;
	background-color: #F1F1F1;
	position: relative;
	z-index: 2;
}
#page-top {
	display: none;
	width: 64px;
	position: fixed;
	right: 15px;
	bottom: 30px;
	z-index: 3;
}
@media only screen and (max-width: 768px) {
	 #page-top {
		width: 43px;
		position: fixed;
		right: 15px;
		bottom: 15px;
		z-index: 3;
	}
}
#footer-wrapper .inner {
	padding-top: 64px;
	padding-bottom: 50px;
	max-width: 1100px;
	overflow:hidden;
	margin: 0 auto;
}

#footer-wrapper .inner {
	padding-top: 64px;
	padding-bottom: 50px;
	max-width: 1100px;
	overflow:hidden;
	margin: 0 auto;
}
#footer-wrapper .inner h2 {
	padding-bottom: 40px;
}

#footer-wrapper .inner .textwidget ul {
  margin-bottom: 20px;
}

#footer-wrapper .inner .widget {
	width: 34%;
	float: left;
}
#footer-wrapper .inner .widget:nth-of-type(2),
#footer-wrapper .inner .widget:nth-of-type(3),
#footer-wrapper .inner .widget:nth-of-type(4) {
	width: 22%;
}
#footer-wrapper .inner ul li,
#footer-wrapper .inner h3 {
	padding-bottom: 25px;
	padding-right: 12px;
}
#footer-wrapper .inner a {
	color: #000;
}

#footer-wrapper .inner .box {
	width: 25%;
	float: left;
}
#footer-wrapper .inner .box:nth-of-type(1) {
	width: 28%;
}
#footer-wrapper .inner .box:nth-of-type(2) {
	width: 22%;
}

#footer-wrapper .inner h2 {
	width: 202px;
	padding-bottom: 40px;
}
#footer-wrapper .inner h3 {
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	color: #48B7B1;
	padding-bottom: 26px;
	padding-left: 22px;
}
#footer-wrapper .inner h3 a {
	color: #1D9E48;
}
#footer-wrapper .inner ul {
	display: block;
	padding-bottom: 48px;
	padding-left: 22px;
}
#footer-wrapper .inner ul li {
	padding-bottom: 26px;
	padding-right: 12px;
	line-height: 1.2;
}
#footer-wrapper .inner ul li a {
	font-size: 14px;
}
#footer-wrapper .inner .anc {
	display: none;
}
#footer-wrapper .inner .anc a {
	display: block;
	position: relative;
	padding-left: 28px;
	font-size: 12px;
	line-height: 1.2;
}
#footer-wrapper .inner .anc a:after {
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: -1px;
	left: 0;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 30px auto;
	background-position: 0 -1008px;
	content:"";
}

#footer-wrapper .wrap {
	width: 100%;
	background-color: #fff;
	border-bottom: 27px solid #DBDBDB;
}
#footer-wrapper .wrap footer {
	/*width: 865px;*/
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 24px;
	padding: 20px 45px 24px 170px;
	overflow:hidden;
}
#footer-wrapper .corp {
	width: 595px;
	float: left;
	padding-top: 47px;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#footer-wrapper .corp li {
	display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
	padding-right: 26px;
}
#footer-wrapper .corp li  a {
	display: block;
	padding-left: 22px;
	position: relative;
	font-size: 16px;
	line-height: 1;
}
#footer-wrapper .corp a:after {
	display: block;
	width: 9px;
	height: 13px;
	content:"";
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: 0 -124px;
	position: absolute;
	top: 2px;
	left: 0;
}
#footer-wrapper .marks {
	width: 600px;
	float: right;
	padding-top: 20px;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#footer-wrapper .marks li {
	display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
	padding-right: 30px;
}
#footer-wrapper .marks li:last-child {

	padding-right: 0;
}

#footer-wrapper .inner a:hover,
#footer-wrapper .corp a:hover {
	color: #48B7B1;
}


@media only screen and (max-width: 768px) {
	#footer-wrapper .inner {
		padding-top: 23px;
		padding-bottom: 45px;
		position: relative;
	}

	#footer-wrapper .inner h2 {
		width: 200px;
		padding-bottom: 0;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		margin: auto;
	}

	#footer-wrapper .inner h2 img {
		width: 100%;
	}

	#footer-wrapper .inner h3 {
		font-size: 15px;
		padding-bottom: 16px;
		padding-left: 15px;
		font-weight: 100;
	}
	#footer-wrapper .inner h3 a {
		display: block;
		position: relative;
	}
	#footer-wrapper .inner h3 a:after {
		display: block;
		width: 8px;
		height: 13px;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -7px;
		content:"";
		background-image: url(../../uploads/2018/11/green-arrow.svg);
		background-size: cover;
	}
	#footer-wrapper .inner h3.footer_accordion_head a:after {
		width: 13px;
		height: 13px;
		background-image: url(../../uploads/2018/11/green-plus.svg);
	}
	#footer-wrapper .inner h3.selected.footer_accordion_head a:after {
		width: 12px;
		height: 3px;
		margin-top: -2px;
		background-image: url(../../uploads/2018/11/green-minus.svg);
	}
	#footer-wrapper .inner ul {
		display: none;
		padding-bottom: 30px;
		padding-left: 25px;
	}
	#footer-wrapper .inner ul li {
		padding-bottom: 12px;
		padding-right: 14px;
		line-height: 1.2;
	}
	#footer-wrapper .inner ul li a {
		font-size: 14px;
	}
	#footer-wrapper .inner .widget:nth-of-type(1),
	#footer-wrapper .inner .widget:nth-of-type(2),
	#footer-wrapper .inner .widget:nth-of-type(3),
	#footer-wrapper .inner .widget:nth-of-type(4),
	#footer-wrapper .inner .widget {
		width: 100%;
		float: none;
	}
	#footer-wrapper .inner .anc  {
		display: block;
		margin-top: 15px;
	}
	#footer-wrapper .inner .anc a {
	display: block;
	position: relative;
	font-size: 14px;
}
#footer-wrapper .inner .anc a:after {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: -1px;
	left: 0;
	background-image: url(../../uploads/2018/11/green-circle-arrow.svg);
	background-size: cover;
	content:"";
}
	
	#footer-wrapper .wrap {
		width: 100%;
		background-color: #fff;
		border-bottom: 16px solid #fff;
	}
	#footer-wrapper .wrap footer {
		margin: 0 auto;
		padding: 0;
		overflow:hidden;
	}
	#footer-wrapper .corp {
		width: 100%;
		float:  none;
		padding-top: 0px;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		border-top: 1px solid #828282;
		overflow:hidden;
	}
	#footer-wrapper .corp li {
		display: block;
		width: 50%;
		float: left;
		letter-spacing: normal; /* 文字間を通常に戻す */
		padding-right: 0px;
		box-sizing: border-box;
		border-bottom: 1px solid #828282;
	}
	#footer-wrapper .corp li:nth-of-type(2n) {
		border-left: 1px solid #828282;
	}
	#footer-wrapper .corp li  a {
		display: block;
		position: relative;
		font-size: 14px;
		line-height: 1;
		padding: 12px 0 12px 7%;
	}
	#footer-wrapper .corp a:after {
		display: none;
	}
	#footer-wrapper .marks {
		width: 100%;
		float: none;
		padding-top: 12px;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		text-align: center;
		padding-bottom: 50px;
	}
	#footer-wrapper .marks li {
		display: inline-block;
		letter-spacing: normal; /* 文字間を通常に戻す */
		padding-right: 30px;
	}
}

/*---------------------------------------------------------------------------------
アーカイブ用
--------------------------------------------------------------------------------- */
/*#archive-top h1 {
	background-image: url(/wp-content/uploads/2017/02/archive_bg.jpg);
	position: relative;
}*/


#archive-top .archive-list {
	width: 1100px;
	margin: auto;
	overflow: hidden;
}
#archive-top #primary {
	float: left;
	width: 740px;
}

#archive-top #secondary {
	float: right;
	width: 300px;
}

#archive-top #secondary h2.widget-title {
	background-color: #696969;
	padding: 10px 15px;
	color: white;
}

#single-top #secondary .widget ul,
#single-top #secondary .widget .monthly,
#archive-top #secondary .widget ul,
#archive-top #secondary .widget .monthly {
	background-color: #f6f6f6;
	padding: 10px 15px 0;
}

#archive-top #secondary .widget .monthly select {
	font-size: 18px;
	padding: 5px 5px 10px;
	color: #368b30;
}

#archive-top #secondary .widget ul li {
	margin-bottom: 20px;
}

#archive-top #secondary .widget_recent_entries ul li,
#archive-top #secondary .widget ul.news-recent-article li {
	margin-bottom: 20px;
	background-image: url(/wp-content/uploads/2017/02/icon_article.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
}
#archive-top #secondary .widget_recent_entries ul li a,
#archive-top #secondary .widget ul.news-recent-article li a {
	text-decoration: underline;
	color: #479549;
}
#archive-top #secondary .widget_archive ul li,
#archive-top #secondary .widget ul.news-month-archive li {
	margin-bottom: 20px;
	background-image: url(/wp-content/uploads/2017/02/icon_calender.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
}
#archive-top #secondary .widget_archive ul li a,
#archive-top #secondary .widget ul.news-month-archive li a {
	text-decoration: underline;
	color: #368b30;
}

#archive-top #secondary .widget ul.news-category li {
	margin-bottom: 20px;
	padding: 20px 0; 
	background-image: url(/wp-content/uploads/2017/02/icon_info.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
} 

#archive-top #secondary .widget ul li:last-child {
	margin-bottom: 0;
}

#archive-top #secondary .textwidget li.cat-item-1,
#archive-top #secondary .textwidget li.cat-item-8,
#archive-top #secondary .textwidget li.cat-item-9,
#archive-top #secondary .textwidget li.cat-item-10,
#archive-top #secondary .textwidget li.cat-item-26,
#archive-top #secondary .textwidget li.cat-item-27,
#archive-top #secondary .textwidget li.cat-item-28,
#single-top #secondary .textwidget li.cat-item-43,
#archive-top #secondary .textwidget li.cat-item-43,
#archive-top #secondary .textwidget li.cat-item-56,
#archive-top #secondary .textwidget li.cat-item-59 {
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position-y: 19px;
	padding: 20px 0 20px 50px;
	margin-bottom: 0;
}


#archive-top #secondary .textwidget li.cat-item-1 {
	background-image: url(/wp-content/uploads/2017/02/icon_blog.png);
}

#archive-top #secondary .textwidget li.cat-item-8 {
	background-image: url(/wp-content/uploads/2017/02/icon_finger.png);
}
#archive-top #secondary .textwidget li.cat-item-9 {
	background-image: url(/wp-content/uploads/2017/02/icon_update.png);
}
#archive-top #secondary .textwidget li.cat-item-10 {
	background-image: url(/wp-content/uploads/2017/02/icon_timerecorder.png);
}
#archive-top #secondary .textwidget li.cat-item-26 {
	background-image: url(/wp-content/uploads/2017/02/icon_news.png);
}

#archive-top #secondary .textwidget li.cat-item-27 {
	background-image: url(/wp-content/uploads/2017/02/icon_info.png);
}
#archive-top #secondary .textwidget li.cat-item-28 {
	background-image: url(/wp-content/uploads/2017/02/icon_release.png);
}
#single-top #secondary .textwidget li.cat-item-43,
#archive-top #secondary .textwidget li.cat-item-43 {
	background-image: url(/wp-content/uploads/2019/09/somu_info.png);
	padding-top: 25px;
	background-position: left 25px;
	position: relative;
}

#single-top #secondary .textwidget li.cat-item-43 .children,
#archive-top #secondary .textwidget li.cat-item-43 .children {
	display: none;
}

#archive-top #secondary .textwidget li.cat-item-56 {
	background-image: url(/wp-content/uploads/2023/07/release-info.png);
}
#archive-top #secondary .textwidget li.cat-item-59 {
	background-image: url(/wp-content/uploads/2024/05/tax-info.png);
}

li.cat-item.cat-item-26 > .children,
li.cat-item.cat-item-1 > .children {
    margin-left: -20px;
}

li.cat-item.cat-item-26 > .children {
	margin-right: -25px;
}

li.cat-item.cat-item-1 > .children > li > .children {
    margin-left: -45px;
    margin-top: 10px;
    margin-bottom: 0 !important;
	display: none;
}

li.cat-item.cat-item-1.current-cat-parent.current-cat-ancestor > .children {
    margin-left: -65px;
}

#archive-top #secondary ul.popular-posts li a {
	text-decoration: underline;
	color: #e27b1e;
}

#archive-top #secondary ul.popular-posts li {
	margin-bottom: 20px;
	padding-left: 32px;
	position: relative;
}
#archive-top #secondary ul.popular-posts li:before {
	position: absolute;
	content: "1";
	/* background-color: #e27b1e; */
	background-image: url(/wp-content/uploads/2017/03/icon_blog_crown.png);
	width: 25px;
	background-repeat: no-repeat;
	height: 22px;
	background-size: contain;
	display: block;
	/* border-radius: 14px; */
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 3px 0 0;
	left: -3px;
	top: 3px;
}


#archive-top #secondary ul.popular-posts li:nth-of-type(2):before {
	content: "2";
}
#archive-top #secondary ul.popular-posts li:nth-of-type(3):before {
	content: "3";
}
#archive-top #secondary ul.popular-posts li:nth-of-type(4):before {
	content: "4";
}
#archive-top #secondary ul.popular-posts li:nth-of-type(5):before {
	content: "5";
}

#archive-top #secondary ul.popular-posts li:last-child {
	margin-bottom: 0;
}


#archive-top .archive-box {
	margin-bottom: 90px;
	padding: 0 10px 70px;
	border-bottom: 4px rgba(100,180,160,100) dashed;/*5px rgba(53,180,172,.4) dashed*/;
}

#archive-top .archive-box h2 {
	font-size: 24px;
	padding-bottom: 15px; 
	margin-bottom: 25px;
	position: relative;
}
#archive-top .archive-box h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	height: 5px;
	width: 100%;
	background-color: cadetblue/*#479549*/;
}

#archive-top .archive-box .archive-time {
	margin-bottom: 10px;
	position: relative;
	margin-left: 30px;
}
#archive-top .archive-box .archive-time:before {
	background-image: url(/wp-content/uploads/2017/02/icon_time.png);
	content: "";
	background-size: 16px 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 16px;
	height: 16px;
	left: -25px;
}

#archive-top .archive-box .screen-reader-text {
	display: none;
}

#archive-top .archive-box .category-block a {
	text-decoration: underline;
	color: #1D9E48;
}

@media only screen and (max-width: 768px) {
	#single-top #secondary .textwidget li.cat-item-43::after,
	#archive-top #secondary .textwidget li.cat-item-43::after {
		display: block;
		width: 13px;
		height: 13px;
		position: absolute;
		right: -10px;
		top: 40px;
		margin-top: -7px;
		content: "";
		background-image: url(../../uploads/2018/11/green-plus.svg);
		background-size: cover;
	}
	#single-top #secondary .textwidget li.cat-item-43.selected::after,
	#archive-top #secondary .textwidget li.cat-item-43.selected::after {
		width: 12px;
		height: 3px;
		margin-top: -2px;
		background-image: url(../../uploads/2018/11/green-minus.svg);
	}
	#single-top #secondary .widget .textwidget,
	#archive-top #secondary .widget .textwidget {
		padding: 10px 0;
	}
}


/*---------------------------------------------------------------------------------
投稿ページ用
--------------------------------------------------------------------------------- */
/*#single-top h1 {
	background-image: url(/wp-content/uploads/2017/02/blog_bg.jpg);
	position: relative;
}*/
#single-top .single-list .entry-content a {
	color: #35b574;
}

#single-top .single-list {
	width: 1100px;
	margin: auto;
	overflow: hidden;
}
#single-top #primary {
	float: left;
	width: 740px;
}
#single-top #primary p {
	margin-bottom: 40px;
	font-size: 16px;
}

#single-top #primary p.blog_detail {
    margin-top: -30px;
    margin-left: 1em;
    text-align: right;
	line-height: 1.0;
}


#single-top #primary h2,
#single-top #primary h1.post-title
{
	padding-top: 60px;
	margin-bottom: 40px;
	font-size: 28px;
	color: #41c241;
	line-height: 1.2;
}

@media only screen and ( max-width: 768px ) {
	#single-top #primary h1.post-title{
		font-size: 18px;
	}
}

#single-top #primary .p2-title {
	font-weight: bold;
	margin-bottom: 40px;
	line-height: 1.2;
}

h2.blog.p3-title {
	color: #555555!important;
    position: relative !important;
    padding: 0 1.5em .5em 1.7em !important;
    border-bottom: 1px solid #F18800 !important;
    font-size: 17px !important;
    margin-bottom: 10px !important;
}

h2.blog.p3-title::after {
    position: absolute;
    top: .4em;
    left: .4em;
    z-index: 2;
    content: '';
    width: 12px;
    height: 12px;
    background-color: #F18800;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#single-top #primary .blog th, td {
	vertical-align: middle;
	padding: 10px;
}


#single-top #secondary {
	float: right;
	width: 300px;
}

#single-top #secondary h2.widget-title,
div.widget-title.wh2 
{
	font-weight: bold;
	background-color: #696969;
	padding: 10px 15px;
	color: white;
}
#single-top #secondary .widget .textwidget {
	background-color: #f6f6f6;
	padding: 10px 15px;
	margin-bottom: 30px;
}
#single-top #secondary .widget ul li {
	margin-bottom: 20px;
}
#single-top #secondary .widget ul li:last-child {
	margin-bottom: 0 !important;
}

#single-top #secondary .widget_categories li.cat-item-1 {
	background-image: url(/wp-content/uploads/2017/02/icon_blog.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position-y: 19px;
	padding: 20px 50px; 
}

#single-top #secondary .widget ul.news-category li {
	background-image: url(/wp-content/uploads/2017/02/icon_info.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position-y: 19px;
	padding: 20px 50px; 
	margin-bottom: 0;
}

#single-top #secondary .widget ul.news-category li:nth-of-type(2) {
	background-image: url(/wp-content/uploads/2017/02/icon_release.png);
	background-position-x: 3px;
}


#single-top #secondary .widget_recent_entries ul li,
#single-top #secondary .widget ul.news-recent-article li {
	margin-bottom: 20px;
	background-image: url(/wp-content/uploads/2017/02/icon_article.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
}
#single-top #secondary .widget_recent_entries ul li a,
#single-top #secondary .widget ul.news-recent-article li a {
	text-decoration: underline;
	color: #3cbf5b;
}
#single-top #secondary .widget_archive ul li,
#single-top #secondary .widget ul.news-month-archive li {
	margin-bottom: 20px;
	background-image: url(/wp-content/uploads/2017/02/icon_calender.png);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position-y: 2px;
}
#single-top #secondary .widget .monthly select,
#single-top #secondary .widget_archive ul li a,
#single-top #secondary .widget ul.news-month-archive li a {
	color: #d15697;
	font-size: 100%;
	padding-bottom: 4px;
}

#single-top #secondary .textwidget li.cat-item-1,
#single-top #secondary .textwidget li.cat-item-8,
#single-top #secondary .textwidget li.cat-item-9,
#single-top #secondary .textwidget li.cat-item-10,
#single-top #secondary .textwidget li.cat-item-26,
#single-top #secondary .textwidget li.cat-item-27,
#single-top #secondary .textwidget li.cat-item-28,
#single-top #secondary .textwidget li.cat-item-43 {
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position-y: 19px;
	padding: 20px 0 20px 50px;
	margin-bottom: 0;
}
#single-top #secondary .textwidget li.cat-item-1 {
	background-image: url(/wp-content/uploads/2017/02/icon_blog.png);
}

#single-top #secondary .textwidget li.cat-item-8 {
	background-image: url(/wp-content/uploads/2017/02/icon_finger.png);
}
#single-top #secondary .textwidget li.cat-item-9 {
	background-image: url(/wp-content/uploads/2017/02/icon_update.png);
}
#single-top #secondary .textwidget li.cat-item-10 {
	background-image: url(/wp-content/uploads/2017/02/icon_timerecorder.png);
}
#single-top #secondary .textwidget li.cat-item-26 {
	background-image: url(/wp-content/uploads/2017/02/icon_news.png);
}

#single-top #secondary .textwidget li.cat-item-27 {
	background-image: url(/wp-content/uploads/2017/02/icon_info.png);
}
#single-top #secondary .textwidget li.cat-item-28 {
	background-image: url(/wp-content/uploads/2017/02/icon_release.png);
}
#single-top #secondary .textwidget li.cat-item-43 {
	background-image: url(/wp-content/uploads/2019/09/somu_info.png);
}


#single-top #secondary ul.popular-posts li a {
	text-decoration: underline;
	color: #e27b1e;
}
#single-top #secondary ul.popular-posts li {
	margin-bottom: 20px;
	padding-left: 32px;
	position: relative;
}

#single-top #secondary ul.popular-posts li:before {
	position: absolute;
	content: "1";
	background-color: #e27b1e;
	width: 25px;
	height: 22px;
	display: block;
	border-radius: 14px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 3px 0 0;
	left: -3px;
	top: 2px;
}


#single-top #secondary ul.popular-posts li:nth-of-type(2):before {
	content: "2";
}
#single-top #secondary ul.popular-posts li:nth-of-type(3):before {
	content: "3";
}
#single-top #secondary ul.popular-posts li:nth-of-type(4):before {
	content: "4";
}
#single-top #secondary ul.popular-posts li:nth-of-type(5):before {
	content: "5";
}


.wp-pagenavi {
	padding-bottom: 30px;
}

@media only screen and (max-width: 768px) {
	#archive-top .archive-box {
		margin-bottom: 40px;
		padding: 0 0 50px;
	}
	#single-top #primary h2 {
		margin-bottom: 20px;
		font-size: 18px;
	}
	#archive-top .archive-box h2 {
		font-size: 16px;
	}
	#archive-top .archive-list,
	#single-top .single-list {
		width: 95%;
		margin: auto 2.5%;
		overflow: hidden;
	}
	#archive-top #primary,
	#single-top #primary {
		float: none;
		width: 100%;
	}
	#archive-top #secondary,
	#single-top #secondary {
		float: none;
		width: 100%;
	}
	#single-top #primary .category-blog th,
	#single-top #primary .category-blog td {
		padding: 10px 10px 10px 0;
	}
	#single-top #primary .category-blog td:first-child {
		min-width: 60px;
	}
	#single-top #primary .category-blog p {
		padding-left: 0 !important;
	}
	#single-top #primary .news img,
	#single-top #primary .category-blog img {
		max-width: 100%;
		height: auto;
	}
	#archive-top #secondary .banner-linkbanner,
	#single-top #secondary .banner-linkbanner {
		margin-bottom: 30px;
	}
    #single-top #primary p.blog_detail {
        margin-top: -10px;
        margin-left: 1em;
        text-align: right;
    }
    #single-top #primary p.blog_detail .small {
        display: inline-block;
    }
}
/*---------------------------------------------------------------------------------
ページ用
--------------------------------------------------------------------------------- */
.paged .read-block {
	width: 100%;
	margin-bottom: 60px;
}
.paged .read-block h2 {
	padding-bottom: 50px;
	font-size: 36px;
	line-height: 1.4;
	text-align: center;
}
.paged .read-block h2 span {
	color: /*#e80c7a*/ #e9641e;
}
.paged .read-block .txt {
	text-align: center;
	padding: 20px 0;
}

.paged .read-block .inner {
	text-align: center;
	padding: 20px 0;
}

@media only screen and (max-width: 768px) {
	.paged .read-block {
		width: 100%;
		margin-bottom: 30px;
	}
	.paged .read-block .inner {
		width: 95%;
		margin: auto auto 20px;
	}
	.paged .read-block .inner img {
		max-width: 95%;
		height: auto;
		margin: auto;
	}
	.paged .read-block h2 {
		padding: 0 5px 10px;
		font-size: 20px;
		line-height: 1.4;
		text-align: center;
	}
	.paged .read-block h2 span {
		color: /*#e80c7a*/ #e9641e;
	}
	.paged .read-block p {
		text-align: left;
	}
	.paged .read-block .txt {
		text-align: left;
		padding: 5px 0;
		max-width: 95%;
		margin: auto;
		font-size: 13px;
	}
}

/*リンクエリア------------------------*/
/*.paged .link-area {
	background-image: url(/wp-content/uploads/2017/02/function_main.jpg);
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 60px;
	position: relative;
}

.paged .link-area::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2017/02/dotted-bg.png);
	z-index: 2;
}*/

.paged .link-area .inner {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	padding: 10px 0 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.paged .link-area.mailcomplete .inner {
	max-width: 700px;
}

.paged .mailcomplete .inner a {
	text-decoration: underline;
}



.paged .link-area .inner .link-box {
	margin: 0 1% 60px;
	background: #fff;
	position: relative;
	z-index: 3;
	flex: 0 0 30%;
}

.paged .link-area .inner.half-box {
	max-width: 800px;
	margin: auto;
	overflow: hidden;
	padding: 60px 0;
}
.paged .link-area .inner.half-box .link-box {
	width: 48%;
	margin: 0 1% 60px;
	float: left;
	background: #fff;
	text-align: center;

	position: relative;
/*	box-shadow: 1px 1px 25px rgba(0,0,0,.6);*/
	z-index: 3;
	/*padding-bottom: 30px;*/
}

.paged .link-area .inner.single-box .link-box {
	margin: 0 auto 60px;
	float: none;
}



.paged .link-area .inner .link-box a.link-btn {
	background-color: #fff;
	border: 1px solid #ccc;
	display: block;

	color: #000;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
  
	transform-style: flat;
	transition: all 250ms ease-out;
}

.paged .link-area .inner .link-box a.paper {
/*	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;*/
/*	border-color: #dedede;*/
}

.paged .link-area .inner .link-box a.link-btn:before,
.paged .link-area .inner .link-box a.link-btn:after {
	content: "";
	position: absolute;
	z-index: -2;
	transition: all 250ms ease-out;
}

.paged .link-area .inner .link-box a.paper-raise:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.paged .link-area .inner .link-box a.paper-raise:hover:before {
	/*box-shadow: 0 20px 15px -10px rgba(31, 31, 31, 0.5);*/
	box-shadow: 0 10px 5px -5px rgba(31, 31, 31, 0.5);
	border-radius: 5px;
}


.paged .link-area .inner .link-box .link-img {
	height: 180px;
}
.paged .link-area .inner .link-box .txt {
	margin: 15px 0 30px;
}
.paged .link-area .inner .link-box .txt .title {
	font-weight: 800;
	font-size: 22px;
	color: #1D9E48;
}
.paged .link-area .inner .link-box .txt .lead {
	margin: 0 5%;
	font-size: 14px;
	text-align: left;
}



.paged .link-area .inner .link-box .btn::before,
.paged .link-area .inner .link-box .btn::after {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	background-image: url(/wp-content/uploads/2017/02/btn_cv.png);
}

.paged .link-area .inner .link-box .btn::after {
	opacity: 0;
	bottom: -0px;
}

.paged .link-area .inner .link-box:hover .btn:before {
	animation: cvbefore .8s;
	animation-iteration-count: infinite;
}
.paged .link-area .inner .link-box:hover .btn:after {
	animation: cvafter .8s;
	animation-iteration-count: infinite;
}

@keyframes cvbefore {
	100% {
		bottom: -10px;
		opacity: 0;
	}
}
@keyframes cvafter {
	99% {
		bottom: 0px;
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


.paged .link-area .inner .link-box .btn {
	width: 36px;
	height: 36px;
	border: 7px solid #fff;
	border-radius: 33px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: auto;
	background-color: #1D9E48;
}




@media only screen and (max-width: 768px) {
	.paged .link-area .inner {
		padding: 1% 0;
	}
	.paged .link-area .inner .link-box {
		flex: 0 0 49%;
		margin: 0.5%;
		padding-bottom: 0;
	}
	.paged .link-area .inner .link-box .link-img {
		height: 90px;
	}
	.paged .link-area .inner .link-box .txt {
		text-align: left;
		font-size: 12px;
		margin: 10px 0 10px 5%;
	}
	.paged .link-area .inner .link-box .txt .title {
		font-size: 12px;
		line-height: 1.3;
		margin-top: 5px;
	}
	.paged .link-area .inner .link-box .txt .lead {
		display: none;
	}
	.paged .link-area .inner .link-box .btn {
		width: 18px;
		height: 18px;
		border: 1px solid #fff;
		bottom: 0;
		top: 0;
		left: initial;
		right: 5px;
	}
	.paged .link-area .inner .link-box {
		box-shadow: initial;
	}
	.paged .link-area .inner .link-box .btn::before,
	.paged .link-area .inner .link-box .btn::after {
		width: 18px;
		height: 18px;
		background-size: contain;
	}

}


/*利用シーン-----------------------*/
.paged .scene-block {
	background-color: #fff;
}
.paged .scene-block:nth-of-type(2n) {
	background-color: #f6f6f6;
}

.paged .scene-title h3,
.paged .scene-block h3 {
	padding-top: 48px;
	padding-bottom: 78px;
	font-size: 34px;
	line-height: 1.4;
	text-align: center;
	position: relative;
}
.paged .scene-title h3 {
	padding-bottom: 0;
}

.paged .scene-title .txt {
	text-align: center;
	margin: 20px auto 40px;
}

.paged .scene-title .inner {
	max-width: 1100px;
	margin: auto;
}
.paged .scene-title .inner p {
	text-align: center;
	margin: 20px auto;
}


.paged .scene-title h3 span,
.paged .scene-block h3 span {
	color: /*#9e35b4*/ #615d94;
}
/*.paged .scene-title h3:after,
.paged .scene-block h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color:  #615d94;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}*/

.paged .scene-block .read {
	width: 100%;
	height: 400px;
	margin-bottom: 155px;
	background-image: url(/wp-content/uploads/2017/03/scene_default.jpg);
	background-position: center center;
	background-size: cover;
}
.paged .scene-block .read .txt {
	max-width: 1100px;
	padding-top: 35px;
	margin: 0 auto 30px;
	font-size: 15px;
	line-height: 2.1;
	text-align: center;
	font-weight: bold;
	background-color: #F6F6F6;
}
.paged .scene-block:nth-of-type(2n) .read .txt {
	background-color: #fff;
}
.paged .scene-block .read .txt h4 {
	font-size: 34px;
	color: #2f5dc1;
	padding-bottom: 0;
	position: relative;
	margin-bottom: 25px;
}
.paged .scene-block .read .txt h4:after {
	display: block;
	width: 90%;
	height: 3px;
	background-color: #2f5dc1;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}

.paged .scene-block section {
	width: 100%;
}

.paged .scene-block section {
	padding: 40px 0 80px;
}

.paged .scene-block .main-area,
.paged .scene-block .wrap {
	max-width: 1100px;
	margin: 0 auto;
/*	overflow:hidden;*/
}

.paged .scene-block .wrap .detail {
	padding-right: 60%;
	position: relative;
}

.paged .main-area h1.entry-title {
	font-size: 32px;
	font-weight: bold;
	color: #1D9E48;
	text-align: center;
	margin-bottom: 30px;
}


.paged .scene-block .main-area .detail h4,
.paged .scene-block .wrap .detail h4 {
	padding-bottom: 45px;
	font-size: 36px;
	line-height: 1;
	position: relative;
}
.paged .scene-block .main-area .detail h4 .num,
.paged .scene-block .wrap .detail h4 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 24px;
	color: #1D9E48;
}
.paged .scene-block .main-area .detail h4:after,
.paged .scene-block .wrap .detail h4:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #1D9E48;
	position: absolute;
	left: 0;
	content:"";
}
.paged .scene-block .wrap .detail h5 {
	padding-top: 25px;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 1;
	position: relative;
}


.paged .scene-block .main-area .detail p,
.paged .scene-block .wrap .detail p{
	font-size: 16px;
	padding-bottom: 55px;
}
.paged .scene-block .function-area .detail .btn,
.paged .scene-block .main-area .detail .btn,
.paged .scene-block .wrap .detail .btn {
	width: 270px;
}
.paged .scene-block .function-area .detail .btn a,
.paged .scene-block .main-area .detail .btn a,
.paged .scene-block .wrap .detail .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}
.paged .scene-block .function-area .detail .btn {
	margin: auto;
}
.paged .scene-block .function-area .detail .btn a {
	background-color: /*#28cec3*/ #1D9E48;
}

.paged .scene-block .function-area .detail ul {
	list-style: disc;
	font-size: 15px;
	padding-left: 20px;
}
.paged .scene-block .function-area .image-box .operation-support,
.paged .scene-block .function-area .detail .operation-support {
	border: #1D9E48 3px solid;
	border-radius: 10px;
	padding: 15px 20px;
}


.paged .scene-block .wrap .image {
	width: 52%;
	-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.3);
	box-shadow:0px 0px 7px 0px rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	right: 6px;
}
.paged .scene-block .wrap .image img {
	width: 100%;
}
.paged .scene-block:nth-of-type(2n+1) section .detail,
.paged .scene-block section:nth-of-type(2n) .detail {
	padding-left: 60%;
	padding-right: 0;
}
.paged .scene-block:nth-of-type(2n+1) section .image,
.paged .scene-block section:nth-of-type(2n)  .image {
	left: 6px;
}

@media only screen and (max-width: 768px) {
	.paged .scene-block {
		padding-bottom: 0;
	}
	.paged .scene-title h3,
	.paged .scene-block h3 {
		padding-top: 18px;
		padding-bottom: 22px;
		font-size: 20px;
		margin: auto 2.5%;
	}
	.paged .scene-title h3:after,
	.paged .scene-block h3:after {
		width: 20px;
		height: 2px;
	}
	.paged .scene-block .scene-box {
		overflow: hidden;
		/*height: 300px;*/
		clear: both;
	}
	.paged .scene-block .read {
		width: 100%;
		background-position: center center;
		background-size: cover;
	}
	.paged .scene-block .read .txt {
		width: auto;
		height: auto;
		margin: 0 20px;
		padding-top: 16px;
		padding: 16px 0 20px;
		background-color: #F6F6F6;
		font-size: 15px;
		line-height: 2.1;
		text-align: left;
		font-weight: 500;
	}
	.paged .scene-block .read .txt h4 {
		text-align: center;
		line-height: 1.2;
		padding: 0 15px 20px;
		font-size: 20px;
	}

	.paged .scene-block section {
		width: 100%;
		margin-bottom: 0;
		padding: 30px 0 60px;
	}
	.paged .scene-block .main-area,
	.paged .scene-block .wrap {
		max-width: auto;
		overflow: visible;
	}
	.paged .scene-block .wrap .detail {
		width: 100%;
		padding: 0;
	}

	.paged .scene-block section:nth-of-type(2n+1) {
		/*padding: 40px 0;*/
	}
	.paged .scene-block .main-area .detail h4,
	.paged .scene-block .wrap .detail h4 {
		padding-bottom: 20px;
		font-size: 20px;
		line-height: 1;
		text-align: center;
		position: relative;
		margin: auto 2.5%;
	}
	.paged .scene-block .main-area .detail h4 .num,
	.paged .scene-block .wrap .detail h4 .num {
		display: block;
		padding-bottom: 15px;
		font-size: 20px;
		color: /*#9e35b4*/ #615d94;
	}
	.paged .scene-block .main-area .detail h4:after,
	.paged .scene-block .wrap .detail h4:after {
		right: 0;
		margin: auto;
		width: 80%;
	}
	.paged .scene-block .main-area .detail p,
	.paged .scene-block .wrap .detail p {
		font-size: 15px;
		padding: 0px 15px 25px;
	}
	.paged .scene-block .main-area .detail .btn,
	.paged .scene-block .wrap .detail .btn {
		width: 234px;
		margin: 0 auto;
	}
	.paged .scene-block .main-area .detail .btn a,
	.paged .scene-block .wrap .detail .btn a {
		background-color: /*#A543B7*/ #6cbb5f;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
	.paged .scene-block .main-area .image,
	.paged .scene-block .wrap .image {
		width: 98%;
		position: static;
		margin: 0px 1% 22px;
	}
	.paged .scene-block .main-area .image img,
	.paged .scene-block .wrap .image img {
		width: 100%;
	}
	.paged .scene-block:nth-of-type(2n+1) section .detail,
	.paged .scene-block section:nth-of-type(2n) .detail {
		padding: 0;
	}
	.paged .scene-block section:nth-of-type(2n)  .image {
	}
	.paged .scene-block .function-area .detail .operation-support {
		padding: 5px 10px;
		margin: auto 10px;
	}
}

@media only screen and (max-width: 640px) {
	.paged .scene-block .scene-box {
		overflow: hidden;
		/*height: 370px;*/
	}
}

@media only screen and (max-width: 320px) {
	.paged .scene-block .scene-box {
		overflow: hidden;
		/*height: 380px;*/
	}
}


/*---------------------------------------------------------------------------------
多彩なタイムレコーダー
--------------------------------------------------------------------------------- */

/* タイムレコーダー一覧------------------------------------------------------- */
#record-top {}
/*#record-top h1 {
	background-image: url(/wp-content/uploads/2017/02/ttl_bg.jpg);
}*/

#record-top .read-block {
	padding-bottom: 100px;
	/*background-image: url(/wp-content/uploads/2017/02/read_bg_pc.jpg);
	background-size: 100%;
	background-position: center 150px;
	background-repeat: no-repeat;*/
}

#record-top .read-block .inner {
	max-width: 854px;
	padding: 50px 123px 42px;
	margin: 0 auto;
}
#record-top .read-block .inner p {
	width: 495px;
	padding-bottom: 55px;
	text-align: left;
}
#record-detail-top .read-block .inner .btn,
#record-top .read-block .inner .btn {
	width: 270px;
}
#record-detail-top .read-block .inner .btn {
	width: 292px;
	margin: auto;
}
#record-detail-top .read-block .inner .btn a,
#record-top .read-block .inner .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

#record-top .scene-block .wrap .detail h4 {
	padding-top: 75px;
	padding-bottom: 20px;
	position: relative;
	font-size: 36px;
	line-height: 1.2;
}

#record-top .scene-block .wrap .detail h4 .num {
	display: block;
	font-size: 24px;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}
#record-top .scene-block .wrap .detail h4:after {
	display: block;
	width: 40px;
	height: 3px;
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
}

@media only screen and (max-width: 768px) {
	#record-top .read-block {
		background: none;
		padding-bottom: 0;
	}
	#record-top .read-block .inner {
		max-width: auto;
		padding: 10px 0 0;
		margin: 0 auto;
		border-bottom: 5px solid #E7E7E7;
/*		background-image: url(/wp-content/uploads/2017/02/read_bg_sp.jpg);*/
		background-size:  cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#record-top .read-block .inner p {
		width: auto;
		padding-bottom: 35px;
		font-size: 15px;
	}
	#record-top .read-block .inner .btn {
		width: 233px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#record-top .read-block .inner .btn a {
		background-color: /*#A543B7*/ #6cbb5f;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
	#record-top .scene-block .wrap .detail h4 {
		font-size: 18px;
		padding-top: 0;
	}
	#record-top .scene-block .wrap .detail h4 .num {
		font-size: 16px;
		display: block;
		position: static;
		color: #1D9E48;
	}
	#record-top .scene-block .wrap .detail h4:after {
		position: static;
		width: 90%;
		margin-top: 20px;
	}
}

/*一覧---------------------------------------------------------------------------*/
#record-top .list-block {
	padding-bottom: 0;
}
#record-top .list-block .inner {
	max-width: 1100px;
	margin: 0 auto;
}
#record-top .list-block .inner h3 {
	padding-top: 38px;
	padding-bottom: 72px;
	position: relative;
	font-size: 36px;
	line-height: 1;
	color: #1D9E48;
	text-align: center;
}
#record-top .list-block .inner h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}
@media only screen and (max-width: 768px) {
	#record-top .list-block {
		padding-bottom: 0;
	}
	#record-top .list-block .inner {
		max-width: 100%;
		margin: 0 auto;
	}
	#record-top .list-block .inner h3 {
		padding-top: 18px;
		padding-bottom: 28px;
		position: relative;
		font-size: 18px;
		line-height: 1;
		color: #1D9E48;
		text-align: center;
	}
	#record-top .list-block .inner h3:after {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #43BBB3;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		content:"";
	}
}

/*ソート用ボタン*/
#record-top .list-block .filters {
	margin-bottom: 50px;
	border: 1px solid #D1D1D1;
}
#record-top .list-block .filters:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-top .list-block .filters li {
	width: 14.285%;
	float: left;
}
#record-top .list-block .filters li br {
	display: none;
}
/*
#record-top .list-block .filters li:nth-of-type(1),
#record-top .list-block .filters li:nth-of-type(2) {
	width: 49.8%;
}
#record-top .list-block .filters li:last-child {
	width: 33.2%;
}
*/
#record-top .list-block .filters li a {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 98px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	padding: 41px 0 41px 68px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	border-top: 1px solid #D1D1D1;
}

#record-top .list-block .filters li:nth-of-type(7n) a {
	border-right: none;
}

#record-top .list-block .filters li a.current {
	background-color: #1D9E48;
	color: #fff;
}
#record-top .list-block .filters li:nth-of-type(1) a,
#record-top .list-block .filters li:nth-of-type(2) a {
	border-top: 1px solid #D1D1D1;
	padding-right: 0;
	text-align: center;
}
#record-top .list-block .filters li a img {
	width: 40px;
	display: block;
	position: absolute;
	top: 29px;
	left: 14px;
}
/*
#record-top .list-block .filters li:nth-of-type(1) a img {
	left: 50%;
	margin-left: -100px;
}
#record-top .list-block .filters li:nth-of-type(2) a img {
	left: 50%;
	margin-left: -170px;
}
*/
#record-top .list-block .filters li a:after {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
	position: absolute;
	top: 0;
	left: 0;
	content:"";
}
#record-top .list-block .filters li a .tooltip {
	display: none;
	width: 226px;
	padding: 20px 35px;
	font-size: 14px;
	color: #fff;
	background-color: #43BBB3;
	border-radius: 6px;
	position: absolute;
	left: -11px;
	top: 83px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	z-index: 10;
}
#record-top .list-block .filters li:nth-of-type(1) a .tooltip {
	left: 108px;
}

#record-top .list-block .filters li a .tooltip:before {
	content: "";
	position: absolute;
	top: -10px; left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}
/*#record-top .list-block .filters li a:hover .tooltip {
	display: block;
}*/
@media screen and (min-width:769px) and  (max-width: 1000px) {
	#record-top .list-block .filters li {
		width:25%;
		float: left;
	}
	#record-top .list-block .filters li:nth-of-type(1),
	#record-top .list-block .filters li:nth-of-type(2) {
		width: 50%;
	}
	#record-top .list-block .filters li:last-child {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	#record-top .list-block .filters {
		margin-bottom: 30px;
		border-left: 1px solid #D1D1D1;
	}
	#record-top .list-block .filters:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-top .list-block .filters li {
		width: 25%;
		float: left;
	}
	#record-top .list-block .filters li br {
	display: inline;
}
/*	#record-top .list-block .filters li:nth-of-type(1),
	#record-top .list-block .filters li:nth-of-type(2) ,
	#record-top .list-block .filters li:last-child {
		width: 50%;
	}*/

	#record-top .list-block .filters li a {
		box-sizing: border-box;
		display: flex; 
		position: relative;
		width: 100%;
		height: 50px;
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		align-items: center;
		padding:0px 0 0 32px;
		border-right: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	}
	#record-top .list-block .filters li a.current {
		background-color: #1D9E48;
		color: #fff;
	}
	#record-top .list-block .filters li:nth-of-type(1) a,
	#record-top .list-block .filters li:nth-of-type(2) a {
		border-top: 1px solid #D1D1D1;
		padding-right: 0;
		text-align: center;
	}
	#record-top .list-block .filters li a img {
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		margin: auto;
	}
/*	#record-top .list-block .filters li:nth-of-type(1) a img {
		left: 50%;
		margin-left: -80px;
	}
	#record-top .list-block .filters li:nth-of-type(2) a img {
		left: 50%;
		margin-left: -90px;
	}*/
	#record-top .list-block .filters li a:after {
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		content:"";
	}
	#record-top .list-block .filters li a .tooltip,
	#record-top .list-block .filters li a:hover .tooltip {
		display: none;
	}
	#record-top .list-block .filters li:nth-of-type(7n) a {
		border-right: 1px solid #d1d1d1;
	}
}


#record-top .list-block .item-wrap {
	width: 1120px;
	position: relative;	
}
@media screen and  (max-width: 1000px) {
	#record-top .list-block .item-wrap {
		width: 100%;
	}
}
#record-top .list-block .item-wrap .item {
	box-sizing: border-box;
	width: 50%;
	padding-right: 20px;
	padding-bottom: 25px;
	float: left;
}
#record-detail-top .list-block .caselist .photo {
	text-align: center;
}

#record-detail-top .list-block .item-wrap .photo img.logo_01 {
	width: 200px !important;
	margin: 0 auto;
}

#record-top .list-block .item h4:not(.post-type-archive-record h4) {
    font-size: 24px;
    color: /*#e80c7a*/ #e9641e;
	padding: initial;
    padding-bottom: 10px;
    padding-top: 16px;
    clear: both;
	background-color: initial;
	line-height: initial;
}

/* .post-type-archive-record #record-top .list-block .item h4 {
	height: 18px!important;
	padding: 17px 90px 15px 24px;
	background-color: #1D9E48;
	font-size: 18px;
	line-height: 1;
	color: #fff;
	position: relative;
} */

#record-top .list-block .item .detail_link {
	position: absolute;
	top: 15px;
	right: 20px;
}
#record-top .list-block .item .detail_link a {
	padding: 7px 17px 5px;
	font-size: 14px;
	font-weight: 800;
	background-color: #fff;
	border-radius: 6px;
}


#record-top .list-block .item .wrap {
	border: 20px solid #efefef;
	padding: 15px;
	background-color: #fff;
	position: relative;
	min-height: 370px;
}
#record-detail-top .list-block .caselist .item .wrap {
	min-height: 175px;
}
#record-top .list-block .item .wrap:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-top .list-block .item .wrap:before {
	display: block;
	width: 18px;
	height: 15px;
	background-image: url(/wp-content/uploads/2018/11/icon_item.png);
	position: absolute;
	top: -20px;
	left: -20px;
	content:"";
}
#record-top .list-block .item h5 {
	font-size: 24px;
	color: /*#e80c7a*/ #e9641e;
	padding-bottom: 10px;
	padding-top: 10px;
	clear: both;
}
#record-top .list-block .item .read {
	padding-bottom: 10px;
	font-size: 14px;
}
#record-top .list-block .item .photo {
	width: 42%;
	float: left;
	position: relative;
}

#record-top .list-block .item .photo .icon {
	width: 100%;
	overflow:hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
#record-top .list-block .item .photo .icon li {
	width: 50%;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 9px;
	float: left;
}
#record-top .list-block .item .photo .icon li.cate1,
#record-top .list-block .item .photo .icon li.free {/*無料使用可*/
	background-color: #E91782;
}
#record-top .list-block .item .photo .icon li.cate2,
#record-top .list-block .item .photo .icon li.biometrics {/*生体認証*/
	background-color: #44BB82;
}
#record-top .list-block .item .photo .icon li.cate3,
#record-top .list-block .item .photo .icon li.iccard {/*ICカード*/
	background-color: #e48434;
}
#record-top .list-block .item .photo .icon li.cate1,
#record-top .list-block .item .photo .icon li.pcconnect {/*PC接続*/
	background-color: #ff9f08;
}
#record-top .list-block .item .photo .icon li.other {/*PC接続*/
	background-color: #2a98e1;
}
#record-top .list-block .item .photo .icon li.cooperation {/*PC接続*/
	background-color: #2a98e1;
}
#record-top .list-block .item .photo .icon li.smartphone {/*スマートフォン*/
	background-color: #ca83e1;
}
#record-top .list-block .item .photo .icon li.alkiller {/*アルキラー*/
	background-color: #26a426;
	display: none;
}

#record-top .list-block .item .detail {
	width: 56%;
	float: right;	
}
#record-top .list-block .item .detail h2 {
	height: 95px;
	font-size: 16px;
	line-height: 1.6;
}
#record-top .list-block .item .detail h2.alkillernex {

}
#record-top .list-block .item .detail .price {
	padding-bottom: 25px;
	font-size: 13px;
	line-height: 1;
	text-align: left;
}

#record-top .list-block .item .detail .price.small strong {
	font-size: 21px;
}

#record-top .list-block .item .detail .price.chat {
	text-align: left;
}

#record-top .list-block .item .detail .price.chat strong {
	font-size: 18px;
}

#record-top .list-block .item .detail .price.akerun {
	padding-bottom: 25px;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

#record-top .list-block .item .detail .price.small {
	padding-bottom: 5px;
}


#record-top .list-block .item .detail .price strong {
	display: inline-block;
	padding-left: 5px;
	font-size: 26px;
	color:  #e9641e;
}


#record-top .list-block .item .detail .price.akerun strong {
	font-size: 20px;
}

#record-top .list-block .item .detail .price.senseThunder strong {
	font-size: 20px;
}

#record-top .list-block .item .detail .price.senseThunder {
	font-size:1.3rem;
	padding-bottom: .5rem;
    line-height: 1.2;
}

#record-top .list-block .item .detail .notes,
#record-top .list-block .item .detail .chat-notes,
#record-top .list-block .item .detail .free-notes {
	font-size: 12px;
	padding-top: 10px;
}

#record-top .list-block .item .detail_btn {
	display: none;
}

#record-detail-top .recorder-detail .windows_thumbnail {
    width: 300px;
    height: 300px;
    margin: 20px 0;
    overflow: hidden;
}
#record-detail-top .recorder-detail .windows_thumbnail img {
    width: 100%;
    height: auto;
}

#record-detail-top .scene-block .akerun h3 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
}

#record-detail-top .scene-block .akerun {
	overflow: hidden;
    padding-bottom: 10px;
}

#record-detail-top .scene-block .akerun .half-image-left,
#record-detail-top .scene-block .akerun .half-image-right {
    width: 40%;
    height: auto;
    margin: 5%;
	float: left;
    text-align: center;
}

#record-detail-top .scene-block .akerun .half-image-left img,
#record-detail-top .scene-block .akerun .half-image-right img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 768px) {
	#record-detail-top .list-block .caselist .item .wrap {
		min-height: 140px;
		font-size: 11px;
		padding-bottom: 0;
	}
	#record-top .list-block .item-wrap .item {
		box-sizing: border-box;
		width: 50%;
		padding-right: 0px;
		padding-bottom: 10px;
		float: left;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	#record-top .list-block .item h4 {
		padding: 7px 12px 5px;
		background-color: #1D9E48;
		font-size: 16px;
		line-height: 1.25;
		color: #fff;
	}
	#record-top .list-block .item .wrap {
		border: 10px solid #efefef;
		padding: 7px;
		background-color: #fff;
		position: relative;
		padding-bottom: 60px;
		min-height: 320px;
	}
	#record-top .list-block .item .wrap:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-top .list-block .item .wrap:before {
		display: block;
		width: 9px;
		height: 7px;
		background-image: url(/wp-content/uploads/2018/11/icon_item.png);
		background-size: 100%;
		position: absolute;
		top: -10px;
		left: -10px;
		content:"";
	}
	#record-top .list-block .item h5 {
		font-size: 12px;
		color: /*#e80c7a*/ #e9641e;
		padding-bottom: 10px;
		padding-top: 0;
		height: 56px;
	}
	#record-top .list-block .item .read {
		display: none;
	}
	#record-top .list-block .item .photo {
		width: 100%;
		float: none;
		position: relative;
	}
	#record-top .list-block .item .photo .icon {
		width: 100%;
		overflow:hidden;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#record-top .list-block .item .photo .icon li {
		float: left;
		font-size: 8px;
		line-height: 1;
		color: #fff;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 4px;
	}
	#record-top .list-block .item .photo .icon li.cate1 {/*PC接続*/
		background-color: #E91782;
	}
	#record-top .list-block .item .photo .icon li.cate2 {/*ハイブリット*/
		background-color: #44BB82;
	}
	#record-top .list-block .item .photo .icon li.cate3 {/*指静脈認証*/
		background-color: #E48434;
	}
	#record-top .list-block .item .detail {
		width: 100%;
		float: none;	
	}
	#record-top .list-block .item .detail h2 {
		height: auto;
		font-size: 11px;
		line-height: 1.4;
		padding: 6px 8px 12px;
	}
	#record-top .list-block .item .detail .price,
	#record-top .list-block .item .detail .price.senseThunder {
		padding-bottom: 0px;
		font-size: 8px;
		line-height: 1;
		text-align: right;
	}
	#record-top .list-block .item .detail .price.akerun {
		padding-bottom: 0;
		font-size: 8px;
		line-height: 1;
		text-align: left;
	}

	#record-top .list-block .item .detail .price strong,
	#record-top .list-block .item .detail .price.chat strong,
	#record-top .list-block .item .detail .price.akerun strong,
	#record-top .list-block .item .detail .price.senseThunder strong {
		display: inline-block;
		padding-left: 2px;
		font-size: 17px;
		color: #e9641e;
	}

	#record-top .list-block .item .detail .notes {
		display: none;
	}
	#record-top .list-block .item .detail_link {
		display: none;
	}
	#record-top .list-block .item .detail_btn {
		display: block;
		margin: 0 5%;
		width: 90%;
		position: absolute;
		bottom: 20px;
		text-align: center;
		left: 0;
		right: 0;
	}
	#record-top .list-block .item .detail_btn a {
		padding: 5px 25px;
		background-color: #f18800;
		border-radius: 15px;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
	}
/*	#record-top .list-block .item .detail_btn a::before {
		width: 13px;
		height: 18px;
		background-position: -27px -110px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.5em;
		content: '';
		margin-top: auto;
		margin-bottom: auto;
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-size: 300px 485px;
	}
*/
	#record-detail-top .list-block .item-wrap .photo img.logo_01 {
		width: 100% !important;
	}
    #record-detail-top .scene-block .akerun .half-image-left,
    #record-detail-top .scene-block .akerun .half-image-right {
      width: 90%;
      float: none;
  }

}

@media only screen and (max-width: 320px) {
	#record-top .list-block .item-wrap .item {
		width: 100%;
		float: none;
	}

	#record-top .list-block .item .detail_btn a {
		padding: 5px 15px;
		background-color: #f18800;
		border-radius: 15px;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
	}
	#record-top .list-block .item .wrap {
		min-height: 420px;
	}
	#record-top .list-block .item h5 {
		font-size: 14px;
		height: 44px;
	}
}

/*関連するタイムレコーダーを探す----------------------------------------------*/
#record-top .related-block {
	padding-bottom: 100px;
}
#record-top .related-block h3 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	padding-top: 44px;
	padding-bottom: 46px;
	position: relative;
}
#record-top .related-block h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}
#record-top .related-block .inner {
	padding-top: 50px;
	padding-bottom: 57px;
	background-color: #F6F6F6;
}
#record-top .related-block #slider, #record-top .related-block #slider2 {
	max-width: 1100px;
	margin: 0 auto;
}
#record-top .related-block #slider:after, #record-top .related-block #slider2:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-top .related-block #slider li, #record-top .related-block #slider2 li {
	width: 210px;
	float: left;
}
#record-top .related-block #slider li a, #record-top .related-block #slider2 li a {
	display: block;
	position: relative;
	padding-bottom: 22px;
	background-color: #fff;
	border-right: 1px solid #F6F6F6;
}
#record-top .related-block #slider li a:after, #record-top .related-block #slider2 li a:after {
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: -34px -384px;
	content:"";
	position: absolute;
	bottom: 8px;
	right: 8px;
}
#record-top .related-block .img {
	display: block;
	border: 20px solid /*#B6E4E1*/ #fff;
}
#record-top .related-block .name {
	display: block;
	padding: 13px 18px;
	font-size: 16px;
	color: #1D9E48;
}
#record-top .related-block .desc,
#record-top .related-block .price {
	display: block;
	font-size: 14px;
	padding: 0px 18px 5px;
}

#record-top .slick-prev,
#record-top .slick-next {
	width: 48px;
	height: 48px;
	background-image: url(/wp-content/uploads/2017/05/btn_Slider2.png);
	background-color: transparent !important;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	z-index: 20;
}
#record-top .slick-prev {
	background-position: left top;
	left: -80px;
}
#record-top .slick-next {
	background-position: right top;
	right: -80px;
}
#record-top .slick-prev:before,
#record-top .slick-next:before {
  display: none !important;
}
#record-top .slick-prev:active,
#record-top .slick-next:active {
  border: none;
}
#record-top .slick-disabled {
  display: none !important;
}
#record-top .slick-prev:hover,
#record-top .slick-prev:focus,
#record-top .slick-prev::-moz-focus-inner,
#record-top .slick-next:hover,
#record-top .slick-next:focus,
#record-top .slick-next::-moz-focus-inner{
	overflow: hidden;
  outline: none;
  opacity:0.5;
  border: none;
}
input[type="button"]::-moz-focus-inne {	
}

@media only screen and (max-width: 768px) {
	#record-top .related-block {
		padding-bottom: 60px;
	}
	#record-top .related-block h2,
	#record-top .related-block h3 {
		font-size: 20px;
		padding-top: 27px;
		padding-bottom: 22px;
	}
	#record-top .related-block h3:after {
		width: 20px;
		height: 2px;
	}
	#record-top .related-block .inner {
		padding-top: 12px;
		padding-bottom: 15px;
		background-color: #F6F6F6;
	}
	#record-top .related-block #slider, #record-top .related-block #slider2 {
		max-width: auto;
		margin: 0 32px;
	}
	#record-top .related-block #slider:after, #record-top .related-block #slider2:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-top .related-block #slider li, #record-top .related-block #slider2 li {
		width: 130px;
		float: left;
	}
	#record-top .related-block #slider li a, #record-top .related-block #slider2 li a {
		display: block;
		position: relative;
		padding-bottom: 22px;
		background-color: #fff;
		border-right: 1px solid #F6F6F6;
	}
	#record-top .related-block #slider li a:after, #record-top .related-block #slider2 li a:after {
		display: block;
		width: 14px;
		height: 14px;
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-size: 300px 485px;
		background-position: -34px -384px;
		content:"";
		position: absolute;
		bottom: 8px;
		right: 8px;
	}
	#record-top .related-block .img {
		display: block;
		border: 10px solid /*#B6E4E1*/#fff;
	}
	#record-top .related-block .name {
		display: block;
		padding: 9px 10px;
		font-size: 10px;
		color: #1D9E48;
	}
	#record-top .related-block .desc,
	#record-top .related-block .price {
		display: block;
		font-size: 8px;
		padding: 0px 10px 3px;
	}

	#record-top .slick-prev,
	#record-top .slick-next {
		width: 25px;
		height: 25px;
		background-image: url(/wp-content/uploads/2017/05/btn_Slider_sp2.png);
		background-size: 50px auto;
		background-color: transparent !important;
		margin-top: -10px;
	}
	#record-top .slick-prev {
		left: -30px;
	}
	#record-top .slick-next {
		right: -30px;
	}
	.paged .read-block .inner .slick-slide img {
		max-width: 100%;
		height: auto;
		margin: auto;
	}
}

#record-top .scene-block {
	background: #fff;
}

#record-top .scene-block section,
#function-top .scene-block section,
#characteristic-top .scene-block section,
#manage-top .scene-block section,
#cost-top .scene-block section,
#support-top .scene-block section,
#merit-top .scene-block section,
#relationship-top .scene-block section,
#talking-top .scene-block section {
	padding: 70px 0 80px;
}

#record-top .scene-block .read .txt {
	padding-top: 30px;
}

#record-top .scene-block:nth-of-type(2n+1) section .detail {
	padding-left: 0;
	padding-right: 60%;
}
#record-top .scene-block section:nth-of-type(2n) .detail {
	padding-left: 60%;
	padding-right: 0;
}
#record-top .scene-block:nth-of-type(2n+1) section .image {
	left: inherit;
}
#record-top .scene-block section:nth-of-type(2n) .image {
	left: 6px;
}

#record-top .link-block {
	width: 480px;
	margin: 20px auto 50px;
	overflow: hidden;
}

#company-top .link-block{
	width: 750px;
	margin: 50px auto;
	overflow: hidden;
	
}

#case-top .link-block {
	width: 600px;
	margin: 50px auto;
	overflow: hidden;
}

#flow-top .link-block {
	width: 230px;
	margin: 50px auto;
	overflow: hidden;
}

#flow-top .link-block .btn-30 a {
	border: 2px solid #E48434;
	color: #E48434;
}

#flow-top .link-block .btn-30 a::before,
#flow-top .link-block .btn-30 a::after {
	background-position: -46px -138px;
}

#company-top .link-block .btn-os, 
#case-top .link-block .btn-os,
#record-top .link-block .btn-os {
	width: 230px;
	float: left;
}
#company-top .link-block .btn-os {
	width: 240px;
	float: left;
	margin: 0 5px;
}
#company-top .link-block .btn-os a, 
#case-top .link-block .btn-os a,
#record-top .link-block .btn-os a {
	border: 2px solid #429FB9;
	color: #429FB9;
}
#company-top .link-block .btn-os a::before,
#company-top .link-block .btn-os a::after, 
#case-top .link-block .btn-os a::before,
#case-top .link-block .btn-os a::after,
#record-top .link-block .btn-os a::before,
#record-top .link-block .btn-os a::after {
	background-position: -9px -138px;
}
#company-top .link-block .btn-price,
#case-top .link-block .btn-price,
#record-top .link-block .btn-price {
	width: 230px;
	float: right;
}
#company-top .link-block .btn-price a,
#case-top .link-block .btn-price a,
#record-top .link-block .btn-price a {
	border: 2px solid /*#A543B7*/ #6cbb5f;
	color: /*#A543B7*/ #6cbb5f;
}
#company-top .link-block .btn-price a::before,
#company-top .link-block .btn-price a::after,
#case-top .link-block .btn-price a::before,
#case-top .link-block .btn-price a::after,
#record-top .link-block .btn-price a::before,
#record-top .link-block .btn-price a::after {
    background-position: -37px -138px;
}
#company-top .link-block .hover-arrow-right,
#case-top .link-block .hover-arrow-right,
#record-top .link-block .hover-arrow-right,
#flow-top .link-block .hover-arrow-right {
    font-size: 14px;
    line-height: 1;
    padding: 13px;
    border-radius: 22px;
}

@media only screen and (max-width: 768px) {
	#record-top .scene-block:nth-of-type(2n+1) section .detail {
		padding-left: 0;
		padding-right: 0;
	}
	#record-top .scene-block section:nth-of-type(2n) .detail {
		padding-left: 0;
		padding-right: 0;
	}
	#case-top .link-block,
	#record-top .link-block {
		width: 100%;
	}
	#company-top .link-block .btn-os, 
	#case-top .link-block .btn-os,
	#record-top .link-block .btn-os,
	#company-top .link-block .btn-price,
	#case-top .link-block .btn-price,
	#record-top .link-block .btn-price {
		float: none;
		margin: 0 auto 20px;
	}
	#record-top .scene-block section,
	#function-top .scene-block section,
	#characteristic-top .scene-block section,
	#manage-top .scene-block section,
	#cost-top .scene-block section,
	#support-top .scene-block section,
	#merit-top .scene-block section,
	#relationship-top .scene-block section,
	#talking-top .scene-block section {
		padding: 30px 0 60px;
	}

}

/*タイムレコーダー比較----------------------------------------------*/

#record-detail-top #price-terminal section:nth-of-type(2n+1) {
	background-color: #fff;
}

#record-detail-top #price-terminal section .content {
	width: 100%;
}
#record-detail-top #price-terminal section .content .comparison-table {
	width: 95%;
	margin: auto 2.5%;
	overflow: hidden;
}
#record-detail-top #price-terminal section .content .title-cell {
	clear: both;
	overflow: hidden;
}
#record-detail-top #price-terminal section .content .title-cell div {
	float: left;
	font-size: 14px;
	margin: 2px 0;
	text-align: center;
	background-color: #ecf0f1;
	height: 100px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#record-detail-top #price-terminal section .content .title-cell div img {
	width: 100%;
}


#record-detail-top #price-terminal section .content .title-cell .kind-of {
	background-color: #2a98e1;
	color: #fff;
	border-radius: 10px 0 0 0;
	margin: 2px 0.5% 2px 0;
	display: flex !important;
}
#record-detail-top #price-terminal section .content .kind-of img {
	width: 50%;
	margin: 10% auto;
}
#record-detail-top #price-terminal section .content .kind-of .name {
	font-size: 12px;
}


#record-detail-top #price-terminal section .content .title-cell .chara {
	background-color: #2a98e1;
	color: #fff;

	margin: 2px 0.5% 2px 0;
}
#record-detail-top #price-terminal section .content .title-cell .price {
	width: 20%;
	margin-right: 0;
	background-color: #2a98e1;
	color: #fff;
	border-radius: 0 10px 0 0;
}

#record-detail-top #price-terminal section .content .kind-of {
	width: 20.5%;
	margin: 2px 0.5% 2px 0;
	display: block !important;
}
#record-detail-top #price-terminal section .content .chara {
	width: 58.5%;
	margin: 2px 0.5% 2px 0;
}
#record-detail-top #price-terminal section .content .price {
	width: 20%;
	color: #f00;
	margin: 2px 0;
}


#record-detail-top #price-terminal section .content .nec_hb div,
#record-detail-top #price-terminal section .content .auth_vein div,
#record-detail-top #price-terminal section .content .auth_fingerprint div,
#record-detail-top #price-terminal section .content .bt-2000 div,
#record-detail-top #price-terminal section .content .auth_felica div,
#record-detail-top #price-terminal section .content .pitpro div,
#record-detail-top #price-terminal section .content .auth_terminal div,
#record-detail-top #price-terminal section .content .auth_location div {
	float: left;
	text-align: center;
	background-color: #fff;
	height: 200px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#record-detail-top #price-terminal section .content .nec_hb .chara,
#record-detail-top #price-terminal section .content .auth_vein .chara,
#record-detail-top #price-terminal section .content .auth_fingerprint .chara,
#record-detail-top #price-terminal section .content .bt-2000 .chara,
#record-detail-top #price-terminal section .content .auth_felica .chara,
#record-detail-top #price-terminal section .content .pitpro .chara,
#record-detail-top #price-terminal section .content .auth_terminal .chara,
#record-detail-top #price-terminal section .content .auth_location .chara {
	text-align: left;
	-webkit-justify-content: left; /* 横方向中央揃え（Safari用） */
	justify-content: left; /* 横方向中央揃え */
}
#record-detail-top #price-terminal section .content .chara p {
	padding-left: 2em;
} 
#record-detail-top #price-terminal section .content .auth_location .kind-of {
	border-radius: 0 0 0 10px;
}
#record-detail-top #price-terminal section .content .auth_location .price_none {
	width: 20%;
	margin: 2px 0;
	color: #060606;
	border-radius: 0 0 10px 0;
}

#record-detail-top #price-terminal section .content .title-cell span {
	position: relative;
	font-size: 28px;
}

#record-detail-top #price-terminal section .content .title-cell span:before {
	/*background-image: url(/wp-content/uploads/2017/02/css_sprites_merit.png);*/
	content: "";
	background-size: 64px 65px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#record-detail-top #price-terminal section .content .title-cell .aggregate span:before {
	background-position: -32px 0;
	width: 24px;
}
#record-detail-top #price-terminal section .content .title-cell .calculation span:before {
	background-position: -32px -33px;
	height: 23px;
}
#record-detail-top #price-terminal section .content .title-cell .storage span:before {
	background-position: 0 -33px;
}
#kot_spec-top .detail .btn,
#record-detail-top .content .btn {
	margin: 50px auto 0;
	width: 300px;
}
#kot_spec-top .detail .btn {
	margin: 20px auto 30px;
}


#kot_spec-top .detail .btn a,
#record-detail-top .content .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

@media only screen and (max-width: 768px) {
	#record-detail-top #price-terminal section .content .title-cell span {
		font-size: 13px;
	}
	#record-detail-top #price-terminal section .content .title-cell div {
		height: 50px;
	}
	#record-detail-top #price-terminal section .content .nec_hb div,
	#record-detail-top #price-terminal section .content .auth_vein div,
	#record-detail-top #price-terminal section .content .auth_fingerprint div,
	#record-detail-top #price-terminal section .content .bt-2000 div,
	#record-detail-top #price-terminal section .content .auth_felica div,
	#record-detail-top #price-terminal section .content .pitpro div,
	#record-detail-top #price-terminal section .content .auth_terminal div,
	#record-detail-top #price-terminal section .content .auth_location div {
		text-align: left;
		font-size: 12px;
	}
	#record-detail-top #price-terminal section .content .nec_hb div,
	#record-detail-top #price-terminal section .content .auth_vein div,
	#record-detail-top #price-terminal section .content .auth_fingerprint div {
		height: 180px;
	}
	#record-detail-top #price-terminal section .content .chara p {
		padding-left: 0em;
	} 
	#record-detail-top #price-terminal section .content .kind-of .name {
		display: none;
	}
	#record-detail-top #price-terminal section .content .kind-of {
		display: flex !important;
	}
	#record-detail-top #price-terminal section .content .kind-of img {
		width: 90%;
		margin: 5%;
	}
	#record-detail-top #price-terminal section .content .auth_location .kind-of {
		border-radius: 0 0 0 10px;
	}
	#record-detail-top #price-terminal section .content .auth_location .price_none {
		border-radius: 0 0 10px 0;
	}
	#record-detail-top #price-terminal section .content .title-cell .price {
		border-radius: 0 10px 0 0;
	}
	#record-detail-top #price-terminal section .content .title-cell .kind-of {
		border-radius: 10px 0 0 0;
	}
	#record-detail-top .content .btn {
		margin: 50px auto 0;
	}
}


@media only screen and (max-width: 640px) {
	#record-detail-top #price-terminal section .content .nec_hb div,
	#record-detail-top #price-terminal section .content .auth_vein div,
	#record-detail-top #price-terminal section .content .auth_fingerprint div {
		height: 100px;
	}
}


/*OS環境----------------------------------------------*/
#record-detail-top #operating_environment section:nth-of-type(2n+1) {
	background-color: #fff;
}

#record-detail-top #operating_environment section .content {
	width: 100%;
}
#operating_environment section .content .comparison-table {
	overflow: hidden;
	width: 95%;
	margin: 0 auto 30px;
}
#safe-support-top #operating_environment section .content .title-cell,
#system-support-top #operating_environment section .content .title-cell,
#record-detail-top #operating_environment section .content .title-cell {
	clear: both;
	overflow: hidden;
}
#safe-support-top #operating_environment section .content .title-cell div,
#system-support-top #operating_environment section .content .title-cell div,
#record-detail-top #operating_environment section .content .title-cell div {
	background-color: #2a98e1;
	color: #fff;
}
#safe-support-top #operating_environment section .content .title-cell div,
#safe-support-top #operating_environment section .content .windows-7 div,
#safe-support-top #operating_environment section .content .mac div,
#system-support-top #operating_environment section .content .title-cell div,
#system-support-top #operating_environment section .content .windows-7 div,
#system-support-top #operating_environment section .content .mac div,
#record-detail-top #operating_environment section .content .title-cell div,
#record-detail-top #operating_environment section .content .windows-7 div,
#record-detail-top #operating_environment section .content .windows-8 div,
#record-detail-top #operating_environment section .content .windows-10 div,
#record-detail-top #operating_environment section .content .android div,
#record-detail-top #operating_environment section .content .tablet div,
#record-detail-top #operating_environment section .content .mac div {
	float: left;
	font-size: 14px;
	text-align: center;
	height: 100px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

#operating_environment section .content .title-cell .device-os {
	border-radius: 10px 0 0 0;
}
#operating_environment section .content .device-os {
	margin: 2px 0;
	width: 25%;
	background-color: #ecf0f1;
	color: #060606;
}

#operating_environment section .content .hybrid,
#operating_environment section .content .vein,
#operating_environment section .content .fingerprint,
#operating_environment section .content .ic-card,
#operating_environment section .content .password {
	width: 18.2%;
	margin: 2px 0 2px 0.5%;
	background-color: #ecf0f1;
	color: #060606;
}
#record-detail-top #operating_environment section .content .hybrid,
#record-detail-top #operating_environment section .content .vein,
#record-detail-top #operating_environment section .content .fingerprint,
#record-detail-top #operating_environment section .content .ic-card,
#record-detail-top #operating_environment section .content .password {
	width: 14.5%;
}
#record-detail-top #operating_environment.myrecorder section .content .hybrid,
#record-detail-top #operating_environment.myrecorder section .content .vein,
#record-detail-top #operating_environment.myrecorder section .content .fingerprint,
#record-detail-top #operating_environment.myrecorder section .content .ic-card,
#record-detail-top #operating_environment.myrecorder section .content .password {
	width: 18.2%;
}



#operating_environment section .content .hybrid img,
#operating_environment section .content .vein img,
#operating_environment section .content .fingerprint img,
#operating_environment section .content .ic-card img,
#operating_environment section .content .password img {
	width: 50px;
	margin: auto 10px auto;
}

#operating_environment section .content .title-cell .password {
	border-radius: 0 10px 0 0;
}

#operating_environment section .content .mac .device-os {
	border-radius: 0 0 0 10px;
}
#operating_environment section .content .mac .password {
	border-radius: 0 0 10px 0;
}

#operating_environment section .content .title-cell span {
	position: relative;
	font-size: 13px;
}

#record-detail-top #operating_environment section .content .title-cell span:before {
/*	background-image: url(/wp-content/uploads/2017/02/css_sprites_merit.png);*/
	content: "";
	background-size: 64px 65px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#record-detail-top #operating_environment section .content .title-cell .aggregate span:before {
	background-position: -32px 0;
	width: 24px;
}
#record-detail-top #operating_environment section .content .title-cell .calculation span:before {
	background-position: -32px -33px;
	height: 23px;
}
#record-detail-top #operating_environment section .content .title-cell .storage span:before {
	background-position: 0 -33px;
}

@media only screen and (max-width: 768px) {
	#record-detail-top #operating_environment section .content .title-cell span {
		font-size: 13px;
	}
	#record-detail-top #operating_environment section .content .title-cell div {
		height: 100px;
	}
	#record-detail-top #operating_environment section .content .nec_hb div,
	#record-detail-top #operating_environment section .content .auth_vein div,
	#record-detail-top #operating_environment section .content .auth_fingerprint div,
	#record-detail-top #operating_environment section .content .bt-2000 div,
	#record-detail-top #operating_environment section .content .auth_felica div,
	#record-detail-top #operating_environment section .content .pitpro div,
	#record-detail-top #operating_environment section .content .auth_terminal div,
	#record-detail-top #operating_environment section .content .auth_location div {
		text-align: left;
		font-size: 12px;
	}
	#record-detail-top #operating_environment section .content .nec_hb div,
	#record-detail-top #operating_environment section .content .auth_vein div,
	#record-detail-top #operating_environment section .content .auth_fingerprint div {
		height: 100px;
	}

	#record-detail-top #operating_environment section .content .kind-of .name {
		display: none;
	}
	#record-detail-top #operating_environment section .content .kind-of {
		display: flex !important;
	}
	#record-detail-top #operating_environment section .content .kind-of img {
		width: 90%;
		margin: 5%;
	}
	#operating_environment section .content .hybrid img,
	#operating_environment section .content .vein img,
	#operating_environment section .content .fingerprint img,
	#operating_environment section .content .ic-card img,
	#operating_environment section .content .password img {
		width: 10px;
		margin: auto 1px;
	}
	#record-detail-top #operating_environment section .content .title-cell .device-os {
		border-radius: 10px 0 0 0;
	}
	#record-detail-top #operating_environment section .content .title-cell .password {
		border-radius: 0 10px 0 0;
	}
	#record-detail-top #operating_environment section .content .mac .device-os {
		border-radius: 0 0 0 10px;
	}
	#record-detail-top #operating_environment section .content .mac .password {
		border-radius: 0 0 10px 0;
	}
	#record-detail-top #operating_environment section .content .annotation {
		font-size: 11px;
		max-width: 95%;
		margin: auto 2.5%;
	}
}

#record-detail-top .scene-block .main-area .detail h4 .num,
#record-detail-top .scene-block .wrap .detail h4 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 30px;
	color: #1D9E48;
	text-align: center;
}
#record-detail-top .scene-block .main-area .detail h4:after,
#record-detail-top .scene-block .wrap .detail h4:after {
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 768px) {
	#record-detail-top .scene-block .main-area .detail h4 .num,
	#record-detail-top .scene-block .wrap .detail h4 .num {
		padding-bottom: 15px;
		font-size: 20px;
	}
}


/*---------------------------------------------------------------------------------
機能
--------------------------------------------------------------------------------- */
/*#overtime-top h1,
#function2-top h1,
#function-top h1 {
	background-image: url(/wp-content/uploads/2017/02/many_function_bg.jpg);
	position: relative;
}*/

#function2-top .link-area .inner .link-box .link-img,
#function-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_overtime-bases.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
#function2-top .scene-block .read,
#function-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_overtime-bases.jpg);
}

#function-top #books .read,
#function-top .link-area .inner .books .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_books.jpg);
}
#function-top #salary .read,
#function-top .link-area .inner .salary .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_salary.jpg);
}
#function-top #aggregate .read,
#function-top .link-area .inner .aggregate .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_aggregate.jpg);
}
#function-top #aggregate .read {
	background-position: center 90%;
}
#function-top #alert .read,
#function-top .link-area .inner .alert .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_alert.jpg);
}
#function-top #alert .read {
	background-position: center 60%;
}
#function-top #vacation .read,
#function-top .link-area .inner .vacation .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_vacation.jpg);
}
#function-top #vacation .read {
	background-position: center 85%;
}
#function-top #application .read,
#function-top .link-area .inner .application .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_application.jpg);
}
#function-top #admin .read,
#function-top .link-area .inner .admin .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_admin.jpg);
}
#function-top #admin .read {
	background-position: center 15%;
}
#function-top #schedule .read,
#function-top .link-area .inner .schedule .link-img {
	background-image: url(/wp-content/uploads/2017/02/function_schedule.jpg);
}
#function-top .txt h4,
#function-top .wrap .detail h4 .num,
#function-top .link-area .inner .title {
	color: #1D9E48;
}
#function-top .read .txt h4:after,
#function-top .wrap .detail h4:after,
#function-top .wrap .detail .btn a,
#function-top .link-area .inner .btn {
	background-color: #1D9E48;
}
.paged .link-area .inner .image {
	border-bottom: #1D9E48 5px solid;
}

/*
#function-top #overtime_bases .read .txt h4:after,
#function-top #overtime_bases .wrap .detail h4:after,
#function-top #overtime_bases .wrap .detail .btn a,
#function-top .link-area .inner .overtime_bases .btn {
	background-color: #1D9E48;
}*/

.main_contents .main-thumbnail,
.paged .read-block .main-thumbnail {
	width: 500px;
	margin: 20px auto 30px;
}

.main_contents .main-thumbnail img,
.paged .read-block .main-thumbnail img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
    .main_contents .main-thumbnail,
	.paged .read-block .main-thumbnail {
		max-width: 500px;
		width: 95%;
		text-align: center;
		margin: auto;
	}
    .main_contents .main-thumbnail img,
	.paged .read-block .main-thumbnail img {
		max-width: 500px;
		width: 100%;
		height: auto;
	}
}


/*---------------------------------------------------------------------------------
リアルタイム管理
--------------------------------------------------------------------------------- */
/*#work-top h1,
#overtime_situation-top h1,
#anomaly_attendance-top h1,
#improve_approximation-top h1,
#global-top h1,
#manage-top h1 {
	background-image: url(/wp-content/uploads/2017/02/realtime_bg.jpg);
	position: relative;
}

#manage-top .link-area {
	background-image: url(/wp-content/uploads/2017/02/realtime_main.jpg);
	position: relative;
}*/

#manage-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_data-concentration.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
#manage-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/realtime_data-concentration.jpg);
}

#work-top .scene-block .read,
#manage-top #anytime .read,
#manage-top .link-area .inner .anytime .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_anytime.jpg);
}
#overtime_situation-top .read,
#manage-top #overtime-situation .read,
#manage-top .link-area .inner .overtime-situation .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_overtime.jpg);
}
#anomaly_attendance-top .read,
#manage-top #abnormal .read,
#manage-top .link-area .inner .abnormal .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_abnormal.jpg);
}
#anomaly_attendance-top .read,
#manage-top #abnormal .read {
	background-position: center 90%;
}
#improve_approximation-top .read,
#manage-top #personnel-expenses .read,
#manage-top .link-area .inner .personnel-expenses .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_personnel-expenses.jpg);
}
#improve_approximation-top .read,
#manage-top #personnel-expenses .read {
	background-position: center 60%;
}
#global-top .read,
#manage-top #overseabases .read,
#manage-top .link-area .inner .overseabases .link-img {
	background-image: url(/wp-content/uploads/2017/02/realtime_overseabases.jpg);
}
#global-top .read,
#manage-top #overseabases .read {
	background-position: center 85%;
}
#manage-top .read .txt h4,
#manage-top .wrap .detail h4 .num,
#manage-top .link-area .inner .title {
	color: #1D9E48;
}
#manage-top .read .txt h4:after,
#manage-top .wrap .detail h4:after,
#manage-top .wrap .detail .btn a,
#manage-top .link-area .inner .btn {
	background-color: #1D9E48;
}

/*---------------------------------------------------------------------------------
導入価格
--------------------------------------------------------------------------------- */
/*#introduction-top h1,
#flow-top h1,
#cost-top h1 {
	background-image: url(/wp-content/uploads/2017/02/cost_bg.jpg);
	position: relative;
}

#cost-top .link-area {
	background-image: url(/wp-content/uploads/2017/02/cost_main.jpg);
}*/

#cost-top .count-box {
	width: 370px;
	margin: 0 auto 30px;
	padding: 20px 0 5px;
	border: #000 2px solid;
	border-radius: 10px;
	/*background-color: #1D9E48;
	color: #fff;*/
}
#cost-top .count-box h3 {
	color: #000;
	font-size: 40px;
	line-height: 1.2;
}
#cost-top .count-box .detail {
	font-size: 24px;
}
#cost-top .count-box .detail .blue,
#cost-top .count-box .detail .number {
	font-size: 54px;
	font-weight: 800;
	color: #2A98E1;
}


#cost-top .link-area .inner .link-box {
    width: 46%;
    margin: 0 2% 60px;
}

#cost-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/cost_installation-cost.jpg);
	background-size: cover;
	background-position: 50% 30%;
}
/*#cost-top .scene-block section:nth-of-type(2n) {
	background-color: #f6f6f6;
}*/
#introduction-top .scene-block .read,
#cost-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/cost_installation-cost.jpg);
	background-position: 50% 30%;
}
#flow-top .scene-block .read,
#cost-top #installation-flow .read,
#cost-top .link-area .inner .installation-flow .link-img {
	background-image: url(/wp-content/uploads/2017/02/cost_flow.jpg);
}
#cost-top .read .txt h4,
#cost-top .wrap .detail h4 .num,
#cost-top .link-area .inner .title {
	color: #1D9E48;
}
#cost-top read .txt h4:after,
#cost-top .wrap .detail h4:after,
#cost-top .wrap .detail .btn a,
#cost-top .link-area .inner .btn {
	background-color: #1D9E48;
}

#installation-cost {
	overflow: hidden;
	max-width: 1100px;
	margin: auto;
	margin-bottom: 50px
}

#installation-cost .function-detail {
	float: left;
	width: 49%;
	clear: none;
	margin-right: 1%;
	padding: 0 !important;
	background-color: #fff !important;
}
#installation-cost .function-detail:nth-of-type(2n) {
	float: right;
	width: 49%;
	clear: none;
	margin-left: 1%;
	margin-right: 0;
}
#installation-cost .function-detail:nth-of-type(2n+1) {
	clear: both;
}
#installation-cost .function-detail .function-area {
	padding: 25px 20px;
	border: 5px #1D9E48 solid;
	border-radius: 10px 0 0 0;
	margin: 0 0 4%;
}
#installation-cost .function-detail .function-area h4 .num,
#installation-cost .function-detail .function-area h3 .num {
	color: #1D9E48;
}
#installation-cost .function-detail .function-area h4:after,
#installation-cost .function-detail .function-area h3:after {
	background-color: #1D9E48;
}
#installation-cost .function-detail .function-area h4 {
	padding-bottom: 20px;
}
#installation-cost .function-detail .function-area h4 .num {
	padding-bottom: 10px;
	font-size: 18px;
}

#installation-cost .function-detail:nth-of-type(2) .function-area {
	border-radius: 0 10px 0 0;
}
#installation-cost .function-detail:nth-of-type(3) .function-area {
	border-radius: 0 0 0 10px;
}
#installation-cost .function-detail:nth-of-type(4) .function-area {
	border-radius: 0 0 10px 0;
}

#installation-cost .function-detail .function-area .detail .btn {
	margin: 15px auto 0;
}
#installation-cost .function-detail .function-area .detail .btn a {
	background-color: #1D9E48;
}

#online-room-top .function-detail .btn, 
#cost-top .function-detail .btn {
	margin: 15px auto 0;
	width: 270px;
}

#online-room-top .function-detail .btn a, 
#cost-top .function-detail .btn a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
	background-color: #1D9E48;
}

#online-room-top .function-detail .btn a {
    background-color: #E48434;
}

#cost-top .detail .image img {
	max-width: 95%;
	margin: 2.5%;
}

@media only screen and (max-width: 768px) {
	#cost-top .scene-block section:nth-of-type(2n) {
		padding-top: 40px;
	}
	#cost-top .link-area .inner .link-box {
		margin-bottom: 0;
	}
	#cost-top .count-box {
		width: 250px;
		margin: 0 auto 15px;
		padding: 10px 0 5px;
	}
	#cost-top .count-box h3 {
		font-size: 30px;
	}
	#cost-top .count-box .detail {
		font-size: 16px;
	}
	#installation-cost {
		overflow: hidden;
		width: 95%;
		margin: auto;
		margin-bottom: 30px
	}
	#installation-cost .function-detail,
	#installation-cost .function-detail:nth-of-type(2n) {
		float: none;
		width: 95%;
		margin: 0 auto;
		clear: both;
	}
	#cost-top .detail .image {
		max-width: 95%;
		margin: auto;
	}
	#cost-top .count-box .detail .blue,
	#cost-top .count-box .detail .number {
		font-size: 40px;
	}
	#installation-cost .function-detail .function-area {
		border-radius: 0 !important;
		padding: 15px 10px;
	}
	.paged .function-detail .function-area .detail .btn {
		max-width: 100%;
	}
}


/*---------------------------------------------------------------------------------
導入事例
--------------------------------------------------------------------------------- */
/*#record-detail-top h1,
#case-top h1 {
	background-image: url(/wp-content/uploads/2017/02/case_bg.jpg);
	position: relative;
}*/

#record-detail-top .link-area .inner .link-box,
#case-top .link-area .inner .link-box {
	width: 46%;
	margin: 0 2% 60px;
}
#record-detail-top .link-area .inner .link-box .link-img,
#case-top .link-area .inner .link-box .link-img {
	height: auto;
}
#record-detail-top .link-area .inner .link-box .link-img h3,
#case-top .link-area .inner .link-box .link-img h3 {
	background-color: #006600;
	color: #fff;
	padding: 5px;
}
#record-detail-top .list-block .right,
#case-top .list-block .right {
	text-align: right;
	font-size: 13px;
}
#case-top .link-area .inner .link-box .right {
	text-align: right;
	margin-right: 20px;
}
#case-top .link-area .inner .btn {
	background-color: #060;
}

/*一覧---------------------------------------------------------------------------*/
#record-detail-top .list-block {
	padding-bottom: 50px;
}

#case-top .list-block {
	padding-bottom: 50px;
}

#case-top .list-block .inner,
#record-detail-top .list-block .inner {
	max-width: 1100px;
	margin: 0 auto;
}
#record-detail-top .list-block .inner h3,
#case-top .list-block .inner h3 {
	padding-top: 38px;
	padding-bottom: 72px;
	position: relative;
	font-size: 36px;
	line-height: 1;
	color: #1D9E48;
	text-align: center;
}
#record-detail-top .list-block .inner h3:after,
#case-top .list-block .inner h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}

.caselogo-area .inner {
    max-width: 1100px;
    margin: auto;
}

.caselogo-area .inner {
    overflow: hidden;
}

.caselogo-area .inner ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.caselogo-area .inner ul li {
    box-sizing: border-box;
    padding: 5px;
    flex: 0 0 16.6%;
}

.caselogo-area .inner ul li img {
    max-width: 100%;
    height: auto;
}

.contact-comment .question {
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
    color: #1D9E48;
}

.contact-comment .answer {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 60px;
}

.contact-comment .introduction {
    margin-bottom: 32px;
    font-size: 1.2rem;
    color: #333;
}

.contact-comment .main_header {
    font-size: 32px;
    color: #E48434;
    margin-bottom: 15px;
    position: relative;
    font-weight: 800;
}




@media only screen and (max-width: 768px) {
	#case-top .list-block,
	#record-detail-top .list-block {
		padding-bottom: 0;
	}
	#record-detail-top .list-block .inner,
	#case-top .list-block .inner {
		max-width: 100%;
		margin: 0 auto;
	}
	#record-detail-top .list-block .inner h3,
	#case-top .list-block .inner h3 {
		padding-top: 18px;
		padding-bottom: 28px;
		position: relative;
		font-size: 18px;
		line-height: 1;
		color: #1D9E48;
		text-align: center;
	}
	#record-detail-top .list-block .inner h3:after,
	#case-top .list-block .inner h3:after {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #43BBB3;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		content:"";
	}

    .caselogo-area .inner ul li {
        flex:0 0 33.3333%;
    }
}

/*ソート用ボタン*/
#record-detail-top .list-block .filters,
#case-top .list-block .filters {
	margin-bottom: 96px;
	border: 1px solid #D1D1D1;
}
#record-detail-top .list-block .filters:after,
#case-top .list-block .filters:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-detail-top .list-block .filters li,
#case-top .list-block .filters li {
	width: 16.66666%;
	float: left;
}
#record-detail-top .list-block .filters li br,
#case-top .list-block .filters li br {
	display: none;
}

#record-detail-top #case-list .filters li,
#case-top .list-block .filters li {
	width: 14.28%;
}

/*#case-top .list-block .filters li:nth-of-type(1) {
	width: 98.6%;
}

#case-top .list-block .filters li:nth-of-type(8),
#case-top .list-block .filters li:nth-of-type(9) {
	width: 49.8%;
}*/

#record-detail-top .list-block .filters li a,
#case-top .list-block .filters li a {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 98px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	padding: 41px 0 41px 68px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	box-shadow:0px -4px 6px -4px #d2d1d2 inset;
}

#record-detail-top #case-list .filters li a,
#case-top .list-block .filters li a {
	height: 70px;
	font-size: 14px;
	padding: 28px 0 30px 64px;
}

#record-detail-top .list-block .filters li a.current,
#case-top .list-block .filters li a.current {
	background-color: #1D9E48;
	color: #fff;
}
#record-detail-top .list-block .filters li:nth-of-type(1) a,
#record-detail-top .list-block .filters li:nth-of-type(2) a,
#case-top .list-block .filters li:nth-of-type(1) a,
#case-top .list-block .filters li:nth-of-type(2) a {
	border-top: 1px solid #D1D1D1;
	padding-right: 0;
	text-align: center;
}

#record-detail-top #case-list .filters li:nth-of-type(1) a,
#record-detail-top #case-list .filters li:nth-of-type(2) a {
    text-align: left;
}

#record-detail-top .list-block .filters li a img,
#case-top .list-block .filters li a img {
	width: 40px;
	display: block;
	position: absolute;
	top: 29px;
	left: 14px;
}

#record-detail-top #case-list .filters li a img,
#case-top .list-block .filters li a img {
    width: 30px;
    top: 19px;
}

/*
#case-top .list-block .filters li:nth-of-type(1) a img {
	left: 50%;
	margin-left: -100px;
}
#case-top .list-block .filters li:nth-of-type(2) a img {
	left: 50%;
	margin-left: -170px;
}*/
#record-detail-top .list-block .filters li a:after,
#case-top .list-block .filters li a:after {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
	position: absolute;
	top: 0;
	left: 0;
	content:"";
}
#case-top .list-block .filters li a .tooltip {
	display: none;
	width: 226px;
	padding: 20px 35px;
	font-size: 14px;
	color: #fff;
	background-color: #43BBB3;
	border-radius: 6px;
	position: absolute;
	left: -11px;
	top: 83px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	z-index: 10;
}
#case-top .list-block .filters li:nth-of-type(1) a .tooltip {
	left: 108px;
}

#case-top .list-block .filters li a:hover .tooltip:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}
/*#case-top .list-block .filters li a:hover .tooltip {
	display: block;
}*/
@media screen and (min-width:769px) and  (max-width: 1000px) {
	#record-detail-top .list-block .filters li,
	#record-detail-top #case-list .filters li,
	#case-top .list-block .filters li {
		width:25%;
		float: left;
	}
	#record-detail-top .list-block .filters li:nth-of-type(1),
	#record-detail-top .list-block .filters li:nth-of-type(2),
	#record-detail-top #case-list .filters li:nth-of-type(1),
	#record-detail-top #case-list .filters li:nth-of-type(2),
	#case-top .list-block .filters li:nth-of-type(1),
	#case-top .list-block .filters li:nth-of-type(2) {
		width: 50%;
	}
	#record-detail-top .list-block .filters li:last-child,
	#record-detail-top #case-list .filters li:last-child,
	#case-top .list-block .filters li:last-child {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	#record-detail-top .list-block .filters,
	#record-detail-top #case-list .filters,
	#case-top .list-block .filters {
		margin-bottom: 30px;
		border-left: 1px solid #D1D1D1;
	}
	#record-detail-top .list-block .filters:after,
	#case-top .list-block .filters:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-detail-top .list-block .filters li,
	#record-detail-top #case-list .filters li,
	#case-top .list-block .filters li {
		width: 25%;
		float: left;
	}
	#record-detail-top .list-block .filters li br,
	#case-top .list-block .filters li br {
		display: inline;
	}
/*	#case-top .list-block .filters li:nth-of-type(1) {
		width: 100%;
	}
	#case-top .list-block .filters li:nth-of-type(8),
	#case-top .list-block .filters li:nth-of-type(9) {
		width: 25%;
	}*/
	#record-detail-top .list-block .filters li a,
	#record-detail-top #case-list .filters li a,
	#case-top .list-block .filters li a {
		box-sizing: border-box;
		display: flex; 
		position: relative;
		width: 100%;
		height: 50px;
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		align-items: center;
		padding:0px 0 0 32px;
		border-right: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	}
	#record-detail-top .list-block .filters li a.current,
	#case-top .list-block .filters li a.current {
		background-color: #1D9E48;
		color: #fff;
	}/*
	#case-top .list-block .filters li:nth-of-type(1) a {
		border-top: 1px solid #D1D1D1;
		padding-right: 0;
		text-align: center;
		padding-left: 50px;
	}*/
	#case-top .list-block .filters li:nth-of-type(2) a {
		border-top: 1px solid #D1D1D1;
		padding-right: 0;
		text-align: center;
	/*	padding-left: 26px;*/
	}

	#case-top .list-block .filters li a img {
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		margin: auto;
	}
	/*#case-top .list-block .filters li:nth-of-type(1) a img {
		left: 0%;
		margin-left: 18px;
	}
	#case-top .list-block .filters li:nth-of-type(2) a img {
		left: 50%;
		margin-left: -90px;
	}*/
	#case-top .list-block .filters li a:after {
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		content:"";
	}
	#case-top .list-block .filters li a .tooltip,
	#case-top .list-block .filters li a:hover .tooltip {
		display: none;
	}
	#record-detail-top .list-block .filters li a img,
	#record-detail-top #case-list .filters li a img {
		width: 15px;
		top: 16px;
		left: 9px;
	}
}

@media screen and  (max-width: 320px) {
	#record-detail-top .list-block .filters li a,
	#record-detail-top #case-list .filters li a,
	#case-top .list-block .filters li a {
		font-size: 9px;
	}
}

#record-detail-top .list-block .item-wrap,
#case-top .list-block .item-wrap {
	width: 1120px;
	position: relative;	
}
@media screen and  (max-width: 1000px) {
	#record-detail-top .list-block .item-wrap, 
	#case-top .list-block .item-wrap {
		width: 100%;
	}
}
#record-detail-top .list-block .item-wrap .item,
#case-top .list-block .item-wrap .item {
	box-sizing: border-box;
	width: 50%;
	padding-right: 20px;
	padding-bottom: 25px;
	float: left;
}
#record-detail-top #case-list .item-wrap .item {
	width: 33.3333%;
}

#record-detail-top .list-block .item h4,
#case-top .list-block .item h4 {
	padding: 17px 24px 15px;
	background-color: #1D9E48;
	font-size: 18px;
	line-height: 1;
	color: #fff;
	position: relative;
}
#record-detail-top #case-list .interview h4 {
	padding: 17px 48px 15px 24px;
}
#record-detail-top .list-block .item .detail_link,
#case-top .list-block .item .detail_link {
	position: absolute;
	top: 0;
	right: 20px;
	max-height: 18px;
	bottom: 0;
	margin: auto;
}
#record-detail-top #case-list .item .detail_link span,
#record-detail-top .list-block .item .detail_link a,
#case-top .list-block .item .detail_link a {
	padding: 7px 17px 5px;
	font-size: 14px;
	font-weight: 800;
	background-color: #fff;
	border-radius: 6px;
}
#record-detail-top #case-list .item .detail_link span,
#record-detail-top #case-list .item .detail_link a {
	padding: 5px 8px 5px;
}
#record-detail-top .list-block .item .wrap,
#case-top .list-block .item .wrap {
	border: 20px solid #efefef;
	padding: 15px;
	background-color: #fff;
	position: relative;
	min-height: 220px;
}

#case-top .list-block .item .wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


#record-detail-top .list-block .item .wrap:after,
#case-top .list-block .item .wrap:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}

#record-detail-top .list-block .item .wrap:before,
#case-top .list-block .item .wrap:before {
	display: block;
	width: 18px;
	height: 15px;
	background-image: url(/wp-content/uploads/2018/11/icon_item.png);
	position: absolute;
	top: -20px;
	left: -20px;
	content:"";
}

#record-detail-top .list-block .item h5,
#case-top .list-block .item h5 {
	font-size: 18px;
	color: /*#e80c7a*/ #e9641e;
	padding-bottom: 10px;
	padding-top: 10px;
	clear: both;
	margin-bottom: 15px;
	line-height: 1.3;
}

#case-top .list-block .item ul {
	font-size: 13px;
}

#case-top .list-block .item .read {
	padding-bottom: 10px;
	font-size: 14px;
}



#case-top .list-block .item .photo {
	position: relative;
    flex: 0 0 42%;
    text-align: center;
}

#case-top .list-block .item .photo img {
    width: initial;
    max-width: 100%;
}


#case-top .list-block .item .photo .icon {
	width: 100%;
	overflow:hidden;
	/*position: absolute;*/
	left: 0;
	bottom: 0;
}
#case-top .list-block .item .photo .icon li {
	width: 50%;
	float: left;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 9px;
}
#case-top .list-block .item .photo .icon li.cate1 {/*サービス*/
	background-color: #1D9E48;
}
#case-top .list-block .item .photo .icon li.cate2 {/*飲食*/
	background-color: /*#e80c7a*/ #e9641e;
}
#case-top .list-block .item .photo .icon li.cate3 {/*小売*/
	background-color: #35b574;
}
#case-top .list-block .item .photo .icon li.cate4 {/*医療*/
	background-color: /*#9e35b4*/ #615d94;
}
#case-top .list-block .item .photo .icon li.cate5 {/*製造*/
	background-color: #ff9f08;
}
#case-top .list-block .item .photo .icon li.cate6 {/*娯楽*/
	background-color: #E48434;
}
#case-top .list-block .item .photo .icon li.cate7 {/*物流*/
	background-color: #2a98e1;
}
#case-top .list-block .item .photo .icon li.cate8 {/*その他*/
	background-color: #368b30;
}
#case-top .list-block .item .detail {
/*	width: 54%;
	float: right;*/
    flex: 0 0 54%;
    align-self: flex-start;
}
#case-top .list-block .item .detail h6 {
	height: 95px;
	font-size: 16px;
	line-height: 1.6;
}
#case-top .list-block .item .detail .price {
	padding-bottom: 25px;
	font-size: 11px;
	line-height: 1;
	text-align: right;
}
#case-top .list-block .item .detail .price strong {
	display: inline-block;
	padding-left: 5px;
	font-size: 30px;
	color: /*#e80c7a*/ #e9641e;
}
#case-top .list-block .item .detail .notes {
	font-size: 10px;
}
#case-top .list-block .item .detail_btn {
	display: none;
}


@media only screen and (max-width: 768px) {
	#record-detail-top .list-block .item-wrap .item,
	#case-top .list-block .item-wrap .item {
		padding-right: 0px;
		padding-bottom: 10px;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	#record-detail-top #case-list .item-wrap .item {
		width: 50%;
	}
	#record-detail-top .list-block .item h4,
	#case-top .list-block .item h4 {
		padding: 7px 12px 5px;
		background-color: #1D9E48;
		font-size: 16px;
		line-height: 1.25;
		color: #fff;
	}
	#record-detail-top #case-list .interview h4 {
		padding: 7px 38px 5px 12px;
	}
	#record-detail-top .list-block .item .wrap,
	#case-top .list-block .item .wrap {
		border: 10px solid #DBF1F0;
		padding: 7px;
		background-color: #fff;
		position: relative;
		padding-bottom: 60px;
	}
	#case-top .list-block .item .wrap {
		min-height: 250px;
	}
	#record-detail-top .list-block .interview .detail_link {
		right: 8px;
	}
	#record-detail-top .list-block .item .wrap {
		padding-bottom: 0;
		min-height: 140px;
	}
	#record-detail-top .list-block .item .wrap:after,
	#case-top .list-block .item .wrap:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-detail-top .list-block .item .wrap:before,
	#case-top .list-block .item .wrap:before {
		display: block;
		width: 9px;
		height: 7px;
		background-image: url(/wp-content/uploads/2018/11/icon_item.png);
		background-size: 100%;
		position: absolute;
		top: -10px;
		left: -10px;
		content:"";
	}
	#case-top .list-block .item h5 {
		font-size: 13px;
		color: /*#e80c7a*/ #e9641e;
		margin-bottom: 0;
		height: auto;
	}
	#case-top .list-block .item .read {
		display: none;
	}
	#case-top .list-block .item .photo {
		position: relative;
        flex: 0 0 100%;
        display: table;
	}
	#case-top .list-block .item .photo a {
        vertical-align: middle;
        display: table-cell;
    }
	#case-top .list-block .item .photo .icon {
		width: 100%;
		overflow:hidden;
		left: 0;
		bottom: 0;
	}
	#case-top .list-block .item .photo .icon li {
		float: left;
		font-size: 8px;
		line-height: 1;
		color: #fff;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 4px;
	}

	#case-top .list-block .item .detail {
/*		width: 100%;
		float: none;*/
		position: relative;
        flex: 0 0 100%;	
	}
	#case-top .list-block .item .detail h6 {
		height: auto;
		font-size: 11px;
		line-height: 1.4;
		padding: 6px 8px 12px;
	}
	#case-top .list-block .item .detail .price {
		padding-bottom: 0px;
		font-size: 8px;
		line-height: 1;
		text-align: right;
	}
	#case-top .list-block .item .detail .price strong {
		display: inline-block;
		padding-left: 2px;
		font-size: 17px;
		color: /*#e80c7a*/ #e9641e;
	}
	#case-top .list-block .item .detail .notes {
		display: none;
	}
	#case-top .list-block .item .detail_link {
		display: none;
	}
	#case-top .list-block .item .detail_btn {
		display: block;
		margin: 0 5%;
		width: 90%;
		position: absolute;
		bottom: 20px;
		text-align: center;
		left: 0;
		right: 0;
	}
	#case-top .list-block .item .detail_btn a {
		padding: 5px 25px;
		background-color: #43BBB3;
		border-radius: 15px;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
	}
/*	#case-top .list-block .item .detail_btn a::before {
		width: 13px;
		height: 18px;
		background-position: -27px -110px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.5em;
		content: '';
		margin-top: auto;
		margin-bottom: auto;
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-size: 300px 485px;
	}
*/
	#case-top .list-block .item ul,
	#case-top .list-block .right {
		display: none;
	}

}

@media only screen and (max-width: 320px) {
	#case-top .list-block .item .detail_btn a {
		padding: 5px 15px;
		background-color: #43BBB3;
		border-radius: 15px;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
	}
	#case-top .list-block .item .wrap {
		min-height: 240px;
}

}

/*---------------------------------------------------------------------------------
サポート体制
--------------------------------------------------------------------------------- */
/*#operating-top h1,
#version_up-top h1,
#kot_spec-top h1,
#trial_kit-top h1,
#customer-top h1,
#support-top h1 {
	background-image: url(/wp-content/uploads/2017/02/support_bg.jpg);
	position: relative;
}

#support-top .link-area {
	background-image: url(/wp-content/uploads/2017/02/support_main.jpg);
}*/

#support-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_installation-support.jpg);
	background-size: cover;
	background-position: 50% 30%;
}

#support-top .scene-title .txt {
	text-align: center;
}

#support-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/realtime_data-concentration.jpg);
}

#support-top #operating-system .read,
#support-top .link-area .inner .operating-system .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_operating-system.jpg);
}
#support-top #version-up .read,
#support-top .link-area .inner .version-up .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_version-up.jpg);
}
#support-top #operating-environment .read,
#support-top .link-area .inner .operating-environment .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_operating-environment.jpg);
}
#support-top #operating-environment .read {
	background-position: center 90%;
}
#support-top #data-back-up .read,
#support-top .link-area .inner .data-back-up .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_data-back-up.jpg);
}
#support-top #data-back-up .read {
	background-position: center 60%;
}
#support-top #trial-kit .read,
#support-top .link-area .inner .trial-kit .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_trial-kit.jpg);
}
#support-top #trial-kit .read {
	background-position: center 60%;
}
#support-top #currently-user .read,
#support-top .link-area .inner .currently-user .link-img {
	background-image: url(/wp-content/uploads/2017/02/support_currently-user.jpg);
}


#support-top #operating-system .read .txt h4,
#support-top #operating-system .wrap .detail h4 .num,
#support-top .link-area .inner .operating-system .title {
	color: #1D9E48;
}
#support-top #operating-system .read .txt h4:after,
#support-top #operating-system .wrap .detail h4:after,
#support-top #operating-system .wrap .detail .btn a,
#support-top .link-area .inner .operating-system .btn {
	background-color: #1D9E48;
}
#support-top #version-up .read .txt h4,
#support-top #version-up .wrap .detail h4 .num,
#support-top .link-area .inner .version-up .title {
	color: /*#e80c7a*/ #e9641e;
}
#support-top #version-up  .read .txt h4:after,
#support-top #version-up  .wrap .detail h4:after,
#support-top #version-up .wrap .detail .btn a,
#support-top .link-area .inner .version-up .btn {
	background-color: /*#e80c7a*/ #e9641e;
}
#support-top #operating-environment .read .txt h4,
#support-top #operating-environment .wrap .detail h4 .num,
#support-top .link-area .inner .operating-environment .title {
	color: #35b574;
}
#support-top #operating-environment .read .txt h4:after,
#support-top #operating-environment .wrap .detail h4:after,
#support-top #operating-environment .wrap .detail .btn a,
#support-top .link-area .inner .operating-environment .btn {
	background-color: #35b574;
}
#support-top #data-back-up .read .txt h4,
#support-top #data-back-up .wrap .detail h4 .num,
#support-top .link-area .inner .data-back-up .title {
	color: /*#9e35b4*/ #615d94;
}
#support-top #data-back-up .read .txt h4:after,
#support-top #data-back-up .wrap .detail h4:after,
#support-top #data-back-up .wrap .detail .btn a,
#support-top .link-area .inner .data-back-up .btn {
	background-color: /*#9e35b4*/ #615d94;
}
#support-top #trial-kit .read .txt h4,
#support-top #trial-kit .wrap .detail h4 .num,
#support-top .link-area .inner .trial-kit .title {
	color: #ff9f08;
}
#support-top #trial-kit .read .txt h4:after,
#support-top #trial-kit .wrap .detail h4:after,
#support-top #trial-kit .wrap .detail .btn a,
#support-top .link-area .inner .trial-kit .btn {
	background-color: #ff9f08;
}
#support-top #currently-user .read .txt h4,
#support-top #currently-user .wrap .detail h4 .num,
#support-top .link-area .inner .currently-user .title {
	color: #2a98e1;
}
#support-top #currently-user .read .txt h4:after,
#support-top #currently-user .wrap .detail h4:after,
#support-top #currently-user .wrap .detail .btn a,
#support-top .link-area .inner .currently-user .btn {
	background-color: #2a98e1;
}

@media only screen and (max-width: 768px) {
	#support-top .scene-title .txt {
		text-align: left;
		margin: 20px 10px 35px;
	}
}

/*---------------------------------------------------------------------------------
コストダウン
--------------------------------------------------------------------------------- */
/*#price_introduction-top h1,
#costdown-top h1 {
	background-image: url(/wp-content/uploads/2017/02/costwdown_bg.jpg);
	position: relative;
}

#costdown-top .read-block {
	padding-bottom: 100px;
	background-image: url(/wp-content/uploads/2017/02/costdown_read_bg_pc.jpg);
	background-size: 100%;
	background-position: center 150px;
	background-repeat: no-repeat;
}

#costdown-top .read-block .inner {
	max-width: 854px;
	padding: 50px 123px 42px;
	margin: 0 auto;
}
#costdown-top .read-block .inner p {
	width: 495px;
	padding-bottom: 55px;
	text-align: left;
}
#costdown-top .read-block .inner .btn {
	width: 270px;
}
#costdown-top .read-block .inner .btn a {
	background-color:  #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}
@media only screen and (max-width: 768px) {
	#costdown-top .read-block {
		background: none;
		padding-bottom: 60px;
	}
	#costdown-top .read-block .inner {
		max-width: auto;
		padding: 10px 0 0px;
		margin: 0 auto;
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#costdown-top .read-block .inner p {
		width: auto;
		padding-bottom: 35px;
		font-size: 15px;
	}
	#costdown-top .read-block .inner .btn {
		width: 233px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#costdown-top .read-block .inner .btn a {
		background-color:  #6cbb5f;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
}*/

#costdown-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/costdown_introduction.jpg);
	margin-bottom: 90px;
}

#costdown-top .scene-block section .detail {
	padding: 0;
}
#costdown-top .scene-block section .detail .title-cell,
#costdown-top .scene-block section .detail .before-cell,
#costdown-top .scene-block section .detail .after-cell {
	clear: both;
	overflow: hidden;
}
#costdown-top .scene-block section .detail .title-cell div,
#costdown-top .scene-block section .detail .before-cell div,
#costdown-top .scene-block section .detail .after-cell div {
	float: left;
	width: 19.8%;
	font-size: 16px;
	margin: 2px 0.1%;
	text-align: center;
	background-color: #ecf0f1;
	height: 150px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

#costdown-top .scene-block,
#costdown-top .scene-block .read .txt,
#costdown-top .scene-block section:nth-of-type(2n+1) {
	background-color: #fff;
}

#costdown-top .scene-block section .detail .before-cell .b-a-c,
#costdown-top .scene-block section .detail .after-cell .b-a-c {
	background-color: #5b5c68;
	color: #fff;
	font-size: 28px;
	border-radius: 10px 0 0 0;
}
#costdown-top .scene-block section .detail .after-cell .b-a-c {
	background-color: #ff7200;
	border-radius: 0 0 0 10px;
}
#costdown-top .scene-block section .detail .after-cell .storage {
	border-radius: 0 0 10px 0;
}

#costdown-top .scene-block section .detail .title-cell .b-a-c {
	background-color: #fff;
}

#costdown-top .scene-block section .detail .title-cell > div {
	background-color: #1D9E48;
	height: 100px;
}

#costdown-top .scene-block section .detail .title-cell .stamp {
	background-color: #1D9E48;
	border-radius: 10px 0 0 0;
}
#costdown-top .scene-block section .detail .title-cell .aggregate {
/*	background-color: #e80c7a;*/
}
#costdown-top .scene-block section .detail .title-cell .calculation {
/*	background-color: #35b574;*/
}
#costdown-top .scene-block section .detail .title-cell .storage {
/*	background-color: #9e35b4;*/
	border-radius: 0 10px 0 0;
}
#costdown-top .scene-block section .detail .title-cell span {
	position: relative;
	font-size: 28px;
	margin-left: 32px;
	color: #fff;
}

#costdown-top .scene-block section .detail .title-cell span:before {
	background-image: url(/wp-content/uploads/2017/02/css_sprites_costdown_white.png);
	content: "";
	background-size: 64px 65px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#costdown-top .scene-block section .detail .title-cell .aggregate span:before {
	background-position: -32px 0;
	width: 24px;
}
#costdown-top .scene-block section .detail .title-cell .calculation span:before {
	background-position: -32px -33px;
	height: 23px;
}
#costdown-top .scene-block section .detail .title-cell .storage span:before {
	background-position: 0 -33px;
}

#costdown-top .scene-block .wrap .detail .btn {
	width: 270px;
	margin: 50px auto 0;
	clear: both;
}

#costdown-top .scene-block .wrap {
	padding-bottom: 50px;
}
#costdown-top .scene-block section .detail .before-cell {
	overflow: visible;
}
#costdown-top .scene-block section .detail .before-cell div {
	position: relative;
}
#costdown-top .scene-block section .detail .before-cell div:after {
	position: absolute;
	content: "";
	background-image: url(/wp-content/uploads/2017/05/arrow-icon.png);
	left: 0;
	right: 0;
	margin: auto;
	bottom: -27px;
	z-index: 200;
	width: 80px;
	height: 40px;
}



@media only screen and (max-width: 768px) {
	#costdown-top .scene-block .comparison-table {
		overflow: hidden;
	}
	#costdown-top .scene-block section .detail .title-cell .b-a-c,
	#costdown-top .scene-block section .detail .before-cell .b-a-c,
	#costdown-top .scene-block section .detail .after-cell .b-a-c {
		height: 50px;
		font-size: 18px;
	}
	#costdown-top .scene-block section .detail .title-cell,
	#costdown-top .scene-block section .detail .before-cell,
	#costdown-top .scene-block section .detail .after-cell {
		clear: none;
		float: left;
		width: 32%;
		margin-left: 1%;
	}
	#costdown-top .scene-block section .detail .title-cell div,
	#costdown-top .scene-block section .detail .before-cell div,
	#costdown-top .scene-block section .detail .after-cell div {
		float: none;
		width: 100%;
		margin: 2px 0.1%;
		height: 100px;
		font-size: 12px;
	}
	#costdown-top .scene-block section .detail .title-cell span {
		font-size: 18px;
		margin-left: 16px;
	}
	#costdown-top .scene-block section .detail .title-cell span:before {
		background-image: url(/wp-content/uploads/2017/02/css_sprites_costdown_white.png);
		content: "";
		background-size: 32px 32px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
		width: 16px;
		height: 16px;
		left: -20px;
		top: -3px;
	}
	#costdown-top .scene-block section .detail .title-cell .aggregate span:before {
		background-position: -16px 0;
		width: 12px;
	}
	#costdown-top .scene-block section .detail .title-cell .calculation span:before {
		background-position: -16px -16px;
		height: 12px;
	}
	#costdown-top .scene-block section .detail .title-cell .storage span:before {
		background-position: 0 -16px;
	}
	#costdown-top .scene-block section .detail .title-cell .storage {
		border-radius: 0 0 0 10px;
	}
	#costdown-top .scene-block section .detail .after-cell .b-a-c {
		border-radius: 0 10px 0 0;
	}
	#costdown-top .scene-block section .detail .before-cell .b-a-c {
		border-radius: 10px 0 0 0;
	}
	#costdown-top .scene-block section .detail .title-cell .stamp {
		border-radius: 10px 0 0 0;
	}
	#costdown-top .scene-block section .detail .after-cell .storage {
		border-radius: 0 0 10px 0;
	}
	#costdown-top .scene-block section .detail .before-cell div:after {
		left: inherit;
		background-repeat: no-repeat;
		background-size: contain;
		right: -30px;
		top: 0;
		margin: auto;
		bottom: 0;
		width: 50px;
		height: 25px;
		transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
	}
}

/*導入前・導入後価格比較*/
#price_introduction-top .scene-block section .detail .b-a-c span {
	position: relative;
	margin-top: 64px;
}

#price_introduction-top .scene-block section .detail .b-a-c span:before {
	background-image: url(/wp-content/uploads/2017/05/css_sprite_circle_l.png);
	content: "";
	background-size: 130px 130px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 64px;
	height: 64px;
	top: -70px;
	background-position: -66px 0;
}
#price_introduction-top .scene-block section .detail .injustice .b-a-c span:before {
	background-position: 0 0;
}
#price_introduction-top .scene-block section .detail .realtime .b-a-c span:before {
	background-position: -66px -66px;
}
#price_introduction-top .scene-block section .detail .customize .b-a-c span:before {
	background-position: 0 -66px;
}

#price_introduction-top .scene-block .inner {
	text-align: center;
}

#price_introduction-top .scene-block .inner .btn {
	width: 270px;
	margin: 20px auto;
}
#price_introduction-top .scene-block .inner .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

@media only screen and (max-width: 768px) {
	#price_introduction-top .scene-block section .detail .b-a-c span {
		position: relative;
		margin-top: 64px;
	}

	#price_introduction-top .scene-block section .detail .b-a-c span:before {
		background-image: url(/wp-content/uploads/2017/05/css_sprite_circle.png);
		content: "";
		background-size: 65px 65px;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 32px;
		height: 32px;
		top: -40px;
		background-position: -33px 0;
	}
	#price_introduction-top .scene-block section .detail .injustice .b-a-c span:before {
		background-position: 0 0;
	}
	#price_introduction-top .scene-block section .detail .realtime .b-a-c span:before {
		background-position: -33px -33px;
	}
	#price_introduction-top .scene-block section .detail .customize .b-a-c span:before {
		background-position: 0 -33px;
	}
}

/*---------------------------------------------------------------------------------
タイムカードとの違い
--------------------------------------------------------------------------------- */
/*#merit-top h1 {
	background-image: url(/wp-content/uploads/2017/02/merit_bg.jpg);
	position: relative;
}

#merit-top .read-block {
	padding-bottom: 100px;
	background-image: url(/wp-content/uploads/2017/02/merit_read_bg_pc.jpg);
	background-size: 100%;
	background-position: center 150px;
	background-repeat: no-repeat;
}

#merit-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/merit.jpg);
	background-position: 0 82%;
}

#merit-top .read-block .inner {
	max-width: 854px;
	padding: 50px 123px 42px;
	margin: 0 auto;
}
#merit-top .read-block .inner p {
	width: 495px;
	padding-bottom: 55px;
	text-align: left;
}
#merit-top .read-block .inner .btn {
	width: 270px;
}
#merit-top .read-block .inner .btn a {
	background-color:  #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}
@media only screen and (max-width: 768px) {
	#merit-top .read-block {
		width: 95%;

		padding-bottom: 40px;
		background-image: initial;
	}
	#merit-top .read-block .inner {
		background: none;
	}
	#merit-top .read-block .inner {
		max-width: auto;
		padding: 10px 16px 0px;
		margin: 0 auto;
		background-size:  cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#merit-top .read-block .inner p {
		width: auto;
		padding-bottom: 35px;
		font-size: 15px;
	}
	#merit-top .read-block .inner .btn {
		width: 233px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#merit-top .read-block .inner .btn a {
		background-color: #6cbb5f;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
}
*/

#merit-top .scene-block,
#merit-top .scene-block .read .txt,
#merit-top .scene-block section:nth-of-type(2n+1) {
	background-color: #fff;
}
#introduction-comparison section .detail,
#operating-top .scene-block section .detail,
#merit-top .scene-block section .detail {
	padding: 0;
}
#introduction-comparison section .detail .comparison-table,
#operating-top .scene-block section .detail .comparison-table,
#merit-top .scene-block section .detail .comparison-table {
	overflow: hidden;
	width: 95%;
	margin: auto 2.5%;
}
#introduction-comparison section .detail .title-cell,
#operating-top .scene-block section .detail .title-cell,
#merit-top .scene-block section .detail .title-cell {
	clear: both;
	overflow: hidden;
}
#introduction-comparison section .detail .title-cell div,
#operating-top .scene-block section .detail .title-cell div,
#merit-top .scene-block section .detail .title-cell div {
	float: left;
	font-size: 14px;
	margin: 2px 0;
	text-align: center;
	background-color: #ecf0f1;
	height: 150px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#introduction-comparison section .detail .title-cell .b-a-c,
#operating-top .scene-block section .detail .title-cell .b-a-c,
#merit-top .scene-block section .detail .title-cell .b-a-c {
	width: 20.5%;
	margin-right: 0.5%;
	height: 100px;
}
#introduction-comparison section .detail .title-cell .timecard,
#operating-top .scene-block section .detail .title-cell .kingtime,
#merit-top .scene-block section .detail .title-cell .timecard {
	width: 39%;
	margin-right: 0.5%;
	background-color: #474995;
	color: #fff;
	height: 100px;
	border-radius: 10px 0 0 0;
}
#operating-top .scene-block section .detail .title-cell .kingtime {
	background-color: #489547 !important;
}
#introduction-comparison section .detail .title-cell .kingtime,
#operating-top .scene-block section .detail .title-cell .timecard,
#merit-top .scene-block section .detail .title-cell .kingtime {
	width: 39%;
	margin-right: 0;
	background-color: #489547;
	color: #fff;
	height: 100px;
	border-radius: 0 10px 0 0;
}

#operating-top .scene-block section .detail .title-cell .timecard {
	background-color: #474995;
}
#introduction-comparison section .detail .b-a-c,
#operating-top .scene-block section .detail .b-a-c,
#merit-top .scene-block section .detail .b-a-c {
	width: 20.5%;
	margin: 2px 0.5% 2px 0;
}
#price_introduction-top #introduction-comparison section .detail .title-cell .timecard,
#price_introduction-top #introduction-comparison section .detail .title-cell .kingtime,
#price_introduction-top #introduction-comparison section .detail .b-a-c {
	font-size: 26px;
}

#introduction-comparison section .detail .timecard,
#operating-top .scene-block section .detail .timecard,
#merit-top .scene-block section .detail .timecard {
	width: 29.5%;
	margin: 2px 0.5% 2px 0;
}
#introduction-comparison section .detail .timecard-after,
#operating-top .scene-block section .detail .kingtime-after,
#merit-top .scene-block section .detail .timecard-after {
	width: 9%;
	margin: 2px 0.5% 2px 0;
}
#introduction-comparison section .detail .kingtime,
#operating-top .scene-block section .detail .kingtime,
#merit-top .scene-block section .detail .kingtime {
	width: 29.5%;
	margin: 2px 0.5% 2px 0;
}
#introduction-comparison section .detail .kingtime-after,
#operating-top .scene-block section .detail .timecard-after,
#merit-top .scene-block section .detail .kingtime-after {
	width: 9%;
	margin: 2px 0;
}
#introduction-comparison section .detail .aggregate div,
#introduction-comparison section .detail .injustice div,
#introduction-comparison section .detail .realtime div,
#introduction-comparison section .detail .customize div,
#operating-top .scene-block section .detail .definition div,
#operating-top .scene-block section .detail .customize div,
#operating-top .scene-block section .detail .change div,
#operating-top .scene-block section .detail .extended div,
#operating-top .scene-block section .detail .ui_development div,
#operating-top .scene-block section .detail .initial_data div,
#operating-top .scene-block section .detail .inquiry div,
#operating-top .scene-block section .detail .legal_system div,
#operating-top .scene-block section .detail .os_database div,
#operating-top .scene-block section .detail .version_up div,
#operating-top .scene-block section .detail .training div,
#merit-top .scene-block section .detail .aggregate div,
#merit-top .scene-block section .detail .injustice div,
#merit-top .scene-block section .detail .realtime div,
#merit-top .scene-block section .detail .software div,
#merit-top .scene-block section .detail .storage div,
#merit-top .scene-block section .detail .on-time div,
#merit-top .scene-block section .detail .customize div {
	float: left;
	text-align: center;
	background-color: #ecf0f1;
	height: 150px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	font-size: 16px;
}
#operating-top .scene-block section .detail .kingtime,
#operating-top .scene-block section .detail .kingtime-after {
	background-color: #ffe4c8 !important;
}

#operating-top .scene-block section .detail div {
	font-size: 14px !important;
}

#introduction-comparison section .detail .b-a-c,
#operating-top .scene-block section .detail .b-a-c,
#merit-top .scene-block section .detail .b-a-c {
	color: #fff;
}
#introduction-comparison section .detail .title-cell .b-a-c {
	background-color: #fff !important;
}
#merit-top .scene-block section .detail .title-cell .b-a-c,
#operating-top .scene-block section .detail .title-cell .b-a-c,
#introduction-comparison section .detail .title-cell .b-a-c {
	background-color: #f6f6f6 !important;
}

#introduction-comparison section .aggregate .b-a-c,
#operating-top .scene-block section .detail .definition .b-a-c,
#operating-top .scene-block section .detail .inquiry .b-a-c,
#merit-top .scene-block section .detail .aggregate .b-a-c {
	background-color: #1D9E48;
	border-radius: 10px 0 0 0;
}
#operating-top .scene-block section .detail .training .b-a-c,
#operating-top .scene-block section .detail .initial_data .b-a-c,
#introduction-comparison section .detail .customize .b-a-c,
#merit-top .scene-block section .detail .customize .b-a-c {
	border-radius: 0 0 0 10px;
}
#introduction-comparison section .detail .customize .kingtime-after,
#operating-top .scene-block section .detail .training .timecard-after,
#operating-top .scene-block section .detail .initial_data .timecard-after,
#merit-top .scene-block section .detail .customize .kingtime-after {
	border-radius: 0 0 10px 0;
}
#operating-top .scene-block section .detail .title-cell span,
#merit-top .scene-block section .detail .title-cell span {
	position: relative;
	font-size: 28px;
}
#introduction-comparison section .detail .b-a-c,
#operating-top .scene-block section .detail .b-a-c,
#merit-top .scene-block section .detail .b-a-c {
	background-color: #1D9E48 !important;
}
#introduction-comparison section .detail .b-a-c a:link,
#operating-top .scene-block section .detail .b-a-c a:link,
#merit-top .scene-block section .detail .b-a-c a:link,
#introduction-comparison section .detail .b-a-c a:visited,
#operating-top .scene-block section .detail .b-a-c a:visited,
#merit-top .scene-block section .detail .b-a-c a:visited,
#introduction-comparison section .detail .b-a-c a:hover,
#operating-top .scene-block section .detail .b-a-c a:hover,
#merit-top .scene-block section .detail .b-a-c a:hover,
#introduction-comparison section .detail .b-a-c a:active,
#operating-top .scene-block section .detail .b-a-c a:active,
#merit-top .scene-block section .detail .b-a-c a:active {
	color: #fff;
	text-decoration: underline;
}
#relationship-top .scene-block section .detail .txt,
#price_introduction-top .scene-block section .detail .txt,
#costdown-top .scene-block section .detail .txt,
#merit-top .scene-block section .detail .txt,
#operating-top .scene-block section .detail .txt {
	text-align: center;
}

#operating-top .scene-block section .detail .title-cell span:before,
#merit-top .scene-block section .detail .title-cell span:before {
	content: "";
	background-size: 64px 65px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#merit-top .scene-block section .detail .title-cell .aggregate span:before {
	background-position: -32px 0;
	width: 24px;
}
#merit-top .scene-block section .detail .title-cell .calculation span:before {
	background-position: -32px -33px;
	height: 23px;
}
#merit-top .scene-block section .detail .title-cell .storage span:before {
	background-position: 0 -33px;
}

#merit-top .scene-block .wrap .detail .btn {
	width: 270px;
	margin: 50px auto 0;
	clear: both;
}

#merit-top .scene-block .wrap {
	padding-bottom: 50px;
}

#introduction-comparison section .detail .timecard-after {
	color: #f00;
	font-size: 14px;
}
#introduction-comparison section .detail .kingtime-after {
	color: #f00;
	font-size: 24px !important;
}

#merit-top .scene-block section .detail .b-a-c a {
	position: relative;
	margin-left: 32px;
}

#merit-top .scene-block section .detail .b-a-c a:before {
	background-image: url(/wp-content/uploads/2017/05/css_sprite_compe.png);
	content: "";
	background-size: 64px 128px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 32px;
	height: 32px;
	left: -40px;
}
#merit-top .scene-block section .detail .aggregate .b-a-c a:before {
	background-position: -36px -34px;
	width: 24px;
}
#merit-top .scene-block section .detail .injustice .b-a-c a:before {
	background-position: -32px 0;
	width: 32px;
}
#merit-top .scene-block section .detail .realtime .b-a-c a:before {
	background-position: -32px -96px;
	width: 32px;
}
#merit-top .scene-block section .detail .software .b-a-c a:before {
	background-position: 0 -37px;
	width: 32px;
	height: 22px;
}
#merit-top .scene-block section .detail .storage .b-a-c a:before {
	background-position: 0 -64px;
	width: 32px;
}
#merit-top .scene-block section .detail .on-time .b-a-c a:before {
	background-size: 96px 144px;
	background-position: 0 -11px;
	width: 49px;
	height: 14px;
	left: -56px;
}
#merit-top .scene-block section .detail .customize .b-a-c a:before {
	background-position: 0 -96px;
	width: 32px;
}



@media only screen and (max-width: 768px) {
	#relationship-top .scene-block section .detail .txt,
	#price_introduction-top .scene-block section .detail .txt,
	#costdown-top .scene-block section .detail .txt,
	#merit-top .scene-block section .detail .txt,
	#operating-top .scene-block section .detail .txt {
		text-align: left;
	}
	#introduction-comparison section .detail .title-cell .b-a-c,
	#operating-top .scene-block section .detail .title-cell .b-a-c,
	#merit-top .scene-block section .detail .title-cell .b-a-c {
		height: 50px;
		font-size: 18px;
	}
	#introduction-comparison section .detail .title-cell span,
	#operating-top .scene-block section .detail .title-cell span,
	#merit-top .scene-block section .detail .title-cell span {
		font-size: 16px;
	}
	#introduction-comparison section .detail .timecard,
	#introduction-comparison section .detail .kingtime,
	#operating-top .scene-block section .detail .timecard,
	#operating-top .scene-block section .detail .kingtime,
	#merit-top .scene-block section .detail .timecard,
	#merit-top .scene-block section .detail .kingtime {
		width: 39%;
	}
	#introduction-comparison section .detail .timecard-after,
	#introduction-comparison section .detail .kingtime-after,
	#operating-top .scene-block section .detail .timecard-after,
	#operating-top .scene-block section .detail .kingtime-after,
	#merit-top .scene-block section .detail .timecard-after,
	#merit-top .scene-block section .detail .kingtime-after {
		display: none !important;
	}
	#introduction-comparison section .detail div div,
	#operating-top .scene-block section .detail .definition div,
	#operating-top .scene-block section .detail .customize div,
	#operating-top .scene-block section .detail .change div,
	#operating-top .scene-block section .detail .extended div,
	#operating-top .scene-block section .detail .ui_development div,
	#operating-top .scene-block section .detail .initial_data div,
	#operating-top .scene-block section .detail .inquiry div,
	#operating-top .scene-block section .detail .legal_system div,
	#operating-top .scene-block section .detail .os_database div,
	#operating-top .scene-block section .detail .version_up div,
	#operating-top .scene-block section .detail .training div,
	#merit-top .scene-block section .detail .title-cell div,
	#merit-top .scene-block section .detail .aggregate div,
	#merit-top .scene-block section .detail .injustice div,
	#merit-top .scene-block section .detail .realtime div,
	#merit-top .scene-block section .detail .software div,
	#merit-top .scene-block section .detail .storage div,
	#merit-top .scene-block section .detail .on-time div,
	#merit-top .scene-block section .detail .customize div {
		font-size: 12px;
		height: 100px;
	}
	#introduction-comparison section .detail .title-cell .b-a-c,
	#introduction-comparison section .detail .title-cell .timecard,
	#introduction-comparison section .detail .title-cell .kingtime,
	#operating-top .scene-block section .detail .title-cell .b-a-c,
	#operating-top .scene-block section .detail .title-cell .timecard,
	#operating-top .scene-block section .detail .title-cell .kingtime,
	#merit-top .scene-block section .detail .title-cell .b-a-c,
	#merit-top .scene-block section .detail .title-cell .timecard,
	#merit-top .scene-block section .detail .title-cell .kingtime {
		height: 50px;
	}
	#introduction-comparison section .detail .title-cell .timecard, 
	#operating-top .scene-block section .detail .title-cell .kingtime,
	#merit-top .scene-block section .detail .title-cell .timecard {
		border-radius: 10px 0 0 0;
	}
	#introduction-comparison section .detail .title-cell .kingtime, 
	#operating-top .scene-block section .detail .title-cell .timecard,
	#merit-top .scene-block section .detail .title-cell .kingtime {
		border-radius: 0 10px 0 0;
	}
	#introduction-comparison section .detail .aggregate .b-a-c, 
	#operating-top .scene-block section .detail .definition .b-a-c,
	#operating-top .scene-block section .detail .inquiry .b-a-c,
	#merit-top .scene-block section .detail .aggregate .b-a-c {
		border-radius: 10px 0 0 0;
	}
	#introduction-comparison section .detail .customize .b-a-c, 
	#operating-top .scene-block section .detail .training .b-a-c,
	#operating-top .scene-block section .detail .initial_data .b-a-c,
	#merit-top .scene-block section .detail .customize .b-a-c {
		border-radius: 0 0 0 10px;
	}
	#introduction-comparison section .detail .customize .kingtime-after , 
	#operating-top .scene-block section .detail .training .timecard-after,
	#operating-top .scene-block section .detail .initial_data .timecard-after,
	#merit-top .scene-block section .detail .customize .kingtime-after {
		border-radius: 0 0 10px 0;
	}
	#introduction-comparison section .detail .title-cell {
		height: 50px;
	}
	#introduction-comparison section .detail div {
		font-size: 11px !important;
	}
	#operating-top .scene-block section .detail div {
		font-size: 9px !important;
	}
	#operating-top .scene-block section .detail .title-cell span {
		font-size: 11px;
	}
	#operating-top .scene-block section .detail .comparison-table {
		margin-top: 30px;
	}
	#merit-top .scene-block section .detail .b-a-c a {
		margin-left: 0;
		margin-top: 32px;
		font-size: 10px;
	}
	#merit-top .scene-block section .detail .on-time .b-a-c a:before,
	#merit-top .scene-block section .detail .b-a-c a:before {
		left: 0;
		right: 0;
		margin: auto;
		top: -48px;
	}
	#merit-top .scene-block section .detail .on-time .b-a-c a:before {
		width: 40px;
		background-size: 76px;
		height: 16px;
	}
}

@media only screen and (max-width: 320px) {
	#introduction-comparison section .detail div div,
	#operating-top .scene-block section .detail .definition div,
	#operating-top .scene-block section .detail .customize div,
	#operating-top .scene-block section .detail .change div,
	#operating-top .scene-block section .detail .extended div,
	#operating-top .scene-block section .detail .ui_development div,
	#operating-top .scene-block section .detail .initial_data div,
	#operating-top .scene-block section .detail .inquiry div,
	#operating-top .scene-block section .detail .legal_system div,
	#operating-top .scene-block section .detail .os_database div,
	#operating-top .scene-block section .detail .version_up div,
	#operating-top .scene-block section .detail .training div,
	#merit-top .scene-block section .detail .title-cell div,
	#merit-top .scene-block section .detail .aggregate div,
	#merit-top .scene-block section .detail .injustice div,
	#merit-top .scene-block section .detail .realtime div,
	#merit-top .scene-block section .detail .software div,
	#merit-top .scene-block section .detail .storage div,
	#merit-top .scene-block section .detail .on-time div,
	#merit-top .scene-block section .detail .customize div {
		font-size: 10px;
	}
	#merit-top .scene-block section .detail .b-a-c a {
		font-size: 8px;
	}
}

/*---------------------------------------------------------------------------------
社内SNS機能 「Talking」
--------------------------------------------------------------------------------- */
/*#talking-top .link-area .inner .link-box {
	width: 46%;
	margin: 0 2% 60px;
}*/


/*#talkingsum-top h1,
#use_talking-top h1,
#setting-top h1,
#type-top h1,
#talking-top h1 {
	background-image: url(/wp-content/uploads/2017/02/talking_bg.jpg);
	position: relative;
}
#talking-top .link-area {
	background-image: url(/wp-content/uploads/2017/02/talking_main.jpg);
}*/

#talking-top .link-area .inner .link-box .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-about.jpg);
	background-size: cover;
	background-position: 50% 30%;
}

#talking-top .scene-title .txt {
	text-align: center;
}

#talking-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/talking-about.jpg);
}

#talking-top #talking-about .read,
#talking-top .link-area .inner .talking-about .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-about.jpg);
}
#talking-top #talking-on .read,
#talking-top .link-area .inner .talking-on .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-on.jpg);
}
#talking-top #talking-setting .read,
#talking-top .link-area .inner .talking-setting .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-setting.jpg);
}
#talking-top #talking-use .read,
#talking-top .link-area .inner .talking-use .link-img {
	background-image: url(/wp-content/uploads/2017/02/talking-use.jpg);
}
#talking-top #talking-use .read {
	background-position: 0 30%;
}


#talking-top #talking-about .read .txt h4,
#talking-top #talking-about .wrap .detail h4 .num,
#talking-top .link-area .inner .talking-about .title {
	color: #1D9E48;
}
#talking-top #talking-about .read .txt h4:after,
#talking-top #talking-about .wrap .detail h4:after,
#talking-top #talking-about .wrap .detail .btn a,
#talking-top .link-area .inner .talking-about .btn {
	background-color: #1D9E48;
}
#talking-top #talking-on .read .txt h4,
#talking-top #talking-on .wrap .detail h4 .num,
#talking-top .link-area .inner .talking-on .title {
	color: /*#e80c7a*/ #e9641e;
}
#talking-top #talking-on .read .txt h4:after,
#talking-top #talking-on .wrap .detail h4:after,
#talking-top #talking-on .wrap .detail .btn a,
#talking-top .link-area .inner .talking-on .btn {
	background-color: /*#e80c7a*/ #e9641e;
}
#talking-top #talking-setting .read .txt h4,
#talking-top #talking-setting .wrap .detail h4 .num,
#talking-top .link-area .inner .talking-setting .title {
	color: #35b574;
}
#talking-top #talking-setting .read .txt h4:after,
#talking-top #talking-setting .wrap .detail h4:after,
#talking-top #talking-setting .wrap .detail .btn a,
#talking-top .link-area .inner .talking-setting .btn {
	background-color: #35b574;
}
#talking-top #talking-use .read .txt h4,
#talking-top #talking-use .wrap .detail h4 .num,
#talking-top .link-area .inner .talking-use .title {
	color: /*#9e35b4*/ #615d94;
}
#talking-top #talking-use .read .txt h4:after,
#talking-top #talking-use .wrap .detail h4:after,
#talking-top #talking-use .wrap .detail .btn a,
#talking-top .link-area .inner .talking-use .btn {
	background-color: /*#9e35b4*/ #615d94;
}


@media only screen and (max-width: 768px) {
	#talking-top .scene-title .txt {
		text-align: left;
		margin: 20px 10px 35px;
	}
	#talking-top .link-area .inner .link-box {
		width: 49%;
		margin: 0.5%;
	}
}
/*---------------------------------------------------------------------------------
つながる KING OF TIME
--------------------------------------------------------------------------------- */
#relationship-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/relationship.jpg);
	background-position: 0 65%;
}

#relationship-top .scene-block {
	padding-bottom: 60px;
	background-color: #fff;
}

#relationship-top .scene-block section:nth-of-type(2n) {
	background-color: #fff;
}
#relationship-top .scene-block section:nth-of-type(2n+1) {
	background-color: #f6f6f6;
}

#relationship-top .huub .wrap .detail h4 .num {
	color: #ff7f66;
}
#relationship-top .huub .wrap .detail h4:after,
#relationship-top .huub .wrap .detail .btn a {
	background-color: #ff7f66;
}
#relationship-top .concare .wrap .detail h4 .num {
	color: #1d99d5;
}
#relationship-top .concare .wrap .detail h4:after,
#relationship-top .concare .wrap .detail .btn a {
	background-color: #1d99d5;
}
#relationship-top .mf-cloud .wrap .detail h4 .num {
	color: #308dd0;
}
#relationship-top .mf-cloud .wrap .detail h4:after,
#relationship-top .mf-cloud .wrap .detail .btn a {
	background-color: #308dd0;
}
#relationship-top .freee .wrap .detail h4 .num {
	color: #001478;
}
#relationship-top .freee .wrap .detail h4:after,
#relationship-top .freee .wrap .detail .btn a {
	background-color: #001478;
}
#relationship-top .cyurica .wrap .detail h4 .num {
	color: #090909;
}
#relationship-top .cyurica .wrap .detail h4:after,
#relationship-top .cyurica .wrap .detail .btn a {
	background-color: #090909;
}
#relationship-top .bino .wrap .detail h4 .num {
	color: #ff9b08;
}
#relationship-top .bino .wrap .detail h4:after,
#relationship-top .bino .wrap .detail .btn a {
	background-color: #ff9b08;
}
#relationship-top .pay-check .wrap .detail h4 .num {
	color: #74a213;
}
#relationship-top .pay-check .wrap .detail h4:after,
#relationship-top .pay-check .wrap .detail .btn a {
	background-color: #74a213;
}
#relationship-top .raku-seisan .wrap .detail h4 .num {
	color: #007bc7;
}
#relationship-top .raku-seisan .wrap .detail h4:after,
#relationship-top .raku-seisan .wrap .detail .btn a {
	background-color: #007bc7;
}
#relationship-top .raku-meisai .wrap .detail h4 .num {
	color: #01a33e;
}
#relationship-top .raku-meisai .wrap .detail h4:after,
#relationship-top .raku-meisai .wrap .detail .btn a {
	background-color: #01a33e;
}

#relationship-top .scene-block .read .txt {
	background-color: #fff;
}
@media only screen and (max-width: 768px) {
	#relationship-top .scene-block section {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 0;
	}
}
/*一覧---------------------------------------------------------------------------*/
#relationship-top .list-block {
	padding-bottom: 60px;
}
#relationship-top .list-block .inner {
	max-width: 1100px;
	margin: 0 auto;
}
#relationship-top .list-block .inner h3 {
	padding-top: 38px;
	padding-bottom: 72px;
	position: relative;
	font-size: 36px;
	line-height: 1;
	color: #1D9E48;
	text-align: center;
}
#relationship-top .list-block .inner h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}
@media only screen and (max-width: 768px) {
	#relationship-top .list-block {
		padding-bottom: 50px;
	}
	#relationship-top .list-block .inner {
		max-width: 100%;
		margin: 0 auto;
	}
	#relationship-top .list-block .inner h3 {
		padding-top: 18px;
		padding-bottom: 28px;
		position: relative;
		font-size: 18px;
		line-height: 1;
		color: #1D9E48;
		text-align: center;
	}
	#relationship-top .list-block .inner h3:after {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #43BBB3;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		content:"";
	}
}

/*ソート用ボタン*/
#relationship-top .list-block .filters {
	/*margin-bottom: 96px;*/
	border: 1px solid #D1D1D1;
}
#relationship-top .list-block .filters:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#relationship-top .list-block .filters li {
	width: 20%;
	float: left;
}
#relationship-top .list-block .filters li br {
	display: none;
}
#relationship-top .list-block .filters li a {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 98px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	padding: 41px 0 41px 75px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	border-top: 1px solid #D1D1D1;
}

#relationship-top .list-block .filters li:nth-of-type(5n) a {
	border-right: none;
}

#relationship-top .list-block .filters li a.current {
	background-color: #1D9E48;
	color: #fff;
}
#relationship-top .list-block .filters li:nth-of-type(1) a,
#relationship-top .list-block .filters li:nth-of-type(2) a {
	border-top: 1px solid #D1D1D1;
	padding-right: 0;
	text-align: left;
}
#relationship-top .list-block .filters li a img {
	width: 55px;
	display: block;
	position: absolute;
	top: 34px;
	left: 14px;
}
#relationship-top .list-block .filters li a:after {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
	position: absolute;
	top: 0;
	left: 0;
	content:"";
}
#relationship-top .list-block .filters li a .tooltip {
	display: none;
	width: 226px;
	padding: 20px 35px;
	font-size: 14px;
	color: #fff;
	background-color: #43BBB3;
	border-radius: 6px;
	position: absolute;
	left: -11px;
	top: 83px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	z-index: 10;
}
#relationship-top .list-block .filters li:nth-of-type(1) a .tooltip {
	left: 108px;
}

#relationship-top .list-block .filters li a .tooltip:before {
	content: "";
	position: absolute;
	top: -10px; left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}
#relationship-top .list-block .filters li a:hover .tooltip {
	display: block;
}
#relationship-top .scene-title h3 {
	margin-bottom: 30px;
}

@media screen and (min-width:769px) and  (max-width: 1000px) {
	#relationship-top .list-block .filters li {
		width:25%;
		float: left;
	}
	#relationship-top .list-block .filters li:nth-of-type(1),
	#relationship-top .list-block .filters li:nth-of-type(2) {
		width: 50%;
	}
	#relationship-top .list-block .filters li:last-child {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	#relationship-top .list-block .filters {
		margin-bottom: 62px;
		border-left: 1px solid #D1D1D1;
	}
	#relationship-top .list-block .filters:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#relationship-top .list-block .filters li {
		width: 25%;
		float: left;
	}
	#relationship-top .list-block .filters li br {
		display: inline;
	}
	#relationship-top .list-block .filters li a {
		box-sizing: border-box;
		display: flex; 
		position: relative;
		width: 100%;
		height: 50px;
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		align-items: center;
		padding:0px 0 0 32px;
		border-right: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	}
	#relationship-top .list-block .filters li a.current {
		background-color: #1D9E48;
		color: #fff;
	}

	#relationship-top .list-block .filters li a img {
		width: 20px;
		height: auto;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		margin: auto;
	}
	#relationship-top .list-block .filters li a:after {
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		content:"";
	}
	#relationship-top .list-block .filters li a .tooltip,
	#relationship-top .list-block .filters li a:hover .tooltip {
		display: none;
	}
	#relationship-top .list-block .filters li:nth-of-type(6n) a {
		border-right: 1px solid #d1d1d1;
	}
	.txt-box-bino {
		text-align: left;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 320px) {
	#relationship-top .list-block .filters li a {
		font-size: 8px;
	}
}



/*---------------------------------------------------------------------------------
タイムレコーダー　詳細
--------------------------------------------------------------------------------- */
.movie-area-single {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 30px auto;
	width: 100%;
	flex: 0 0 100%;
}

.movie-area-list iframe,
.movie-area-single iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.case-slider {
	margin: 20px auto;
	width: 80%;
	opacity: 0;
	transition: 3s;
}

.slick-initialized{
	opacity: 1;
}

.case-slider .slick-slide {
	width: 800px;
	overflow: hidden;
	display: none !important;
	height:inherit;
}

.case-slider .slick-slide.slick-current {
	display: block !important;
} 

.case-slider .slick-slide .movie-area-list {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: auto;
}

.case-slider .slick-slide .movie-area-list iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*#record-detail-top h1 {
	background-image: url(/wp-content/uploads/2017/02/ttl_bg.jpg);
}*/
#record-detail-top .read-block .inner {
	width: 800px;
	overflow: hidden;
	margin: auto;
	text-align: left;
}
#record-detail-top .read-block .inner .main-area {
	overflow: hidden;
	margin-bottom: 60px;
}
#record-detail-top .read-block .inner .main-area .main-image {
	float: right;
	width: 35%;
	margin-left: 5%;
}
#record-detail-top .read-block .inner .main-area .detail {
	float: left;
	width: 60%;
}
#record-detail-top.case-single .read-block .inner .main-area .detail {
	width: 100%;
}
#record-detail-top.case-single .read-block .inner .main-area {
	overflow: hidden;
	margin-bottom: 60px;
}
#record-detail-top.case-single .read-block .inner .main-area .main-image {
	width: 100%;
	margin: auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#record-detail-top.case-single .read-block .inner .main-area .main-image .logo-area-single {
	width: 35%;
	margin: auto;
    text-align: center;
}

#record-detail-top.case-single .read-block .inner .main-area .main-image .logo-area-single img {
	width: initial;
    max-width: 100%;
}



#record-detail-top.case-single .read-block .inner .main-area .main-image .logo-area {
	float: left;
	width: 30%;
	margin: auto 10%;
}

#record-detail-top.case-single .read-block .inner .main-area .main-image .logo-with-movie {
	width: 70%;
	flex: 0 0 100%;
	margin: 10px auto;
	text-align: center;
}

#record-detail-top.case-single .read-block .inner .main-area .main-image .logo-with-movie img {
	width: initial;
}

#record-detail-top.case-single .desc-block h3 .num {
	padding-bottom: 10px;
}


#record-detail-top .read-block .inner .main-area .detail h2,
#record-detail-top .read-block .inner .main-area .detail h6 {
	font-size: 26px;
	margin-top: 30px;
	margin-bottom: 30px;
	border-left: 6px solid #1D9E48 /*#e80c7a*/;
	padding-left: 18px;
}
#record-detail-top .read-block .inner .main-area .detail h2 {
	padding-bottom: 0;
	text-align: left;
}
#record-detail-top .read-block .inner .main-area .detail .small-h6 {
	font-size: 22px;
	color: #2b2b2b;
}
#record-detail-top .read-block .inner .overview {
	overflow: hidden;
	background-color: #eeeeee;
	padding: 20px;
}
#record-detail-top .read-block .inner .overview h3 {
	font-size: 24px;
	color: #999;
}
#record-detail-top .read-block .inner .overview .table-area {
	background-color: #fff;
	overflow: hidden;
	padding: 10px 15px;
}
#record-detail-top .read-block .inner .table-area div {
	float: left;
}
#record-detail-top .read-block .inner .table-area .table-title {
	width: 20%;
	font-weight: 800;
	clear: both;
}
#record-detail-top .read-block .inner .table-area .table-content {
	width: 75%;
	margin-left: 5%;
}
#record-detail-top .read-block .inner .main-area .detail .price {
	text-align: right;
	font-size: 24px;
	margin-bottom: 15px;
	line-height: 1.2;
}
#record-detail-top .read-block .inner .main-area .detail .price strong {
	font-size: 32px;
	color: #e9641e;
	margin-left: 15px;
}
#record-detail-top .read-block .inner .main-area .detail .price.akerun {
    text-align: left;
}

#record-detail-top .read-block .inner .main-area .detail .price.chat strong {
	font-size: 28px;
}

#record-detail-top .read-block .inner .main-area .detail .price.senseThunder,
#record-detail-top .read-block .inner .main-area .detail .price.alkiller
{
	text-align: left;
}

#record-detail-top .read-block .inner .main-area .detail .price.senseThunder strong,
#record-detail-top .read-block .inner .main-area .detail .price.alkiller strong
{
	font-size: 32px;
}

#record-detail-top .read-block .inner .main-area .detail .attention {
    font-size: 14px;
    color: #E91782;
}

#record-detail-top .read-block .inner .main-area .detail .attention a {
    text-decoration: underline;
    color: red;
}

#record-detail-top .read-block .inner .main-area .detail .notes {
	text-align: left;
	font-size: 12px;
}
#record-detail-top .read-block .inner .description h3 {
	font-size: 24px;
	color: /*#e80c7a*/ #e9641e;
	margin-bottom: 30px;
}
#record-detail-top .read-block .inner .description {
	line-height: 1.4;
	margin: auto;
}
.paged .scene-block section.bg-grey,
#record-detail-top .desc-block section,
#record-detail-top .scene-block section {
	background-color: #f6f6f6 !important;
}
#sitemap-top .scene-block section.bg-white,
#record-detail-top .desc-block section:nth-of-type(2n),
#record-detail-top .scene-block section.bg-white {
	background-color: #fff !important;
}
#record-detail-top .scene-block section .image {
	left: inherit;
	right: 6px;
}

#record-detail-top .desc-block h3 {
	padding-bottom: 45px;
	font-size: 36px;
	line-height: 1;
	position: relative;
}

#record-detail-top .desc-block h3 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 24px;
}
#record-detail-top .desc-block h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: /*#9e35b4*/ #615d94;
	position: absolute;
	left: 0;
	content: "";
}
#record-detail-top .desc-block .bissue h3 {
	color: #1D9E48;
}
#record-detail-top .desc-block .bissue h3:after {
	background-color: #1D9E48;
}
#record-detail-top .desc-block .aeffect h3 {
	color: /*#e80c7a*/ #e9641e;
}
#record-detail-top .desc-block .aeffect h3:after {
	background-color: /*#e80c7a*/ #e9641e;
}
#record-detail-top .desc-block .contact h3 {
	color: #35b574;
}
#record-detail-top .desc-block .contact h3:after {
	background-color: #35b574;
}
#record-detail-top .desc-block .othert h3 {
	color: /*#9e35b4*/ #615d94;
}
#record-detail-top .desc-block .othert h3:after {
	background-color: /*#9e35b4*/ #615d94;
}
#record-detail-top .desc-block .posting-date,
#record-detail-top .desc-block section .inner,
#record-detail-top .scene-block .wrap .detail {
	padding-left: 0;
	padding-right: 0;
	position: relative;
	width: 800px;
	margin: auto;
}

#record-detail-top .desc-block section {
	padding: 40px 0 80px;
}

#record-detail-top .desc-block .inner .contact-comment ul,
#record-detail-top .desc-block .inner .issue ul,
#record-detail-top .desc-block .inner .effect ul {
	margin: 10px 0 30px 1em;
	list-style-type: square;
	padding: 10px 20px;
}
#record-detail-top .desc-block .inner .contact-image {
	text-align: center;
	margin: 40px auto;
}
#record-detail-top .desc-block .inner .contact-comment img,
#record-detail-top .desc-block .inner .contact-image img {
	max-width: 100%;
	height: auto;
}

#record-detail-top .desc-block .inner .right,
#record-detail-top .read-block .inner .right {
    text-align: right;
}
#record-detail-top .scene-block {
	background-color: #fff;
	padding-bottom: 30px;
}
#record-detail-top .scene-block .wrap .detail p {
	padding: 0;
}

#record-detail-top .scene-block .wrap .detail a {
	color: #368b30;
}
#record-detail-top .scene-block .wrap .detail .small {
	font-size: 12px;
}

#record-detail-top .scene-block .wrap .detail .thumbnail {
	padding-bottom: 80px;
}

#record-detail-top .scene-block .wrap .detail .thumbnail img {
	max-width: 90%;
	height: auto;
}

/* 202505 例外追加 */
.case_contact_inner_name:not(.single-case h2.case_contact_inner_name) {
    display :none;
}


@media only screen and (max-width: 800px) {
	.case-slider .slick-slide {
		width: 600px;
	}
	#record-detail-top .desc-block .posting-date,
	#record-detail-top .desc-block section .inner,
	#record-detail-top .read-block .inner,
	#record-detail-top .scene-block .wrap .detail {
		width: 95%;
		margin: auto 2.5%;
	}
	#record-detail-top .desc-block section {
		padding: 30px 0 60px;
	}
	#record-detail-top .desc-block .posting-date {
		padding-bottom: 0;
	}
	#record-detail-top .read-block .inner .main-area .detail h2,
	#record-detail-top .read-block .inner .main-area .detail h6 {
		font-size: 16px;
		text-align: left;
		margin-bottom: 20px;
	}
	#record-detail-top .read-block .inner .main-area .detail .desc {
		font-size: 14px;
	}
	#record-detail-top .read-block .inner .overview {
		padding: 15px;
	}
	#record-detail-top .read-block .inner .table-area .table-title {
		width: 30%;
		font-size: 13px;
	}
	#record-detail-top .read-block .inner .table-area .table-content {
		width: 65%;
		font-size: 13px;
	}
	#record-detail-top .read-block .inner .main-area .detail .price {
		font-size: 14px;
	}
	#record-detail-top .read-block .inner .main-area .detail .price strong {
		font-size: 24px;
	}
	#record-detail-top .read-block .inner .main-area .detail .price.chat strong {
		font-size: 20px;
	}
	#record-detail-top .read-block .inner .main-area {
		margin-bottom: 20px;
	}
	#record-detail-top .read-block .inner .description h3 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	#record-detail-top .read-block .inner .description .read {
		font-size: 14px;
	}
	#record-detail-top .desc-block .inner,
	#record-detail-top .scene-block .wrap .detail p {
		font-size: 14px;
	}
	#record-detail-top .desc-block h3 {
		padding-bottom: 20px;
	}
	#record-detail-top .desc-block h3 .num {
		padding-bottom: 15px;
		font-size: 20px;
	}
	#record-detail-top .desc-block .inner .contact-comment ul,
	#record-detail-top .desc-block .inner .issue ul,
	#record-detail-top .desc-block .inner .effect ul {
		margin: 10px 0 0 1em;
		padding: 0 20px;
	}
}


@media only screen and (max-width: 640px) {
	.case-slider .slick-slide {
		width: 300px;
	}
	#record-detail-top .read-block .inner .main-area .main-image {
		float: none;
		width: 100%;
		margin: 0 auto 5%;
        text-align: center;
	}
	#record-detail-top .read-block .inner .main-area .detail {
		float: none;
		width: 100%;
	}
	#record-detail-top .scene-block section {
		margin-bottom: 0;
	}
	#record-detail-top .scene-block .wrap .detail .thumbnail img {
		width: 90%;
		height: auto;
		margin: 0 5%;
	}
	#record-detail-top .read-block .inner .main-area .detail .notes {
		font-size: 9px;
	}
}



/*関連タイムレコーダーを探す------------------------------------*/

#record-detail-top .related-block {
	padding-bottom: 50px;
}
#record-detail-top .related-block h3 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	padding-top: 44px;
	padding-bottom: 46px;
	position: relative;
}
/*#record-detail-top .related-block h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}*/
#record-detail-top .related-block .inner {
/*	padding-top: 50px;
	padding-bottom: 57px;
	background-color: #F6F6F6;*/
}
#record-detail-top .related-block #slider, #record-detail-top .related-block #slider2 {
	max-width: 840px;
	margin: 0 auto;
}
#record-detail-top .related-block #slider:after, #record-detail-top .related-block #slider2:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#record-detail-top .related-block #slider li, #record-detail-top .related-block #slider2 li {
	width: 210px;
	float: left;
	background: #fff;
}
#record-detail-top .related-block #slider li a, #record-detail-top .related-block #slider2 li a {
	display: block;
	position: relative;
	padding-bottom: 22px;
	background-color: #fff;
/*	border-right: 1px solid #F6F6F6;*/
}
#record-detail-top .related-block #slider li a:after, #record-detail-top .related-block #slider2 li a:after {
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../../uploads/2018/11/css_sprites.svg);
	background-size: 300px 485px;
	background-position: -36px -364px;
	content:"";
	position: absolute;
	bottom: 70px;
	right: 8px;
}
#record-detail-top .related-block .img {
	display: table-cell;
	border: 20px solid #fff;
    vertical-align: middle;
}
#record-detail-top .related-block .name {
	display: block;
	padding: 13px 18px;
	font-size: 16px;
	color: #1D9E48;
}
#record-detail-top .related-block .price {
	display: block;
	font-size: 13px;
	padding: 0px 10px 5px;
}
#record-detail-top .related-block .desc {
	font-size: 18px;
	padding: 10px;
	font-weight: 800;
	text-align: left;
}
.paged .slick-prev,
.paged .slick-next {
	width: 48px;
	height: 48px;
	background-image: url(/wp-content/uploads/2017/05/btn_Slider2.png);
	background-color: transparent !important;
	position: absolute;
	top: 60%;
	margin-top: -24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	z-index: 20;
}

#record-detail-top #recorderimage .slick-prev,
#record-detail-top #recorderimage .slick-next {
	width: 20px;
	height: 50px;
	background-image: url(/wp-content/uploads/2017/05/slick_arrow.png);
	background-color: transparent !important;
	position: absolute;
	background-size: cover;
	top: 60px;
	bottom: 0;
	margin: auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	z-index: 20;
}
#record-detail-top #recorderimage .slick-prev:hover,
#record-detail-top #recorderimage .slick-next:hover {
	background-image: url(/wp-content/uploads/2017/05/slick_arrow_hover.png);
}


#record-detail-top .slick-prev,
#record-detail-top .slick-next {
	top: 50%;
}

.paged .slick-prev {
	background-position: left top;
	left: -80px;
}
.paged .slick-next {
	background-position: right top;
	right: -80px;
}
#record-detail-top #recorderimage .slick-prev {
	left: 0;
}
#record-detail-top #recorderimage .slick-next {
	right: 0;
}
.paged .slick-prev:before,
.paged .slick-next:before {
	display: none !important;
}
.paged .slick-prev:active,
.paged .slick-next:active {
	border: none;
}

ul#recorderimage,
ul#recorderimagenav {
	display: none;
}

ul#recorderimagenav {
	margin-top: 20px;
}

ul#recorderimagenav li {
	margin: auto 2px;
	border: 1px #c6c6c6 solid;
}


.paged .slick-disabled {
	display: none !important;
}

.paged .slick-prev:hover,
.paged .slick-prev:focus,
.paged .slick-prev::-moz-focus-inner,
.paged .slick-next:hover,
.paged .slick-next:focus,
.paged .slick-next::-moz-focus-inner {
	overflow: hidden;
	outline: none;
	opacity: 0.5;
	border: none;
}

input[type="button"]::-moz-focus-inne {	
}


@media only screen and (max-width: 1100px) {
	.paged .slick-prev {
		left: -34px;
		width: 32px;
		height: 32px;
		background-size: 200%;
	}
	.paged .slick-next {
		right: -34px;
		width: 32px;
		height: 32px;
		background-size: 200%;
	}
}
@media only screen and (max-width: 768px) {
	#record-detail-top .related-block {
		padding-bottom: 30px;
		margin-top: 0;
	}
	#record-detail-top .related-block h2,
	#record-detail-top .related-block h3 {
		font-size: 20px;
		padding-top: 27px;
		padding-bottom: 22px;
	}
	#record-detail-top .related-block h3:after {
		width: 20px;
		height: 2px;
	}
	#record-detail-top .related-block .inner {
	padding-top: 12px;
	padding-bottom: 15px;
	background-color: #F6F6F6;
}
	#record-detail-top .related-block #slider, #record-detail-top .related-block #slider2 {
		max-width: auto;
		margin: 0 32px;
	}
	#record-detail-top .related-block #slider:after, #record-detail-top .related-block #slider2:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#record-detail-top .related-block #slider li, #record-detail-top .related-block #slider2 li {
		width: 130px;
		float: left;
	}
	#record-detail-top .related-block #slider li a, #record-detail-top .related-block #slider2 li a {
		display: block;
		position: relative;
		padding-bottom: 22px;
		background-color: #fff;
		border-right: 1px solid #F6F6F6;
	}
	#record-detail-top .related-block #slider li a:after, #record-detail-top .related-block #slider2 li a:after {
		display: block;
		width: 15px;
		height: 15px;
		background-image: url(../../uploads/2018/11/css_sprites.svg);
		background-size: 300px 485px;
		background-position: -36px -390px;
		content:"";
		position: absolute;
		bottom: 100px;
		right: 8px;
	}
	#record-detail-top .related-block .img {
		border-top: 0;
		border-bottom: 0;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
        height: 135px;
	}
	#record-detail-top .related-block .name {
		display: block;
		padding: 9px 10px;
		font-size: 10px;
		color: #1D9E48;
	}
	#record-detail-top .related-block .desc,
	#record-detail-top .related-block .price {
		display: block;
		font-size: 10px;
		padding: 8px;
	}

	.paged .slick-prev,
	.paged .slick-next {
		width: 25px;
		height: 25px;
		background-image: url(/wp-content/uploads/2017/05/btn_Slider_sp2.png);
		background-size: 50px auto;
		background-color: transparent !important;
		margin-top: -10px;
	}
	.paged .slick-prev {
		left: -30px;
	}
	.paged .slick-next {
		right: -30px;
	}
	#record-detail-top #recorderimage .slick-prev:hover,
	#record-detail-top #recorderimage .slick-next:hover {
		background-image: url(/wp-content/uploads/2017/05/slick_arrow.png);
	}
}

#record-detail-top .case-block .inner .main-area .detail h2 {
	text-align: left;
}

#record-detail-top .desc-block .othert h3:after {
	top: inherit;
}
#record-detail-top .read-block .inner .image-area {
	width: 100%;
	margin: 0px;
	text-align: center;
}
#record-detail-top .read-block .inner .image-area img {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: auto;

}

#record-detail-top .case-desc h3 .num {
	font-size: 30px;
	text-align: center;
}
#record-detail-top .case-desc h3 .num {
	text-align: left;
    line-height: 1.3;
}

#record-detail-top .case-desc .left-photo {
    float: left;
    max-width: 50%;
    margin-right: 5%;
    margin-bottom: 10%;
}

#record-detail-top .case-desc .right-photo {
    float: right;
    max-width: 50%;
    margin-left: 5%;
    margin-bottom: 10%;
}

#record-detail-top.case-single .desc-block h3:after {
	width: 100%;
	margin: auto;
}


#record-detail-top.case-single .contact-comment h4 {
    margin-bottom: 30px;
}


#record-detail-top .desc-block h3:after {
	width: 90%;
	margin: auto 5%;
}
.comparison ul {
	margin: 10px 0 30px 1em;
	list-style-type: square;
	padding: 10px 20px;
}
#record-detail-top .desc-block section {
	padding: 30px 0;
	background-color: transparent !important;
}

@media only screen and (max-width: 768px) {
	#record-detail-top .case-desc h3 .num {
		font-size: 20px;
	}
	#record-detail-top .desc-block .inner .contact-image {
		margin: 20px auto;
	}
    #record-detail-top .case-desc .left-photo {
        float: none;
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    #record-detail-top .case-desc .right-photo {
        float: none;
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5%;
    }

}

/*---------------------------------------------------------------------------------
faq
--------------------------------------------------------------------------------- */
#faq-top {}
/*#faq-top h1 {
	background-image: url(/wp-content/uploads/2017/03/faq_bg.jpg);
}*/

#faq-top .read-block {
	padding-bottom: 100px;
/*	background-image: url(/wp-content/uploads/2017/03/faq_bg_pc.jpg);*/
	background-size: 100%;
	background-position: center 100px;
	background-repeat: no-repeat;
}

#faq-top .read-block .inner {
	max-width: 854px;
	padding: 50px 123px 42px;
	margin: 0 auto;
}
/*#faq-top .read-block .inner p {
	width: 495px;
	padding-bottom: 55px;
	text-align: left;
}*/
#faq-top .read-block .inner .btn {
	width: 270px;
}
#faq-top .read-block .inner .btn a {
	background-color: /*#A543B7*/ #6cbb5f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

#faq-top .list-block .item-wrap a:link,
#faq-top .list-block .item-wrap a:visited,
#faq-top .list-block .item-wrap a:hover,
#faq-top .list-block .item-wrap a:active {
    color: #1D9E48;
    text-decoration: underline;
    font-weight: 800;
}

@media only screen and (max-width: 768px) {
	#faq-top .read-block {
		background: none;
		padding-bottom: 0;
	}
	#faq-top .read-block .inner {
		max-width: auto;
		padding: 10px 0 0;
		margin: 0 auto;
		/*background-image: url(/wp-content/uploads/2017/03/faq_bg_sp.jpg);*/
		background-size:  cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#faq-top .read-block .inner p {
		width: auto;
		padding-bottom: 5px;
		font-size: 15px;
	}
	#faq-top .read-block .inner .btn {
		width: 233px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#faq-top .read-block .inner .btn a {
		background-color: /*#A543B7*/ #6cbb5f;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding: 14px;
		border-radius: 22px;
	}
}

/*一覧---------------------------------------------------------------------------*/
#faq-top .list-block {
	padding-bottom: 100px;
}
#faq-top .list-block .inner {
	max-width: 1100px;
	margin: 0 auto;
}
#faq-top .list-block .inner h3 {
	padding-top: 38px;
	padding-bottom: 72px;
	position: relative;
	font-size: 36px;
	line-height: 1;
	color: #1D9E48;
	text-align: center;
}
#faq-top .list-block .inner h3:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #43BBB3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	content:"";
}
@media only screen and (max-width: 768px) {
	#faq-top .list-block {
		padding-bottom: 50px;
	}
	#faq-top .list-block .inner {
		max-width: 100%;
		margin: 0 auto;
	}
	#faq-top .list-block .inner h3 {
		padding-top: 18px;
		padding-bottom: 28px;
		position: relative;
		font-size: 18px;
		line-height: 1;
		color: #1D9E48;
		text-align: center;
	}
	#faq-top .list-block .inner h3:after {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #43BBB3;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		content:"";
	}
}

/*ソート用ボタン*/
#faq-top .list-block .filters {
	margin-bottom: 96px;
	border: 1px solid #D1D1D1;
}
#faq-top .list-block .filters:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#faq-top .list-block .filters li {
	width: 20%;
	float: left;
}
#faq-top .list-block .filters li br {
	display: none;
}
#faq-top .list-block .filters li a {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 98px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	padding: 41px 0 41px 68px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	border-top: 1px solid #D1D1D1;
}

#faq-top .list-block .filters li:nth-of-type(5n) a {
	border-right: none;
}

#faq-top .list-block .filters li a.current {
	background-color: #1D9E48;
	color: #fff;
}
#faq-top .list-block .filters li:nth-of-type(1) a,
#faq-top .list-block .filters li:nth-of-type(2) a {
	border-top: 1px solid #D1D1D1;
	padding-right: 0;
	text-align: left;
}
#faq-top .list-block .filters li a img {
	width: 40px;
	display: block;
	position: absolute;
	top: 29px;
	left: 14px;
}
#faq-top .list-block .filters li a:after {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
	position: absolute;
	top: 0;
	left: 0;
	content:"";
}
#faq-top .list-block .filters li a .tooltip {
	display: none;
	width: 226px;
	padding: 20px 35px;
	font-size: 14px;
	color: #fff;
	background-color: #43BBB3;
	border-radius: 6px;
	position: absolute;
	left: -11px;
	top: 83px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	z-index: 10;
}
#faq-top .list-block .filters li:nth-of-type(1) a .tooltip {
	left: 108px;
}

#faq-top .list-block .filters li a .tooltip:before {
	content: "";
	position: absolute;
	top: -10px; left: 50px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #43BBB3 transparent;
}
#faq-top .list-block .filters li a:hover .tooltip {
	display: block;
}
@media screen and (min-width:769px) and  (max-width: 1000px) {
	#faq-top .list-block .filters li {
		width:25%;
		float: left;
	}
	#faq-top .list-block .filters li:nth-of-type(1),
	#faq-top .list-block .filters li:nth-of-type(2) {
		width: 50%;
	}
	#faq-top .list-block .filters li:last-child {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	#faq-top .list-block .filters {
		margin-bottom: 62px;
		border-left: 1px solid #D1D1D1;
	}
	#faq-top .list-block .filters:after {
		content: ""; 
		display: block;
		clear: both;
		height: 0;
	}
	#faq-top .list-block .filters li {
		width: 25%;
		float: left;
	}
	#faq-top .list-block .filters li br {
		display: inline;
	}
	#faq-top .list-block .filters li a {
		box-sizing: border-box;
		display: flex; 
		position: relative;
		width: 100%;
		height: 50px;
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		align-items: center;
		padding:0px 0 0 32px;
		border-right: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		-moz-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		-webkit-box-shadow:0px -4px 6px -4px #d2d1d2 inset;
		box-shadow:0px -4px 6px -4px #d2d1d2 inset;
	}
	#faq-top .list-block .filters li a.current {
		background-color: #1D9E48;
		color: #fff;
	}

	#faq-top .list-block .filters li a img {
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		margin: auto;
	}
	#faq-top .list-block .filters li a:after {
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(/wp-content/uploads/2018/11/icon_filter.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		content:"";
	}
	#faq-top .list-block .filters li a .tooltip,
	#faq-top .list-block .filters li a:hover .tooltip {
		display: none;
	}
	#faq-top .list-block .filters li:nth-of-type(6n) a {
		border-right: 1px solid #d1d1d1;
	}
	#faq-top .list-block .filters li:nth-of-type(5n) a {
		border-right: 1px solid #D1D1D1;
	}
}


#faq-top .list-block .item-wrap {
	width: 1100px;
	position: relative;	
}
@media screen and  (max-width: 1000px) {
	#faq-top .list-block .item-wrap {
		width: 100%;
	}
}

#faq-top .list-block .item-wrap .q-a-box {
	width: 100%;
	margin-bottom: 60px;
}
#faq-top .list-block .item-wrap .q-a-box .inner {
	border: 20px solid #efefef;
	padding: 15px;
	background-color: #fff;
}


#faq-top .list-block .item-wrap .q-a-q {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 800;
	position: relative;
	padding-left: 40px;
}
#faq-top .list-block .item-wrap .q-a-a {
	font-size: 18px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 40px;
}
#faq-top .list-block .item-wrap .q-a-q:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_faq_q.png);
	position: absolute;
	background-size: contain;
	left: 0;
	top: 5px;
	width: 30px;
	height: 30px;
}
#faq-top .list-block .item-wrap .q-a-a:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_faq_a.png);
	position: absolute;
	background-size: contain;
	left: 0;
	width: 30px;
	height: 30px;
}
@media only screen and (max-width: 768px) {
	#faq-top .list-block .item-wrap .q-a-box {
		margin-bottom: 30px;
	}
	#faq-top .list-block .item-wrap .q-a-q:before {
		width: 20px;
		height: 20px;
		top: 4px;
	}
	#faq-top .list-block .item-wrap .q-a-q {
		font-size: 18px;
	}
	#faq-top .list-block .item-wrap .q-a-a:before {
		width: 20px;
		height: 20px;
		top: 2px;
	}
	#faq-top .list-block .item-wrap .q-a-a {
		font-size: 14px;
	}
}

/*---------------------------------------------------------------------------------
機能ページ　下層
--------------------------------------------------------------------------------- */
/* h1 統一　*/
/*#overtime-top h1,
#shift-top h1,
#admin-top h1,
#approval-top h1,
#vacation-top h1,
#alert-top h1,
#payrollaccounting-top h1,
#export-top h1,
#output-top h1,
#function-top h1 {
	background-image: url(/wp-content/uploads/2017/02/many_function_bg.jpg);
	position: relative;
}*/

.paged .scene-block .function-area {
	max-width: 800px;
	margin: auto;
} 
.paged .scene-block .function-area .detail h4 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 30px;
	color: #1D9E48;
	text-align: center;
}
.paged .scene-block .function-area .detail h4 {
	line-height: 1;
	position: relative;
	padding-bottom: 45px;
}
.paged .scene-block .function-area .detail h4:after {
	display: block;
	width: 90%;
	height: 3px;
	background-color: #1D9E48;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	/*top: 60px;*/
	content: "";
}
.paged #introduction-comparison h3 .num,
.paged #price-comparison h3 .num,
.paged .scene-block .function-area .detail h3 .num {
	display: block;
	padding-bottom: 25px;
	font-size: 30px;
	color: #1D9E48;
	text-align: center;
}
.paged #introduction-comparison h3,
.paged #price-comparison h3,
.paged .scene-block .function-area .detail h3 {
	line-height: 1;
	position: relative;
	padding-bottom: 45px;
	padding-top: 0;
}
.paged #introduction-comparison h3:after,
.paged #price-comparison h3:after,
.paged .scene-block .function-area .detail h3:after {
	display: block;
	width: 90%;
	height: 3px;
	background-color: #1D9E48;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
}
.paged .scene-block .function-area .image-box .operation-support h4,
.paged .scene-block .function-area .detail .operation-support h4,
.paged .scene-block .function-area .detail .inner-box h4 {
	font-size: 24px;
	color: #1D9E48;
	text-align: left;
	line-height: 1;
	position: relative;
	padding: 40px 0 15px;
}
.paged .scene-block .function-area .image-box .operation-support h4,
.paged .scene-block .function-area .detail .operation-support h4 {
	padding: 10px 0 15px;
}
.paged .scene-block .function-area .image-box .operation-support p,
.paged .scene-block .function-area .detail .operation-support p {
	font-size: 14px;
	padding: 10px 0 15px;
	text-align: left;
}

.paged .scene-block .function-area .detail .operation-support h4:after,
.paged .scene-block .function-area .detail .inner-box h4:after {
	display: block;
	background-color: initial;
	content: "";
}
.paged .scene-block .function-area .detail .inner-box p.indent {
	padding-left: 3em;
}
.paged .scene-block .function-area .detail p.s-ttl {
	font-weight: 800;
}

.paged .scene-block .function-area .image {
	width: 90%;
	margin: 50px auto;
	overflow: hidden;
}
.paged .scene-block .function-area .image-area img,
.paged .scene-block .function-area .image img {
	border: 3px solid #666;
	max-width: 99%;
	height: auto;
}

.paged .scene-block .function-area .image .left-image {
	float: left;
	margin-right: 20px;
}
.paged .scene-block .function-area .image .left-image:last-child {
	margin-right: 0;
}

.paged .scene-block .function-area .image .right-image {
	float: right;
}
.paged .scene-block .function-detail {
	clear: both;
}

.paged .scene-block .function-detail {
	padding: 40px 0 80px;
	background-color: #f6f6f6 !important;
}
.paged .scene-block .function-detail:nth-of-type(2n) {
	background-color: #fff !important;
}
.paged .scene-block section.function-detail .detail, .paged .scene-block section.function-detail:nth-of-type(2n) .detail {
	padding-left: 0;
	padding-right: 0;
}
.paged .scene-block .function-area .image-area a,
#record-detail-top .scene-block .wrap .detail a,
.paged .scene-block .image a {
	position: relative;
	overflow: hidden;
}
.paged .scene-block .function-area .detail {
/*	overflow: hidden;*/
	clear: both;
/*	padding-top: 5px;*/
}
.paged .scene-block .function-area .text-area {
	float: left;
	width: 45%;
}
.paged .scene-block .function-area .image-area {
	float: right;
}

.paged .scene-block .function-area .step-images {
	text-align: center;
	margin: auto auto 20px;
}
.paged .scene-block .function-area .step-dect {
	text-align: center;
	margin-bottom: 30px;
}
.paged .scene-block .function-area .step-arrow {
	text-align: center;
	margin: 0 auto 50px;
}

.paged .scene-block .function-area .step-dect a:link,
.paged .scene-block .function-area .step-dect a:visited,
.paged .scene-block .function-area .step-dect a:hover,
.paged .scene-block .function-area .step-dect a:active {
	color: #20928b;
}

.paged .scene-block .function-area .step-dect .btn a:link,
.paged .scene-block .function-area .step-dect .btn a:visited,
.paged .scene-block .function-area .step-dect .btn a:hover,
.paged .scene-block .function-area .step-dect .btn a:active {
	color: #fff;
}

.paged .scene-block .image-area a:after,
#record-detail-top .scene-block .wrap .detail .thumbnail a:after,
.paged .scene-block .image a:after {
	position: absolute;
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_loupe_tri.png);
	left: 0;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: cover;
}
#record-detail-top .scene-block .wrap .detail .thumbnail img {
	border: 3px solid #666;
}

@media only screen and (max-width: 768px) {
	.paged .scene-block .function-area .detail h4 {
		text-align: center;
		max-width: 95%;
		margin: auto;
	}
	.paged .scene-block .function-area .detail h4:after {
		margin: auto;
		right: 0;
	}
	.paged .scene-block .function-area .detail h4 .num {
		padding-bottom: 15px;
		font-size: 20px;
	}
	.paged #introduction-comparison h3,
	.paged #price-comparison h3,
	.paged .scene-block .function-area .detail h3 {
		text-align: center;
		margin: auto 5px;
		padding-bottom: 20px;
	}
	.paged #introduction-comparison h3:after,
	.paged #price-comparison h3:after,
	.paged .scene-block .function-area .detail h3:after {
		margin: auto;
		right: 0;
	}
	.paged #introduction-comparison h3 .num,
	.paged #price-comparison h3 .num,
	.paged .scene-block .function-area .detail h3 .num {
		padding-bottom: 15px;
		font-size: 20px;
	}
	.paged .scene-block .function-area .detail .operation-support h4,
	.paged .scene-block .function-area .detail .inner-box h4 {
		font-size: 14px;
		line-height: 1.3;
		padding: 20px 0 10px;
	}
	.paged .scene-block .function-area .detail .operation-support h4 {
		padding-top: 5px;
	}
	.paged .scene-block .function-area .detail .inner-box p.indent {
		padding-left: 1em;
		padding-right: 1em;
	}
	.paged .scene-block .function-area .detail p {
		font-size: 15px;
		max-width: 95%;
		margin: auto auto 25px;
	}
	.paged .scene-block .function-area .detail p.small {
		font-size: 10px;
	}
	.paged .scene-block .function-area .detail p.s-ttl {
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	.paged .scene-block .function-area .image .left-image,
	.paged .scene-block .function-area .image .right-image {
		float: none;
	}
	.paged .scene-block .function-area .image .left-image {
		margin-bottom: 30px;
		margin-right: 0;
	}
	.paged .scene-block .function-area .image {
		text-align: center;
	}
	.paged .scene-block .function-area .image img {
		max-width: 90%;
		height: auto;
	}
	.paged .scene-block .function-detail {
		padding: 30px 0 60px;
	}
	.paged .scene-block .function-area .image {
		margin: 20px auto;
	}
	.paged .scene-block section.function-detail {
		margin-bottom: 0;
	}
	.paged .scene-block .function-area .text-area {
		float: none;
		width: 90%;
		margin: 0 5%;
	}
	.paged .scene-block .function-area .image-area {
		float: none;
		margin: 30px auto;
		text-align: center;
	}
	.paged .scene-block .function-area .step-images img {
		max-width: 90%;
		height: auto;
		margin: auto auto 20px;
	}
	.paged .scene-block .function-area .step-dect {
		font-size: 13px;
		width: 90%;
		margin: auto auto 40px;
	}
	.paged .scene-block .function-area .step-arrow img {
		width: 100px;
		height: auto;
	}
}

@media only screen and (max-width: 320px) {
	.paged .scene-block .function-area .step-dect {
		font-size: 12px;
	}
}

/* 個別ページ設定　*/
#overtime-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_overtime-bases.jpg);
}
#shift-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_schedule.jpg);
}
#admin-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_admin.jpg);
}
#approval-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_application.jpg);
}
#vacation-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_vacation.jpg);
}
#alert-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_alert.jpg);
}
#payrollaccounting-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_aggregate.jpg);
}
#export-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_salary.jpg);
}
#output-top .scene-block .read {
	background-image: url(/wp-content/uploads/2017/02/function_books.jpg);
}


.function-detail .detail .comparison-table {
	overflow: hidden;
	margin: 20px auto 30px;
}
@media only screen and (max-width: 768px) {
	.function-detail .detail .comparison-table {
		padding: 0 5px;
	}
}

/*---------------------------------------------------------------------------------
トライアルキット
--------------------------------------------------------------------------------- */
#trial_kit-top .scene-block section .detail .period,
#trial_kit-top .scene-block section .detail .number,
#trial_kit-top .scene-block section .detail .price,
#trial_kit-top .scene-block section .detail .return,
#trial_kit-top .scene-block section .detail .checklist,
#trial_kit-top .scene-block section .detail .other {
	overflow: hidden;
	margin-bottom: 1%;
}

#trial_kit-top .scene-block section .detail .period div,
#trial_kit-top .scene-block section .detail .number div,
#trial_kit-top .scene-block section .detail .price div,
#trial_kit-top .scene-block section .detail .return div,
#trial_kit-top .scene-block section .detail .checklist div,
#trial_kit-top .scene-block section .detail .other div {
	float: left;
	background-color: #eeeeee;
	font-size: 13px;
}
#trial_kit-top .scene-block section .detail .comparison-table .inner {
	padding: 15px 10px;
}


#trial_kit-top .scene-block section .detail .item {
	width: 30%;
	margin-right: 1%;
	background-color: #26ae90!important;
	color: #fff;
}
#trial_kit-top .scene-block section .detail .item .inner {
	background-color: #26ae90!important;
}

#trial_kit-top .scene-block section .detail .contents {
	width: 69%;
}
    #traial_sp{
		display: none;
   }    
   #traial_pc{

   }
/*---------------------------------------------------------------------------------
ご利用中のお客様
--------------------------------------------------------------------------------- */
#customer-top .read-block .inner .btn {
	width: 270px;
	margin: 40px auto;
}
#customer-top .read-block .inner .btn a {
	background-color: /*#e80c7a*/ #e9641e;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

#customer-top .function-area .detail .link-block {
	overflow: hidden;
	margin: 20px auto 60px;
}

#customer-top .function-area .detail .login-box {
	float: left;
	width: 49%;
	margin: 0 1% 0 0;
}
#customer-top .function-area .detail .login-box:nth-of-type(2n) {
	margin: 0 0 0 1%;
}

#customer-top .function-area .detail .login-box h4 {
	font-size: 19px;
	margin-bottom: 20px;
	text-align: center;
	padding-bottom: 0;
	line-height: 1.8;
}
#customer-top .function-area .detail .login-box h4:after {
	content: "";
	display: none;
}

#customer-top .function-area .detail .login-box .inner {
	border: 3px solid #28cec3;
	border-radius: 10px;
	padding: 30px 20px;
}

#customer-top #support {
	max-width: 662px;
	position: relative;
	margin: auto;
}
#customer-top #support .helpbtn,
#customer-top #support .s3btn,
#customer-top #support .s2btn {
	width: 198px;
	height: 57px;
	position: absolute;
	top: 105px;
	left: 9px;
}
#customer-top #support .s3btn {
	left: 233px;
}
#customer-top #support .s2btn {
	left: 453px;
}
#customer-top .callimg {
	text-align: center;
}
#customer-top .callimg .telbox {
	width: 600px;
}
#customer-top .callimg .operator {
	width: 700px;
}


@media only screen and (max-width: 768px) {
	#customer-top .function-area .detail .login-box {
		float: none;
		width: 95%;
		margin: 0 2.5% 20px;
	}
	#customer-top .function-area .detail .login-box:nth-of-type(2n) {
		margin: 0 2.5% 20px;
	}

	#customer-top .function-area .detail .login-box h4 {
		font-size: 13px;
		margin-bottom: 20px;
		text-align: center;
	}
	#customer-top .function-area .detail .login-box .inner {
		border: 3px solid #28cec3;
		border-radius: 10px;
		padding: 15px 10px;
	}
	#customer-top #support .helpbtn,
	#customer-top #support .s3btn,
	#customer-top #support .s2btn {
		width: 26%;
		height: auto;
		position: absolute;
		top: 64%;
		left: 5%;
	}
	#customer-top #support .s3btn {
		left: 37%;
	}
	#customer-top #support .s2btn {
		left: 68%;
	}
	#customer-top .callimg {
		width: 95%;
		margin: auto;
	}
	#customer-top .callimg .telbox,
	#customer-top .callimg .operator,
	#customer-top .callimg img {
		max-width: 100%;
		height: auto;
	}
}


#customer-top .function-area .detail .tel-box {
	margin: 20px 0 30px;
}
#customer-top .function-area .detail .tel-box .inner {
	padding: 30px 20px;
	border: #06b4a9 solid 3px;
	border-radius: 10px;
}
#customer-top .function-area .detail .info-block {
	margin: 20px auto 30px; 
}

#customer-top .function-area .detail .info-block h4 {
	color: #06b4a9;
	font-size: 22px;
	padding-bottom: 0;
	line-height: 1.8;
}
#customer-top .function-area .detail .info-block h4:after {
	display: none;
}
#customer-top .function-area .detail .info-block .number {
	font-size: 36px;
	font-weight: 800;
	float: left;
	margin-right: 30px;
	position: relative;
	color: #033fc1;
	padding-left: 60px;
}
#customer-top .function-area .detail .info-block .reception-time {
	float: right;
}
#customer-top .function-area .detail .info-block .number:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_old_telephone.png);
	width: 50px;
	height: 50px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 4px;
	left: 0;
}
#customer-top .function-area .detail .info-block hr.tel-border {
	clear: both;
	border: #06b4a9 1px solid;
	width: 100%;
	margin: 15px auto;
}
#customer-top .function-area .detail .tel-box .intro {
	font-size: 14px;
}
#customer-top .function-area .detail .tel-box .guide-number {
	margin: 10px auto;
}


#customer-top .function-area .detail .tel-box .guide-number li {
	font-weight: 800;
	font-size: 18px;
	position: relative;
}
#customer-top .function-area .detail .guide-number li:after {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/number-1.png);
	width: 200px;
	height: 30px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
}
#customer-top .function-area .detail .guide-number li.number-2:after {
	background-image: url(/wp-content/uploads/2017/03/number-2.png);
}
#customer-top .function-area .detail .guide-number li.number-3:after {
	background-image: url(/wp-content/uploads/2017/03/number-3.png);
}
#customer-top .function-area .detail .adress {
	margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
	.paged .scene-block .function-area .detail .btn {
		width: initial;
	}
	#customer-top .function-area .detail .info-block .number:before {
		width: 25px;
		height: 25px;
		top: 5px;
	}
	#customer-top .function-area .detail .info-block .inner {
		padding: 0 5px;
	}
	#customer-top .function-area .detail .tel-box .inner {
		padding: 10px 15px;
	}
	#customer-top .function-area .detail .info-block .number {
		font-size: 22px;
		font-weight: 800;
		float: none;
		margin-right: 30px;
		position: relative;
		color: #033fc1;
		padding-left: 40px;
	}
	#customer-top .function-area .detail .info-block .reception-time {
		float: none;
	}
	.paged .scene-block .function-area .detail ul {
		font-size: 12px;
		list-style: disc;
		margin: auto 2.5%;
	}
	.paged .scene-block .function-area .detail .sp-guide-number ul {
		list-style: decimal;
	}
	#customer-top .function-area .detail .tel-box .sp-guide-number li {
		font-weight: 800;
		font-size: 14px;
		position: relative;
	}
}

/*---------------------------------------------------------------------------------
タイムレコーダーとの比較
--------------------------------------------------------------------------------- */
/*#unjust-top h1,
#post-top h1,
#safekeeping-top h1,
#time_correction-top h1,
#realtime-top h1,
#customize-top h1,
#total-top h1 {
	background-image: url(/wp-content/uploads/2017/02/merit_bg.jpg);
	position: relative;
}*/

#merit-child.read-block .inner .image-box {
	width: 900px;
	margin: auto;
}

#merit-child.read-block .inner h3 {
	font-size: 22px;
	margin: 30px auto 10px;
}
#merit-child.read-block .inner .text-area {
	width: 900px;
	margin: auto;
}

#merit-child.read-block .inner p {
	text-align: center;
}

.scene-block .comparison ul {
	margin: 10px 0 30px 1em;
	list-style-type: square;
	padding: 10px 20px;
}
.scene-block .comparison-box {
	overflow: hidden;
	width: 900px;
	margin: auto;
}
.scene-block .comparison-box section {
	float: left;
	width: 49%;
	margin: 10px 0.5%;  
	clear: none;
}
.paged .scene-block .comparison-box section .function-area {
	border: 5px solid #1D9E48;
	border-radius: 10px;
	background: #f6f6f6 !important;
}
.paged .scene-block .comparison-box section.function-detail {
	clear: none;
	background: #f6f6f6 !important;
}
.paged .scene-block .comparison-box section.function-detail h3 {
	padding-bottom: 0;
	background-color: #1D9E48;
	position: relative;
}
.paged .scene-block .comparison-box section.function-detail h3 .num {
	color: #f6f6f6;
	padding: 20px;
}
.paged .scene-block .comparison-box section.function-detail h3:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/04/smile.png);
	position: absolute;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
}
.paged .scene-block .comparison-box section.function-detail h3.timecard:before {
	background-image: url(/wp-content/uploads/2017/04/crying.png);

}
.paged .scene-block .comparison-box section.function-detail h3:after {
	display: none;
}
.paged .scene-block .comparison-box section.function-detail ul {
	margin-bottom: 0;
}
#record-detail-top .index-block .inner,
#record-detail-top .read-block .inner {
	width: 800px;
	overflow: hidden;
	margin: auto;
	text-align: left;
}
#record-detail-top .index-block .inner .index-area {
    border: 2px solid #EEEEEE;
    box-sizing: border-box;
    padding: 10px 20px 30px;
    margin-bottom: 30px;
	background: #eee;
}

#record-detail-top .index-block .inner .index-area .index-h3 {
    font-size: 25px;
    margin-bottom: 10px;
	color: #999999;
}

#record-detail-top .index-block .inner .index-area .index-list a {
    color: #35b574 ;
}
#record-detail-top #index-area,
#record-detail-top #interview_h_1,
#record-detail-top #interview_h_2,
#record-detail-top #interview_h_3,
#record-detail-top #interview_h_4,
#record-detail-top #interview_h_5,
#record-detail-top #interview_h_6,
#record-detail-top #interview_h_7,
#record-detail-top #interview_h_8,
#record-detail-top #interview_h_9,
#record-detail-top #interview_h_10,
#record-detail-top #interview_h_11,
#record-detail-top #interview_h_12 {
    margin-top: -100px;
    padding-top: 100px;
}

@media only screen and (max-width: 900px) {
	.scene-block .comparison-box {
		width: 95%;
		margin: auto 2.5%;
	}
	#merit-child.read-block .inner .text-area {
		width: 100%;
		margin: auto;
		font-size: 14px;
	}
	.scene-block .comparison-box section {
		float: none;
		width: 100%;
		margin: 10px auto;  
		clear: both;
	}
	
}
@media only screen and (max-width: 768px) {
	#merit-child.read-block .inner .image-box {
		width: 90%;
		margin: auto 5%;
	}
	#merit-child.scene-block:nth-of-type(2n) {
		padding-bottom: 0;
	}
	.paged .scene-block .comparison-box section.function-detail h3 {
		margin: auto;
	}
	.paged .scene-block .comparison-box section:first-child {
		padding: 30px 0 10px;
	}
	.paged .scene-block .comparison-box section:last-child {
		padding: 0 0 60px;
	}
	#merit-child.read-block .inner p {
		text-align: left;
		font-size: 12px;
	}
}

@media only screen and (max-width: 800px) {
	#record-detail-top .desc-block h3 {
		padding-bottom: 20px;
	}
	.paged .scene-block .function-area .detail h4 {
		padding-bottom: 20px;
	}
	#record-detail-top .desc-block .posting-date,
	#record-detail-top .desc-block section .inner,
	#record-detail-top .index-block .inner,
	#record-detail-top .read-block .inner,
	#record-detail-top .scene-block .wrap .detail {
		width: 95%;
		margin: auto 2.5%;
	}
#record-detail-top #index-area,
#record-detail-top #interview_h_1,
#record-detail-top #interview_h_2,
#record-detail-top #interview_h_3,
#record-detail-top #interview_h_4,
#record-detail-top #interview_h_5,
#record-detail-top #interview_h_6,
#record-detail-top #interview_h_7,
#record-detail-top #interview_h_8,
#record-detail-top #interview_h_9,
#record-detail-top #interview_h_10,
#record-detail-top #interview_h_11,
#record-detail-top #interview_h_12 {
    margin-top: -50px;
    padding-top: 50px;
}
}

/*---------------------------------------------------------------------------------
特別インタビュー
--------------------------------------------------------------------------------- */
.paged .interview .function-area .detail h4,
.paged .interview .function-area .detail h5 {
	text-align: center;
	color: #146762;
	font-size: 24px;
	margin: 80px auto 50px;
	position: relative;
}
.paged .interview .function-area .detail h4:after,
.paged .interview .function-area .detail h5:after {
	display: block;
	width: 90%;
	height: 3px;
	background-color: #146762;
	position: absolute;
	left: 0;
	right: 0;
	margin: 15px auto 0;
	content: "";
}

.paged .interview .function-area .detail .interview-img {
	text-align: center;
	margin: 0 auto 20px;
}

@media only screen and (max-width: 768px) {
	.paged .interview .function-area .detail .interview-img {
		max-width: 95%;
		margin: auto;
	}
	.paged .interview .function-area .detail .interview-img img {
		max-width: 100%;
		height: auto;
	}
}



/*---------------------------------------------------------------------------------
サイトマップ
--------------------------------------------------------------------------------- */
#sitemap-top .scene-block {
	background-color: #fff;
}

#sitemap-top #sitemap_list > li {
	padding: 0 20px 35px;
	width: 100%;
	float: none;
}

/*#sitemap-top #sitemap_list > li:first-child {
	float: none;
	width: 100%;
}*/
#sitemap-top .scene-block .function-area {
	max-width: 950px;
	overflow: hidden;
}
#sitemap-top #container {
	margin: auto;
}

ul.children {
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
	#sitemap-top #sitemap_list > li {
		padding: 0 0 35px;
		margin: auto;
		width: 95%;
		float: none;
	}
	#sitemap-top.paged .scene-block .function-detail {
		width: 90%;
		padding-top: 0;
		margin: auto 5%;
	}
}
/*---------------------------------------------------------------------------------
会社概要
--------------------------------------------------------------------------------- */

.paged #company-content.scene-block,
.paged #company-content.scene-block section {
	background-color: #fff;
	padding: 0;
}
.paged #company-content.scene-block .wrap {
	padding-bottom: 0;
	width: 800px;
}

.paged #company-content.scene-block section .detail {
	padding-left: 0;
}
.paged #company-content.scene-block section .detail h2 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
	color: #1D9E48;
}

.paged #company-content.scene-block section .detail h3 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #1D9E48;
}


#company-content.scene-block .comparison-table {
	overflow: hidden;
	width: 95%;
	border-top: 1px solid #1D9E48;
	border-left: 1px solid #1D9E48;
	/*border-collapse: collapse;*/
	border-spacing: 0;
	margin: 0 2.5% 60px;
}
#company-content.scene-block .comparison-table tbody {
	display: table-row-group;
	vertical-align: middle;
}

#company-content.scene-block .comparison-table div > div {
	float: left;
	text-align: center;
	background-color: #ecf0f1;
	height: 140px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#company-content.scene-block .comparison-table > div {
	overflow: hidden;
	margin-bottom: 1%;
}
#company-content.scene-block .comparison-table .years-area,
#company-content.scene-block .comparison-table .header-area,
#company-content.scene-block .comparison-table .content-area {
	padding: 17px;
	box-sizing: border-box;
	border-bottom: 1px solid #1D9E48;
	border-right: 1px solid #1D9E48;
	text-align: left;
}

#company-content.scene-block .comparison-table .years-area,
#company-content.scene-block .comparison-table .header-area {
	width: 20%;
	margin-right: 1%;
	background-color: #ceebe9;
	color: #288781;
	font-weight: 800;
}
#company-content.scene-block .comparison-table .content-area {
	width: 79%;
}
#company-content.scene-block .comparison-table .content-area .privacy {
	margin-bottom: 10px;
}

#company-content.scene-block a:link,
#company-content.scene-block a:visited,
#company-content.scene-block a:hover,
#company-content.scene-block a:active {
	color: #288781;
	text-decoration: underline;
	word-break: break-all;
}
@media only screen and (max-width: 768px) {
	#company-content.scene-block .comparison-table .years-area,
	#company-content.scene-block .comparison-table .header-area {
		padding: 7px;
		width: 27%;
	}

	.paged #company-content.scene-block section .detail h5 {
		font-size: 18px;
	}
	.paged #company-content.scene-block .wrap {
		width: 100%;
	}
	.paged #company-content.scene-block .wrap .inner {
		width: 95%;
		margin: auto;
	}
	#company-top .link-block, #case-top .link-block, #record-top .link-block {
		width: 100%;
	}
	.paged #company-content.scene-block section .detail h2 {
		font-size: 20px;
		line-height: 1.2;
	}
}

/*---------------------------------------------------------------------------------
つながるKING OF TIME
--------------------------------------------------------------------------------- */
.paged .relationship-link .inner {
	text-align: center;
	max-width: 800px;
	margin: auto;
}
.paged .relationship-link .inner .txt-box {
	text-align: left;
	display: block;
	width: 340px;
	margin: 0 auto 15px;
	padding: 15px 20px;
	border: 2px #1D9E48 solid;
	border-radius: 10px;
}
.paged .relationship-link .inner .under-arrow {
	font-size: 30px;
}
.paged .relationship-link .inner .pink {
	color: #e5004f;
}

@media only screen and (max-width: 768px) {
	.paged .relationship-link .inner {
		width: 95%;
		margin: 0 2.5%;
	}
	.paged .relationship-link .inner .txt-box {
		width: 85%;
		margin: 0 auto 15px;
		font-size: 12px;
	}
	.paged .relationship-link .inner img {
		max-width: 100%;
		height: auto;
	}
}

.paged .relationship-link .btn {
	width: 270px;
}
.paged .relationship-link .btn a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}
.paged .relationship-link .btn {
	margin: 40px auto 80px;
}
.paged .relationship-link .btn a {
	background-color: #28cec3;
}
.paged .relationship-link .inner .image-area {
	margin: 20px auto 40px;
	overflow: hidden;
}
.paged .relationship-link .inner .attention {
	background: red;
	max-width: 800px;
	margin: 20px auto 40px;
	border-radius: 10px;
	color: #fff;
	padding: 10px 15px;
	font-weight: 800;
}

.paged .relationship-link .inner .flow-text {
	border: 2px #5fa6dc solid;
	max-width: 800px;
	margin: 25px auto;
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 14px;
}

.paged .relationship-link .inner .txt-box2 {
	max-width: 800px;
	text-align: left;
	margin: 0 auto 40px;
}

/* MF cloud */
.paged .relationship-link .inner h3 {
	font-size: 28px;
	color: #1D9E48;
}
.paged .relationship-link .function-detail .inner .chara {
	margin-bottom: 40px;
}

.paged .relationship-link .function-detail .step1,
.paged .relationship-link .function-detail .step2,
.paged .relationship-link .function-detail .step3 {
	overflow: hidden;
	text-align: left;
	width: 550px;
	margin: 20px auto;
	border: #1D9E48 2px solid;
	border-radius: 10px;
}
.paged .relationship-link .function-detail .image {
	float: left;
}
.paged .relationship-link .function-detail .txt {
	text-align: left;
	float: left;
	width: 440px;
	margin-left: 15px;
}
.paged .relationship-link .merit .inner,
.paged .relationship-link .chara .inner {
	padding: 10px 15px;
	overflow: hidden;
}
.paged .relationship-link .merit .inner h4 {
	border-bottom: dotted #1D9E48 2px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.paged .relationship-link .merit .inner h4 .l-red {
	font-size: 24px;
	color: #1D9E48;
}

/*freee*/
.paged .relationship-link .txt-box-free {
	text-align: left;
	width: 500px;
	margin: 20px auto;
}
.paged .relationship-link .txt-box-free h4 {
	font-size: 18px;
	color: #1D9E48;
}
.paged .relationship-link .txt-box-free p {
	text-align: left;
	font-size: 14px;
}

/* cyurica */
.paged .relationship-link .performance {
	margin: 30px auto;
	overflow: hidden;
}
.paged .relationship-link .performance .one,
.paged .relationship-link .performance .two {
	float: left;
	text-align: center;
	width: 49%;
}
.paged .relationship-link .performance .two {
	float: right;
}
.paged .relationship-link .performance .one p,
.paged .relationship-link .performance .two p {
	padding: 10px 15px;
	border: #1D9E48 2px solid;
	border-radius: 10px;
	font-weight: 800;
	font-size: 24px;
}
.paged .relationship-link .translation {
	color: #f00;
	font-size: 12px;
	text-align: left;
	margin: 20px auto 40px;
	width: 610px;
}

/* bino */
.paged .relationship-link .image-area .one,
.paged .relationship-link .image-area .two,
.paged .relationship-link .image-area .three {
	width: 32%;
	float: left;
	margin-right: 2%;
}
.paged .relationship-link .image-area .three {
	margin-right: 0;
}
.paged .relationship-link .image-area img {
	max-width: 100%;
	height: auto;
}

.paged .relationship-link .four {
	clear: both;
	margin: 30px auto;
}
.paged .relationship-link .in-area {
	border: 2px #1D9E48 solid;
	border-radius: 10px;
	padding: 15px 20px;
	height: 280px;
}
.paged .relationship-link .in-area ul {
	margin-top: 15px;
	text-align: left;
	list-style: disc;
	padding-left: 20px;
}
.paged .relationship-link .four .in-area {
	padding: 15px 20px;
	height: initial;
	overflow: hidden;
}
.paged .relationship-link .four .in-area .image {
	float: left;
	width: 50%;
}
.paged .relationship-link .four .in-area .txt {
	float: right;
	width: 50%;
}

/* paycheck */
.paged .relationship-link .performance .two strong {
	font-size: 36px;
	color: #1d9e48;
}
.paged .relationship-link .paycheck .in-area {
	height: initial;
}
.paged .relationship-link .paycheck .in-area h4 {
	margin: 20px auto;
}

/* 楽楽明細 */
.paged .relationship-link .system {
	margin: 20px auto 40px;
}
.paged .relationship-link .system h4 {
	font-size: 24px;
	color: #1D9E48;
}
@media only screen and (max-width: 768px) {
	.paged .relationship-link .inner .system p,
	.paged .relationship-link .inner .txt-box2 {
		font-size: 14px;
	}
	.paged .relationship-link .performance {
		margin: 0 auto;
	}
	.paged .relationship-link .inner h3 {
		font-size: 18px;
	}
	.paged .relationship-link .function-detail .step1,
	.paged .relationship-link .function-detail .step2,
	.paged .relationship-link .function-detail .step3 {
		width: 95%;
		margin: auto 2.5% 20px;
	}
	.paged .relationship-link .function-detail .txt {
		float: none;
		width: 95%;
		margin: auto 2.5%;
	}
	.paged .relationship-link .function-detail .image {
		float: none;
		text-align: center;
	}
	.paged .relationship-link .function-detail .step1 .inner,
	.paged .relationship-link .function-detail .step2 .inner,
	.paged .relationship-link .function-detail .step3 .inner {
		width: initial;
		margin: auto;
	}
	.paged .relationship-link .merit .inner h4 {
		text-align: center;
	}
	.paged .relationship-link .merit .inner h4 .l-red {
		font-size: 18px;
	}
	.paged .relationship-link .txt-box-free {
		width: 95%;
		margin: 20px 2.5%;
	}
	.paged .relationship-link .performance .one,
	.paged .relationship-link .performance .two {
		float: none;
		width: 95%;
		margin: 20px 2.5%;
	}
	.paged .relationship-link .performance .one p,
	.paged .relationship-link .performance .two p {
		text-align: center;
	}
	.paged .relationship-link .performance .two strong {
		font-size: 26px;
	}
	.paged .relationship-link .translation {
		width: 95%;
		margin: 20px 2.5%;
	}
	.paged .relationship-link .in-area {
		padding: 10px 5px;
		height: 180px;
	}
	.paged .relationship-link .in-area ul {
		margin-top: 5px;
		padding-left: 15px;
		font-size: 8px;
	}
	.paged .relationship-link .inner .image-area {
		margin: 10px auto 0;
	}
	.paged .relationship-link .four {
		margin: auto;
	}
	.paged .relationship-link .paycheck .in-area {
		font-size: 12px;
	}
	.paged .relationship-link .txt-box-free h4 {
		font-size: 16px;
	}
	.paged .relationship-link .system h4 {
		font-size: 16px;
	}
}
@media only screen and (max-width: 320px) {
	.paged .relationship-link .inner h3 {
		font-size: 15px;
	}
	.paged .relationship-link .in-area {
		height: 200px;
	}
}

/*---------------------------------------------------------------------------------
特徴
--------------------------------------------------------------------------------- */
#characteristic-top .read .txt h4,
#characteristic-top .wrap .detail h4 .num,
#characteristic-top .link-area .inner .title {
	color: #1D9E48;
}

#characteristic-top .read .txt h4:after,
#characteristic-top .wrap .detail h4:after,
#characteristic-top .wrap .detail .btn a,
#characteristic-top .link-area .inner .btn {
	background-color: #1D9E48;
}

/*---------------------------------------------------------------------------------
サムネイルバージョン
--------------------------------------------------------------------------------- */
.paged #pattern2 .function-area {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
}
.paged #pattern2 .function-detail {
	padding: 30px 0;
}
.paged #pattern2 .function-detail .detail {
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	float: left;
	width: 400px;
	margin-right: 110px;
}
.paged #pattern2 .function-detail .detail p {
	line-height: 1.6;
}
.paged #pattern2 .function-detail .image-box {
	margin: 5px auto;
}
.paged #pattern2 .function-detail .image-box .image-full .images {
	max-height: 250px;
	min-height: 70px;
}

.paged #pattern2 .function-area .detail h3 {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.paged #pattern2 .function-area .detail h3 .num {
	text-align: left;
	padding-bottom: 5px;
	font-size: 24px;
	padding-left: 20px;
	padding-top: 7px;
}
.paged #pattern2 .function-area .detail h3:after {
	width: 5px;
	height: 100%;
	right: inherit;
	top: 0;
}
.paged #pattern2 #example.function-detail .detail {
	float: none;
	width: 100%;
	margin-right: 0;
}

.paged #pattern2 .four-pr .detail {
	float: left;
	width: 47.5%;
	margin-right: 2.5%;
	margin-left: 0;
	clear: inherit;
	margin-bottom: 30px;
}
.paged #pattern2 .four-pr .detail:nth-of-type(2n) {
	float: right;
	width: 47.5%;
	margin-left: 2.5%;
	margin-right: 0;
	clear: inherit;
}
.paged #pattern2 .four-pr .detail:nth-of-type(2n+1) {
	clear: both;
}

@media only screen and (max-width: 1100px) {
	.paged #pattern2 .function-area {
		width: 95%;
		margin: auto 2.5%;
	}
	.paged #pattern2 .function-detail .detail {
		padding-left: 0;
		padding-right: 0;
		float: left;
		width: 38%;
		margin-right: 2%;
	}

}
@media only screen and (max-width: 768px) {
	.paged #pattern2 .function-detail .detail {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.paged #pattern2 .function-area .detail h3 {
		margin: 0 0 20px;
	}
	.paged #pattern2 .function-area .detail h3 .num {
		text-align: center;
		padding-bottom: 15px;
		text-indent: 0;
		padding-top: 0;
		padding-left: 0;
	}
	.paged #pattern2 .function-area .detail h3:after {
		width: 90%;
		height: 3px;
		right: 0;
		top: inherit;
	}
}

/*---------------------------------------------------------------------------------
動画紹介用
--------------------------------------------------------------------------------- */
.paged #movieheader .inner,
.paged #movie {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
    background-color: #fff !important;
}
.paged #movie .function-detail {
	float: left;
	width: 32%;
	margin: 0.5%;
	clear: none;
	background-color: #f6f6f6 !important;
	padding: 0;
}
.paged #movie .function-detail:nth-of-(3n) {
	margin-right: 0;
}
.paged #movie .function-detail:nth-of-(3n+1) {
	clear: both;
}
.paged #trial.read-block .inner,
.paged #trial .inner {
	max-width: 800px;
	margin: auto !important;
}

.youtubeframe,
.paged #movie .function-detail .iframe-box {
	position: relative;
	width: 100%;
/*	padding-top: 56.25%;*/
}
.youtubeframe {
	padding-top: 75%;
}
.youtubeframe iframe,
.paged #movie .function-detail .iframe-box iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.paged #movie .function-detail .iframe-box img {
	max-width: 100%;
	height: auto;
}

.paged #movie .detail {
	padding: 15px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
	overflow: hidden;
}

.paged #movie .function-area iframe {
	margin: auto;
}

.paged #movie .detail h3 .num {
	font-size: 14px;
	padding: 10px 0;
	text-align: left;
	color: #1D9E48;
	line-height: 1.2;
}
.paged #movie .detail h3 {
	text-align: left;
	padding-bottom: 10px;
}
.paged #movie .detail h3:after {
	display: none;
} 

.paged #movie .function-detail a {
	display: block;
	width: 100%;
	word-wrap: break-word;
}
.paged #movie .function-detail a:hover {
	opacty: 0.5;
}


#fancybox-wrap {
	background-color: #fff;
}

@media only screen and (max-width: 768px) {
	.paged #movie .function-detail {
		width: 49%;
		margin-right: 0.5%;
	}
	.paged #movie .function-detail:nth-of-(3n) {
		margin-right: initial;
	}
	.paged #movie .function-detail:nth-of-(3n+1) {
		clear: none;
	}
	.paged #movie .function-detail:nth-of-(2n) {
		margin-right: 0;
	}
	.paged #movie .function-detail:nth-of-(2n+1) {
		clear: both;
	}
}


@media only screen and (max-width: 768px) {
	.paged #movie .detail h3 .num {
		font-size: 14px;
	}
}


/*---------------------------------------------------------------------------------
関連ページ
--------------------------------------------------------------------------------- */
.paged .related-block {
/*	background-color: #b6b6b6;*/
	margin-top: 80px;
	overflow: hidden;
	border-top: #e6e6e6 3px solid;
	border-bottom: #e6e6e6 3px solid;
}
.paged .related-block h2 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 20px;
	position: relative;
/*	color: #fff;*/
}
.paged .related-block .related-box {
/*	padding-top: 50px;*/
	margin-bottom: 20px;
	background-color: #fff;
}
.paged .related-block .related-box .inbox {
	max-width: 1100px;
	margin: auto;
/*	overflow: hidden;*/
}
.paged .related-block .related-box .inbox a {
	display: block;
	position: relative;
	padding-bottom: 10px;
	background-color: #fff;
/*	border-right: 1px solid #e6e6e6;*/
}

.paged .related-block .related-box .inbox .menu-box {
	width: 20%;
	margin: auto;
	float: left;
}
.paged .related-block .related-box .inbox .menu-txt {
	text-align: center;
	font-size: 13px;
	background-color: #fff;
	padding-top: 10px;
}

.paged .related-block .related-box .inbox .menu-img {
	display: block;
	border: 20px solid /*#B6E4E1*/ #fff;
}
.slick-prev:before, .slick-next:before {
	color: #1D9E48 !important;
}
@media only screen and (max-width: 1100px) {
	.paged .related-block .related-box .inbox {
		width: 90%;
		margin: auto 5%;
	}
}
@media only screen and (max-width: 768px) {
	.paged .related-block .related-box .inbox {
		width: 80%;
		margin: auto 10%;
	}
	.paged .related-block .related-box {
/*		padding-top: 12px;
		padding-bottom: 15px;*/
		background-color: #FFF;
	}
	.paged .related-block .related-box .inbox .menu-txt {
		font-size: 10px;
	}
	.paged .related-block .related-box .inbox .menu-img {
		border: 10px solid /*#B6E4E1*/ #fff;
	}
	.paged .related-block h2 {
		font-size: 20px;
	}
}
.paged .scene-block .bg-white,
.bg-white {
	background-color: #fff !important;
}

/*---------------------------------------------------------------------------------
お問い合わせ　30日間無料体験
--------------------------------------------------------------------------------- */
#mailaddress_30days-top #formstack {
    margin: auto 5% !important;
    width: 90% !important;
}
#mailaddress_30days-top #formstack .fsBody.fsEmbed {
	margin: auto;
}

#mailaddress_30days-top #formstack p.infomation {
	text-align: center;
}

#mailaddress_30days-top #contents a,
#mailaddress_30days-top #contents a:visited,
#mailaddress_30days-top #contents div#formstack #fsForm2451953.fsForm.fsSingleColumn a,
#mailaddress_30days-top #contents div#formstack #fsForm2451953.fsForm.fsSingleColumn a:visited {
	color: #1D9E48;
	text-decoration: underline;
}

#mailform-top #ajax_mail .comments-open-content .box {
	padding: 2px;
	margin-bottom: 0;
	border-radius: 0;
	box-shadow: initial;
}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table {
	width: 100%;
	margin-bottom: 0;
}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table tr {

}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td {
	padding: 5px 0;
	border: none;
}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table tr > td:first-child {
/*	width: 35px;*/
}
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#zip {
	width: 100px;
}
#mailform-top #ajax_mail .comments-open-content input#company {
	width: 400px;
}

#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#state,
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#city,
#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input.box {
	width: 400px;
}
@media only screen and (max-width: 768px) {
	#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#state,
	#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input#city,
	#mailform-top #ajax_mail .comments-open-content table.formbox table.inner-table td input.box {
		max-width: 170px;
	}
	#mailform-top #ajax_mail .comments-open-content .box {
		width: 75%;
	}
	#mailform-top #ajax_mail .comments-open-content .count {
		max-width: 50px;
	}
	#mailform-top #ajax_mail .comments-open-content input#company {
		max-width: 200px;
	}
	#mailaddress_30days-top #formstack p.infomation {
		font-size: 11px;
	}
}




/*---------------------------------------------------------------------------------
404

--------------------------------------------------------------------------------- */
.nonepagebox {
	width: 960px;
	margin: auto;
	padding: 150px 0;
	text-align: center;
}
.nonepage h2 {
	font-size: 30px;
	color: #434343;
	padding-bottom: 5px;
}

.nonepage p {
	font-size: 20px;
}

.nonepagebox img {
	width: 250px;
}

.nonepage .kot_link {
	display: inline-block;
	width: 300px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #F3B01F;
	border: 2px solid #F3B01F;
	line-height: 50px;
	font-size: 17px;
	border-radius: 5px;
	margin: 15px 0;
	color: #fff !important;
	text-align: center;
	margin-bottom: 50px;
}
.nonepage .kot_link:hover {
	background-color: #fff;
	border-color: #F3B01F;
	color: #F3B01F !important;
}

.nonepage .kot_link, .kot_link::before, .kot_link::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}



@media only screen and (max-width: 960px) {
	.nonepagebox {
		width: 95%;
		margin: auto 2.5%;
		padding: 100px 0;
		text-align: center;
	}
}

table#user_monitor-BIZ_monitorMain {
	margin-bottom: 50px;
}

#user_monitor-BIZ_monitorMain th {
	padding: 10px 5px;
	text-align: center;
}



@media only screen and (max-width: 768px) {
	#user_monitor-BIZ_monitorMain tbody td:nth-child(2) {
		min-width: 10% !important;
		width: 60px !important;
	}
}

/*---------------------------------------------------------------------------------
見積りシミュレーションページ用
--------------------------------------------------------------------------------- */
#content .clickbtn {
	width: 57px;
	height: 18px;
	background-image: url(/wp-content/uploads/2017/06/click_btn.png);
	background-position: 0 -18px;
	background-size: cover;
	text-indent: -9999em;
/*	transition: .5s;*/
	float: right;
	margin: 7px;
}

#content .clickbtn.active {
	background-position: 0 0;
}
@media only screen and (max-width: 960px) {
	#content .fukidashi_charge,
	#content .fukidashi_cost {
		position: static !important;
	}
	#content .mbossing {
		height: auto;
		overflow: hidden;
	}
	#content .mbossing .question,
	#content .embossing .question {
		display: none;
	}
}
.main_contents{
	width: 960px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100% !important;
	padding: 0;
	margin: 0 auto;
}
.medium_title{
	font-size:20px;
}
.embossing .record {
	margin:10px 46px;
}
.embossing{
/*	height:1600px;*/
}
.mbossing .font-24{
	font-size:24px;
}
.embossing .font-24{
	font-size:24px;
}
.middle_tittle {
	width:25px;
	margin-top:3px;
}
.main_contents .mini_header {
	width: 100%;
	height: 30px;
	font-size: 28px;
	color: #1D9E48;
	margin: 15px 10px 50px 0;
}
.mbossing{
	height: 150px;
	margin: 0 0 15px 0;
}
.embossing .record li{
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 260px;
	/*height: 370px;*/
	display: inline-block;
	margin:0 5px 5px 0;
	padding: 10px 10px 55px;
	list-style:none;
	position: relative;
}
.embossing .record li.free_box {
	padding-bottom: 10px;
}

.embossing ul{ 
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	list-style:none;
}
h3.record {
	background-color: #1D9E48;
	padding: 10px 10px 10px;
	font-size: 24px;
	color: #fff;
}


.record .free_box{
/*	height: 280px !important;*/
}
.free_box .free_img{
	float:right;
	width: 80px;
	margin: 0 20px 0 0;
}
.free_box .free_tittle{
	margin:10px 0 10px 10px;
	font-size:18px
}
.record .record_item{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	layout-grid-line:200px;
	width: 260px;
	height: 200px;
}
.record_img{
	vertical-align:middle;
	margin: auto;
}
.record li .number{
	border:0;
	padding: 10px;
	font-size: 1.8em;
	font-family: Arial, sans-serif;
	color: #263238;
	width: 35px;
	color: #737373;
	border: 1px solid #B3B3B3;
  	border-radius: 10%;
}
li .number_box .number{
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 40px;
}
li  .category2{
	margin: 70px 0 0 0;
	width: 250px;
	text-align: right;
}
li .category3{
	margin: 30px 0 0 0;
	width: 250px;
	text-align: right;
}
li .category4{
	margin: 15px 0 0 0;
	width: 250px;
	text-align: right;
	overflow: hidden;
    padding-top: 25px;
}
li .category5{
	margin: 80px 0 0 0;
	width: 250px;
	text-align: right;
}
li .category6{
	margin: 45px 0 0 0;
	width: 250px;
	text-align: right;
}
li .category7{
	margin: 38px 0 0 0;
	width: 250px;
	text-align: right;
	
}
li .categorypit_tach_non{
	margin: 66px 0 0 0;
	width: 250px;
	text-align: right;
}
li .categorypit_tach{
	margin:  5px 0 0 0;
	width: 250px;
	text-align: right;
}
.iccard_reader{
/*	height: 390px !important;*/
}
li .record_name {
	font-size:18px;
}
li .detail {
	font-size: 13px;
}
p {
	margin:0;
}
.iccard_reader .pittach {
	float: left;
}
.number_box .detail {
	font-size: 17px;
	position: absolute;
	bottom: 5px;
	left: 10px;
}
.number_box .free {
	font-size:30px;
	color: #D40003;
}
#li_password_top {
	border:solid 3px #CDDC39;
}
.total_box .total_text {
	padding:20px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#f44336;
	border:solid 1px #ccc;
	margin:0 0 8px;
	width:500px;
}
.mbossing .people{
	width: 70px;
	height: 40px;
	font-size: 30px;
	text-align:right;
	color: #737373;
	border: 1px solid #B3B3B3;
  	border-radius: 10%;
	padding: 5px;
	
}
input[type="text"]:focus {
	border: 1px solid #B3B3B3;
	border-radius: 10%;
	outline: 0;
}

#content{
	position: relative;
}
#side{
	position: fixed;
	bottom: 0;
	width: 960px;
	height: 80px;
	background-color: #1D9E48;
	color: #fff;
	bottom:0;
	z-index: 100;
}
.static {
	position:static !important;
}
#side .total{
	width: 110px;
	height: 35px; 
	font-size: 22px; 
	text-align: right;
	background-color: #333;
 	border-radius: 5px;
	border:1px solid #333;
	color: #fff;
	padding: 0 10px;
}
	#side .side-inner {
		padding: 10px 27px;
	}
#side .side-inner p {
	position: relative;
}
#side .side-inner .cost_block {
	font-size: 24px;
	margin-top: 10px;
}
#side .side-inner span:before {
	position: absolute;
  	width: 100%;
  	height: 100%;
  	margin: auto;
  	content: "";
  	display: block;
  	top: 0;
	left: 0;
	background: url(/wp-content/uploads/2017/02/clear.png);
	z-index: 2;	
}

  .category .category_pc {
  	background-color:#03A9F4;
  }
  .category .category_share_pc {
  	background-color:#4CAF50;
  }
  .category .category_mobile {
  	background-color:#E91E63;
  }
  .category .category_hybrid {
  	background-color:#f44336; 
  }
  .category .category_iccard {
  	background-color:#FFC107;
  }
  .category .category_pc_connection {
  	background-color:#FF5722;
  }
  .category .category_finger_vein {
  	background-color:#3F51B5;
  }
  .category .category_fingerprint {
  	background-color:#4CAF50;
  }
  .category .category_only_terminal {
  	background-color:#0277BD;
  }
  .category .category_ipad {
  	background-color:#673AB7;
  }
  .category_felicaiccard{
    background-color:#FF4081;
  }
  .category .category_box{
	width:125px;
	height:30px;
	border-radius:7px;
	position: relative;
  }
  .category .category_box .category_main{
	color:#fff;
	font-size:14px;
	font-weight:100;
	letter-spacing:2px;
	width:100%;
	height:100%;
	padding: 5px 0 0 0;
	text-align: center;
  }

  .iccard_reader .pittach img {
    margin-top: 10px;
  }

  .f_left {
    float: left;
  }
  .f_right {
    float: right;
  }
  /*吹き出し*/
  	 .category .text{
	 	cursor: pointer;
	 }
     .fukidashi {
      display: none;
      position: absolute;
      top: 0;
      padding: 16px;
      border-radius: 5px;
      background: #33cc99;
      color: #fff;
      z-index: 100;
    }
    .fukidashi:after {
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
	border-top-color: #33cc99;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}
.hover:hover + .fukidashi {
	display: block;
}
.css-fukidashi {
	padding: 0;
	margin: 0;
}
#fukidashi_biometrics_pc{
	width: 200px;
	top: -200px;
}
#fukidashi_pc{
	width: 240px;
	top: -130px;
}
#fukidashi_share_pc{
	width: 240px;
	top: -170px;
}
#fukidashi_mobile{
	width: 240px;
	top: -170px;
}
#fukidashi_hybrid_pc_connection{
	width: 240px;
	top: -170px;
}
p.fukidashi.fukidashi_pc_connection{
	width: 240px;
	top: -90px;
}
#fukidashi_finger_vein{
	width: 240px;
	top: -150px;
}
#fukidashi_persona_fingerprint{
	width: 240px;
	top: -130px;
}
p.fukidashi.fukidashi_iccard{
	width: 240px;
	top: -150px;
}
p.fukidashi.fukidashi_only_terminal{
	width: 240px;
	top: -130px;
}
#fukidashi_hybrid_bt2000{
	width: 240px;
	top: -170px;
}
#fukidashi_iccard_terminal{
	width: 240px;
	top: -150px;
	
}
#fukidashi_bt-2000_only{
	width: 240px;
	top: -120px;
}
#fukidashi_kamereon_ipad,
#fukidashi_faceauth_ipad {
	width: 240px;
	top: -130px;
	left: 8px;	
}
#fukidashi_iccard{
	width: 240px;
	top: -110px;
	left: 8px;	
}
#fukidashi_month_question{
	top: -150px;
	left: 125px;	
}
#fukidashi_first_question{
	top: 80px;
	left: 125px;	
}
.free_box .free_category{
	margin:0 0 0 5px;
}
	 
/*吹き出し*/
.free_box .category {
	margin: 5px 0 0 0;
	position:relative;
}
/*#kamereon{
	margin: 8px 0 0 0;
}*/
	
#totalbn {
	position: absolute;
	display: inline-block;
	width: 170px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	font-weight:bold;
	outline: none;
	background-color: #e6e6e6;
	color: #333;
	border-radius: 5px;	
	border: none;
	cursor: pointer;
	font-size: 22px;
	box-shadow: 0 7px 0 0 rgba(0,0,0,.4);
	top: -10px;
	right: 5px;
	z-index: 10;
}
#totalbn::before,
#totalbn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#totalbn,
#totalbn::before,
#totalbn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#totalbn:hover {
	background-color: #d6d6d6;
}
#totalbn:active {
	top: 5px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
}
.record_name .item_link{
	color:#737373;
}
.question{
	width: 25px
}
.number_text{
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size: 20px;
}
.conv-btn {
	padding: 40px;
}
.conv-btn img:first-child {
	margin: 0 0 60px 0;
}

.reader-dis {
	width:190px;
	padding: 5px 7px 0 0;
}
.reader-dis a {
	color: #0088BB;
	text-decoration: underline;
}


.ic-card-dis {
	overflow: hidden;
	clear: both;
	padding: 3px 0 0 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance:textfield;
}


@media screen and (max-width: 960px) {
	.main_contents {
		width: 95%;
	}
	.embossing .record {
		margin: 10px auto;
	}
	.embossing .record li {
		width: 99%/*47.2%*/;
		margin: 0 auto 20px;
		padding: 0;
		float: left;
		padding-bottom: 55px;
	}
	.category .text{
		cursor: auto;
	}

	.embossing .record li.free_box:nth-of-type(1),
	.embossing .record li.free_box:nth-of-type(2),
	.embossing .record li.free_box:nth-of-type(3) {
		padding-bottom: 0;
	}
	
	.embossing .record li.Chamaeleonidae {
		padding-bottom: 120px;
	}
	.embossing .record li.felica {
		padding-bottom: 65px;
	}

	.embossing ul {
		overflow: hidden;
		display:block;
	}
	.record .record_item img {
		max-width: 100%;
		height: auto;
	}
	li .category6,
	li .category7,
	li .category4,
	li .categorypit_tach,
	li .categorypit_tach,
	li .categorypit_tach_non,
	li .category2 {
		width: 95%;
		margin: 0 2.5%;
	}
	#side {
		width: 95%;
		height: 70px;
		z-index: 100;
	}
	#side.static {
		width: 100%;
		height: 70px;
	}

	#side div {
		padding: 10px !important;
	}
	#side span {
		font-size: 14px !important;
		line-height: 1.8;
	}
	#side .total {
		width: 80px;
		height: 18px;
		font-size: 16px;
	}
	#side .total:disabled {
		background-color: #333 !important;
		color: #fff !important;
	}
	#side input[type="text"][disabled] {
		background-color: #333 !important;
		color: #fff !important;
	}
	#side .side-inner .cost_block {
		font-size: 12px;
		line-height: 2.0;
		margin-top: auto;
	}
	.conv-btn {
		width: 100%;
		text-align: center;
		padding: 0 0 10px 0;
	}
	.conv-btn img:first-child {
		margin: 10px auto 0;
	}
	.conv-btn img {
		width: 280px;
		height: auto;
		margin: 10px auto;
	}
	.record {
		margin: auto;
	}
	.record .record_item {
		display: block;
		margin: 0 auto 10px;
		max-width: 90%;
		height: auto;
	}
	.record_name .item_link{
		margin: 5px;
	}
	.free_box .free_img {
		margin:0 10px 0 0;
		width: 40px;
	}

	.iccard_reader .pittach img {
		margin-top: 5px;
		margin-left: 10px;
	}

	.record_name,
	.free_box .category {
		margin: 5px !important;
	}
	#totalbn {
		width: 90px;
		height: 40px;
		margin: auto;
		font-size: 20px;
		line-height: 20px;
		position: absolute;
		top: -1px;
		right: -2px;
		text-align: center;
	}
	.main_contents .mini_header {
		font-size: 24px;
	}
	
	.f_left,
	.f_right {
		float: none;
		margin-bottom: 5px;
	}
	.reader-dis {
		width: 75%;
		padding: 0;
		margin: auto 2.5%;
		float: right;
	}
	.category .category_box {
		width: 49%;
		margin: auto auto 5px;
	}
	
	.number_box .detail {
		float: none;
	}
	.iccard_reader .pittach{
/*		float: none;*/
	}
/*	li .number_box .number,
	.number_text,
	.number_box .detail {
		bottom: initial;
		left: initial;
		right: initial;
		position: static;
		font-size: 15px;
	}*/
	.number_box .detail {
		bottom: 55px;
		font-size: 15px;
	}
	li .number_box .number {
		bottom: 0px;
		right: 20px;
	}
	.number_text {
		float: left;
		margin: 30px auto 0;
		position: static;
	}
	li .number_box .number {
		float: left;
		margin: 10px;
		position: static;
	}
	.text:hover + .fukidashi {
		display: none;
	}
	h3.record {
		font-size: 16px;
		margin: 20px auto 10px;
	}
	.record .record_item {
		display: block;
		margin: 0 auto 10px;
		max-width: 50%;
		height: auto;
		float: right;
	}


	.free_box .free_img {
		margin: 10px;
		width: 40px;
		float: none;
	}

	.free_box .free_tittle {
		margin: 0 5px 10px;
		font-size: 18px;
	}

	.category .category_box {
		width: 49%;
		margin: 0 0 5px;
	}

	.number_box .detail {
		font-size: 28px;
		bottom: 10px;
	}
	#totalbn:active {
		background-color: #e6e6e6;
		top: 5px;
		box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
	}

}


@media screen and (max-width: 320px) {
	.number_box .detail {
	    font-size: 20px;
	}
	.reader-dis {
		width: 70%;
	}
	li .record_name {
		font-size: 17px;
	}
	.embossing .record li.Chamaeleonidae {
		padding-bottom: 90px;
	}
	#totalbn {
		width: 70px;
	}
}

#container #contents li.link_box {
	position: relative;
}
#container #contents li.link_box a {
	position: absolute;
	left: 400px;
	top: 5px;
}
@media screen and (max-width: 768px) {
	#link_banner #header ul li {
		float: left;
		width: 32%;
		margin: auto 0.5%;
	}
	#link_banner #container {
		max-width: 100%;
	}
	#link_banner #footer .pp {
		float: none;
	}
	.menubar .menu {
		width: initial;
	}
	#wrapper .foot .inner {
		width: 95%;
	}
}


#sitemap_list li {
	font-size: 16px !important;
}

#sitemap_list li li {
	font-size: 14px !important;
    font-weigth: 500 !important;
}

#sitemap_list li.page_item {
    float: left;
    width: 45%;
}

#sitemap_list li.page_item ul.children li.page_item ul li {
    width: 100%;
}

#sitemap_list li li {
    margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  #sitemap_list li.page_item {
      float: none;
      width: 95%;
  }
}

/*---------------------------------------------------------------------------------
オンラインルーム用
--------------------------------------------------------------------------------- */
#online-room-top .detail p {
    font-size: 18px;
    font-weight: 800;
}

#online-room-top .main-image {
    margin-bottom:60px;
}


/*---------------------------------------------------------------------------------
お問い合わせ用
--------------------------------------------------------------------------------- */
#custom_form {
    max-width: 800px;
    margin: auto;
}

#custom_form iframe {
    border: none;
    width: 80%;
    margin: auto 10%;
    height: 2000px;
}

#main #formstack #trial_lesson {
	width: 100%;
}



@media screen and (max-width: 768px) {
	#custom_form iframe {
	    border: none;
	    width: 90%;
	    margin: auto 5%;
	    height: 2300px;
	}
	#main #formstack #trial_lesson {
		width: 90%;
		margin: auto 5%;
		height: 110px;
	}
}


#contents-wrapper #trial .fsBody {
	background-color: #fff;
	color: #333;
}
#contents-wrapper #trial .fsBody form#fsForm2451953 {
	background-color: #fff !important;
}
#contents-wrapper #trial .fsBody form#fsForm2451953 #fsRow2451953-1 {
	display: none;
}
#contents-wrapper #trial .fsBody form#fsForm2451953.fsForm.fsSingleColumn {
	color: #333;
}
#contents-wrapper #trial .fsBody form#fsForm2451953.fsForm.fsSingleColumn a {
	color: #33f;
    text-decoration: underline;
}
#contents-wrapper #trial .fsBody #fsSubmit2451953.fsSubmit.fsPagination {
    margin-top: -98px!important;
    margin-right: 35px!important;
}

#home #trial .fsRowBody input[type=checkbox]#field45293800_1,
#mailaddress_30days-top	.fsRowBody input[type=checkbox]#field45293800_1 {
	margin-top: 0 !important;
}

#wrapper .campaign_top .fsBody #fsForm2451953 {
	background-color: #fff !important;
}

#container.kot_mail form#fsForm2451953.fsForm.fsSingleColumn {
	background-color: #1D9E48 !important;
}
#container.kot_mail form#fsForm2451953.fsForm.fsSingleColumn a {
    color: #fd0 !important;
}


@media screen and (max-width: 768px) {
	#home #trial .fsBody form {
		width: 580px;
	}
	#home #trial .fsBody form label.fsOptionLabel {
		background-color: #fff;
		border: #fff solid;
	}
	#home #trial .fsBody .fsRowBody input[type=checkbox] {
		top: 28px !important;
	}
	#contents-wrapper #trial .fsBody #fsSubmit2451953.fsSubmit.fsPagination {
		margin-top: -72px!important;
	}
    #container.kot_mail form#fsForm2451953.fsForm label.fsOptionLabel {
        background-color: transparent !important;
        border: 0 solid !important;
    }
	#container.kot_mail .fsBody .fsForm {
		padding: 10px 20px 40px !important;
        margin: auto !important;
	}
    #container.kot_mail .fsBody #fsSubmit2451953.fsSubmit.fsPagination {
        margin-top: -85px !important;
    }
    #container.kot_mail .fsBody .fsOptionLabel.vertical {
        color: #1D9E48;
    }
    #container.kot_mail #header {
        margin: 20px 5px 15px;
    }
    #container.kot_mail #header ul li.txt {
        margin: 0 20px 0 100px;
    }
    #container.kot_mail #fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
        width: 385px;
    }
    #wrapper .campaign_top #fsSubmitButton2451953.fsSubmitButton {
        width: 110px;
    }
    #wrapper .campaign_top #fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
        width: 340px;
    }
    #wrapper .campaign_top #mail {
        width: 500px;
    }
    #wrapper .campaign_top .logo {
        width: 220px;
    }
    #wrapper .campaign_top .logo img {
        width: 100%;
        height: auto;
    }

}

@media screen and (max-width: 640px) {
	#home #trial input[type=email]#field45064285 {
	    width: 80%;
	    padding: 8px 7px;
	    font-size: 10px;
	}
	#contents-wrapper #trial .fsBody label.fsOptionLabel {
      border: 1px solid #fff !important;
      background-color: #fff !important;
	}
	#home #trial input[type=submit]#fsSubmitButton2451953 {
		width: 50%;
	}
	#contents-wrapper #trial .fsBody #fsSubmit2451953.fsSubmit.fsPagination {
	    margin-top: -72px!important;
	    margin-right: -30px!important;
	}
	#contents-wrapper #trial .fsBody #fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
		width: 290px;
	}
	#home #trial .fsBody form {
		width: 100%;
	}
	#home #trial .fsBody label.fsOptionLabel {
		padding: .5em 1em .5em 0;
		margin: .5em 0;
	}
	#home #trial .fsRowBody input[type=checkbox]#field45293800_1,
	#mailaddress_30days-top	.fsRowBody input[type=checkbox]#field45293800_1 {
		margin-top: 0 !important;
	}
	#home #trial .fsBody .fsRowBody input[type=checkbox] {
		top: 20px !important;
	}
}

@media screen and (max-width: 320px) {
	#contents-wrapper #trial .fsBody #fsCell45064464.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
		margin: -1px auto 0 30px !important;
	}
	#contents-wrapper #trial .fsBody #fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
		width: 235px;
	}
}

/*---------------------------------------------------------------------------------
伸びる矢印
--------------------------------------------------------------------------------- */
@keyframes extending{
  from{ width: 50px; }
  to{ width: 220px; }
}


.extendingarrow {
    display: table;
    width: 100%;
    transform: rotate(-30deg);
    position: absolute;
    left: 50%;
    top: 20px;
}

.extendingarrow .inner {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.extendingarrow .inner span:nth-child(1).active {
    animation: extending 1s ease both;
}

.extendingarrow .inner span:nth-child(1) {
    width: 50px;
    height: 10px;
    background-color: #fff;
}

.extendingarrow .inner span {
    margin-left: -5px;
    vertical-align: middle;
}

.extendingarrow .inner span {
    margin-left: -5px;
    vertical-align: middle;
}

.extendingarrow span {
    display: inline-block;
    line-height: 1.0;
}

.extendingarrow .inner span:nth-child(2):before {
    content: '\f04b';
    font-family: FontAwesome;
    font-size: 1.5rem;
    color: #fff;
}

#home #client .result:after {
	display: none !important;
}

@media screen and (max-width: 768px) {
	@keyframes extending{
	  from{ width: 50px; }
	  to{ width: 250px; }
	}
	.extendingarrow {
	    display: table;
	    width: 100%;
	    transform: rotate(-15deg);
	    position: absolute;
	    left: 50%;
	    top: -16px;
	}
}
@media screen and (max-width: 640px) {
	@keyframes extending{
	  from{ width: 50px; }
	  to{ width: 150px; }
	}
	.extendingarrow {
	  transform: rotate(-27deg);
      left: 45%;
      top: -4px;
    }
}

@media screen and (max-width: 320px) {
	@keyframes extending{
	  from{ width: 50px; }
	  to{ width: 120px; }
	}
    .extendingarrow {
      transform: rotate(-30deg);
      top: 0px;
    }
}
/* 利用規約・個人情報保護 */
#backHistory{
    position: relative !important;
    display: inline-block !important;
    padding: 0.25em 0.5em !important;
    text-decoration: none !important;
    color: #FFF !important;
    background: #fd9535 !important;/*背景色*/
    border-bottom: solid 2px #d27d00 !important;/*少し濃い目の色に*/
    border-radius: 4px !important;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
    font-weight: bold !important;
}

/*---------------------------------------------------------------------------------
検索結果
--------------------------------------------------------------------------------- */
#search-top .inner {
    max-width: 800px;
    margin: auto;
}

#search-top .entry-content {
    margin-bottom: 90px !important;
    padding: 0 0 70px;
    border-bottom: 4px rgba(100,180,160,100) dashed;
    width: 100%;
    margin: auto;
}

#search-top h2 {
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
}

#search-top h2.entry-title a {
    color: #279c4c /*#1D9E48*/;
}

#contents-wrapper #search-top .entry-header {
    padding-top: 3px;
    padding-bottom: 20px;
    position: relative;
}

#search-top h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 5px;
    width: 100%;
    background-color: cadetblue;
}

#search-top .entry-content a:hover {
    opacity: .6;
}

#search-top .entry-summary a {
    text-decoration: underline;
    color: #279c4c /*#1D9E48*/;
}

#search-top .entry-summary .screen-reader-text {
    display: none;
}

span.search-highlight {background:yellow;} 

nav.navigation.pagination {
    width: 800px;
    margin: auto;
}

.page-nation_box {
    width: 800px;
    margin: auto;
}
@media screen and (max-width: 768px) {
  #search-top .entry-content,
  .page-nation_box {
    width: 95%;
    margin: auto 2.5%;
    margin-bottom: 40px !important;
  }
  #search-top .entry-content {
    padding: 0 0 50px;
  }
}



/*---------------------------------------------------------------------------------
検索窓
--------------------------------------------------------------------------------- */
#search-box {
  width: 550px;
  margin: 30px auto 10px;
  text-align:center;
}

#search-box input.s {
    padding: 10px 10px;
    width: 400px;
    border-radius: 10px;
    box-shadow: none;
    font-size: 16px;
    color: #363636;
    border: 4px solid rgba(190,190,190,1.00);
}

#search-box input[type="submit"], input[type="button"] {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
/*    background-image: url(/wp-content/uploads/2017/10/search-btn.svg);
    background-size: contain;
    background-color: transparent;
    text-indent: -9999em;*/
    width: auto;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background-color: #279c4c;
    border-radius: 5px;
    text-align: center;
}

.search-box.result-area,
.search-box.recommend-area {
    width: 700px;
    text-align: center;
    margin: auto;
    padding-bottom: 0;
    border-bottom: 0;
}

/* 検索結果画面 */
.search-box.result-area #search-box {
  margin: 20px auto;
}

.search-box.result-area #search-box input.s {
    padding: 5px 10px;
    border: 3px solid rgba(190,190,190,1.00);
}

.search-box.result-area #search-box input[type="submit"], input[type="button"] {
    height: 32px;
}

.search-box .search_list {
    width: 550px;
    margin: auto;
}

.search-box .search_list h2 {
    display: none;
}

.search-box .search_list ul {
	overflow: initial;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

.search-box .search_list li {
    float: left;
    margin: auto 10px 5px;
}

.search-box .search_list li:nth-of-type(6),
.search-box .search_list li:nth-of-type(7),
.search-box .search_list li:nth-of-type(8),
.search-box .search_list li:nth-of-type(9),
.search-box .search_list li:nth-of-type(10) {
    display: block;
}

.search-box .search_list li a {
    background-color: #e8e8e8;
    display: block;
    padding:3px 10px;
    border-radius: 10px;
}

.faq-box {
  padding-bottom: 30px;
  text-align: center;
}

.seminar_link {
    padding: 10px 15px;
    width: 700px;
    max-width: 100%;
    margin: auto;
    box-sizing: border-box;
}

.mega-menu-function .inner .faq-box h2 {
  font-size: 16px;
  text-align: center;
  color: #525252;
  margin-bottom: 0;
  font-weight: 500;
}

.faq-box .link-btn {
	font-size: 16px;
	color: #fff;
	background-color: #279c4c;
	text-align: center;
	border-radius: 10px;
	padding: 5px 10px;
	display: inline-block;
	width: 200px;
	margin: 5px auto;
	position:relative;
}

.faq-box .link-btn.faq,
.faq-box .link-btn.contact {
  background-color: #43BBB3;
}

.faq-box .link-btn.online_demo,
.faq-box .link-btn.free30 {
  background-color: #ff9f08;
}

.faq-box .link-btn::before {
	position: absolute;
	content: "";
	background-image: url(/wp-content/uploads/2020/04/30day_free.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 25px;
	height: 25px;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.faq-box .link-btn.faq::before {
	background-image: url(/wp-content/uploads/2020/04/faq.png);
}
.faq-box .link-btn.document_download::before {
	background-image: url(/wp-content/uploads/2020/04/document_download.png);
}
.faq-box .link-btn.online_demo::before {
	background-image: url(/wp-content/uploads/2020/04/online_demo.png);
}
.faq-box .link-btn.contact::before {
	background-image: url(/wp-content/uploads/2020/04/contact_us.png);
}
.faq-box .link-btn.online_estimates::before {
	background-image: url(/wp-content/uploads/2020/04/online_estimates.png);
}


#search-main {
  width: 1100px;
  margin: auto;
  overflow: hidden;
}

#search-main .left-box {
  float: left;
  width: 740px;
}

#search-main #secondary {
  float: right;
  width: 300px;
}

#search-main #secondary h2.widgettitle {
    background-color: #696969;
    padding: 10px 15px;
    color: white;
    margin-bottom: 0;
}

#search-top #secondary h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 0;
}

#search-top #secondary ul {
    background-color: #f6f6f6;
    padding: 10px 15px;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	#search-box {
		display: block;
        width: 90%;
    }
    #search-box input.s {
        padding: 10px 10px;
        width: 70%;
    }
    #search-box input[type="submit"], input[type="button"] {
        width: 18%;
        padding: 0;
    }
    #search-main .left-box {
        float: none;
        width: 100%;
    }
    #search-main #secondary {
        float: none;
        width: 100%;
    }
    #search-main {
        width: 100%;
        margin: auto;
    }
    .search-box.result-area,
    .search-box.recommend-area,
    .search-box {
      width: 95%;
      margin: auto 2.5%;
    }
	.search-box .search_list {
	    width: 100%;
	    margin: auto;
	}
    .search-box .search_list li {
      margin: auto 5px 5px;
    }
    .search-box .search_list li a {
      font-size: 10px;
    }
    .faq-box .link-btn {
		margin: 5px auto;
		width: 50%;
		font-size: .6rem;
		vertical-align: middle;
		padding: 5px 10px;
		flex: 0 0 50%;
		width: 45%;
		box-sizing: border-box;
	}
	.faq-box .link-btn::before {
		width: 15px;
		height: 15px;
	}
}

/*---------------------------------------------------------------------------------
タイムカードを利用していても管理は大変？
--------------------------------------------------------------------------------- */

h2.mb15 {
    text-align: center;
}

#Onecol p,
#Onecol div,
#Onecol h3 {
    max-width: 952px;
    margin-left: auto;
    margin-right: auto;
}

#Onecol h3 {
    font-size: 26px;
    margin-bottom: 20px;
}

#Onecol h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

#Onecol h5 {
    margin-bottom: 20px;
}

#Onecol .mb15 {
    margin-bottom: 15px !important;
}

#Onecol .mb20 {
    margin-bottom: 20px !important;
}

#Onecol .mb25 {
    margin-bottom: 25px !important;
}

#Onecol .mb40 {
    margin-bottom: 40px !important;
}

#Onecol .mb60 {
    margin-bottom: 60px !important;
}

#Onecol .Answer_box dd {
    margin: 10px 20px;
}

#Onecol .TimecardArea_bg {
    box-sizing: border-box;
}

#Onecol .Arrow_Area {
    border: 5px solid #87c91f;
    border-radius: 10px;
    margin-bottom: 30px;
}

#Onecol .Arrow_Area .in {
    padding: 20px;
}

#Onecol .button {
    margin-bottom: 40px;
}


/************************導入までの流れ**************************/

.main_contents #introduction_area,
.paged .read-block #introduction_area {
	max-width: 1100px;
	margin: 20px auto 30px;
}

.main_contents #introduction_area .pc,
.paged .read-block #introduction_area .pc {
	width: 100%;
	height: auto;
}

.main_contents #introduction_area .sp,
.paged .read-block #introduction_area .sp {
	max-width: 710px;
	height: auto;
}

#introduction_flow h3 {
    color: #fff;
    background-color: #1d9e48;
    width: 120px;
    font-size: 1.2rem;
    text-align: center;
    padding: 15px 10px;
    border-radius: 125px/50px;
    margin: auto;
}

#introduction_flow .inner {
    max-width: 1100px;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    justify-items: center;
}

#introduction_flow .inner > div {
    position: relative;
    margin-right: 40px;
}

#introduction_flow .inner > div:after,
#introduction_flow .inner > div.step3:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-image:url(/wp-content/uploads/2018/12/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 75px;
    height: 40px;
    right: -60px;
    z-index: 100;
}

#introduction_flow .inner .step1,
#introduction_flow .inner .step2,
#introduction_flow .inner .step3 {
    width: 240px;
}

#introduction_flow .inner .openclose {
    width: 280px;
    margin-top: 33px;
    margin-right: 0;
}

#introduction_flow .inner > div.step3:before {
    top: -25%;
    background-image:url(/wp-content/uploads/2018/12/upperarrow.svg);
    width: 80px;
    height: 50px;
}

#introduction_flow .inner > div.step3:after {
    bottom: -75%;
    background-image:url(/wp-content/uploads/2018/12/downerarrow.svg);
    width: 80px;
    height: 50px;
}

#introduction_flow .inner > div.openclose:after {
    content: "";
    background: none;
}

#introduction_flow .inner .openclose h4 {
    margin-bottom: 0;
}

#introduction_flow .innerbox {
    border: #1d9e48 solid 3px;
    box-sizing: border-box;
    border-radius: 15px;
    margin-top: -23px;
    padding: 30px 20px;
    background-color: #fff;
    height: 480px;
}

#introduction_flow .innerbox.open {
    padding: 20px;
    margin-top: 0;
    height: 380px;
}

#introduction_flow .innerbox.close {
    padding: 10px;
    margin-top: 40px;
    height: 60px;
}

#introduction_flow h4 {
    color: #1d9e48;
    line-height: 2rem;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

#introduction_flow .strong {
    color: #1d9e48;
    font-size: .8rem;
    line-height: 1.0rem;
    text-align: center;
}

#introduction_flow .innerbox img {
    width: 95%;
    margin: 20px auto;
}

#introduction_flow .step1 .innerbox img {
    width: 60%;
    margin: 20px auto 5px;
}

#introduction_flow .step2 .innerbox img {
    width: 77%;
}

#introduction_flow .openclose .innerbox img {
    width: 70%;

}

#introduction_flow .banner {
    background-color: #f19149;
    color: #fff;
    padding: 2px 5px;
    border-radius: 10px;
    font-weight: 800;
    margin: 0 auto 20px;
}

#introduction_flow p {
    line-height: 1.5rem;
    text-align: left;
    font-size: 1.2rem;
}

#introduction_flow .inner .openclose h4.star span {
    position: relative;
}

#introduction_flow .inner .openclose h4.star span:before,
#introduction_flow .inner .openclose h4.star span:after {
    position: absolute;
    width: 32px;
    height: 32px;
    content: "";
    background-image: url(/wp-content/uploads/2018/12/star.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    top: 0;
    bottom: 0;
    left: -32px;
}

#introduction_flow .inner .openclose h4.star span:after {
    right: -32px;
    left: auto;
    transform: scale(-1, 1);
}
@media only screen and (max-width: 900px) {
  #introduction_flow .inner {
    display: block;
    position: relative;
  }
  #introduction_flow h3 {
    margin: inherit;
  }
  #introduction_flow .inner .step1,
  #introduction_flow .inner .step2,
  #introduction_flow .inner .step3,
  #introduction_flow .inner .openclose {
    width: 100%;
  }
  #introduction_flow .inner > div {
    margin-right: 0;
  }
  #introduction_flow .innerbox {
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
  }
  #introduction_flow h4 {
    margin-bottom: 0;
    float: left;
  }
  #introduction_flow h4.star {
    text-align: center;
    float: none;
  }
  #introduction_flow .imagearea {
    float: right;
    right: 0;
    width: 35%;
    bottom: 20px;
  }
  #introduction_flow .step1 .imagearea {
    right: 10px;
    bottom: 30px;
  }
  #introduction_flow .banner {
    font-size: .8rem;
    margin-bottom: 0;
  }
  #introduction_flow p.txtarea {
    width: 65%;
    float: left;
    padding-top: 20px;
    font-size: 1.8rem;
    line-height: 2.2rem;
  } 
  #introduction_flow .inner > div:after,
  #introduction_flow .inner > div.step3:before {
    top: auto;
    left: 0;
    bottom: -60px;
    right: 0;
    z-index: 100;
    transform: rotate(90deg) scale(.7,1);
  }
  #introduction_flow .inner > div.step3:before {
    left: 90px;
    bottom: -30px;
    right: auto;
    transform: rotate(140deg) scale(.7,1);
  }
  #introduction_flow .innerbox.open {
    height: auto;
    position: relative;
    width: 85%;
    float: left;
  }
  #introduction_flow .innerbox.close {
    width: 50px;
    float: right;
    text-align: center;
    height: auto;
    margin-top: 0;
    padding: 18px 9px;
    letter-spacing: .3rem;
  }
  #introduction_flow .inner > div.step3:after {
    bottom: -40px;
    transform: rotate(30deg) scale(.7,.7);
    left: auto;
    right: 4px;
  }
  #introduction_flow .inner .openclose .close h4 {
    margin-bottom: 0;
    font-size: 1.3rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;    
  }
  #introduction_flow .open .imagearea {
    right: 10px;
    bottom: 60px;
    margin: auto;
  }
  #introduction_flow .openclose .innerbox img {
    width: 95%;
  }
}


@media only screen and (max-width: 640px) {
  #introduction_flow .inner {
    display: block;
    position: relative;
  }
  #introduction_flow h3 {
    margin: inherit;
  }
  #introduction_flow .inner .step1,
  #introduction_flow .inner .step2,
  #introduction_flow .inner .step3,
  #introduction_flow .inner .openclose {
    width: 100%;
  }
  #introduction_flow .inner > div {
    margin-right: 0;
  }
  #introduction_flow .innerbox {
    height: auto;
    margin-bottom: 10px;
  }
  #introduction_flow h4 {
    text-align: left;
    font-size: 1.5rem;
  }
  #introduction_flow h4.star {
    text-align: center;
  }
  #introduction_flow .imagearea {
    position: absolute;
    right: 0;
    width: 35%;
    bottom: 20px;
  }
  #introduction_flow .step1 .imagearea {
    right: 10px;
    bottom: 30px;
  }
  #introduction_flow .banner {
    font-size: .8rem;
    margin-bottom: 0;
  }
  #introduction_flow p.txtarea {
    font-size: 1.2rem;
    line-height: 1.4rem;
  } 
  #introduction_flow .inner > div:after,
  #introduction_flow .inner > div.step3:before {
    top: auto;
    left: 0;
    bottom: -60px;
    right: 0;
    z-index: 100;
    transform: rotate(90deg) scale(.7,1);
  }
  #introduction_flow .inner > div.step3:before {
    left: 90px;
    bottom: -30px;
    right: auto;
    transform: rotate(140deg) scale(.7,1);
  }
  #introduction_flow .innerbox.open {
    height: auto;
    position: relative;
    width: 75%;
    float: left;
  }
  #introduction_flow .innerbox.close {
    padding: 28px 5px;
  }
  #introduction_flow .inner > div.step3:after {
    bottom: -40px;
    transform: rotate(30deg) scale(.7,.7);
    left: auto;
    right: 4px;
  }
  #introduction_flow .inner .openclose .close h4 {
    margin-bottom: 0;
    font-size: 1.1rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;    
  }
  #introduction_flow .open .imagearea {
    right: 10px;
    bottom: 60px;
    margin: auto;
  }
  #introduction_flow .openclose .innerbox img {
    width: 95%;
  }
}

@media only screen and (max-width: 320px) {
  #introduction_flow .innerbox.close {
    padding: 27px 9px;
  }
  #introduction_flow .innerbox.open {
    width: 75%;
    padding: 16px 20px;
  }
  #introduction_flow p.txtarea {
    font-size: 1.0rem;
    line-height: 1.4rem;
  }
  #introduction_flow .inner .openclose .close h4 {
    font-size: 1.0rem;
  }
}


/*---------------------------------------------------------------------------------
お問い合わせ　30日間無料体験  HRXPO用
--------------------------------------------------------------------------------- */
#mailaddress_30days-top #formstack_hrexpo {
    margin: auto 5% !important;
    width: 90% !important;
	text-align: center!important;
}
#mailaddress_30days-top #formstack_hrexpo .fsBody.fsEmbed {
	margin: auto;
	text-align: center!important;
}



/*---------------------------------------------------------------------------------
テスト限定　ご利用中のお客様
--------------------------------------------------------------------------------- */
#test20180723-top .read-block .inner .btn {
	width: 270px;
	margin: 40px auto;
}
#test20180723-top .read-block .inner .btn a {
	background-color: /*#e80c7a*/ #e9641e;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 14px;
	border-radius: 22px;
}

#test20180723-top .function-area .detail .link-block {
	overflow: hidden;
	margin: 20px auto 60px;
}

#test20180723-top .function-area .detail .login-box {
	float: left;
	width: 49%;
	margin: 0 1% 0 0;
}
#test20180723-top .function-area .detail .login-box:nth-of-type(2n) {
	margin: 0 0 0 1%;
}

#test20180723-top .function-area .detail .login-box h4 {
	font-size: 19px;
	margin-bottom: 20px;
	text-align: center;
	padding-bottom: 0;
	line-height: 1.8;
}
#test20180723-top .function-area .detail .login-box h4:after {
	content: "";
	display: none;
}

#test20180723-top .function-area .detail .login-box .inner {
	border: 3px solid #28cec3;
	border-radius: 10px;
	padding: 30px 20px;
}

#test20180723-top #support {
	max-width: 662px;
	position: relative;
	margin: auto;
}
#test20180723-top #support .helpbtn,
#test20180723-top #support .s3btn,
#test20180723-top #support .s2btn {
	width: 198px;
	height: 57px;
	position: absolute;
	top: 105px;
	left: 9px;
}
#test20180723-top #support .s3btn {
	left: 233px;
}
#test20180723-top #support .s2btn {
	left: 453px;
}
#test20180723-top .callimg {
	text-align: center;
}
#test20180723-top .callimg .telbox {
	width: 600px;
}
#test20180723-top .callimg .operator {
	width: 700px;
}


@media only screen and (max-width: 768px) {
	#test20180723-top .function-area .detail .login-box {
		float: none;
		width: 95%;
		margin: 0 2.5% 20px;
	}
	#test20180723-top .function-area .detail .login-box:nth-of-type(2n) {
		margin: 0 2.5% 20px;
	}

	#test20180723-top .function-area .detail .login-box h4 {
		font-size: 13px;
		margin-bottom: 20px;
		text-align: center;
	}
	#test20180723-top .function-area .detail .login-box .inner {
		border: 3px solid #28cec3;
		border-radius: 10px;
		padding: 15px 10px;
	}
	#test20180723-top #support .helpbtn,
	#test20180723-top #support .s3btn,
	#test20180723-top #support .s2btn {
		width: 26%;
		height: auto;
		position: absolute;
		top: 64%;
		left: 5%;
	}
	#test20180723-top #support .s3btn {
		left: 37%;
	}
	#test20180723-top #support .s2btn {
		left: 68%;
	}
	#test20180723-top .callimg {
		width: 95%;
		margin: auto;
	}
	#test20180723-top .callimg .telbox,
	#test20180723-top .callimg .operator,
	#test20180723-top .callimg img {
		max-width: 100%;
		height: auto;
	}
}


#test20180723-top .function-area .detail .tel-box {
	margin: 20px 0 30px;
}
#test20180723-top .function-area .detail .tel-box .inner {
	padding: 30px 20px;
	border: #06b4a9 solid 3px;
	border-radius: 10px;
}
#test20180723-top .function-area .detail .info-block {
	margin: 20px auto 30px; 
}

#test20180723-top .function-area .detail .info-block h4 {
	color: #06b4a9;
	font-size: 22px;
	padding-bottom: 0;
	line-height: 1.8;
}
#test20180723-top .function-area .detail .info-block h4:after {
	display: none;
}
#test20180723-top .function-area .detail .info-block .number {
	font-size: 36px;
	font-weight: 800;
	float: left;
	margin-right: 30px;
	position: relative;
	color: #033fc1;
	padding-left: 60px;
}
#test20180723-top .function-area .detail .info-block .reception-time {
	float: right;
}
#test20180723-top .function-area .detail .info-block .number:before {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/icon_old_telephone.png);
	width: 50px;
	height: 50px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 4px;
	left: 0;
}
#test20180723-top .function-area .detail .info-block hr.tel-border {
	clear: both;
	border: #06b4a9 1px solid;
	width: 100%;
	margin: 15px auto;
}
#test20180723-top .function-area .detail .tel-box .intro {
	font-size: 14px;
}
#test20180723-top .function-area .detail .tel-box .guide-number {
	margin: 10px auto;
}


#test20180723-top .function-area .detail .tel-box .guide-number li {
	font-weight: 800;
	font-size: 18px;
	position: relative;
}
#test20180723-top .function-area .detail .guide-number li:after {
	content: "";
	background-image: url(/wp-content/uploads/2017/03/number-1.png);
	width: 200px;
	height: 30px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
}
#test20180723-top .function-area .detail .guide-number li.number-2:after {
	background-image: url(/wp-content/uploads/2017/03/number-2.png);
}
#test20180723-top .function-area .detail .guide-number li.number-3:after {
	background-image: url(/wp-content/uploads/2017/03/number-3.png);
}
#test20180723-top .function-area .detail .adress {
	margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
	.paged .scene-block .function-area .detail .btn {
		width: initial;
	}
	#test20180723-top .function-area .detail .info-block .number:before {
		width: 25px;
		height: 25px;
		top: 5px;
	}
	#test20180723-top .function-area .detail .info-block .inner {
		padding: 0 5px;
	}
	#test20180723-top .function-area .detail .tel-box .inner {
		padding: 10px 15px;
	}
	#test20180723-top .function-area .detail .info-block .number {
		font-size: 22px;
		font-weight: 800;
		float: none;
		margin-right: 30px;
		position: relative;
		color: #033fc1;
		padding-left: 40px;
	}
	#test20180723-top .function-area .detail .info-block .reception-time {
		float: none;
	}
	.paged .scene-block .function-area .detail ul {
		font-size: 12px;
		list-style: disc;
		margin: auto 2.5%;
	}
	.paged .scene-block .function-area .detail .sp-guide-number ul {
		list-style: decimal;
	}
	#test20180723-top .function-area .detail .tel-box .sp-guide-number li {
		font-weight: 800;
		font-size: 14px;
		position: relative;
	}
}

#sitemap_list a:hover {
    color: #48B7B1;
}

/************         紙のタイムカードは時代遅れ？　～ LPページ ～         ************/
 /*     h1 画像のズレ      */ 
h1 img#no_timecard {
max-width:100% !important;
}

/*20180927チャットボットの非表示フラグ*/
#chatplusview {
  opacity: 1;
  transition: .5s;
}
#chatplusview.hide {
  opacity: 0;
  transition: .5s;
}

/*---------------------------------------------------------------------------------
つながるKING OF TIME 改修
--------------------------------------------------------------------------------- */
.page .renewal_relation .inner {
    text-align: left;
    max-width: 900px;
    width: 90%;
    margin: auto;
}

article.function-intro,
article.kot_series,
article.system_cooperation,
article.data-relation,
article.data-relation,
article.easy-relation,
article.combination {
    max-width: 900px;
    width: 90%;
    margin: auto;
    padding-top: 50px;
}

article.function-intro .inner,
article.kot_series .inner,
article.system_cooperation .inner,
article.data-relation .inner,
article.easy-relation .inner,
article.combination .inner {
    overflow: hidden;
    text-align: center;
}

article.function-intro .inner .function-box {
    font-size: 20px;
    text-align: center;
    border-radius: 30px;
    border: 2px solid #000;
    width: 23%;
    margin: 1%;
    float: left;
    box-sizing: border-box;
}

article.system_cooperation h3,
article.kot_series h3 {
    color: #0d9647;
    text-align: center;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    padding: 0 75px;
}

article.system_cooperation h3 {
    padding: 0 110px;
}

article.system_cooperation h3:before,
article.kot_series h3:before,
article.system_cooperation h3:after,
article.kot_series h3:after {
  content: "";
  background-color: #0d9647;
  position: absolute;
  top: 50%;
  content: '';
  display: inline-block;
  width: 45px;
  height: 1px;
}

article.system_cooperation h3:before,
article.kot_series h3:before {
  left: 0;
}
article.system_cooperation h3:after,
article.kot_series h3:after {
  right: 0;
}

article.logo-line .logo-list {
  display: table;
  text-align: center;
  width: 100%;
}

article.logo-line .logo-list .kot-link {
    display: inline-block;
    vertical-align: middle;
    width: 21%;
    margin: 3% 2%;
}

h3.dot-block {
    font-size: 20px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding: 0 40px;
    top: -39px;
    background-color: #fff;
}

h3.dot-block:before,
h3.dot-block:after {
    position: absolute;
    content: "";
    background-color: #0d9647;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
}

h3.dot-block:before {
  left: 0;
}

h3.dot-block:after {
  right: 0;
}

article.data-relation .inner,
article.easy-relation .inner,
article.combination .inner {
    border: #0d9647 1px solid;
    border-radius: 20px;
    padding: 20px;
    overflow: visible;
}

article.easy-relation {
    overflow: hidden;
    margin-bottom: 160px;
}

article.data-relation .inner .explain-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

article.data-relation .inner .explain-box ul.txt-list {
    width: 35%;
    list-style: disc;
    font-size: 24px;
}

article.data-relation .inner .explain-box .renkei {
    width: 15%;
    margin: 1%;
}

article.data-relation .inner .explain-box .kot-logo {
    width: 35%;
    margin: 1%;
}

article.easy-relation .left-box {
    float: left;
    width: 31%;
    margin-right: 1%;
}

article.easy-relation .right-box {
    float: left;
    width: 68%;
}

article.easy-relation h3.dot-block {
    font-size: 15px;
    top: -34px;
    padding: 0 20px;
}

article#search-contents {
    clear: both;
/*高尾20190305サイト内検索エリアの境界装飾*/
    padding: 20px 0;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    background:#f5f5f5;
}

@media only screen and (max-width: 768px) {
  .page .renewal_relation h2 {
    font-size: 18px;
  }
  article.function-intro .inner .function-box {
    font-size: 18px;
    width: 48%;
  }
  article.function-intro .inner .function-box {
    font-size: 18px;
  }
  article.system_cooperation h3:before,
  article.kot_series h3:before,
  article.system_cooperation h3:after,
  article.kot_series h3:after {
    width: 20px;
  }
  article.kot_series h3 {
    padding: 0 38px;
    font-size: 18px;
    line-height: 1.0;
  }  
  article.system_cooperation h3 {
    padding: 0 71px;
    font-size: 18px;
    line-height: 1.0;
  }
  article.logo-line .logo-list .kot-link {
    width: 44%;
    margin: 5% 3%;
  }
  h3.dot-block {
    padding: 0 30px;
    top: -40px;
    line-height: 1.0;
  }
  article.data-relation .inner .explain-box {
    display: block;
    margin-top: -30px;
  }
  article.data-relation .inner .explain-box ul.txt-list {
    width: 90%;
    font-size: 20px;
    margin: auto;
    padding-left: 30px;
  }
  article.data-relation .inner .explain-box .renkei {
    width: 50%;
    margin: 20px auto;
  }
  article.data-relation .inner .explain-box .kot-logo {
    width: 90%;
    margin: 5% auto;
  }
  article.easy-relation .left-box {
    float: none;
    width: 100%;
    margin: 3% auto;
  }
  article.easy-relation .right-box {
    float: none;
    width: 100%;
    margin: 15% auto;
  }
}
/***********          つながるページ：IE・FX　調整（ 2019.03.07 / 桐生 ）            ************/
@media all and (-ms-high-contrast: none){
article.logo-line .logo-list .kot-link {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    margin: 3% 2%;
  }
}
@-moz-document url-prefix(){
article.logo-line .logo-list .kot-link {
    display: inline-block;
    vertical-align: middle;
    width: 20%!important;
    margin: 3% 2%;
  }
}


/***********          オンラインヘルプ：　調整（ 2019.09.05 ）            ************/
.table-condensed > tbody > tr > td {
    padding: 15px;
    vertical-align: middle;
}

.col-sm-12.actionBar {
    text-align: center;
}

.bootgrid-header .search, .bootgrid-footer .search {
    width: 360px;
}

.input-group-addon {
    color: #fff;
    background-color: #1d9e48;
    border: 1px solid #1d9e48;
}

.cbg-header-url{
	display: none;
}
.cbg-header-question{
	width: 40%;
}

.cbg-header-category{
	width: 15%;
}

.cbg-header-answer{
	width: 45%;
}

.form-control {
    border: 3px solid #1d9e48;
}

input[type="text"]:focus {
    border: 3px solid #1D9E48;
    border-radius: initial;
}

.btn-default {
    color: #fff;
    background-color: #1d9e48;
    border-color: #1d9e48;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #fff;
    background-color: #1d9e48;
    border-color: #1d9e48;
}

.paged .link-area.onlinehelp .inner {
    padding: 10px 10px 30px;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

.col-sm-6.infoBar {
    width: 100%;
}

.infoBar .infos {
    text-align: center;
}

@media only screen and (max-width: 768px) {
.bootgrid-header .search, .bootgrid-footer .search {
    width: 300px;
    margin: auto auto 10px;
}
#header-wrapper.onlinehelp .other-nav-sp ul li {
    width: 33.3%;
}
tr td:nth-of-type(2), tr td:nth-of-type(3), tr th:nth-of-type(2), tr th:nth-of-type(3) {
    display: none;
}
}

/* 関西2019EXPO用 */
.main .workstyle_bar {
  background-color: #1D9E48 !important;
}
.workstyle_content ul {
  border: solid 2px #1D9E48 !important;
}
table.type07 thead th,
.pc_tbl-r02 th {
  background-color: #35b574 !important;
}
.hr-expo2019_kansai h4 {
  border-bottom: 1px #35b574 solid !important;
}
.hr-expo2019_kansai h5:before, .hr-expo2019_kansai h5:after {
  background-color: #35b574 !important;
}
.workstyle_content ul li {
  border-bottom: dashed 1px #35b574 !important;
}


/*ヘルプページ用*/
article.help_page {
    max-width: 95%;
    width: 1100px;
    margin: auto;
}

#header-wrapper.help-page {
    border-bottom: 0px solid rgba(200,200,200,1.00);
}

#contents-wrapper.help_page {
    padding-top: 100px;
}

.help_page h3{
    font-weight:normal;
	border-bottom: 1px solid #1D9E48;
}

.help_page h4{
    font-weight:normal;
}

.help_page h3 {
    color: #1D9E48;
    font-size: 2.0rem;
    padding: 5px 15px 2px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.help_page p {
    margin-bottom: 30px;
}

.help_page .question,
.help_page .answer {
	width: initial;
	background-image: url(/wp-content/themes/king-of-time/images/question.svg);
	background-repeat: no-repeat;
	background-size: 40px;
	padding-left: 45px;
}

.help_page .question strong,
.help_page .answer strong {
	display: none;
}

.help_page .answer {
	background-image: url(/wp-content/themes/king-of-time/images/answer.svg);
}

.help_page .screen_image {
    width: 60%;
	 margin: 10px auto;
}

.help_page ul {
    margin: 10px auto 40px;
}

.help_page li {
    margin: 10px auto;
}

.help_page h4 {
    font-size: 1.6rem;
    margin: 40px auto 10px;
    padding-bottom: 5px;
}

.help_page_menu ul {
    padding-top: 72px;
    display: flex;
    width: 1100px;
    margin: auto;
    justify-content: space-around;
    max-width: 100%;
}

.help_page a,
.help_page a:hover,
.help_page a:link,
.help_page a:visited,
.help_page a:active
{
    color: #1d9e48;
}


@media only screen and (max-width: 768px) {
#contents-wrapper.help_page {
    padding-top: 50px;
}
	.help_page_menu_child {
    font-size: 0.7rem;
    text-align: center;
    color: white;
    background: #1D9E48;
    width: 25%;
    line-height: 1.3;
    padding: 15px 0px;
    box-sizing: border-box;
}
	.help_page_menu_child a {
		color: white;
	}
}

/* =====マイページ===== */
/* 選択肢ラジオボタン改行（ブロック化） */
.customkey_type label{
	display: block;
}
@media screen and (max-width: 480px) {
	.customkey_type label{
		margin: 10px 0px;
	}
}
/* ログインページ サブテキスト */
.myp-loginpage-subtext{
	text-align: center;
	max-width: 500px;
	margin: 0 auto;
}
/*　打刻方法一覧｜タイムレコーダーの選び方のバナーサイズ調整　*/
#timerecorder_banner {
    max-width: 600px;
    margin: 20px auto;
}
#timerecorder_banner img {
    border: solid 2px #cfcdcd;
	width:100%;
	height:auto;
}

#timerecorder_banner a:hover{
  opacity:0.7;
}

/**事例ページ CTAボタン追加**/
.case_cta{
	padding:50px;
	background-color: #f0f0f0;
	border-radius: 50px;
	max-width: 1000px;
	margin:0 auto;
}
.case_cta_text{
	text-align: center;
	margin-bottom:30px;
	font-weight: 600;
}
.case_cta_box{
	display:flex;
	justify-content:center;
}
.case_cta_btn{
	padding:20px 50px;
	border-radius:50px;
	margin:0 20px;
}
.case_cta_btn_contact{
	background-color:#1D9E48;
	padding:20px 60px;
	border:solid 2px #1D9E48;
}
.case_cta_btn_trial{
	background-color:#F18800;
	border:solid 2px #F18800;
}
.case_cta_btn_contact:hover{
	border:solid 2px#1D9E48;
	background-color:#FFF;
	color:#1D9E48;
	text-decoration: none;
}
.case_cta_btn_trial:hover{
	border:solid 2px #F18800;
	background-color:#FFF;
	color:#F18800;
	text-decoration: none;
}
.case_cta_btn_link{
	color:#FFF !important;
	font-weight:600;
}
.case_cta_btn_link:hover{
	text-decoration:none;
}
@media only screen and (max-width: 480px) {
	.case_cta{
		padding:10px;
		border-radius: 0;
		margin-bottom: 50px;
	}
	.case_cta_text{
		margin-top: 20px;
		text-align: left;
	}
	.case_cta_box{
		flex-direction: column;
		width:250px;
		margin:0 auto;
	}
	.case_cta_btn_contact_link{
		margin-bottom:20px;
	}
	.case_cta_btn{
		text-align: center;
		padding:10px 20px;
	}
	.case_cta_btn_trial_link{
		margin-bottom:20px;
	}
	.case_cta_btn_contact{
		padding:10px 20px;
	}
}

/* 20241016　社労士ブログ装飾変更：桐生 */
h1.post-title {
        border-bottom: solid 1px #41c241;
}
.blog_other_link::after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        background-image: url('/wp-content/uploads/2024/10/other_link.svg');
        background-position: center;
        background-size: contain;
        margin-left: 5px;
}

/* 20250411　導入事例タイトル｜装飾変更：桐生 */
h1.entry-title .company_name_sub {
    font-size: 23px;
    font-weight: 200;
    color: #2b2b2b;
}
ul.social-link {
    width: 800px;
    display: flex;
    margin: 40px auto;
    max-width: 95%;
    flex-wrap: wrap;
}

.social-link li {
    flex: 0 0 24%;
    text-align: center;
    margin: auto 0.5%;
    font-weight: 800;
}
/* 【画像版】公式バッジ画像を使用 */
.social-link li.google-preferred a {
    background: #fff;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    outline: 1px solid #666666;
    outline-offset: -1px;
}

.social-link li.google-preferred img {
    width: 100%;
    height: auto;
    display: block;
    padding-right: 5px;
}

.social-link li a:hover {
	text-decoration: none;
	opacity: 0.3;
}

/* 共通からpaddingを削除 */
.social-link li a {
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48.8px;
    box-sizing: border-box;
}

/* Googleボタン以外にpaddingを設定 */
.social-link li:not(.google-preferred) a {
    padding: 10px;
}

.social-link li.twitter a {
    background-color: black;
    background-size: 16px, 16px;
    background-image: url(/wp-content/themes/king-of-time/images/x-logo.png);
    background-repeat: no-repeat;
    background-position: 30% 50%;
    padding-left: 20px;
    box-sizing: border-box;
}

.social-link li.facebook a {
    background-color: #0866ff;
}

.social-link li.facebook a i,
.social-link li.copy-link a i,
.social-link li.line a i {
    padding-right: 12px;
}

.social-link li.copy-link a {
    background-color: #00a5de;
}

.social-link li.hatena a {
    background-color: #00a5de;
    background-size: 30px, 30px;
    background-image: url(/wp-content/themes/king-of-time/images/hatena-logo.png);
    background-repeat: no-repeat;
    background-position: 18% 50%;
    padding-left: 20px;
    box-sizing: border-box;
}

.social-link li.line a {
    background-color: #06c755;
}

.toast {
	visibility: hidden;
	min-width: 200px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 8px;
	padding: 12px 20px;
	position: fixed;
	z-index: 9999;
	bottom: 30%;
    left: 40%;
    right: 40%;
	font-size: 14px;
	margin: auto;
	opacity: 0;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}
  
.toast.show {
	visibility: visible;
	opacity: 1;
}

/* 2503 導入事例関連記事リスト */
.related-industry-posts .inner {
	max-width: 800px;
	margin: 24px auto;
}

.related-industry-posts h2 {
	color: #35b574;
	font-size: 30px;
	padding-bottom: 8px;
}

.related-industry-posts h2::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	margin: auto;
	background-color: #35b574;
}

.related-industry-posts ul {
	width: 100%;
	padding: 0;
	display: flex;
	flex-direction: row;
	overflow: hidden;
	flex-wrap: wrap;
	justify-content: center;
}

.related-industry-posts ul li {
	width: calc( 100% / 3 - 28px );
	margin: 8px;
	border: 2px solid #35b574;
	border-radius: 16px;
	background-color: white;
	box-shadow:0px 5px 4px 0px rgba(200, 200, 200, 1);
}

.related-industry-posts ul li a {
	color: #666;
	font-size: 1.4rem;
	font-weight: bold;
	min-height: 320px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 8px;
	text-decoration: none;
	justify-content: space-evenly;
	overflow: hidden;
}

.related-industry-posts ul li a figure {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin-bottom: 16px;
}

.related-industry-posts .c-logo {
	max-width: 80%;
	max-height: 80px;
	width: auto;
}

.related-industry-posts .s-img {
	border-radius: 8px;
	margin-bottom: 16px;
}

/* 25.12.01 桐生資料ダウンロードの追加ボタンのCSS追加 */
.document_function {
        text-align: center !important;
}
.document_function a {
   	color: #1D9E48 !important;
}
@media screen and (max-width: 768px) {

	.related-industry-posts .inner {
		width: 100%;
		margin: 24px auto;
	}

	.related-industry-posts ul li {
		width: calc( 100% / 2 - 16px );
		margin: 8px;
	}

	.related-industry-posts .c-logo {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}

	ul.social-link {
		margin: 40px auto;
	}
	
	.social-link li {
		flex: 0 0 48%;
		margin-top: 0.5%;
		padding-bottom: 5px;
		padding-right: 3px;
	}

	.social-link li.copy-link {
		flex: 0 0 48%;
		margin-top: 0.5%;
	}

	.social-link li.google-preferred {
		flex: 0 0 48%;
		margin-top: 0.5%;
	}
	.social-link li.line,
	.social-link li.google-preferred {
    	padding-right: 0;
   	 margin: auto;
	}

		.toast {
			bottom: 40%;
			left: 18%;
			right: 20%;
		}
	.social-link li.google-preferred a {
		background-position: 7% 50%;
		padding-right: 0px;
	}
	.social-link li.google-preferred img {
		padding-right: 10px;
	}
}

@media screen and (max-width:480px) {
	h1.entry-title .company_name_sub {
    	font-size: 20px;
	}

	article#search-contents #recommend-area-banner {
		flex-direction: column;
	}

	.related-industry-posts ul li {
		width: 100%;
		margin: 8px;
	}
}

/* 
2025.10改修 
2025-10-20 h1 セクション削除・h2->H1等 レベルアップ関連
*/

.single-case .breadcrumbs .inner > span:nth-last-child(2) a::before,
.single-case .breadcrumbs .inner > span:nth-last-child(2) a::after
{
	display: none!important;
}

/* 25.11変更 */

#contents-wrapper header h1,
#contents-wrapper header .header-post,
.member-page h1.member_page_title,
#contents-wrapper header div.entry-title
{
	color: #1D9E48;
	font-size: 40px;
	font-weight: bolder;
	background: none;
	padding: 45px 0 0;
}

/* 25.11追加 */
#contents-wrapper header {
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
	#contents-wrapper header h1,
	#contents-wrapper header .header-post,
	.member-page h1.member_page_title,
	#contents-wrapper header div.entry-title {
		font-size: 30px;
	}
}

.h2h1levelUp2510 {
	font-size: 36px;
    line-height: 1.4;
    text-align: center;
	padding-bottom: 10px !important;
}
/* 25.12.01 桐生資料ダウンロードの追加ボタンのCSS追加 */
	.document_function {
        	text-align: center !important;
    }
	.document_function a {
   		 color: #1D9E48 !important;
	}

@media only screen and (max-width: 768px) {
    .h2h1levelUp2510 {
        padding: 0 5px 10px;
        font-size: 20px;
        line-height: 1.4;
        text-align: center;
    }
}

.h3h2levelUp2510 {
	padding-bottom: 0;
    margin-bottom: 20px;
	line-height: 1;
    position: relative;
	padding-top: 0;
    font-size: 34px;
}

.h3h2levelUp2510::after {
	width: 5px;
    height: 100%;
    right: inherit;
    top: 0;
	display: block;
	background-color: #1D9E48;
    position: absolute;
    left: 0;
	margin: auto;
    content: "";
}

.h3h2levelUp2510 .num {
	text-align: left;
    padding-bottom: 5px;
    font-size: 24px;
    padding-left: 20px;
    padding-top: 7px;
	display: block;
	color: #1D9E48;
}

@media only screen and (max-width: 768px) {
    .h3h2levelUp2510 {
        margin: 0 0 20px;
		padding-bottom: 0;
		text-align: center;
    }

	.h3h2levelUp2510 .num {
		text-align: center;
        padding-bottom: 15px;
        text-indent: 0;
        padding-top: 0;
        padding-left: 0;
		font-size: 24px;
	}

	.h3h2levelUp2510::after {
		width: 90%;
        height: 3px;
        right: 0;
        top: inherit;
		margin: auto;
	}
}

.p-div-titlelevelUph2 {
	margin: 0;
    padding: 0;
    border: 0;
	font: inherit;
    vertical-align: baseline;
}

#record-top .list-block .item h3 {
    padding: 17px 90px 15px 24px;
    background-color: #1D9E48;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    position: relative;
}

#record-top .list-block .item h4 {
    font-size: 24px;
    color: /*#e80c7a*/ #e9641e;
	padding: initial;
    padding-bottom: 10px;
    padding-top: 16px;
    clear: both;
	background-color: initial;
	line-height: initial;
}

/* .post-type-archive-record #record-top .list-block .item h4 {
	height: 18px!important;
} */

#record-top .list-block .item .detail h4 {
    height: 95px;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
	padding: initial;
}

@media only screen and (max-width: 768px) {
	#record-top .list-block .item h3 {
		padding: 7px 12px 5px;
		background-color: #1D9E48;
		font-size: 14px;
		line-height: 1.25;
		color: #fff;
	}
/* 25.12.01 桐生資料ダウンロードの追加ボタンのCSS追加 */
	.document_function {
        	text-align: center !important;
        	padding: 10px;
        	font-size: 13px;
    }
	.document_function a {
   		 color: #1D9E48 !important;
	}
}
/* 25.10ここまで */

/* 26.03 レコーダーページへのボタン追記 */
.record_buttons {
	display: flex;
	width: 1100px;
	max-width: 95%;
	margin: 30px auto;
	flex-wrap: wrap;
	justify-content: center;
	color: #fff;
}

.record_button {
	color: #fff !important;
	padding: 10px;
	background-color: #F18800;
	text-align: center;
	width: 292px;
	max-width: 95%;
	border-radius: 35px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	box-sizing: border-box;
	border: solid 2px #F18800;
}

.record_button:nth-of-type(2) {
	margin-left: 20px;
}

.record_button.record_button_contact {
	width: 400px;
}

.record_button.record_button_estimate {
	background-color: #1c9e47;
	border: solid 2px #1c9e47;
	color: #fff;
}

a.record_button:active,
a.record_button:visited {
	color: #fff;
}

a.record_button:hover {
	color: #F18800 !important;
	background-color: #fff;
	text-decoration: none;
}

a.record_button.record_button_estimate:hover {
	color: #1c9e47 !important;
	background-color: #fff;
	text-decoration: none;
}

@media only screen and (max-width: 768px) {
	.record_button:nth-of-type(2) {
		margin-left: 0;
		margin-top: 20px;
	}
	.record_button.record_button_contact {
		font-size: 16px;
	}
}