@charset "utf-8";
/* CSS Document */

/* Reset
----------------------------------------------------*/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table,th,td {font-size: 100%;line-height: 1.6;}
caption,th {text-align: left;font-weight: normal;}
object,embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
img,abbr,acronym,fieldset {border: 0;}
ul,li {list-style-type: none;}
img,a img{border:none;background:transparent;vertical-align:bottom;}

/* font
----------------------------------------------------*/
body {
	font: 62.5%  Noto Sans Japanese, Meiryo, arial, clean, verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333;
}
html/**/body { font-size: 10px; } /* Except IE */
* html body { /* IE6用フォント指定 */
	font: 62.5% "ＭＳ Ｐゴシック", Meiryo, arial, clean, verdana, Osaka, sans-serif;
}

/*--- default */
body {
	text-align: center;
}

/* Link
----------------------------------------------------*/
a {
	color: #00F;
}
a:hover {
	text-decoration: none;
}


/* float,clear
----------------------------------------------------*/
.fleft {
	float: left;
}
.fright {
	float: right;
}
.clear {
	clear: both;
}
.cf { /* clearfix */
	zoom: 1;
}
.cf:after {
	content:'';
	display: block;
	clear: both;
}


/* margin
---------------------------------------- */
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}

.mr0 { margin-right: 0 !important;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb80 { margin-bottom:80px;}
.mb90 { margin-bottom:90px;}

.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px !important;}



/* padding
---------------------------------------- */
.pt10 { padding-top:10px;}
.pt30 { padding-top:30px;}
.pt60 { padding-top:60px !important;}

.pr10 { padding-right:10px;}

.pb20 { padding-bottom:20px;}
.pb90 { padding-bottom:90px;}

.pl10 { padding-left:10px;}




/* text
---------------------------------------- */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.txt_narrow {
	letter-spacing: -1px;
}
.txt_space {
	letter-spacing: 1px;
}
.txt_indent {
	text-indent: 1em;
}
.small {
	font-size: 12px;
}


/* その他
---------------------------------------- */
/*画像透過*/
a.imgHover:hover img{
	opacity:0.75;
	filter: alpha(opacity=75);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}



/* wrapper
----------------------------------------------------*/
#wrapper {
	width: 100%;
	margin: 0 auto;
} 


/* header
----------------------------------------------------*/
#header {
	position: fixed;
	width: 100%;
	height: 69px;
	text-align: left;
	background: #FFF;
	opacity: 0.9;
	z-index: 999;
	border-bottom: 1px solid #EEE;
}

/*  ========================= general */
#header .headTxt,
#header #logo,
#header #guideNav,
#header #globalNav,
#header #globalNavContact,
#header #headInfo {
	position: absolute;
}

/*  ========================= header */
#header h1.headTxt {
	top: 0;
	left: 0;
	color: #333;
}
#header #logo {
	top: 23px;
	left: 0;
}
#header #guideNav {
	top: 10px;
	right: 0;
}
#header #guideNav li {
	display: inline;
	padding-left: 0;
}
#header #globalNav {
	top: 0;
	right: 0;
}
#header #globalNav li {
	float: left;
}
#header #headInfo {
	top: 30px;
	right: 0;
}
#header .globalNavContact {
	position: absolute;
	right: 0;
	top: 70px;
}
#header .globalNavContact li {
	float: left;
	margin-right: 10px;
}
#header .globalNavContact li + li {
	margin-right: 0;
}

#locus {
	width: 1000px;
	margin: 5px auto 0 auto;
	text-align: left;
}
#locus li {
	float: left;
	font-size: 14px;
}
#locus li a {
	text-decoration: none;
	color: #333;
	font-size: 14px;
}
#locus li + li {
	padding-left: 15px;
	margin-left: 10px;
	background: url(../images/common/icon_navi.png) no-repeat 0 6px;
}


/* content
---------------------------------------- */
#content {
	width: 100%;
	font-size: 120%;
}
.gotop {
	clear: both;
	text-align: right;
	font-size: 0;
	float: right;
	width: 100%;
	display: block;
	margin-top: 10px;/* 20px */
}


/* nav
---------------------------------------- */
#nav {
	float: left;
	width: 200px;
	margin-bottom: 20px;
}


/* main
---------------------------------------- */
#main {
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
	line-height: 1.6;
}

/*  ========================= locus */
#content ol#locus {
	margin-bottom: 10px;
}
#content ol#locus li {
	display: inline;
	padding-left: 20px;
	background: url(../img/common/bg_locus.gif) no-repeat center left;
	line-height: 1;
}
#content ol#locus li.firstChild {
	padding-left: 0;
	background: none;
}


/* footer
---------------------------------------- */
#footer {
	width: 100%;
}
#footer .innerBox {
	margin-top: 30px;
}
.footer_logo {
	float: left;
	display: table;
	padding-right: 30px;　/* 60→30へ変更*/
	border-right: 1px solid #CCC;
}
.footer_logo span {
	display: table-cell;
	vertical-align: middle;
}
.footer_logo2 {
	float: left;
	display: table;
	padding-right: 60px;
	border-right: 1px solid #CCC;
}
.footer_logo2 span {
	display: table-cell;
	vertical-align: middle;
}
#footer #assistNav2 {
	float: right;
	margin-left: 30px;
	margin-right: -50px;
}
#footer #assistNav2 ul {
	display: inline-block;
	float: left;
	margin-right: 60px;/* 100→60へ変更 */
}
#footer #assistNav2 li {
	font-size: 14px;
	font-weight: bold;
	background: url(../images/common/footer_icon02.png) no-repeat 0 6px;
	padding-left: 10px;
	display: block;
	text-align: left;
}
#footer #assistNav2 li a {
	text-decoration: none;
	color: #333;
}
#footer #assistNav2 img{
	max-width:100px;
	margin-top:5px;
}
#footer #assistNav2 .flink01 {
}
#footer #assistNav2 .flink01 li {
	background: url(../images/common/footer_icon01.png) no-repeat 0 3px;
	padding-left: 20px;
}
#footer #assistNav2 .flink02 {
}
#footer #assistNav2 .flink02 li {
	padding-left: 0;
	background: none;
}
#footer #assistNav2 .flink02 li + li {
	background: url(../images/common/footer_icon02.png) no-repeat 0 6px;
	padding-left: 10px;
	margin-left: 5px;
}
#footer #assistNav2 .flink03 {
}
#footer #assistNav2 .flink04 {
}
#footer #assistNav2 .flink05 {
}
#footer #assistNav2 .flink05 li {
	padding-left: 0;
	background: none;
}
#footer #assistNav2 .flink05 li + li {
	background: none;
	/* background: url(../images/common/footer_icon02.png) no-repeat 0 6px; */
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
}
#footer #assistNav {
	float: right;
	margin-left: 60px;
	margin-right: -50px;
}
#footer #assistNav ul {
	display: inline-block;
	float: left;
	margin-right: 100px;
}
#footer #assistNav li {
	font-size: 14px;
	font-weight: bold;
	background: url(../images/common/footer_icon02.png) no-repeat 0 6px;
	padding-left: 10px;
	display: block;
	text-align: left;
}
#footer #assistNav li a {
	text-decoration: none;
	color: #333;
}
#footer #assistNav .flink01 {
}
#footer #assistNav .flink01 li {
	background: url(../images/common/footer_icon01.png) no-repeat 0 3px;
	padding-left: 20px;
}
#footer #assistNav .flink02 {
}
#footer #assistNav .flink02 li {
	padding-left: 0;
	background: none;
}
#footer #assistNav .flink02 li + li {
	background: url(../images/common/footer_icon02.png) no-repeat 0 6px;
	padding-left: 10px;
	margin-left: 5px;
}
#footer #assistNav .flink03 {
}
#footer #assistNav .flink04 {
}
#copyright {
	background: url(../images/common/footer_copyright.png) repeat-x 0 0;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	width: 100%;
	clear: both;
	display: block;
	padding: 17px 0 5px 0;
}
#note{
	font-size: 12px;
	text-align: right;
	float:right;
	margin-top: 20px;
}

.footerContact {
	background: url(../images/common/footer_back.png) repeat 0 0;
	width: 100%;
	height: 141px;
	text-align: center;
}
.footerContact .innerBox {
	height: 141px;
}
.footerhito {
	position: absolute;
	left: 111px;
	bottom: 0;
}
.footerCon_inner {
	position: absolute;
	top: 20px;
	left: 253px;
}
.footerCon_inner span {
	position: absolute;
	top: 37px;
	left: 346px;
}




/* general
----------------------------------------------------*/
#content .last {
	margin-bottom: 0;
}

/*  ========================= text */
#content p {
}
#content .emphasis {
	color: #f00;
	font-weight: bold;
}

/*  ========================= img */
#content .imgL {
	float: left;
	margin-right: 1em;
	margin-bottom: 0;
}
#content .imgLbtm {
	float: left;
	margin-right: 1em;
}
#content .imgR {
	float: right;
	margin-left: 15px;
	margin-bottom: 0;
}
#content .imgRbtm {
	float: right;
	margin-left: 1em;
}

/*  ========================= box */
.section {
	width: 100%;
	padding: 60px 0;
}
.innerBox,
.innerBox p {
	font-size: 16px;
}

/*  ========================= title */
#main h3 {
}
#main h4 {
}
#main h5 {
}
#main h3.firstChild,
#main h4.firstChild,
#main h5.firstChild {
	margin-top: 0;
}

/*  ========================= table */
#main table {
}
#main table th,
#main table td {
}
#main table th {
}
#main table td {
}

/*  ========================= defalt list */
#main p.defList,
#main .defList li,
#main .defList dt {
	padding-left: 15px;
	background: url(../img/common/icon.gif) no-repeat 0 5px;
}
#main .defList dd {
	padding-left: 15px;
}

/*  ========================= attention */
#main p.attention,
#main .attention li,
#main .attention dt {
	padding-left: 15px;
	background: url(../img/common/icon_attention.gif) no-repeat 0 5px;
}
#main .attention dd {
	padding-left: 15px;
}

/*  ========================= text Link */
#main p.txtLink {
	margin-top: 5px;
	text-align: right;
}
#main p.txtLink a {
	display: block;
	padding-left: 20px;
	background: url(../img/common/icon_arrow.gif) no-repeat left center;
	/zoom: 1;
}


/* formPage
----------------------------------------------------*/
#contactPage form input,
#contactPage form select,
#contactPage form textarea {
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
	vertical-align: middle;
}
#contactPage form .nonDeco {
	border: none;
	padding: 0;
	background: none;
}
#contactPage form textarea {
	font-size: 12px;
}


/* input width style
----------------------------------------------------*/
#contactPage form .input1 {
	width: 150px;
}
#contactPage form .input2 {
	width: 350px;
}
#contactPage form .input3 {
	width: 200px;
}
#contactPage form .input4 {
	width: 50px;
}
#contactPage form .input6 {
	width: 540px;
}


/* submit area style
----------------------------------------------------*/
#contactPage div#submit {
	margin-top: 30px;
	text-align: center;
}
#contactPage div#submit input {
	width: 150px;
	padding: 5px;
	border: solid 1px #ccc;
	background: #dfdfdf;
}


/* text style
----------------------------------------------------*/
#contactPage form p.attention {
	margin-bottom: 5px;
	padding-left: 0;
	background: none;
	color: #f00;
	text-align: right;
}
#contactPage form table em {
	margin-left: 2px;
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em;
	color: #f00;
}
#contactPage p.formError {
	color: #f00;
	text-align: center;
}
#contactPage p.formMessage {
	margin: 50px 0;
	text-align: center;
}


.innerBox {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.section .innerBox h3 {
	margin-bottom: 40px;
	color: #333;
}



/* 01 index
----------------------------------------------------*/
#pageImg {
	width: 100%;
	padding-top: 70px;
}
#indexPage #pageImg {
	background: url(../images/index_back.jpg) no-repeat center 0;
	height: 560px;
	background-size: cover;
}
#pageImg .indeximg {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#indexPage #pageImg .indeximg img {
	position: absolute;
	top: 50px;
	left: 0;
}
#indexPage .odd {
}
#indexPage .even {
	background: #F4F7FA;
}
.newsBox {
	overflow: auto;
	height: 290px;
	padding: 0 20px 0 0;
}
.newsBox dl {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 15px 0;
	margin: 10px 20px 10px 0;
	background: url(../images/news_dt.png) no-repeat 0 12px;
}
.newsBox dl + dl {
	border-top: none;
	margin: 0 20px 10px 0;
}
.newsBox dt {
	float: left;
	width: 225px;
	padding: 1px 0 0 15px;
}
.newsBox dt.news {
	background: url(../images/news_icon01.png) no-repeat right 1px;
}
.newsBox dt.newsr {
	background: url(../images/news_icon02.png) no-repeat right 1px;
}
.newsBox dd {
	padding: 1px;
	width: 684px;
	float: right;
}
.service3Box {
	border-top: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-bottom: 2px solid #DDD;
	border-left: 1px solid #EEE;
	padding: 20px;
	width: 580px;
	background: #FFF;
}
.service3Box + .service3Box {
	margin-top: 20px;
}
.service3Box dl {
	float: left;
	width: 384px;
}
.service3Box dt {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.service3Box dd {
	float: left;
}
.service3Box dd + dd {
	margin-left: 15px;
}
.service3Box dd.detail {
	width: 100%;
	text-align: right;
	clear: both;
	margin-top: 10px;
	margin-left: 0 !important;
}



/* accounting
------------------------------------------------*/
#servicePage .odd {
	background: #F4F7FA;

}
#servicePage .even {
}
#servicePage #pageImg {
}
#servicePage #pageImg .indeximg {
	height: 460px;
}
#servicePage #pageImg .indeximg img {
	position: absolute;
	bottom: 80px;
	left: 0;
}
#servicePage.accounting #pageImg {
	background: url(../images/service/accounting_back_160628.png) no-repeat 0 0;
	background-size: cover;
	background-position:center center;
}
.main_btn {
	position: absolute;
}
#servicePage.accounting .main_btn {
	left: 0;
	bottom: 70px;
}
.accounting .section .innerBox h3 {
	margin-bottom: 40px;
	font-size: 26px;
	background: url(../images/service/ttl_border01.png) no-repeat 0 0;
	padding: 4px 0 5px 20px;
}
.featureBox {
	width: 1010px;
}
.featureBox_inner {
	width: 192px;
	border: 2px solid #4CB7D8;
	box-sizing: border-box;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.featureBox dl {
	background: #FFF;
	display: block;
	padding-bottom: 10px;
}
.featureBox dt {
	display: table;
	background: #4CB7D8;
	width: 100%;
}
.featureBox dt span {
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	padding: 15px 0;
	width: 100%;
}
.featureBox dd {
	padding: 15px 0 0 0;
	text-align: center;
	display: block;
}
.featureBox dd p {
	font-size: 14px !important;
}
.featureBox dd + dd {
	text-align: left;
	padding: 15px !important;
}
.featureBox dd img{
	max-width:100%;
	margin-top:15px;
/*	display:none; */
}
.kinoBox {
}
.kinoBox dl {
	float: left;
	width: 186px;
}
.kinoBox dl {
	margin-left: 17px;
	margin-bottom: 20px;
}
.kinoBox dl.first {
	margin-left: 0;
}
.kinoBox dt {
	margin-bottom: 10px;
}
.kinoBox dd {
	color: #4CB7D8;
	font-size: 18px;
}
.kinoBox dd + dd {
	border-top: 1px dotted #CCC;
	padding-top: 10px;
	margin-top: 10px;
	color: #333;
}
.kinoBox dd + dd ul {
}
.kinoBox dd + dd li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 14px !important;
}
.faq {
	background: #4CB7D8;
	padding: 2px;
}
.faq + .faq {
	margin-top: 20px;
}
.faq dt {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/service/faq_q.png) no-repeat 15px 13px;
	padding: 15px 15px 15px 55px;
}
.faq dd {
	background: #FFF url(../images/service/faq_a.png) no-repeat 15px 15px;
	padding: 20px 20px 20px 60px;
}
.faq dd p {
	font-size: 14px;
}
.anshinList {
}
.anshinList li {
	float: left;
}
.anshinList li + li {
	margin-left: 12px;
}



/* payroll
------------------------------------------------*/
#servicePage.payroll #pageImg {
	background: url(../images/service/payroll_back.png) no-repeat 0 0;
	background-size: cover;
		background-position:center center;

}
#servicePage.payroll .main_btn {
	left: 0;
	bottom: 70px;
}
.payroll .section .innerBox h3 {
	margin-bottom: 40px;
	font-size: 26px;
	background: url(../images/service/payroll_line.png) no-repeat 0 0;
	padding: 4px 0 5px 20px;
}
.payroll .faq {
	background: #BA549B;
	padding: 2px;
}
.indentList {
}
.indentList li {
	padding-left: 1em;
	text-indent: -1em;
}
.payroll .indentList {
	padding-bottom: 10px;
}
.payroll .featureBox {
	width: 1020px;
}
.payroll .featureBox dt {
	background: #BA549B;
}
.payroll .featureBox_inner {
	width: 320px;
	margin-right: 20px;
	border: 2px solid #BA549B;
}
.payroll .kinoBox {
	width: 1050px;
}
.payroll .kinoBox dl img {
	width:235px;
}

.payroll .kinoBox dl {
	float: left;
	width: 235px;
	margin-right: 20px;
	margin-bottom: 30px;
}
.payroll .kinoBox dl + dl {
	margin-left: 0 !important;
}
.payroll .kinoBox dt {
	margin-bottom: 10px;
}
.payroll .kinoBox dd {
	color: #B9539A;
	font-size: 18px;
}
.payroll .kinoBox dd + dd {
	border-top: 1px dotted #CCC;
	padding-top: 10px;
	margin-top: 10px;
	color: #333;
}
.kinoBox dd + dd ul {
}
.kinoBox dd + dd li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 14px !important;
}



/* pop
------------------------------------------------*/
#servicePage.pop #pageImg {
	background: url(../images/service/pop_back_160628.png) no-repeat 0 0;
	background-size: cover;
		background-position:center center;

}
#servicePage.pop .main_btn {
	left: 0;
	bottom: 70px;
}
.pop .section .innerBox h3 {
	margin-bottom: 40px;
	font-size: 26px;
	background: url(../images/service/pop_line.png) no-repeat 0 0;
	padding: 4px 0 5px 20px;
}
.pop .faq {
	background: #E98D1B;
	padding: 2px;
}
.pop .indentList {
	padding-bottom: 10px;
}
.pop .featureBox {
	width: 1020px;
}
.pop .featureBox dt {
	background: #E98D1B;
}
.pop .featureBox_inner {
	width: 320px;
	margin-right: 20px;
	border: 2px solid #E98D1B;
}
.pop .kinoBox {
}
.pop .kinoBox dl {
	float: left;
	width: 300px;
}
.pop .kinoBox dl + dl {
	margin-left: 50px;
}
.pop .kinoBox dt {
	margin-bottom: 10px;
}
.pop .kinoBox dd {
	color: #E98D1B;
	font-size: 18px;
}
.pop .kinoBox dd + dd {
	border-top: 1px dotted #CCC;
	padding-top: 10px;
	margin-top: 10px;
	color: #333;
}
.kinoBox dd + dd ul {
}
.kinoBox dd + dd li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 14px !important;
}



/* support
------------------------------------------------*/
#underPage #pageImg {
	background:#E4EDF3 url(../images/support/support_back.png) repeat 0 bottom;
}
#underPage #pageImg .indeximg {
	text-align: left;
}

#underPage .section .innerBox h3 {
	margin-bottom: 30px;
	padding-bottom: 5px;
	font-size: 16px;
	border-bottom: 2px solid #215AA6;
	color: #215AA6;
}



/* price
------------------------------------------------*/
#underPage .accounting .section .innerBox h3,
#underPage .payroll .section .innerBox h3,
#underPage .pop .section .innerBox h3,
#underPage .acc .section .innerBox h3 {
	margin-bottom: 40px;
	padding: 4px 0 5px 20px;
	font-size: 26px;
	border-bottom: none;
	color: #333;
}
#underPage .accounting .section .innerBox h3 {
	background: url(../images/service/ttl_border01.png) no-repeat 0 0;
}
#underPage .payroll .section .innerBox h3 {
	background: url(../images/service/payroll_line.png) no-repeat 0 0;
}
#underPage .pop .section .innerBox h3 {
	background: url(../images/service/pop_line.png) no-repeat 0 0;
}
#underPage .acc .section .innerBox h3 {
	background: url(../images/service/acc_line.png) no-repeat 0 0;
}
.olList {
	margin: 20px 0 0 30px;
}
.olList li {
	list-style: decimal;
	margin-bottom: 10px;
}



/* conditions
------------------------------------------------*/
.conditions .section {
	padding: 30px 0;
}
.conditions a {
	text-decoration: underline;
	color: #2059A5;
}
.conditions a.icon {
	text-decoration: none;
	padding-left: 12px;
	background: url(../images/conditions/conditions_icon.png) no-repeat 0 8px;
}



/* privacy
------------------------------------------------*/
.bluettl {
	color: #2059A5;
}
.olBlue li {
	font-weight: bold;
	color: #2059A5;
}
.olBlue li span {
	display: block;
	margin-bottom: 10px;
}
.olBlue li p {
	font-weight: normal;
	color: #333;
	text-indent: 0;
	padding-left: 0;
	margin-left: -1em;
}
.privacy p {
	margin-bottom: 1em;
}
.engList {
	line-height: 1.0;
	margin-left: 30px;
	margin-top: -10px;
}
.engList li {
	list-style: lower-latin;
	line-height: 1.4;
}
.kisaiList li {
	line-height: 1.6 !important;
	text-indent: 0 !important;
}
.kisaiList li + li {
	margin-top: 5px !important;
}
.engTtlBox li span {
	display: inline-block;
	width: px;
	margin-right: 2px;
	margin-left: 20px;
}
.engTtl {
	margin: 20px 0 0 0;
}
.noneolList {
}
.noneolList li {
	list-style: none !important;
}
.list10 li {
	margin-bottom: 10px;
}
.compositeBox {
	margin: 10px 0;
}
.compositeBox dd + dt {
	margin-top: 10px;
}
.compositeBox dd {
	margin-left: 25px;
}
.compositeBox dd span {
	width: 20px;
	display: inline-block;
	margin-right: 5px;
}
#privacy01,
#privacy02,
#privacy03,
#privacy04 {
	margin-top: -70px;
	padding-top: 70px;
}



/* tab
------------------------------------------------*/

#tabs {
}
#tabs ul {
	margin-left: 10px;
	margin-bottom: -2px;
}
#tabs li a {
	float: left;
	margin-right: 5px;
	display: block;
	height: 61px;
	width: 204px;
}
body.accounting #tabs li a.panel1 { background: url(../images/service/accounting_tab01_off.png) no-repeat 0 0; }
body.accounting #tabs li a.panel2 { background: url(../images/service/accounting_tab02_off.png) no-repeat 0 0; }
body.accounting #tabs li a.panel3 { background: url(../images/service/accounting_tab03_off.png) no-repeat 0 0; }
body.accounting #tabs li.active a.panel1 { background: url(../images/service/accounting_tab01_on.png) no-repeat 0 0; }
body.accounting #tabs li.active a.panel2 { background: url(../images/service/accounting_tab02_on.png) no-repeat 0 0; }
body.accounting #tabs li.active a.panel3 { background: url(../images/service/accounting_tab03_on.png) no-repeat 0 0; }
body.accounting #tabs li.active a:hover.panel1 { background: url(../images/service/accounting_tab01_on.png) no-repeat 0 0; }
body.accounting #tabs li.active a:hover.panel2 { background: url(../images/service/accounting_tab02_on.png) no-repeat 0 0; }
body.accounting #tabs li.active a:hover.panel3 { background: url(../images/service/accounting_tab03_on.png) no-repeat 0 0; }

body.payroll #tabs li a {
	float: left;
	margin-right: 5px;
	display: block;
	height: 54px;
	width: 204px;
}
body.payroll #tabs li a.panel1 { background: url(../images/service/payroll_tab01_off.png) no-repeat 0 0; }
body.payroll #tabs li a.panel2 { background: url(../images/service/payroll_tab02_off.png) no-repeat 0 0; }
body.payroll #tabs li.active a.panel1 { background: url(../images/service/payroll_tab01_on.png) no-repeat 0 0; }
body.payroll #tabs li.active a.panel2 { background: url(../images/service/payroll_tab02_on.png) no-repeat 0 0; }
body.payroll #tabs li.active a:hover.panel1 { background: url(../images/service/payroll_tab01_on.png) no-repeat 0 0; }
body.payroll #tabs li.active a:hover.panel2 { background: url(../images/service/payroll_tab02_on.png) no-repeat 0 0; }

body.pop #tabs li a {
	float: left;
	margin-right: 5px;
	display: block;
	height: 61px;
	width: 204px;
}
body.pop #tabs li a.panel1 { background: url(../images/service/pop_tab01_off.png) no-repeat 0 0; }
body.pop #tabs li a.panel2 { background: url(../images/service/pop_tab02_off.png) no-repeat 0 0; }
body.pop #tabs li.active a.panel1 { background: url(../images/service/pop_tab01_on.png) no-repeat 0 0; }
body.pop #tabs li.active a.panel2 { background: url(../images/service/pop_tab02_on.png) no-repeat 0 0; }
body.pop #tabs li.active a:hover.panel1 { background: url(../images/service/pop_tab01_on.png) no-repeat 0 0; }
body.pop #tabs li.active a:hover.panel2 { background: url(../images/service/pop_tab02_on.png) no-repeat 0 0; }

#tabs .panelBox {
	padding: 35px 20px;
	border-radius: 5px;
	text-align: center;
	background: #FFF;
}
body.accounting #tabs .panelBox { border: 2px solid #4CB7D8; }
body.payroll #tabs .panelBox { border: 2px solid #B85299; }
body.pop #tabs .panelBox { border: 2px solid #E98C1A; }

.outlineTable {
	width: 100%;
	border-top: 1px dotted #CCC;
}
.outlineTable th {
	padding: 15px 10px;
	border-bottom: 1px dotted #CCC;
}
.outlineTable td {
	padding: 10px;
	border-bottom: 1px dotted #CCC;
}

.numberList {
	margin-left: 20px;
}
.numberList li {
	/*padding-left: 1em;
	text-indent: -1em;*/
	list-style: decimal;
}
.numberList li + li {
	margin-top: 10px;
}
.grList li {
	padding-left: 1em;
	text-indent: -1em;
	list-style: none;
}
.grList li + li,
.kkList li + li {
	margin-top: 0;
}
.listnone li {
	list-style: none !important;
}
.kkList li {
	padding-left: 2.6em;
	text-indent: -2.6em;
	list-style: none;
}
.kkList02 li {
	padding-left: 0.9em;
	text-indent: -0.9em;
	list-style: none;
}
.kkList03 li {
	padding-left: 2.0em;
	text-indent: -2.0em;
	list-style: none;
}

.termsTable {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
	box-sizing: border-box;
}
.termsTable th {
	padding: 15px 10px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.termsTable td {
	padding: 15px 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


.cautionBox {
	border: 2px solid #D90000;
	margin-top: 20px;
	padding: 13px;
	font-weight: bold;
}
.cautionBox dt {
	float: left;
	color: #D90000;
	font-size: 16px;
	padding-left: 30px;
	background: url(../images/service/icon_cau.png) no-repeat 0 0;
}
.cautionBox dd {
	float: right;
	color: #D90000;
	font-size: 16px;
	width: 860px;
}

/*160627追加--------------------------------------------------------------*/
.top_list li {
	padding-left: 27px;
	background-image: url(../images/top_listmark.png);
	background-position:left center;
	background-repeat: no-repeat;
	}
.top_list {
	background: #F4F7FA;
	padding: 20px;
	}
.top_text {
	width: 480px;
	}
#trouble {
	background: #1C56A5;
    padding: 20px 0px 20px 20px;
    width: 980px;
	margin: 0 auto;
	}
#trouble h2 {
	font-size: 26px;
	text-align: center;
	color: #fff;
    padding-bottom: 20px;
	}
#trouble li {
    float: left;
    margin-right: 20px;
}
#arrow {
	text-align: center;
	}	
.free-trial {
    padding: 25px 0;
    background: #F1F2F2;
    text-align: center;
	width: 1000px;
	margin: 0 auto;
}
.trouble-box {
	width: 1000px;
	margin: 50px auto 50px;
    position: relative;
    padding: 0;
}
.cnt-box {
    border-top: 2px solid #1C56A5;
    background: #fff;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
}
.trouble-box .ttl {
    cursor: pointer;
    margin-bottom: 0;
    padding: 25px 40px 20px 95px;
    background: url(../images/service/trouble-ico-open.png) no-repeat 97% center;
    border: none;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -0.5px;
}
.trouble-box .ttl.active {
    background: url(../images/service/trouble-ico-close.png) no-repeat 97% center;	
}
.trouble-box .ttl .ico {
    position: absolute;
    top: -20px;
    left: 10px;
    width: 80px;
    height: 70px;
    padding-top: 17px;
    background: url(../images/service/trouble-ico.png) no-repeat top left;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}
.trouble-box .ttl .ico span {
    display: block;
    margin-top: 3px;
    font-size: 30px;
    font-family: "Ubuntu", sans-serif;
}
.trouble-box .inner h3 {
    margin-bottom: 15px;
    padding: 13px 0 12px 15px;
    border-left: 3px solid #1C56A5;
    background: #f6f6f6;
    color: #1C56A5;
    font-size: 18px;
    line-height: 1.3;
}
.trouble-box p {
	font-size: 14px;
	}
.trouble-box .inner {
    display: none;
    margin: 0 20px;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}
.trouble-box .inner.active {
	display: block;
}
#process div {
    float: left;
    width: 192px;
    margin: 10px 24px 0 0;
    padding: 0 15px 15px;
    background: #F2F4F4;
}
#process h4 {
    position: relative;
    margin: 0 -15px 15px;
    padding: 10px 0;
    background: #717E7E;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 1.3;
}
#process .ico {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
.trouble-box .inner img {
    max-width: 90%;
    height: auto;
}
.point-box {
    margin-top: 50px;
}
.trouble-box .inner .point-box h3 {
    margin: 0;
    padding: 18px 15px 18px;
    background: #1C56A5;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 20px;
	border: none;
}
.point-box .inner {
    padding: 20px;
    border: 1px solid #1C56A5;
    border-top: none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    display: block;
    margin: 0;
}
.section_top {
	padding: 60px 0 0;
	}
ul.tab {
    padding: 10px 0 0 10px;
    background: #F2F4F4;
    width: 990px;
    margin: 0 auto;	
}
.tab_bg {
    border-bottom: 2px solid #1C56A5;
	margin-bottom: 40px;
	}
ul.tab li {
    margin: 0 10px -2px 0;
	width: 188px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    text-align: center;
    line-height: 1;
}
ul.tab li a {
	font-size:18px;
	font-weight:300;
    padding: 18px 0 22px;
    display: block;
    color: #999;
    background: #fff;
    text-decoration: none;
	}
ul.tab li a:hover {
	color:#1C56A5;
	}
#tab-btm {
    margin-top: 40px;
    padding-bottom: 10px;
}
#tab-btm li {
    margin: -2px 10px 0 0;
}
ul.tab#tab-btm li a {
    border-top: none;
}
#tab-btm a {
    padding: 22px 0 18px;
}
#tab-btm span {
    top: 0;
}
ul#tab-btm {
    padding: 0 0 67px 10px;
    /* background: #F2F4F4; */
    width: 990px;
    margin: 0 auto;
}
.tab_bg.btm {
    border-top: 2px solid #1C56A5;
	border-bottom: none;
}

#tab-top .current a {
  background: url(../images/service/ico-tab-top.png) no-repeat center 93% white;
}
#tab-btm .current a {
  background: url(../images/service/ico-tab-btm.png) no-repeat center 7% white;
}
#tab-top a {
    padding: 18px 0 22px;
    border-bottom: none;
}
.tab .current a, .tab a:hover {
    color: #1C56A5;
}
ul#tab-btm li a {
    border: 2px solid #fff;
	border-top: none;	
	}
ul#tab-top li.current a {
    border: 2px solid #1C56A5;
	border-bottom: none;	
	}
ul#tab-btm li a {
    border: 2px solid #fff;
	border-top: none;	
	}
ul#tab-btm li.current a {
    border: 2px solid #1C56A5;
	border-top: none;	
	}
ul.tab li span {
    background-color: #1C56A5;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;	
    height: 2px;	
}
ul.tab li.current span {
    height: 0;
}
ul#tab-top.tab li span {
	height: 0;
}
#trouble01 {
	padding-top: 50px;
	margin-top: -100px;
	}
#trouble02, 
#trouble03, 
#trouble04, 
#trouble05 {
	padding-top: 50px;
	margin-top: -100px;
	}
.summary {
	color:#FFFFFF;
	font-size: 12px;
	font-weight: 500;
	background: #717E7E;
	padding: 3px 10px;
	margin-left:10px;
	}
h2.ttl {
	position: relative;
	}
h2.ttl span.summary {
	position: absolute;
	top: 42%;
	}
/*payroll--------------------------------------------------------*/
.payroll #trouble {
    background: #993366;
}
.payroll ul.tab li span {
    background-color: #993366;
}
.payroll .trouble-box .inner .point-box h3 {
    background: #993366;
}
.payroll .point-box .inner {
     border: 1px solid #993366;
}
.payroll ul.tab li a:hover {
	color:#993366;
	}
.payroll .tab .current a, .tab a:hover {
    color: #993366;
}
.payroll ul#tab-top li.current a {
    border: 2px solid #993366;
	border-bottom: none;
}
.payroll ul#tab-btm li.current a {
    border: 2px solid #993366;
	border-top: none;
}
.payroll .tab_bg.btm {
    border-top: 2px solid #993366;
    border-bottom: none;
}
.payroll .tab_bg {
    border-bottom: 2px solid #993366;
    margin-bottom: 40px;
}
.payroll #tab-top .current a {
  background: url(../images/service/ico-tab-top_payroll.png) no-repeat center 93% white;
}
.payroll #tab-btm .current a {
  background: url(../images/service/ico-tab-btm_payroll.png) no-repeat center 7% white;
}
/*payroll END--------------------------------------------------------*/


/*pop--------------------------------------------------------*/
.pop #trouble {
    background: #E98D1B;
}
.pop ul.tab li span {
    background-color: #E98D1B;
}
.pop .trouble-box .inner .point-box h3 {
    background: #E98D1B;
}
.pop .point-box .inner {
     border: 1px solid #E98D1B;
}
.pop ul.tab li a:hover {
	color:#E98D1B;
	}
.pop .tab .current a, .tab a:hover {
    color: #E98D1B;
}
.pop ul#tab-top li.current a {
    border: 2px solid #E98D1B;
	border-bottom: none;
}
.pop ul#tab-btm li.current a {
    border: 2px solid #E98D1B;
	border-top: none;
}
.pop .tab_bg.btm {
    border-top: 2px solid #E98D1B;
    border-bottom: none;
}
.pop .tab_bg {
    border-bottom: 2px solid #E98D1B;
    margin-bottom: 40px;
}
.pop #tab-top .current a {
  background: url(../images/service/ico-tab-top_pop.png) no-repeat center 93% white;
}
.pop #tab-btm .current a {
  background: url(../images/service/ico-tab-btm_pop.png) no-repeat center 7% white;
}

.pop #trouble {
    padding: 20px 0px 20px 35px;
    width: 965px;
}
.pop #trouble li {
    margin-right: 30px;
}

.pop .innerBox_pop_tab {
    width: 960px;
}
/*pop END--------------------------------------------------------*/
.trouble-box h2 {
	color:#1C56A5;
	}
.section_first {
	padding-top: 0;
	}

	
	/* =========================================================
 2016.09.30 追加
========================================================= */

/* =========================================================
 swipe box
========================================================= */
/* Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden!important;
}

#swipebox-overlay img {
  border: none!important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999!important;
  overflow: hidden;
  user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100%!important;
  height: 100%!important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(../images/service/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(../images/service/icons.png);
  background-repeat: no-repeat;
  border: none!important;
  text-decoration: none!important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  backface-visibility: hidden;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}


@keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }
#contents #main #pagetitle {
}
#contents #main #pagetitle {
}





  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white!important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}

#service-page a:link {
  color: #054d76;
}
#service-page a:visited {
  color: #054d76;
}
#service-page a:hover {
  text-decoration: none;
  color: #666666;
}

#service-page .fr {
  float: right;
}

#service-page .imgR {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

#service-page .fl {
  float: left;
}

#service-page .imgL {
  float: left;
  margin-right: 20px;
}

#service-page .imgC,
#service-page .tC,
#service-page .btn {
  text-align: center;
}
#service-page .textRight {
	text-align: right;
	}
#service-page .imgC {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#service-page .article,
#service-page .section {
  zoom: 1;
}
#service-page .article:before,
#service-page .article:after,
#service-page .section:before,
#service-page .section:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
#service-page .article:after,
#service-page .section:after {
  clear: both;
}
#service-page .article p:last-child,
#service-page .section p:last-child {
  margin-bottom: 0;
}
#service-page .article {
  padding: 0 0 80px;
}
#service-page .article p,
#service-page .article li,
#service-page .article dt,
#service-page .article dd,
#service-page .article th,
#service-page .article td {
	font-size: 16px;
	line-height: 1.6;
}

#service-page .article p,
#service-page .article ul,
#service-page .article dl {
  margin-bottom: 1em;
  line-height: 1.8;
}
#service-page .article p:last-child,
#service-page .article ul:last-child,
#service-page .article dl:last-child {
  margin-bottom: 0;
}

#service-page #locus {
	width: 890px;
	margin-bottom: 15px;
	padding-top: 90px;
	margin-top: 0;
}
#service-page #locus:after {  
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#service-page #main {
	width: 890px;
	margin: auto;
}
#service-page #main img {
	max-width: 100%;
	height: auto;
}

#service-page #trouble {
	width: 890px;
	padding: 0;
	background: none;
}

/* --------------------------------------------------------------------------------------------------------------------- service.css */
#service-page .intro-ls0 {
  letter-spacing: -0.02em !important;
}
#service-page .box {
  background-color: #e6edee !important;
}
#service-page .box dd {
  text-align: left;
}
#service-page .sttl {
  background-color: #e5f6f7 !important;
}
#service-page .article-copy {
  font-size: 20px !important;
}
#service-page .secondary-ttl {
  border-bottom: 1px solid #000 !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
	font-size: 16px;
	font-weight: bold;
}
#service-page .faq-img {
  display: block !important;
}
#service-page .box-wrapper > .box {
  padding: 20px 0;
  box-sizing: border-box;
  background: #e6edf1;
  border-radius: 6px;
  text-align: center;
  color: #054d76;
  font-weight: bold;
  font-size: 18px;
}
#service-page .box-wrapper > .box {
  float: left;
  width: 270px;
  height: 360px;
}
#service-page .box-wrapper > .box:not(:last-child) {
  margin-right: 40px;
}
#service-page .box-wrapper > .box img {
  width: 180px;
  display: block;
  margin: 0 auto 8px;
}
#service-page .minibox::after {
  content: "";
  display: table;
  clear: both;
  height: 0;
}
#service-page .minibox > li {
  box-sizing: border-box;
  border: 2px solid #054d76;
  border-radius: 5px;
  background-color: #e6edee;
  margin-bottom: 20px;
}
#service-page .minibox > li {
  width: 209px;
  height: 350px;
  float: left;
}
#service-page .minibox > li:not(:nth-child(4)) {
  margin-right: 18px;
}
#service-page .minibox > li:nth-child(5) {
  margin-left: 118px;
}
#service-page .minibox > li img {
  width: 100%;
}
#service-page .minibox > li h3 {
  color: #fff !important;
  background-color: #054d76 !important;
  font-size: 16px !important;
  text-align: center;
  padding: 13px 0 !important;
}
#service-page .minibox > li li {
  font-size: 14px !important;
  padding-left: 15px;
  position: relative;
}
#service-page .minibox > li li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
#service-page .minibox.minibox-2 > li {
  height: 440px;
}
#service-page .minibox.minibox-2 > li:nth-child(n+5) {
  height: 416px;
}
#service-page .minibox.minibox-2 > li p {
  font-size: 14px !important;
}
#service-page .minibox-body {
  padding: 13px;
}
#service-page .minibox-thumbnail {
  border: 2px solid #fff;
  margin-bottom: 10px;
}
#service-page .minibox-icon {
  width: 145px;
  margin: 0 auto 10px;
}
#service-page .listbox {
  overflow: hidden;
  background-color: #f2f2f2;
  margin-bottom: 40px;
}
#service-page .listbox h3 {
  font-size: 16px !important;
  color: #054d76 !important;
  border: 2px solid #054d76 !important;
  float: left;
  background-color: #fff !important;
  padding: 20px 20px !important;
  border-radius: 5px 0 0 5px;
}
#service-page .listbox ul {
  padding: 15px 10px 0 140px !important;
}
#service-page #support dd,
#service-page #security dd {
  text-align: center !important;
}
#service-page #pagetitle {
  background: none !important;
}
#service-page #pagetitle h1 {
  text-align: left !important;
  font-size: 37px !important;
}
#service-page #pagetitle span {
  font-size: 27px !important;
  display: inline !important;
}
#service-page #guide-nav li span {
  font-size: 18px !important;
}
#service-page .btn-link-square a {
  border-radius: 0 !important;
  box-shadow: none !important;
}
#service-page .paragraph-text {
  font-size: 14px !important;
}
#service-page #function-list .box {
  background-color: #f2f4f4 !important;
}
#service-page #function-list li {
  font-size: 14px !important;
}
#service-page #feature-list dt {
  padding-bottom: 24px !important;
}
#service-page .feature-list-pop .box {
  height: 357px !important;
}
#service-page .step-list {
  overflow: hidden;
}
#service-page .step-list > li {
  float: left;
}
#service-page .step-list > li:nth-child(2) {
  margin: 0 18px;
}
#service-page .right-link {
  text-align: right;
}
#service-page .right-link a {
  color: #054d76;
  text-decoration: none;
}
#service-page .right-link a::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/ico-arrow-c-def@2x.png);
  -webkit-background-size: 15px;
  background-size: 15px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 4px;
}
#service-page .right-link a:hover {
  text-decoration: underline;
}
#service-page .arrow-btn {
  color: #fff !important;
  font-weight: bold;
  background-color: #054d76;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 8px;
}
#service-page .arrow-btn::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/service/pop/icon-btn-arrow.png) 0 0;
  background-size: contain;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-left: 10px;
}
#service-page .arrow-btn:hover {
  opacity: 0.7;
}
#service-page .support-single {
  width: 170px;
  margin: 0 auto 50px !important;
}
#service-page .support-single dt img {
  margin-right: auto !important;
  margin-left: auto !important;
  display: block;
}
#service-page .plan-center {
  text-align: center;
}
#service-page .hanjo-regi-lead {
  text-align: center;
  margin: 30px auto;
  font-size: 18px !important;
}
#service-page .hanjo-list-img {
  margin-bottom: 40px;
}
#service-page .hanjo-text-box {
  font-weight: bold;
  font-size: 18px !important;
  background-color: #e4e4e4;
  color: #054d76;
  text-align: center;
  padding: 16px 10px;
  border-radius: 6px;
  margin: 20px auto 50px;
}
#service-page .hanjo-text-limit {
  text-align: center;
  font-weight: bold;
  color: #054d76;
  font-size: 37px !important;
  line-height: 1.3 !important;
  margin: 20px auto 30px;
}
#service-page .hanjo-text-limit > span {
  font-size: 23px !important;
}
#service-page .swipebox {
  position: relative;
  display: block;
}
#service-page .swipebox::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/service/payroll/icon-zoom.png);
  background-size: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
}


/* --------------------------------------------------------------------------------------------------------------------- new.css */
/* line 42, ../sass/new.scss */
#service-page .cnt-service h1,
#service-page .cnt-service h2,
#service-page .cnt-service h3,
#service-page .cnt-service h4 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: #000;
}
/* line 49, ../sass/new.scss */
#service-page .cnt-service .ttl {
  margin-bottom: 20px;
  padding: 20px;
  background: #054d76;
  font-size: 26px;
  color: #fff;
  line-height: 1.3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/* line 60, ../sass/new.scss */
#service-page .cnt-service .sttl {
  margin-bottom: 15px;
  padding: 13px 0 12px 15px;
  border-left: 5px solid #054d76;
  background: #e6edf1;
  color: #054d76;
  font-size: 24px;
  line-height: 1.3;
}
/* line 69, ../sass/new.scss */
#service-page .cnt-service .copy {
  color: #054d76;
  font-size: 20px;
}
/* line 73, ../sass/new.scss */
#service-page .cnt-service #guide-nav {
  overflow: hidden;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
/* line 78, ../sass/new.scss */
#service-page .cnt-service #guide-nav li {
  float: left;
  width: 25%;
  font-size: 18px;
  text-align: center;
}
/* line 84, ../sass/new.scss */
#service-page .cnt-service #guide-nav li:first-child a {
  border: none;
}
/* line 89, ../sass/new.scss */
#service-page .cnt-service #guide-nav a {
  display: block;
  padding: 20px 0;
  border-left: 1px solid #fff;
  background: #054d76;
  color: #fff;
  text-decoration: none;
}
/* line 97, ../sass/new.scss */
#service-page .cnt-service #guide-nav span {
  padding-left: 23px;
  background: url(../images/ico-arrow-c-white-anchor@2x.png) no-repeat 0 6px;
  -webkit-background-size: 15px;
  background-size: 15px;
}
/* line 107, ../sass/new.scss */
#service-page #foot-action {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 0;
  background: rgba(220, 220, 220, 0.95);
  text-align: center;
}
/* line 116, ../sass/new.scss */
#service-page #foot-action dl {
  display: table;
  width: 1200px;
  margin: auto;
  table-layout: fixed;
}
/* line 121, ../sass/new.scss */
#service-page #foot-action dt,
#service-page #foot-action dd {
  display: table-cell;
  vertical-align: middle;
}
/* line 125, ../sass/new.scss */
#service-page #foot-action dt {
  width: 380px;
}
/* line 128, ../sass/new.scss */
#service-page #foot-action dd {
  padding-left: 20px;
}
/* line 131, ../sass/new.scss */
#service-page #foot-action .btn {
  width: 490px;
}
/* line 134, ../sass/new.scss */
#service-page #foot-action .tel {
  font-family: "Ubuntu Condensed", sans-serif;
  font-size: 40px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  line-height: 1;
}
/* line 141, ../sass/new.scss */
#service-page #foot-action .tel img {
  margin-right: 10px;
  vertical-align: bottom;
}
/* line 145, ../sass/new.scss */
#service-page #foot-action .tel .attention {
  margin-top: 5px;
  line-height: 1.3;
}
/* line 155, ../sass/new.scss */
#service-page #cnt-accounting #intro {
  margin: 40px 0;
  font-size: 30px;
  line-height: 1.4;
  text-align: center;
}
/* line 162, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature {
  text-align: center;
}
/* line 164, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature #trouble {
  margin-bottom: 30px;
}
/* line 167, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .box {
  float: left;
  width: 270px;
  /*height:390px;*/
  margin-right: 40px;
  padding: 20px 0;
  background: #e6edf1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* line 176, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .box:last-child {
  margin-right: 0;
}

#service-page #cnt-accounting #final-return .box2 {
  float: left;
  width: 430px;
  height:310px;
  margin-right: 28px;

  background: #e6edf1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position:relative;
}


#function-detail .ima01 {
	width:850px;
	margin-bottom:40px;
}

#service-page #cnt-accounting #final-return .box2:last-child {
  margin-right: 0;
}
#service-page #cnt-accounting #final-return .box2 .btnImg {
	width:370px;
	margin: 90px auto 30px;
	padding: 0 auto;
	/* position:absolute; */
	/* top:80px; */
	/* left:30px; */
}
#service-page #cnt-accounting #final-return .box2 .pageImg {
	width:230px;
	margin: 30px auto 23px;
	/* position:absolute; */
	/* top:20px; */
	/* left:100px; */
}


#service-page #cnt-accounting #final-return .box2 dl {
}
/* line 186, ../sass/new.scss */
#service-page #cnt-accounting #final-return .box2 dt {
  text-align: center;
  margin-bottom: 60px;
  /* padding-top: 215px; */
  color: #054d76;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
#service-page #cnt-accounting #final-return .box2 dt span {
	font-size:36px;
}

#service-page #cnt-accounting #function-detail .box2 {
  float: left;
  width: 430px;
  height:310px;
  margin-right: 28px;
  background: #e6edf1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position:relative;
}


#service-page #cnt-accounting #function-detail .box2:last-child {
  margin-right: 0;
}

#service-page #cnt-accounting #function-detail .box2 {
  float: left;
  width: 430px;

  margin-right: 28px;

  background: #e6edf1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position:relative;
  padding-bottom: 15px;
}
#service-page #cnt-accounting #function-detail .box2 dt {
  text-align: center;
  margin-bottom: 10px;
  color: #054d76;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
#service-page #cnt-accounting #function-detail .box2 dt span {
	font-size:36px;
}
#service-page #cnt-accounting #function-detail .box2 dd {
	font-size:16px;
	text-align: center;
	
}
#service-page #cnt-accounting #function-detail .box2 .page2Img {
	width:390px;
	margin:20px auto 20px;
}
#service-page #cnt-accounting #function-detail .box2 .page2Img dl,
#service-page #cnt-accounting #function-detail .box2 .btn2Img dl {
	margin-bottom:30px !important;
}
	
#service-page #cnt-accounting #function-detail .box2 .btn2Img {
	width:390px;
	margin: 80px auto 75px;
}
#service-page #cnt-accounting #function-detail .box2 dt span {
	font-size:28px;
}

/*----*/
#service-page #cnt-accounting #cnt-data .box2:last-child {
  margin-right: 0;
}

#service-page #cnt-accounting #cnt-data .box2 {
  float: left;
  width: 430px;

  margin-right: 28px;

  background: #e6edf1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position:relative;
  padding-bottom: 15px;
}
#service-page #cnt-accounting #cnt-data .box2 dt {
  text-align: center;
  margin-bottom: 10px;
  color: #054d76;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
#service-page #cnt-accounting #cnt-data .box2 dt span {
	font-size:36px;
}

#service-page #cnt-accounting #cnt-data .box2 .nippoImgL {
	width:360px;
	margin: 40px auto 20px;
}
#service-page #cnt-accounting #cnt-data .box2 .page2Img dl,
#service-page #cnt-accounting #cnt-data .box2 .btn2Img dl {
	margin-bottom:30px !important;
}
	
#service-page #cnt-accounting #cnt-data .box2 .nippoImgR {
	width:365px;
	margin: 40px auto 28px;
}
#service-page #cnt-accounting #cnt-data .box2 dt span {
	font-size:28px;
}



/*-----*/
/*#service-page #cnt-accounting #final-return .box2 .img {
  width: 180px;
  margin: 0 auto 15px;
}*/
/* line 179, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .box .img {
  width: 180px;
  margin: 0 auto 15px;
}
#service-page #cnt-accounting #cnt-feature .box.ana .img {
  width: 230px;
  margin: 0 auto 15px;
}
/* line 183, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .box dl {
  margin: 0 20px;
}
/* line 186, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .box dt {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #054d76;
  color: #054d76;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
#service-page #cnt-accounting #cnt-feature .box.ana dt {
  line-height: 1.2;
}	
/* line 194, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .box dt span {
  font-size: 40px;
}
/* line 198, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .box dd {
	letter-spacing: -1px;
	text-align: left;
}
/* line 202, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .arrow {
  clear: both;
  width: 350px;
  margin: auto;
  padding: 20px 0;
}
/* line 208, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .summary {
  padding: 20px 0;
  border: 3px solid #054d76;
  background: #ffffe5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  line-height: 1.3;
}
/* line 216, ../sass/new.scss */
#service-page #cnt-accounting #cnt-feature .summary p {
  color: #054d76;
  font-size: 22px;
  font-weight: bold;
}
/* line 225, ../sass/new.scss */
#service-page #cnt-accounting #cnt-function h2 {
  margin-bottom: 20px;
  padding-bottom: 60px;
  background: url(../images/service/accounting/functon-arrow@2x.png) no-repeat bottom center;
  -webkit-background-size: 688px;
  background-size: 688px;
  font-size: 30px;
  text-align: center;
}
/* line 234, ../sass/new.scss */
#service-page #cnt-accounting #cnt-function #function-list {
  zoom: 1;
}
/* line 13, ../sass/new.scss */
#service-page #cnt-accounting #cnt-function #function-list:before,
#service-page #cnt-accounting #cnt-function #function-list:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
/* line 19, ../sass/new.scss */
#service-page #cnt-accounting #cnt-function #function-list:after {
  clear: both;
}
/* line 236, ../sass/new.scss */
#service-page #cnt-accounting #cnt-function #function-list li {
  float: left;
  width: 280px;
  margin-right: 25px;
}
/* line 240, ../sass/new.scss */
#service-page #cnt-accounting #cnt-function #function-list li:last-child {
  margin-right: 0;
}
/* line 247, ../sass/new.scss */
#service-page #cnt-accounting .other-service {
  overflow: hidden;
  margin-bottom: 50px;
  border: 5px solid #72af2c;
  background: #f1f7ea;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  zoom: 1;
}
/* line 13, ../sass/new.scss */
#service-page #cnt-accounting .other-service:before,
#service-page #cnt-accounting .other-service:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
/* line 19, ../sass/new.scss */
#service-page #cnt-accounting .other-service:after {
  clear: both;
}
/* line 256, ../sass/new.scss */
#service-page #cnt-accounting .other-service h3 {
  padding: 10px 0 15px;
  background: #72af2c;
  color: #fff;
  font-size: 26px;
  text-align: center;
  line-height: 1;
}
/* line 264, ../sass/new.scss */
#service-page #cnt-accounting .other-service .txt {
  float: left;
  width: 405px;
  padding: 25px 20px 20px;
  font-weight: bold;
  font-size: 16px;
}
/* line 269, ../sass/new.scss */
#service-page #cnt-accounting .other-service .txt .attention li {
  color: #b91a29;
  font-size: 16px;
  line-height: 1.5;
  padding-left: 0px !important;
}
/* line 275, ../sass/new.scss */
#service-page #cnt-accounting .other-service .btn {
  float: left;
  padding: 20px 0;
}
/* line 282, ../sass/new.scss */
#service-page #cnt-accounting #cnt-faq .faq-box {
  cursor: pointer;
  width: 890px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}
#service-page #cnt-accounting #cnt-faq .faq-box + h2 {
	margin-top: 80px;
}
/* line 288, ../sass/new.scss */
#service-page #cnt-accounting #cnt-faq .faq-box h3 {
  display: table;
  width: inherit;
  padding-right: 60px;
  background: url(../images/service/accounting/ico-open@2x.png) no-repeat right center;
  -webkit-background-size: 30px;
  background-size: 30px;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 299, ../sass/new.scss */
#service-page #cnt-accounting #cnt-faq .faq-box h3.on {
  background: url(../images/service/accounting/ico-close@2x.png) no-repeat right center;
  -webkit-background-size: 30px;
  background-size: 30px;
}
/* line 304, ../sass/new.scss */
#service-page #cnt-accounting #cnt-faq .faq-box h3 span {
  display: table-cell;
  padding-left: 15px;
  vertical-align: middle;
}
/* line 309, ../sass/new.scss */
#service-page #cnt-accounting #cnt-faq .faq-box h3 .ico {
  width: 60px;
  height: 60px;
  padding: 0 0 4px;
  border: 3px solid #054d76;
  color: #054d76;
  font-size: 30px;
  text-align: center;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
/* line 326, ../sass/new.scss */
#service-page #cnt-accounting #cnt-faq .faq-box div {
  display: none;
  margin-top: 15px;
  padding: 20px;
  background: #e6edf1;
}
/* line 336, ../sass/new.scss */
#service-page #cnt-accounting #final-return .txt {
  float: left;
  width: 415px;
}
/* line 339, ../sass/new.scss */
#service-page #cnt-accounting #final-return .txt .list {
  zoom: 1;
}
/* line 13, ../sass/new.scss */
#service-page #cnt-accounting #final-return .txt .list:before,
#service-page #cnt-accounting #final-return .txt .list:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
/* line 19, ../sass/new.scss */
#service-page #cnt-accounting #final-return .txt .list:after {
  clear: both;
}
/* line 341, ../sass/new.scss */
#service-page #cnt-accounting #final-return .txt .list li {
  float: left;
  width: 50%;
}
/* line 347, ../sass/new.scss */
#service-page #cnt-accounting #final-return .img {
  float: right;
  width: 465px;
}
/* line 354, ../sass/new.scss */
#service-page #cnt-accounting #cnt-data li {
  margin-bottom: 20px;
}
/* line 356, ../sass/new.scss */
#service-page #cnt-accounting #cnt-data li:last-child {
  margin-bottom: 0;
}
/* line 363, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety .box {
  overflow: hidden;
  width: 385px;
  padding: 0 20px 20px;
  background: #e6edf1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}


/* line 371, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety .box h3 {
  margin: 0 -20px 20px;
  padding: 15px 0;
  background: #054d76;
  color: #fff;
  font-size: 26px;
  text-align: center;
  line-height: 1;
}
/* line 380, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety .box .fl,
#service-page #cnt-accounting #cnt-safety .box .fr {
  width: 175px;
  text-align: center;
}
/* line 383, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety .box .fl dt,
#service-page #cnt-accounting #cnt-safety .box .fr dt {
  width: 145px;
  margin: 0 auto 5px;
}
/* line 387, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety .box .fl dd,
#service-page #cnt-accounting #cnt-safety .box .fr dd {
  font-weight: bold;
}
/* line 390, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety .box .fl .link,
#service-page #cnt-accounting #cnt-safety .box .fr .link {
  text-align: left;
  font-size: 12px;
}
/* line 393, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety .box .fl .link a,
#service-page #cnt-accounting #cnt-safety .box .fr .link a {
  display: block;
  padding-left: 20px;
  background: url(../images/ico-arrow-c-def@2x.png) no-repeat 0 2px;
  -webkit-background-size: 15px;
  background-size: 15px;
  text-decoration: none;
  font-weight: normal;
}
#service-page #cnt-accounting #cnt-plan .link a {
  display: block;
  padding-left: 20px;
  background: url(../images/ico-arrow-c-def@2x.png) no-repeat 0 8px;
  -webkit-background-size: 15px;
  background-size: 15px;
  text-decoration: none;
  font-weight: normal;
}
/* line 405, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #support {
  float: left;
}
/* line 407, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #support dl {
  margin-bottom: 20px;
}
/* line 410, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #support #support-center {
  clear: both;
  padding-bottom: 20px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
}
/* line 420, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #support #support-center h4 {
  margin-bottom: 10px;
  padding: 20px 20px 20px 60px;
  border-bottom: 1px solid #054d76;
  background: url(../images/service/accounting/ico-tel@2x.png) no-repeat 20px 13px;
  -webkit-background-size: 30px;
  background-size: 30px;
  color: #054d76;
  line-height: 1;
}
/* line 430, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #support #support-center dl,
#service-page #cnt-accounting #cnt-safety #support #support-center ul {
  margin: 0 20px;
}
/* line 433, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #support #support-center dl {
  margin-bottom: 10px;
}
/* line 436, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #support #support-center dd {
  font-family: "Ubuntu Condensed", sans-serif;
  font-size: 40px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}
/* line 443, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #support #support-center dd img {
  margin-right: 10px;
  vertical-align: bottom;
}
/* line 450, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #security {
  float: right;
}
/* line 452, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #security p {
  margin-bottom: 0;
  text-align: center;
}
/* line 456, ../sass/new.scss */
#service-page #cnt-accounting #cnt-safety #security dl {
  margin-top: 20px;
}
/* line 462, ../sass/new.scss */
#service-page #cnt-accounting #trial {
  text-align: center;
}
/* line 464, ../sass/new.scss */
#service-page #cnt-accounting #trial .arrow {
  width: 350px;
  margin: auto;
}
/* line 468, ../sass/new.scss */
#service-page #cnt-accounting #trial .btn {
  margin-top: -20px;
  padding: 35px 0 30px;
  background: #f2f2f2;
}
/* line 472, ../sass/new.scss */
#service-page #cnt-accounting #trial .btn a {
  display: block;
  width: 600px;
  margin: 0 auto 15px;
}
/* line 477, ../sass/new.scss */
#service-page #cnt-accounting #trial .btn .caution {
  color: #b91a29;
  font-size: 10px;
}
/* line 482, ../sass/new.scss */
#service-page #cnt-accounting #trial .link {
  margin: 10px 0 0;
  text-align: right;
}
/* line 485, ../sass/new.scss */
#service-page #cnt-accounting #trial .link a {
  padding-left: 20px;
  background: url(../images/ico-arrow-c-def@2x.png) no-repeat 0 5px;
  -webkit-background-size: 15px;
  background-size: 15px;
  text-decoration: none;
}
#service-page #cnt-accounting #cnt-functionlist .function-item {
	float: left;
	width: 284px;
	margin-right: 19px;
	margin-top: 19px;
}
#service-page #cnt-accounting #cnt-functionlist .function-item:nth-child(3n) {
  margin-right: 0;
}
#service-page #cnt-accounting #cnt-functionlist .function-item .inner {
	border-left: 2px solid #054d76;
	border-right: 2px solid #054d76;
	border-bottom: 2px solid #054d76;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background: #E6EDEE;
	padding: 14px;
}
#service-page #cnt-accounting #cnt-functionlist .function-item h3 {
	background: #054d76;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 13px 0;
}
#service-page #cnt-accounting #cnt-functionlist .function-item dt {
	text-align: center;
	margin-bottom: 8px;
}
#service-page .box2 {
	position: relative;
	}
#service-page .box2_arrow {
	position: absolute;
	top: 120px;
    left: 410px;
    width: 130px;
    z-index: 99;
	}
#service-page .column_list_attention {
    font-size: 14px;
    margin: -20px auto 20px;
    width: 1190px;
    padding-left: 10px;
}
#service-page .management_category a {
	text-decoration: none;
	}

.btn a:hover,
.column_btn a:hover,
.other-service_btn a:hover,
.btn-simulation a:hover,
.btn-simulation a:hover {
  opacity: 0.8;
}
	
/* price */
#cnt-price {
	width: 890px;
	margin: auto;
}
#cnt-price .free-trial {
	width: 890px;
}
#cnt-price .link a {
  display: block;
  padding-left: 20px;
  background: url(../images/ico-arrow-c-def@2x.png) no-repeat 0 4px;
  -webkit-background-size: 15px;
  background-size: 15px;
	color: #00516D;
  text-decoration: none;
  font-weight: normal;
}
.cnt-price #locus {
	width: 890px;
}

#header #globalNav {
  width: 800px;
}
#header #globalNav li {
  width: 114px;
  text-align: center;
}
#header #globalNav li.an, 
#header #globalNav li.an a {
	width: 116px;
	}
#header #globalNav #gnav-vx10 {
	width: 135px;
}
#header #globalNav a {
  display: table-cell;
	width: 114px;
  height: 60px;
	padding-bottom: 10px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  vertical-align: middle;
}
#header #globalNav #gnav-vx10 a {
	width: 135px;
}
/* line 3, navi.scss */
#header #globalNav #gnav-accounting a {
  background: url(../images/common/ico-gnav01.png) no-repeat center 90%;
}
/* line 5, navi.scss */
#header #globalNav #gnav-accounting a:hover {
  background-color: #edf8fb;
}
/* line 11, navi.scss */
#header #globalNav #gnav-payroll a {
  background: url(../images/common/ico-gnav02.png) no-repeat center 90%;
}
/* line 13, navi.scss */
#header #globalNav #gnav-payroll a:hover {
  background-color: #f8eef5;
}
/* line 19, navi.scss */
#header #globalNav #gnav-pop a {
  background: url(../images/common/ico-gnav03.png) no-repeat center 90%;
}
/* line 21, navi.scss */
#header #globalNav #gnav-pop a:hover {
  background-color: #fdf3e8;
}
/* line 27, navi.scss */
#header #globalNav #gnav-analysis a {
  background: url(../images/common/ico-gnav04.png) no-repeat center 90%;
}
/* line 29, navi.scss */
#header #globalNav #gnav-analysis a:hover {
  background-color: #eef4f5;
}
/* line 35, navi.scss */
#header #globalNav #gnav-vx10 a {
  background: url(../images/common/ico-gnav05.png) no-repeat center 90%;
}
/* line 37, navi.scss */
#header #globalNav #gnav-vx10 a:hover {
  background-color: #e5ecef;
}
/* line 43, navi.scss */
#header #globalNav #gnav-support a {
  background: url(../images/common/ico-gnav06.png) no-repeat center 90%;
}
/* line 45, navi.scss */
#header #globalNav #gnav-support a:hover {
  background-color: #efefef;
}
/* line 51, navi.scss */
#header #globalNav #gnav-price a {
  background: url(../images/common/ico-gnav07.png) no-repeat center 90%;
}
/* line 53, navi.scss */
#header #globalNav #gnav-price a:hover {
  background-color: #e6e7f0;
}
/* line 59, navi.scss */
#header #globalNav #gnav-login a {
  background: url(../images/common/ico-gnav08.png) no-repeat center 90%;
}
/* line 61, navi.scss */
#header #globalNav #gnav-login a:hover {
  background-color: #edefe5;
}
#indexPage #main h3 {
	color: #666;
	font-size: 36px;
	font-weight: normal;
}
#indexPage #main #service {
	position: relative;
	width: 1000px;
	height: 480px;
	margin-bottom: 25px;
	margin: auto;
	background: url(../images/index-service.png) no-repeat center 25px;
}
/* line 2, ser.scss */
#indexPage #main #service .service-box {
  width: 290px;
	height: 205px;
  border: 1px solid #ccc;
  padding: 15px;
  background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* line 8, ser.scss */
#indexPage #main #service h4 {
  margin-bottom: 10px;
  font-size: 18px;
	font-weight: bold;
	line-height: 1;
}
#indexPage #main #service #ser01,
#indexPage #main #service #ser02,
#indexPage #main #service #ser03,
#indexPage #main #service #ser04 {
	position: absolute;
}
#indexPage #main #service #ser01 {
	top: 0;
	left: 0;
	border: 1px solid #42aed1;
}
#indexPage #main #service #ser02 {
	top: 0;
	right: 0;
	border: 1px solid #b04990;
}
#indexPage #main #service #ser03 {
	right: 0;
	bottom: 30px;
	border: 1px solid #e6821a;
}
#indexPage #main #service #ser04 {
	left: 0;
	bottom: 30px;
	border: 1px solid #4d8a8f;
}
#indexPage #main #service #ser01 h4 {
	color: #42aed1;
}
#indexPage #main #service #ser02 h4 {
	color: #b04990;
}
#indexPage #main #service #ser03 h4 {
	color: #e6821a;
}
#indexPage #main #service #ser04 h4 {
	color: #4d8a8f;;
}
/* line 12, ser.scss */
#indexPage #main #service dt {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
/* line 17, ser.scss */
#indexPage #main #service dd {
  float: left;
	font-size: 12px;
}
/* line 20, ser.scss */
#indexPage #main #service dd {
	margin-right: 5px;
}
/* line 23, ser.scss */
#indexPage #main #service dd.detail {
	float: none;
  width: 100%;
  text-align: right;
  clear: both;
  margin-left: 0 !important;
	padding-top: 10px;
}
#indexPage #main .summary {
	border: 1px solid #ccc;
	margin-left: 0;
	padding: 15px;
	background: #fff;
	text-align: center;
}
#indexPage #main .summary p {
	font-size: 14px;
	font-weight: normal;
	color: #666;
}
#service-page #cnt-safety #support #support-center h4 span {
    font-size: 16px;
    font-weight: bold;
}



/* 170424追加
 * HANJO with PRO
 * ========================================================= */

.sttl {
  background-color: #e5f6f7 !important;
}

#service-page .advantage-service .before-service {
  overflow: hidden;
  margin: 0 auto;
  border: 4px solid #acb8b9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  zoom: 1;
  width: 890px;
}
#service-page .advantage-service .before-service h3 {
  padding: 10px 20px 15px;
  background: #acb8b9;
  color: #fff;
  font-size: 26px;
  line-height: 1;
}
#service-page .advantage-service .before-service .txt {
  padding: 15px 20px 20px;
}
#service-page .advantage-service .advantage-arrow {
  text-align: center;
  margin: 0 0 10px;
}
#service-page .advantage-service .after-service {
  overflow: hidden;
  margin: 0 auto 50px;
  border: 4px solid #054d76;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  zoom: 1;
  width: 890px;
}
#service-page .advantage-service .after-service h3 {
  padding: 10px 20px 15px;
  background: #054d76;
  color: #fff;
  font-size: 26px;
  line-height: 1;
}
#service-page .advantage-service .after-service .txt {
  padding: 15px 20px 20px;
}

@media only screen and (max-width: 768px) {
  #service-page .advantage-service .before-service {
    width: auto;
  }
  #service-page .advantage-service .after-service {
    width: auto;
    margin: 0 0 20px;
  }
}
@media only screen and (min-width: 769px) {
  .masters-page > .box {
    height: 360px;
  }
}
.masters-page::after {
  content: "";
  display: table;
  clear: both;
  height: 0;
}

.masters-page > .box {
  padding: 20px;
}
.masters-page > .box h3 {
  margin: 0 0 10px !important;
}

.hope-service {
  width: 890px;
  margin: 0 auto;
}
.hope-service .arrow {
  text-align: center;
  margin: 20px 0 10px;
}
.hope-service .hope-box {
  background-color: #ffffe5;
  padding: 40px 0 20px 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 0 30px;
}
.hope-service .hope-box p {
  color: #054d76;
  font-weight: bold;
  font-size: 32px !important;
}
.hope-service .hope-box ul li {
  width: 290px;
  float: left;
  color: #054d76;
  background: url(../images/service/adviser/icon-up@2x.png) no-repeat 10px 50%;
  background-size: 80px 80px;
  font-size: 24px !important;
  line-height: 1.4 !important;
  font-weight: bold;
  border: #004c78 4px solid;
  background-color: #e6edee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 0 16px 16px 0;
  padding: 18px 10px 18px 100px;
}
.hope-service .hope-box ul li small {
  font-size: 16px !important;
}
.hope-service .hope-box ul::after {
  content: "";
  display: table;
  clear: both;
  height: 0;
}

.table-pro {
  width: 800px !important;
  margin: 20px auto 20px;
}
.table-pro table {
  width: 800px !important;
  border: 3px solid #fff !important;
  margin: 0 0 20px;
}
.table-pro table th {
  color: #fff;
  font-size: 18px !important;
  font-weight: bold !important;
  border: 3px solid #fff !important;
  background-color: #acb8b9 !important;
}
.table-pro table td {
  font-size: 18px !important;
  font-weight: bold !important;
  border: 3px solid #fff !important;
  background-color: #f2f2f2 !important;
}

@media only screen and (max-width: 768px) {
  .table-pro {
    width: auto !important;
  }
  .table-pro table {
    width: auto !important;
  }
  .table-pro table th, .table-pro table td {
    font-weight: normal !important;
    font-size: 16px !important;
  }

  .hope-service {
    width: auto;
  }
  .hope-service .arrow {
    width: 50%;
    margin: 10px auto;
  }
  .hope-service .hope-box {
    padding: 20px 10px;
  }
  .hope-service .hope-box p {
    font-size: 18px !important;
  }
  .hope-service .hope-box ul li {
    width: auto;
    float: none;
    margin: 0 0 10px 0;
    padding: 8px 10px 8px 100px;
  }
}

#service-page .yallow-box {
  background-color: #ffffe5;
  padding: 16px 27px;
}