@charset "utf-8";
/*------------------------------
	header
------------------------------*/
.subHeader {
	border-bottom: 1px solid #ecebeb;
}
.headerInr {
	max-width: 1200px;
	margin: 0 auto;
}
.subHeader .headerInr {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.subHeader .linkList {
	display: inline-block;
	vertical-align: middle;
}
.subHeader .linkList li {
	display: inline-block;
	margin-right: 20px;
	font-size: 1.4rem;
	margin-bottom: 0;
	padding-left: 0;
}
.subHeader .linkList li a {
	color: #354187;
}
.subHeader .linkList li a:hover {
	text-decoration: underline;
}
.subHeader .linkList li:last-child {
	margin-right: 0;
}
#srchBox {
	position: relative;
	width: 0;
	height: auto;
	display: inline-block;
	padding-left: 0;
}
#srchBox #srch {
	width: 200px;
	top: -68px;
	left: 140px;
	position: absolute;
}
#srchBox .searchInput {
	width: 140px;
	height: 23px;
	padding: 0 10px;
	border: none;
	font-size: 12px;
	font-size: 1.2rem;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#srchBox .searchInput.onPlaceholder {
	color: #7c7c7c;
}
#srchBox #srchInput {
	padding: 1px 10px 2px 10px;
	background: url(/common/images/logo_yahoo_search.png) center center no-repeat #fff;
	height: 24px;
	width: 140px;
	border-radius: 5px;
	border: 1px solid #cccccc;
}
#srchBox .searchBt {
	width: 23px;
	height: 23px;
	margin-right: 5px;
	background: url(/common/images/icon_header_serch.png) no-repeat 0 0;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#srchBox.watermark #srchInput.nomark {
	background: #fff;
}
.mainHeader{
  background-color: #fff
}
.mainHeader.fixed{
  position: fixed;
	top: 0;
	z-index: 1000;
  width: 100%;
}
.mainHeader .telArea,
.subHeader .telArea{
	float: left;
	margin-right: 10px;
}
@-moz-document url-prefix() {
  .mainHeader .telArea, .subHeader .telArea {
  	margin-right: 9px;
  }
}


.mainHeader .telArea > p,
.subHeader .telArea > p{
	color: #1f2a66
}
.mainHeader .telNum,
.subHeader .telNum{
	font-size: 2.5rem;
	font-weight: bold;
}
.mainHeader .telDate,
.subHeader .telDate{
	font-size: 1.2rem;
}
.mainHeader .contactBox,
.subHeader .contactBox{
	display: inline-block;
	vertical-align: middle;
	padding: 4px 16px;
	text-align: center;
	background: #f07a38;
	line-height: 1.3;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.mainHeader .contactBox:hover,
.subHeader .contactBox:hover{
	background: #f89862;
}
.mainHeader .contactBox a,
.subHeader .contactBox a{
	color: #fff;
	font-size: 1.2rem;
}
.mainHeader .contactBox a .contactBtn,
.subHeader .contactBox a .contactBtn{
	font-size: 1.9rem;
	font-weight: bold;
}
.mainHeader {
	position: relative;
}
.mainHeader .headerInr {
	display: flex;
	justify-content: space-between;
}
.mainHeader .headerInr > .headerItem {
	display: table-cell;
}
.mainHeader .headerInr > .headerItem:nth-child(2) {
	width: 400px;
}
.mainHeader-Btn::after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 39%;
  right: 0;
  width: 8px;
  height: 8px;
  border-right: 2px solid #354187;
  border-bottom: 2px solid #354187;
  -webkit-transform: rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
}

.mainHeader-link {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  color: #333333;
}
/*.mainHeader .headeMenu {
	letter-spacing: -0.4em;
}*/
.menuItem,
.linkList li{
  font-weight: bold;
}
.mainHeader .headeMenu .menuItem {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin-bottom: 0;
}
.mainHeader .headeMenu li.logo {
	width: 100px;
	height: auto;
	padding-right: 0;
	padding-left: 0;
}
.mainHeader .headeMenu li.logo a {
	padding: 0;
}
.mainHeader .headeMenu li.logo a img {
	width: 100px;
}
.mainHeader .headeMenu .menuItem a {
	position: relative;
	display: inline-block;
	padding: 20px 15px 30px 0;
	color: #333333;
}
.mainHeader .headeMenu .menuItem a:hover {
	border-bottom: none;
}

.subHeader .headerBtn,
.mainHeader .headerBtn{
	text-align: right;
}
.subHeader .headerBtn li,
.mainHeader .headerBtn li{
	display: inline-block;
	padding-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.subHeader .headerBtn li a,
.mainHeader .headerBtn li a{
	display: inline-block;
	width: 147px;
	vertical-align: middle;
	letter-spacing: normal;
	padding: 5px 0;
	border-radius: 5px;
	text-align: center;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.subHeader .headerBtn .login a,
.mainHeader .headerBtn .login a{
	background: #fdb44a;
	margin-right: 10px;
}
.subHeader .headerBtn .login a:hover,
.mainHeader .headerBtn .login a:hover{
	background: #ffd394;
}
.subHeader .headerBtn .logout a,
.mainHeader .headerBtn .logout a{
	background: #a7a7a7;
}
.subHeader .headerBtn .logout a:hover,
.mainHeader .headerBtn .logout a:hover{
	background: #d3d3d3;
}
.subHeader .headerBtn li a,
.mainHeader .headerBtn li a{
	color: #fff;
	font-weight: bold;
}
.mainHeader .spMenuArea {
	display: none;
}
.mainHeader .spIcon {
	display: none;
}
.mainHeader .headeMenu .dropMenu {
	display: none;
	position: absolute;
	width: 100%;
	min-width: 1000px;
	padding: 40px;
	background: rgba(32, 42, 103, 0.95);
	top: 73px;
	left: 0;
	z-index: 2000;
	text-align: center;
}
.mainHeader .headeMenu .dropMenuList {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-top: 0;
}
.mainHeader .headeMenu .dropMenuItem {
	display: block;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 0;
}
.mainHeader .headeMenu .dropMenuItem a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-right: 1px solid #f07a38;
	border-bottom: 1px solid #f07a38;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mainHeader .headeMenu .dropMenu a {
	display: block;
	position: relative;
	padding: 5px 40px 5px 20px;
	color: #fff;
	font-size: 1.4rem;
}
.mainHeader .headeMenu .dropMenuList:last-child a {
	padding-right: 0;
}
.mainHeader .headeMenu .dropMenu a:hover {
	border-bottom: none;
	text-decoration: underline;
}
.mainHeader .headeMenu .dropMenu .dropMenu_inr{
	width: 1000px;
	margin: 0 auto;
}
/*------------------------------
footer
------------------------------*/
.topPage {
	display: none;
	position: relative;
	bottom: -72px;
	z-index: 100;
}
.topPage.topFix {
	bottom: 0;
	position: fixed;
	right: 7%;
}
.topPage a {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #f07a38;
	bottom: 40px;
	right: 7%;
	margin: auto;
	vertical-align: middle;
}
.topPage a:hover {
	background: #f3a275;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.topPage a::after {
	content: "";
	width: 15px;
	height: 15px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	vertical-align: middle;
	position: absolute;
	top: 27px;
	right: 22px;
}
.footerWrapper li a:hover {
	text-decoration: underline;
}
.footerWrapper {
	width: 100%;
	min-width: 1400px;
	margin-top: 80px;
	background: #354187;
}
@media only screen and (max-width: 1400px) {
  .footerWrapper {
    min-width: 1200px;
	}
}
.footerInr {
	display: flex;
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
	justify-content: space-between;
}
.footerWrapper .logo {
	display: block;
	margin-right: 60px;
	padding: 100px 0px;
}
.footerWrapper .logo .logoInr img {
	width: 150px;
}
.footerWrapper .variousList {
	color: #fff;
	font-size: 1.4rem;
}
.footerWrapper .groupList {
	width: 280px;
	padding-left: 50px;
	color: #fff;
	font-size: 1.2rem;
}
.footerWrapper a {
	color: #fff;
	font-size: 1.4rem;
}
.footerWrapper .listTtl {
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	font-size: 1.4rem;
	font-weight: bold;
}
.footerWrapper .listInr {
	padding-top: 20px;
}
.footerWrapper .variousList .groupwareList {
	width: 200px;
	padding-top: 30px;
}
.footerWrapper .variousList .groupwareList li {
	width: 222px;
}
.footerWrapper .listInr .colmItem {
	padding-left: 0;
}
.footerWrapper .variousList li {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	margin-bottom: 0;
}
.footerWrapper .variousList .colmItem:nth-child(3) li {
	width: 183px;
}
.footerWrapper li {
	position: relative;
	padding-left: 15px;
	line-height: 2.5;
	margin-bottom: 0;
}
.footerWrapper .colmItem li::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 47%;
	left: 0;
	margin-top: -3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.footerWrapper .snsBtn {
	display: table;
	width: 100px;
	padding-top: 30px;
	justify-content: space-between;
	vertical-align: middle;
}
.footerWrapper .snsBtn > div {
	display: table-cell;
	vertical-align: middle;
}
.footerWrapper .snsBtn > .twitter {
	padding-left: 20px;
}
.footerWrapper .snsBtn > div > a > img {
	width: 32px;
}
.footerWrapper .subFooter {
	background: #fff;
}
.footerWrapper .provision {
	display: table;
	width: 690px;
	justify-content: space-between;
}
.footerWrapper .provision .provisionInr {
	display: table-cell;
}
.footerWrapper .provision .provisionInr > ul {
	width: 100%;
}
.footerWrapper .provision .provisionInr > ul li {
	float: left;
	width: 172px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
}
/*.footerWrapper .provision .provisionInr > ul li:nth-child(2) {
	width: 172px;
}
.footerWrapper .provision .provisionInr > ul li:nth-child(3) {
	width: 168px;
}*/
.footerWrapper .provision .provisionInr > ul li:last-child {
	width: 125px;
}
.footerWrapper .provision .provisionInr > ul li a {
	color: #333;
	font-size: 12px;
}
.footerWrapper .provision .provisionInr > ul li a:hover {
	text-decoration: underline;
}
.footerWrapper .provision .provisionInr > ul li img {
	width: auto;
}
.footerWrapper .provision .provisionInr > ul li span {
	display: block;
}
.footerWrapper .provision .provisionInr > ul li span:first-child {
	min-height: 94px;
}
.footerWrapper .provision .provisionInr > ul li a span:last-child:after {
	content: "";
	background: url(/common/images/ico_blank.png) no-repeat left top/100% auto;
	display: inline-block;
	width: 13px;
	height: 20px;
	margin-left: 3px;
	vertical-align: text-top;
}
.footerWrapper .subFooter .copyLight p {
	font-size: 1.2rem;
}
.footerWrapper a.blank:after {
	width: 13px;
}
/*------------------------------
	components
------------------------------*/
/*
content
------------------------------*/
.wrapper {
	min-width: 1400px;
}
@media only screen and (max-width: 1400px) {
  .wrapper {
    min-width: 1200px;
  }
}
.localNavArea + .wrapper {
	padding-top: 44px;
}
.content {
	width: 100%;
	padding-top: 60px;
}
.contentInr {
	width: 1000px;
	margin: 0 auto;
}
.ttlLv2.bdNon + .content {
	padding-top: 30px;
}
/*
localNav
------------------------------*/
.localNavArea {
	width: 100%;
	min-width: 1400px;
	padding: 14px 0;
	background: #1f2a66;
	position: absolute;
}
@media only screen and (max-width: 1400px) {
  .localNavArea {
    min-width: 1200px;
  }
}
.localNavArea.fixed {
	position: fixed;
	top: 73px;
	z-index: 1;
}
.localNavArea .spBtn {
	display: none;
}
.localNav {
	width: 1200px;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	justify-content: space-between;
	text-align: center;
}
.localNav li {
	display: inline-block;
	text-align: center;
	line-height: 1;
	border-right: 1px solid #888a8e;
	margin-bottom: 0;
	padding-left: 0;
}
.localNav li:first-child {
	border-left: 1px solid #888a8e;
}
.localNav li a {
	padding: 0 10px;
	color: #fff;
	font-size: 1.4rem;
}
.localNav li a:hover {
	text-decoration: underline;
}
/*
pageTtl
------------------------------*/
.pageTtl {
	background: url(/common/images/bg_main_ttl.jpg);
	background-size: cover;
}
.pageTtlInr {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}
.pageTtl .ttl {
	margin-bottom: 5px;
	line-height: 1.2;
	font-size: 3rem;
	font-weight: bold;
	color: #1f2a66;
}
.pageTtl .en {
	font-size: 1.5rem;
	color: #f07a38;
}
/*
breadcrumb
------------------------------*/
.breadcrumb {
	width: 1000px;
	margin: 5px auto 0;
}
.breadcrumbList li {
	display: inline-block;
	vertical-align: middle;
}
.breadcrumbList li:after {
	content: ">";
	display: inline-block;
	color: #aeaeae;
	font-size: 1.2rem;
	margin-left: 5px;
}
.breadcrumbList li:last-child:after {
	display: none;
}
.breadcrumbList li, .breadcrumbList a {
	color: #aeaeae;
	font-size: 1.2rem;
	margin-bottom: 0;
	padding-left: 0;
}
.breadcrumbList li:hover {
	text-decoration: underline;
}
.breadcrumbList li:last-child:hover {
	text-decoration: none;
}
/*
Title
------------------------------*/
.ttlLv2 {
	margin: 0 0 20px 0;
	padding: 15px 0 10px 10px;
	color: #1f2a66;
	font-size: 2.5rem;
	font-weight: bold;
	border-top: 2px solid #202a67;
	border-bottom: 2px solid #202a67;
}
.ttlLv2 .inr {
	display: inline-block;
	margin-left: 10px;
}
.ttlLv2 .en {
	display: block;
	color: #838383;
	font-size: 1.6rem;
	font-weight: normal;
}
.ttlLv2.fsL {
	font-size: 3rem;
	text-align: center;
}
.ttlLv2.line {
	font-size: 2.4rem;
	text-align: left;
	padding: 6px 0px;
	border-top: 2px solid;
	border-bottom: 2px solid;
}
.ttlLv2.bdNon {
	padding: 0;
}
.ttlLv2.white {
	border-color: #fff;
	color: #fff;
}
.ttlLv2.orange {
	color: #f07a38;
}
.ttlLv2.bdDash {
	border: 0;
	color: #fff;
	text-align: center;
	border: none;
}
.ttlLv2.bdDash span {
	padding-bottom: 5px;
	border-bottom: 3px dashed #fff;
}
.ttlLv2.bgGY {
	padding: 10px;
	background: #efefef!important;
	border: none;
}
.ttlLv3 {
	margin: 0 0 20px 0;
	padding: 0 0 6px 10px;
	color: #202a67;
	border-bottom: solid .125em #bdbdbd;
	font-size: 2rem;
	font-weight: bold;
	position: relative;
	text-align: left;
}
.ttlLv3.bdNon {
	padding: 0;
}
.ttlLv3.bdNon::after {
	display: none;
}
.ttlLv3.orange {
	color: #f07a38;
}
.ttlLv3::after {
	position: absolute;
	content: '';
	display: block;
	width: 20%;
	height: 100%;
	left: 0;
	bottom: -.125em;
	border-bottom: .125em solid #202a67;
}
.ttlLv4 {
	margin: 0 0 20px 0;
	padding: 6px 10px 6px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #1f2a66;
	background: #f7f7f7;
}
.ttlLv5 {
	padding-left: 14px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #202a67;
	position: relative;
}
.ttlLv5::before {
	content: "";
	height: 10px;
	width: 10px;
	background: #202a67;
	position: absolute;
	top: 7px;
	left: 0;
}
.pointFlow {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 30px 0;
	background: #fff7dc;
	padding: 8px 0;
}
.pointFlow span {
	background: #f07a38;
	padding: 7px 10px;
	color: #fff;
	margin-right: 10px;
	border: 3px solid #f9ba56;
}
_:-ms-lang(x)::-ms-backdrop, .pointFlow span {
 padding: 4px 10px;
}
.pointFlow + .colom_2col.flex .col:nth-child(1) {
	width: 140px;
}
.pointFlow + .colom_2col.flex .col:nth-child(2) {
	width: calc(100% - 140px);
}
.service_case{
	display: flex;
	justify-content: center;
	background-size: 1000px 125px;
  background-color: rgba(255, 241, 228, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(255, 233, 212, 1) 6px, rgba(255, 233, 212, 1) 11px );
}
.service_case .txt_box{
	padding: 30px 30px;
}
.service_case .ttl{
	font-size: 1.5em;
	color: #c16e22;
	font-weight: bold;
	margin-bottom: 5px;
}
.service_case .txt{
	color: #c16e22;
}

.service_case img{
	width: 222px;
  height: 125px;
  object-fit: cover; /* この一行を追加するだけ！ */
}


/*
Text
------------------------------*/
p.notes01 {
	padding-left: 1.2em;
	text-indent: -1.2em;
}
p.notes01:before {
	content: "※";
}
/*
leadText
------------------------------*/
.leadText01 {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 1.3em;
}
.leadText01 + h2, .leadText01 + h3 {
	margin-top: 40px;
}
/*
List
------------------------------*/
li {
	margin-bottom: 0.5em;
	padding-left: 20px;
}
li:last-child {
	margin-bottom: 0;
}
/*-- txtList --*/
.txtList>li {
	padding-left: 1em;
	text-indent: -1em;
}
.txtList>li::before {
	content: "\0030fb"/* · */
}
/*-- numList --*/
.numList {
	list-style: decimal outside none;
	padding-left: 1.2em;
}
.numList li {
	padding-left: 0;
}
.numList_kako li {
	padding-left: 20px;
	text-indent: -1.5em;
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
}
.numList_kako li:before {
	display: marker;
	content: "(" counter(cnt) ") ";
}
.noteList_kana li {
	padding-left: 30px;
	text-indent: -2em;
}
/*-- noteList --*/
.noteList li {
	padding-left: 20px;
	text-indent: -1.2em;
}
li.listMark:before {
	content: '※';
}
.noteList>li>.listMark, li.listdot li {
	display: inline-block;
	width: 1.2em;
}
.listdot li {
	padding-left: 20px;
	text-indent: -1.2em;
}
.listdot li:before {
	content: '・';
}
.listdot.deco li:before {
	content: '●';
	padding-right: 3px;
	color: #1f2a66;
}
p.listdot.deco:before {
	content: '●';
	padding-right: 3px;
	color: #1f2a66;
}
.noteList>li+li {
	margin-top: 0.5em;
}
.listdot.deco .list_inner li:before {
	content: '・';
	padding-right: 0;
}
.dot_line li {
	border-bottom: dotted 1px #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.tableTypeC_02 + .dot_line li:first-child {
	border-top: dotted 1px #ccc;
	padding-top: 20px;
}
.dot_line li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
.dot_line li .list_inner li {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.list_inner {
	text-indent: 1.2em;
	margin-top: 5px;
}
.numList li .list_inner {
	text-indent: -1.8em;
}
.numList li .list_inner li {
	padding-left: 20px;
}

ul.notes01 li:before {
    content: "※";
}

ul + ul {
	margin-top: 20px;
}
a.blank:after {
	content: "";
	background: url(/common/images/ico_blank.png) no-repeat left top/100% auto;
	display: inline-block;
	width: 15px;
	height: 20px;
	margin-left: 3px;
	vertical-align: text-top;
}
a.blank_w:after {
	content: "";
	background: url(/common/images/ico_blank_w.png) no-repeat left top/100% auto;
	display: inline-block;
}
a[href*=".pdf"]:after {
	content: "";
	background: url(/common/images/ico_pdf.png) no-repeat left top/100% auto;
	display: inline-block;
	width: 15px;
	height: 20px;
	margin-left: 3px;
	vertical-align: text-top;
}

.ico_none a:after {
	content: none;
}

a[href*=".doc"]:after {
	content: "";
	background: url(/common/images/ico_doc.png) no-repeat left top/100% auto;
	display: inline-block;
	width: 15px;
	height: 20px;
	margin-left: 3px;
	vertical-align: text-top;
}
a[href*=".xls"]:after {
	content: "";
	background: url(/common/images/ico_xls.png) no-repeat left top/100% auto;
	display: inline-block;
	width: 15px;
	height: 20px;
	margin-left: 3px;
	vertical-align: text-top;
}
/*-- link --*/
.linkdot:before {
	content: '・';
	display: inline-block;
	color: #1f2a66;
}
/*		
Decoration		
------------------------------*/		
/*-- arrow --*/		
.bottomArrowOR {
	width: 35px;
	border-top: 18px solid #fdb44a;
	border-right: 18px solid transparent;
	border-left: 18px solid transparent;
}
/*
Colom
------------------------------*/
/*--.colom_2col flex (variable)--*/
.colom_2col li {
	padding-left: 0;
}
.colom_2col.flex {
	display: flex;
	width: 100%;
	margin-top: 0;
	padding: 0 0 20px 0;
}
.colom_2col.flex .col {
	width: auto;
}
.colom_2col.flex .col a {
	width: 360px;
}
.colom_2col.flex.reverse {
	flex-direction: row-reverse;
}
.colom_2col.flex .col:last-child {
	padding-left: 30px;
}
.colom_2col.flex.reverse .col:last-child {
	padding-left: 0;
	padding-right: 30px;
}
/*----- .colom_2col -----*/
.colom_2col {
	width: 100%;
	margin-top: 20px;
	letter-spacing: -0.4em;
}
.colom_2col .col {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
/*----- .colom_2col.hasSpace -----*/
.colom_2col.hasSpace {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
.colom_2col.hasSpace .col {
	width: 49%;
	margin-bottom: 0;
}

.colom_2col.hasSpace .col:nth-of-type(n+3) {
	margin-top: 20px;
}
.colom_2col.hasSpace .col img {
	margin: 0 auto;
	text-align: center;
}
/*----- .colom_2col_float -----*/
.colom_2col_float.float_l .col:first-child {
	width: 250px;
	float: left;
	padding-right: 20px;
}
.colom_2col_float.float_r .col:first-child {
	width: 250px;
	float: right;
	padding-left: 20px;
}
.colom_2col_float .caption {
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
}
/*----- .float_2col -----*/
.float_2col .float_l, .float_2col .float_r {
	width: 48%;
}
.float_2col_type02 .txt {
	float: left;
	width: 640px;
}
.float_2col_type02 .img {
	text-align: right;
}
.float_2col_type03 div:first-child {
	float: left;
	margin-right: 20px;
}
.float_2col_type03_02 div:first-child {
	float: right;
	margin-left: 20px;
}
/*----- colom_3col -----*/
.colom_3col {
	letter-spacing: -0.4em;
}
.colom_3col.flex {
	flex-wrap: wrap;
}
.colom_3col>.col {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-left: 20px;
}
.colom_3col.column_3col>.col{
	margin-left: 15px;
}
.colom_3col>.col:nth-of-type(3n+1) {
	margin-left: 0;
}
.colom_3col>.col:nth-of-type(n+4) {
	margin-top: 20px;
}
/*-- colom_4col --*/
.colom_4col {
	letter-spacing: -0.4em;
}
.colom_4col>.col {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 235px;
	margin: 0 0 0 20px;
}
.colom_4col>.col:nth-of-type(4n+1) {
	margin-left: 0;
}
.colom_4col>.col:nth-of-type(n+5) {
	margin-top: 20px;
}
.colom_flat{
	display: flex;
  justify-content: flex-start;
}
.colom_flat .col{
  width: 200px;
  margin: 0 10px;
}

/*
table
------------------------------*/
.tableTypeA_01, .tableTypeA_02, .tableTypeB_01, .tableTypeC_01, .tableTypeC_02 {
	width: 100%;
}
.tableTypeA_01 td, .tableTypeA_01 th, .tableTypeA_02 td, .tableTypeA_02 th, .tableTypeB_01 td, .tableTypeB_01 th, .tableTypeC_01 td, .tableTypeC_01 th, .tableTypeC_02 td, .tableTypeC_02 th {
	padding: 14px;
	border: 1px solid #cccccc;
	vertical-align: middle;
}
.tableTypeA_01 th, .tableTypeA_02 th, .tableTypeB_01 th, .tableTypeC_01 th, .tableTypeC_01 thead td, .tableTypeB_02 th, .tableTypeC_02 th, .tableTypeC_02 thead td {
	background: #1f5598;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.tableTypeA_01 th, .tableTypeA_02 th {
	width: 30%;
}
.tableTypeC_01 tbody th, .tableTypeC_02 tbody th {
	background: #edf5ff;
	font-weight: normal;
	color: #333;
}

.tableTypeB_01 th {
	text-align: left;
}

.tableTypeC_02 th.lsAdjustment,
.tableTypeC_02 td.lsAdjustment{
	letter-spacing: -1px;
}
    

/*
imgArea
------------------------------*/
.imgArea {
	text-align: center;
}
.imgArea img {
	width: auto;
}
.imgArea.full img {
	width: 100%;
	;
}
/*
LinkBtn
------------------------------*/
.txtLink:hover {
	text-decoration: underline;
}
.txtLink.fcBl {
	color: #333;
}
.linkBtn {
	position: relative;
	display: inline-block;
	min-width: 250px;
	margin-right: 10px;
	text-align: center;
	border: 1px solid #354187;
	padding: 10px 30px 10px 15px;
	color: #354187;
	font-weight: bold;
	border-radius: 5px;
	background: #fff;
}
.linkBtn_large {
	min-width: 350px;
	padding: 20px;
	font-size: 18px;
}
a.linkBtn:hover {
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: #edf0fe;
}
a.linkBtn.bgBlue:hover {
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: #edf0fe;
}
.linkBtn .inr {
	width: 100%;
}
.linkBtn .inr::after {
	content: "";
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	border-right: 2px solid #354187;
	border-bottom: 2px solid #354187;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: auto;
	right: 13px;
}
.linkBtn.orange {
	border-color: #f07b38;
	background: #f07b38;
	color: #fff;
}
.linkBtn.orange:hover {
	background: #f07b38;
	opacity: 0.7;
}
.linkBtn.orange .inr::after {
	border-color: #fff;
}
.linkBtn.blue {
	border-color: #354187;
	background: #354187;
	color: #fff;
}
.linkBtn.blue:hover {
	background: #354187;
	opacity: 0.7;
}
.linkBtn.blue .inr::after {
	border-color: #fff;
}
.linkBtnList li {
	display: inline-block;
	margin-right: 10px;
	padding-left: 0;
}
.linkBtnList li:last-child, .linkBtnList li:last-child a {
	margin-right: 0;
}
.linkBtnList .linkBtn {
	margin-right: 0;
	border: 1px solid #354187;
}
.linkBtnList .linkBtn a {
	color: #354187;
}
.linkBlank {
	padding: 10px 0;
}
.linkBlank .inr::after {
	content: none;
}
/*--- orange ---*/
.linkBtnList .linkBtn.orange {
	border-color: #f07b38;
}
.linkBtnList .linkBtn.orange:hover {
	background: #f07b38;
	opacity: 0.7;
}
.linkBtnList .linkBtn.orange a.inr {
	border-color: #f07b38;
	color: #fff;
}
/*--- blue ---*/
.linkBtnList .linkBtn.blue a.inr {
	border-color: #354187;
	color: #fff;
}
.linkBtnList .linkBtn.blue:hover {
	background: #354187;
	opacity: 0.7;
}
/*--- .linkBtnList.colm4 ---*/
.linkBtnList.colm4 {
	display: flex;
}
.linkBtnList.colm4 li {
	display: block;
}
.linkBtnList.colm4 .linkBtn {
	display: inline-flex;
	width: 100%;
	min-width: 0;
	align-items: center;
	margin-top: 10px;
	margin-right: 10px;
	vertical-align: middle;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.linkBtnList .linkBtn:hover {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: #edf0fe;
}
.linkBtnList.colm4 .linkBtn:last-child {
	margin-right: 0;
}
.linkBtn.aNc .inr::after {
	-webkit-transform: translateY(-4px) rotate(45deg);
	transform: translateY(-4px) rotate(45deg);
}
/*	contact
------------------------------*/
.contact .contentInr {
	width: 100%;
	display: flex;
	padding: 60px 50px;
	justify-content: center;
}
.contact .linkBtn {
	width: 370px;
	margin-right: 0;
	margin-bottom: 0;
	padding: 25px 0;
	font-size: 2.0rem;
	font-weight: bold;
	border: 0;
	color: #fff;
	position: relative;
}
.contact .linkBtn span {
	display: inline-block;
	width: auto;
	padding: 0 45px 0 55px;
}
.contact .trial .linkBtn {
	background: #f07a38;
}
.contact .trial .linkBtn .inr {
	padding: 0 0 0 55px;
}
.contact .trial .linkBtn.blank .inr {
	padding: 0 10px 0 65px;
}
.contact .trial .linkBtn:hover {
	background: #f89862;
}
.contact .document {
	padding: 0 50px;
}
.contact .document .linkBtn {
	background: #354187;
}
.contact .document .linkBtn span {
	padding: 5px 45px 3px 45px;
}
.contact .document .linkBtn:hover {
	background: #6c7ac9;
}
.contact .trial .linkBtn .inr {
	background: url(/images/ico_btn_pc.png)no-repeat center left;
}
.contact .document .linkBtn .inr {
	background: url(/images/ico_btn_file.png)no-repeat center left;
}
.contact .document .linkBtn.blank .inr {
	padding: 0 10px 0 40px;
}
.contact .trial .linkBtn .inr::after, .contact .document .linkBtn .inr::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -5px;
}
.contact .whitepaper .linkBtn {
	width: 400px;
	background: #fff;
	color: #354187;
	border: solid 1px #354187;
}
.contact .whitepaper .linkBtn span {
	padding: 0 10px 0 40px;
}
.contact .whitepaper .linkBtn:hover {
	background: #e8effd;
}
.contact .whitepaper .linkBtn .inr {
	background: url(/images/ico_btn_whitepaper.png)no-repeat center left;
	height: 28px;
}
.contact.notTop {
	margin: 60px 0 0 0;
	padding: 60px 0;
	background: #f0efef;
}
.contact.notTop .contentInr {
	padding: 0 50px;
}
/*
ankBtn
------------------------------*/
.ancBtn, .linkminBtn {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	color: #333333;
}
.ancBtn:hover, .linkminBtn:hover {
	text-decoration: underline;
}
.ancBtn::before, .linkminBtn::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 8px;
	height: 8px;
	border-right: 1px solid #354187;
	border-bottom: 1px solid #354187;
	-webkit-transform: rotate(45deg);
	transform: translateY(-4px) rotate(45deg);
}
.linkminBtn:before {
	-webkit-transform: rotate(90deg);
	transform: translateY(-1px) rotate(-45deg);
}
.ancBtnList, .linkminBtnList {
	background: #f7f7f7;
	padding: 20px;
	letter-spacing: -0.4em;
}
.ancBtnList li, .linkminBtnList li {
	display: inline-block;
	padding: 5px 0;
	vertical-align: top;
	letter-spacing: normal;
	margin-bottom: 0;
}
.ancBtnList li a, .linkminBtnList li a {
	padding-right: 15px;
	margin-right: 15px;
	border-right: dotted 1px #cccccc;
}
/*
blockLink
------------------------------*/
.blockLink {
	display: block;
	padding-top: 20px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.blockLink:hover {
	background: #f7f7f7;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.blockLink > p {
	padding: 10px;
}
iframe {
	border: 0;
	width: 100%;
	max-width: 1000px;
	height: 500px;
}
iframe.mov50{
	width: 488px;
	height: 275px;
}
/*
Design pats
------------------------------*/
/*-- flagNumber --*/
.flagNumber {
	position: absolute;
	top: -10px;
	left: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.flagNumber .inr {
	width: 50px;
	height: 78px;
	padding: 25px 0;
	background: #f07a38;
}
.flagNumber::before {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 0 10px;
	border-color: transparent transparent transparent #7b2900;
}
.flagNumber::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 25px 5px 25px;
	border-color: transparent transparent #fff transparent;
}
/*-- labelPart --*/
.labelPart {
	display: inline-block;
	margin-bottom: 30px;
	padding: 5px 10px;
	border: 1px solid;
	font-weight: bold;
	color: #fff;
}
.labelPart.mobile {
	border-color: #838383;
	background: #838383;
}
/*-- stripeBox --*/
.stripeBoxList .col {
	padding: 10px;
	background: url(/common/images/bg_stripe_wt.gif)
}
.stripeBoxList .blue .col {
	background: url(/common/images/bg_stripe_bl.gif);
}
.stripeBoxList .bg .col {
	background: url(/common/images/bg_stripe_bl.gif);
}
.stripeBoxList .bg .col.active {
	background: -webkit-repeating-linear-gradient(-45deg,#FBC388 0,#FFF1E4 5px,#fff 5px,#fff 5px);
  background: -o-repeating-linear-gradient(-45deg,#FBC388 0,#FFF1E4 5px,#fff 5px,#fff 5px);
  background: repeating-linear-gradient(-45deg,#FBC388 0,#FFF1E4 5px,#fff 5px,#fff 5px);
}
.stripeBoxList .col a {
	display: block;
	color: #333333;
}
.stripeBoxList .itemInr {
	position: relative;
	display: table;
	width: 100%;
	padding: 15px 15px 20px 15px;
	border: 1px solid #cccccc;
	background: #fff;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.stripeBoxList .itemInr {
	height: 165px;
}
.stripeBoxList .itemInr:hover{
	background: #edf0fe;
}
.stripeBoxList .itemInr::before {
	content: "";
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #354187;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
}
.stripeBoxList .itemInr.markNon::before {
	content: none;
}
.stripeBoxList .itemInr::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	bottom: 14px;
	right: 17px;
	margin-top: -3px;
}
.stripeBoxList .itemInr.markNon::after {
	content: none;
}
.stripeBoxList .itemInr.markNon:hover {
	background: #fff;
}
.stripeBoxList .itemInr dt, .stripeBoxList .itemInr dd {
	display: table-cell;
	vertical-align: top;
}
.stripeBoxList .itemInr dt {
	width: 25%;
	padding-right: 10px;
	text-align: center;
}
.stripeBoxList .colom_1col .itemInr dt{
  width: 15%!important;
}
.stripeBoxList .itemInr .itemName {
	display: inline-block;
	margin-bottom: 10px;
	text-align: left;
	color: #202a67;
	font-size: 1.8rem;
	font-weight: bold;
}
.stripeBoxList .itemInr .itemTxt .icon {
	display: block;
	margin-bottom: 18px;
	text-align: center;
}
.stripeBoxList .itemInr .itemTxt {
	display: block;
	padding-left: 5px;
	font-size: 1.4rem;
}
.stripeBoxList .itemInr dt >span {
	display: inline-block;
	vertical-align: middle;
	max-width: 97px;
}

/*WPまとめページ*/
.stripeBoxList .vertical {
	display: block!important;
}
.stripeBoxList .vertical {
	height: 600px!important;
}
.stripeBoxList .vertical .itemName{
  margin: 5px 0 15px 0;
}
.stripeBoxList .itemInr dt >span.icon img {
	width: 100%;
	height: auto;
}
.stripeBoxList .vertical dt{
  width: 100%!important;
}
.stripeBoxList .vertical .itemTxt .wp-img{
  width: 300px;
  margin: 0 auto 10px;
}
.stripeBoxList .vertical .itemTxt p{
  margin: 10px 0;
}
.stripeBoxList .vertical ul {
  margin: 0 30px;
}
/*------------------------------------------------*/
/*-- .stripeBoxList .yellow  --*/
.stripeBoxList .yellow .col {
	background: url(/00000000/service/groupware/images/groupware_bg_stripe_yl.gif)
}
.stripeBoxList .yellow .itemInr {
	height: 239px;
	padding: 24px;
}
.stripeBoxList .yellow .itemInr .itemName {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}
/*-- stripeBox type2 --*/
.stripeBoxList.type2 {
	width: 1030px;
	margin-top: 35px;
	overflow: hidden;
}
.stripeBoxList.type2 .colom_3col {
	margin-bottom: 35px;
}
.stripeBoxList.type2 .colom_3col .col {
	width: 31%;
	margin: 20px 20px 0 0;
}
.stripeBoxList.type2 .itemInr {
	display: block;
	height: 212px;
	padding: 0;
}
.stripeBoxList.type2 .itemInr .companyTtl {
	display: block;
	width: 100%;
	min-height: 73px;
	padding: 10px 0;
	background: #f7f7f7;
	position: relative;
}
.stripeBoxList.type2 .itemInr .itemName {
	display: inline-block;
	max-width: 100%;
	width: 100%;
	margin-bottom: 0;
	padding: 0 10px;
	white-space: normal;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.stripeBoxList.type2 .itemInr .tagBox {
	display: block;
	padding: 15px 35px 15px 15px;
	font-size: 1.4rem;
}
.stripeBoxList.type2 .itemInr .tagBox .tagCard {
	margin-bottom: 10px;
}
.stripeBoxList.type2 .itemInr .tagBox .tagCard:last-child {
	margin-bottom: 0;
}
.stripeBoxList.type2 .itemInr .tagCard {
	display: table;
	border: 1px solid #354187;
	border-radius: 9px;
	padding: 0 10px;
	color: #354186;
	font-weight: bold;
	white-space: nowrap;
}
.stripeBoxList a[target="_blank"] .itemInr::after {
	display: none;
}
.stripeBoxList a[target="_blank"] .itemInr::before {
	content: "";
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 26px;
	height: 30px;
	border-radius: 0;
	background: url(/common/images/ico_blank.png) no-repeat left top/100% auto;
}
/*-- box_bgGY --*/
.box_bgGY {
	padding: 25px 20px;
	background: #f7f7f7;
	font-size: 1.3rem;
}
/*-- infoList --*/
.infoSection {
	padding-top: 60px;
}
.infoSection .ttlLv2 {
	margin: 0 0 20px;
}
.infoList {
	padding: 0 10px;
}
.infoRow {
	border-bottom: 1px solid #eee;
	padding-left: 0;
}
.infoRow .rowInr {
	display: table;
	width: 100%;
	padding: 13px 0 15px;
}
.infoRow .infoDate, .infoRow .infoTxt {
	display: table-cell;
}
.infoRow .infoDate {
	width: 160px;
}
.infoRow .infoTxt a {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.infoRow .infoTxt a:hover {
	text-decoration: underline;
}
.infoList + p > .linkBtn {
	margin: 0;
}
/*----- contentArea -----*/
#contact {
	margin: 0 auto 0;
}
.contactBox {
	padding: 30px;
	text-align: center;
	background: #f0efef;
}
.contactBox p {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
	color: #1f2a66;
	letter-spacing: normal;
}
.contactBox p:last-child {
	margin-right: 0;
}
.contactBox .telNum {
	display: block;
	font-size: 2.5rem;
	font-weight: bold;
}
.contactBox .telDate {
	display: block;
	font-size: 1.2rem;
}
.contactBox .btn a {
	margin-bottom: 0;
	padding: 15px 85px;
	font-weight: bold;
}
.contactBox .btn a.blank:after {
	margin-left: 7px;
}
.contactBox .btn a.linkBtn.orange:hover {
	background: #f07b38;
	opacity: 0.7;
}
.contactBox .linkBtn .inr::after {
	display: none;
}
/*
case
------------------------------*/
.sortArea .sortBtn {
	display: block;
	width: 1000px;
	border-bottom: 5px solid #354187;
	letter-spacing: -0.4em;
}
.sortArea .sortBtn li {
	display: inline-block;
	width: 194px;
	height: 70px;
	padding-top: 24px;
	margin-right: 6.5px;
	margin-bottom: 0;
	background: #efefef;
	text-align: center;
	position: relative;
	vertical-align: middle;
	color: #354187;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: normal;
	padding-left: 0;
}
.sortArea .sortBtn li:last-child {
	margin-right: 0;
}
.sortArea .sortBtn li.activetab{
	border-bottom: solid 4px #F07A38;
}
.sortBtn li.current {
	background: #354187;
	color: #fff;
}
.sortBtn li.current:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #354187;
}
.problem {
	margin-top: 60px;
	background: #efefef;
}
.problem .contentInr {
	padding-bottom: 45px;
}
.problem .ttlLv2 {
	padding-top: 60px;
	font-size: 3rem;
}
.problem .contentArea {
	display: flex;
	justify-content: space-between;
}
.problem .linkBox .linkBtn {
	display: block;
	width: 400px;
	padding: 24px 30px 24px 10px;
	margin-right: 0;
	margin-bottom: 15px;
	font-size: 2.0rem;
}
.problem .linkBox .linkBtn:last-child {
	margin-bottom: 0;
}
.problem .linkBtn .inr::after {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -5px;
}
.problem .linkBox .linkBtn a > span {
	color: #fff;
	font-size: 2.2rem;
}
/* seminar
------------------------------*/
.mainArea {
	padding-top: 30px;
}
.filterWrap {
	padding: 20px;
	margin-bottom: 40px;
	background: #f7f7f7;
}
.filterWrap>li {
	margin-bottom: 10px;
}
.filterWrap>li:last-child {
	margin-bottom: 0;
}
.filterType {
	display: table;
	width: 100%;
}
.filterTtl, .filterBtn {
	display: table-cell;
	vertical-align: middle;
}
.filterTtl {
	width: 140px;
}
.filterBtnList>li {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	padding-left: 0;
}
.filterBtnList>li.Tag a {
	display: block;
	width: auto;
	font-size: 1.4rem;
	padding: 5px 10px;
}
.contentArea .row {
	display: table;
	width: 100%;
	padding: 20px 0;
	vertical-align: middle;
	color: #333;
	border-top: 1px solid #eee;
}
.contentArea .date {
	display: table-cell;
	width: 140px;
	font-size: 1.4rem;
	vertical-align: middle;
}
.contentArea .txt {
	vertical-align: middle;
	margin-left: 20px;
}
.contentArea .txt:hover {
	text-decoration: underline;
}
.contentArea .txt a {
	color: #333;
}
.tagCol {
	display: table-cell;
	width: 132px;
	vertical-align: top;
}
.Tag a {
	display: block;
	font-size: 1.2rem;
	text-align: center;
	padding: 2px 5px 3px;
}
.Tag:last-child {
	margin-bottom: 0;
}
.Tag a {
	color: currentColor;
}
.Tag a:hover {
	background: #fff;
}
.tagCol .Tag {
	display: inline-block;
}
.Tag_color {
	font-size: 14px;
	padding: 5px;
	margin-right: 5px;
    margin-bottom: 5px;
	color: #333;
	border: 1px solid;
}
.Tag.web,
.Tag.all {
	color: #333;
	border: 1px solid;
}
.Tag.admin {
	color: #006ed5;
	border: 1px solid #006ed5;
}
.Tag.operation {
	color: #b57300;
	border: 1px solid #b57300;
}
.Tag.option {
	color: #e60012;
	border: 1px solid #e60012;
}
.Tag.start-up {
	color: #e83e8e;
	border: 1px solid #e83e8e;
}
.Tag.other {
	color: #b186f3;
	border: 1px solid #b186f3;
}
.Tag.tokyo {
	color: #f07a38;
	border: 1px solid #f07a38;
}
.Tag.osaka {
	color: #478900;
	border: 1px solid #478900;
}
.Tag.osaka {
	color: #478900;
	border: 1px solid #478900;
}
.hiddenContent {
	display: none;
}
.pagination {
	text-align: center;
	font-size: 1.4rem;
	margin-top: 30px;
}
.pagination a {
	text-decoration: none;
	border: solid 1px #354187;
	;
	color: #15B;
}
.pagination a:hover {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.pagination a, .pagination span {
	display: inline-block;
	padding: 0.3em 0.7em;
	margin-right: 5px;
	margin-bottom: 5px;
}
.pagination .current {
	background: #354187;
	;
	color: #fff;
	border: solid 1px #354187;
	;
}
.pagination .prev, .pagination .next {
	display: none;
}
/*
service
------------------------------*/
.service .stripeBoxList .itemInr {
	height: 140px;
}
.service .stripeBoxList .itemInr .itemName {
	color: #f07a38;
}
.service .stripeBoxList .itemInr dt>span.univ img {
	padding-top: 34px;
}
.service .stripeBoxList div.col .itemInr dt {
	width: 103px;
}
/*
groupware
------------------------------*/
.circleBox {
	height: 235px;
	padding: 30px;
	border: 2px solid #fff;
	border-radius: 50%;
}
.circleBox figure {
	text-align: center;
}
.circleBox figure figcaption {
	margin-top: 20px;
	color: #fff;
}
/*-- content_arrow --*/
.content_arrow {
	position: relative;
	margin-top: 60px;
	padding: 40px 0 60px;
}
.content_arrow::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -40px;
	border: 40px solid transparent;
	border-top: 25px solid #354187;
}
.content_arrow .colom_4col .col:nth-child(4) .circleBox figure figcaption {
	margin-top: 35px;
}
.box_arrow{
	display: flex;
	text-align: center;
}
.box_arrow div{
	width: 33.3%;
	padding: 0 20px;
}
.box_arrow .txt_up{
	position: relative;
	background: #354187;
	color: #fff;
	padding: 10%;
}
.box_arrow .txt_down{
	background: url(/00000000/service/groupware/images/groupware_solution_bg.gif);
	padding: 20px;
	font-weight: bold;
}
.box_arrow .txt_up::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 15px solid #354187;
}




/*-- content_stripeOR --*/
.content_stripeOR {
	padding-top: 60px;
	background: url(/00000000/service/groupware/images/groupware_solution_bg.gif);
}
.content_stripeOR .contentInr {
	padding-bottom: 60px;
}
.content_stripeOR .ttlLv2 {
	margin-top: 0;
	font-size: 4rem;
}
.content_stripeOR .circleBox {
	border-color: #354187;
	background: #fff;
}
.content_stripeOR .circleBox figure figcaption {
	font-size: 1.4rem;
	color: #000;
	font-weight: bold;
}
.content_stripeOR .colom_4col .col:nth-child(4) .circleBox figure figcaption {
	margin-top: 5px;
}
/*-- pointBox --*/
.pointBox {
	width: 100%;
	margin-bottom: 50px;
	padding: 10px;
	background: url(/00000000/service/groupware/images/groupware_list_bg.gif);
	position: relative;
}
.pointBox .flagNumber {
	left: 70px;
}
.pointBox .flagBox .inr {
	font-size: 2.5rem;
}
.pointBox .pointBoxInr {
	display: table;
	width: 100%;
	height: 380px;
	padding: 60px 60px 40px 60px;
	background: #fff;
}
.pointBox .txtBox {
	display: table-cell;
	padding-right: 99px;
	vertical-align: middle;
	font-weight: bold;
}
.pointBox .ttlLv3 {
	font-size: 2.5rem;
	margin: 0;
}
.pointBox .txtBox > p {
	margin-top: 15px;
	font-size: 1.4rem;
	line-height: 2;
}
.pointBox .captureBox {
	display: table-cell;
	vertical-align: middle;
}
/*-- desBox --*/
.desBox {
	width: 100%;
	margin-bottom: 60px;
	border: 1px solid #d5d2d2;
}
.desBox .desInr {
	padding: 40px 60px;
	font-weight: bold;
	font-size: 1.4rem;
}
.desBox .desInr p+ p {
	margin-top: 15px;
}
.desBox .captureBox {
	display: block;
}
.desBox .captureBox a > img {
	display: inline-block;
	vertical-align: middle;
}
.desBox .captureBox a:first-child > img {
	margin-right: 25px;
}
.desBox .txtBox p + p {
	margin-top: 15px;
}
/*-- .content.introduction  --*/
.introduction {
	border-top: 1px solid #d5d2d2;
}
.introduction .ttlLv3 + p {
	margin-top: 15px;
}
.introduction .funcBox {
	display: flex;
	width: 1000px;
	justify-content: space-between;
	align-items: center;
}
.introduction .funcBox .txtBox {
	width: 400px;
}
.introduction .ttlLv3 {
	font-size: 2.5rem;
	margin: 0;
}
.introduction .funcBox .iconBox {
	width: 500px;
	text-align: right;
}
.introduction .funcBox .iconBox > img {
	padding: 5px 20px;
	width: 100%;
}
.introduction .funcBox .iconBox > img:nth-child(5n) {
	padding-right: 0;
}
.introduction .linkBtn {
	width: 100%;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	padding: 15px 35px;
	font-size: 2.0rem;
}
/*
admission
------------------------------*/
.stepBox {
	margin-top: 40px;
}
.stepBox .col {
	position: relative;
	margin-left: 35px;
	width: 31%;
	background: #354187;
	border: 2px solid #354187;
}
.stepBox .col::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -34px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 0 35px 27px;
	border-color: transparent transparent transparent #6273d4;
}
.stepBox .col:last-child::after {
	display: none;
}
.stepBox .stepTtl {
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
}
.stepBox .boxInr {
	padding: 20px 15px 40px;
	background: #f7f7f7;
}
.stepBox .stepTxt {
	height: 192px;
	padding-top: 113px;
	text-align: center;
	color: #f07b38;
	font-weight: bold;
	font-size: 1.8rem;
}
.stepBox .stepTxt+.txt {
	margin-top: 10px;
	font-size: 1.4rem;
}
.step01 .stepTxt {
	background: url(/00000000/service/groupware/images/admission_01.png)no-repeat top center;
}
.step02 .stepTxt {
	background: url(/00000000/service/groupware/images/admission_02.png)no-repeat top center;
}
.step03 .stepTxt {
	background: url(/00000000/service/groupware/images/admission_03.png)no-repeat top center;
}
/*----- pointBox_bgOR -----*/
.pointBox_bgOR {
	width: 100%;
	margin-top: 65px;
	padding: 10px;
	background: url(/common/images/bg_stripe_or.gif);
	position: relative;
}
.pointBox_bgOR .flagNumber {
	position: absolute;
	top: -10px;
	color: #fff;
	left: 73px;
}
.pointBox_bgOR .flagNumber::after {
	border-width: 0 65px 5px 65px;
}
.pointBox_bgOR .flagNumber .inr {
	width: 139px;
	font-size: 2rem;
}
.pointBox_bgOR .txtBox {
	display: block;
	padding: 75px 63px 50px 63px;
	background: #fff;
}
.pointBox_bgOR .txtBox > p {
	margin-top: 0;
	line-height: 1.5;
	font-size: 1.6rem;
	font-weight: bold;
}
.pointBox_bgOR .emphasis {
	font-size: 2.4rem;
}
.pointBox_bgOR figure {
	margin-top: 45px;
	text-align: center;
}
/*
func
------------------------------*/
.appListArea {
	margin-bottom: 60px;
}
.appListArea .appList {
	display: table;
	width: 100%;
}
.appListArea .appList > li {
	float: left;
	text-align: center;
	padding-left: 0;
	margin-bottom: 20px;
	width: 14%;
}
.appListArea .appList .itemInr {
	display: block;
	position: relative;
	padding-bottom: 12px;
	font-size: 1.3rem;
}
.appListArea .appList .itemInr::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 6px;
	height: 6px;
	border-right: 1px solid #f07a38;
	border-bottom: 1px solid #f07a38;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.appListArea .appList .itemInr .icon {
	display: block;
	text-align: center;
}
.appListArea .appList .itemInr .icon:hover {
	opacity: 0.7;
}
.appListArea .colom_2col {
	margin-top: 40px;
}
.appListArea .colom_2col:last-child .appList li {
	display: inline-block;
}
.appListArea .colom_2col .col.option {
	width: 100%;
	padding: 15px 50px;
	text-align: center;
	border: 1px solid #354187;
	vertical-align: middle;
}
.appListArea .colom_2col .col.option ul li {
	margin-bottom: 0;
}
.appListArea .colom_2col .optionTtl {
	display: inline-block;
	width: 46%;
	font-size: 2.2rem;
	font-weight: bold;
	color: #f07a38;
	text-align: left;
	vertical-align: middle;
}
.appListArea .colom_2col .col.option .appList {
	display: inline-block;
	width: 53%;
	vertical-align: middle;
}
.appListArea .colom_2col .col.option .appList li {
	width: 48.6%;
	vertical-align: middle;
}
.appListArea .colom_2col .col.option .appList .appItem:last-child .icon {
	margin-top: 6px;
}
.appListArea .colom_2col .col.option .appList .appItem:last-child .icon img {
	max-width: 60px;
	width: 60px;
}
/*----- appBoxArea -----*/
.appBoxArea {
	padding-top: 40px;
	padding-bottom: 60px;
	background: #354187;
}
.appBoxArea .ttlLv2 {
	padding-top: 60px;
}
.appBoxArea .ttlLv2:first-child {
	margin-top: 0;
	padding-top: 0px;
}
.appBoxArea .leadTxt {
	margin-bottom: 40px;
	color: #fff;
	text-align: center;
}
.appBoxArea .colom_3col>.col {
	width: 310px;
	margin-left: 35px;
}
.appBoxArea .colom_3col>.col:nth-of-type(n+4) {
	margin-top: 35px;
}
.appBoxArea .colom_3col>.col:nth-of-type(3n+1) {
	margin-left: 0;
}
.appBoxArea .stripeBoxList .itemInr {
	padding-left: 10px;
}
.appBoxArea .stripeBoxList .yellow .itemInr {
	padding: 24px;
}
.appBoxArea .stripeBoxList .itemInr .itemTxt {
	padding-left: 7px;
}
.appBoxArea .stripeBoxList #paid .itemInr .itemName, .appBoxArea .stripeBoxList #sync .itemInr .itemName {
	line-height: 1;
}
/*-----wpBoxArea------*/
.wpBoxArea {
	background: #E9E8FB;
}
/*
groupware func
------------------------------*/
.btnArea .colom_2col.hasSpace .col {
	width: 45%;
}
.btnArea img.bobl {
	width: 100%;
	border: 1px solid #cccccc;
}
.btnArea .expandBt {
	text-align: right;
}
.btnArea .linkBtn {
	min-width: 100px;
	margin-right: 0;
}
.btnArea .linkBtnList {
	margin-top: 60px;
	text-align: center;
}
.btnArea .linkBtnList .linkBtn {
	width: 250px;
}
.btnArea .linkBtnList.col4 .linkBtn {
	width: 235px;
}
/*
contents box
------------------------------*/
.box {
	margin-bottom: 60px;
}
.box .item {
	margin-bottom: 40px;
}
.box:last-child, .box .item:last-child {
	margin-bottom: 0;
}
.bnrBox .bnr_item {
	margin-right: 10px;
	display: inline-block;
	text-align: center;
	font-size: 1.3rem;
}
.bnrBox .bnr_item img {
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
}
/*
Line
------------------------------*/
.dotLine {
	margin-bottom: 30px;
	padding: 20px 0;
	border-top: dotted 1px #dddddd;
	border-bottom: dotted 1px #dddddd;
}
/*
Width
------------------------------*/
.w05 {
	width: 5%;
}
.w10 {
	width: 10%;
}
.w15 {
	width: 15%;
}
.selectList label {
	display: inline-block;
	cursor: pointer;
}
.selectList label span {
	display: inline-block;
	position: relative;
	padding-left: 24px;
}
.selectList label span::before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	left: 0;
	background: #cccccc;
	border: 2px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	pointer-events: none;
	z-index: 3;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.selectList label input[type='radio']:checked + span::before {
	background: #f07a38;
}
.selectList {
	padding-left: 0;
}
.selectList li {
	padding-left: 0;
}
/*------------------------------
wordpress single-service.php
------------------------------*/
.wp-block-image .alignleft {
	text-align: left;
}
.wp-block-image .alignright {
	text-align: right;
}
.wp-block-image .aligncenter {
	text-align: center;
}
.wp-block-table {
	margin-bottom: 60px;
}
.wp-block-table tr:first-child {
	background: #1f5598;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.wp-block-table tr:first-child td:last-child {
	text-align: center;
}
.wp-block-table tbody tr:first-child td:not(:last-child) {
	border-left: none;
	border-right: none;
}
.wp-block-table tr:not(:first-child) td:first-child {
	background: #edf5ff;
	font-weight: normal;
	color: #333;
	text-align: center;
}
.wp-block-table th {
	background: #1f5598;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.wp-block-table td {
	padding: 14px;
	border: 1px solid #cccccc;
	vertical-align: middle;
}
/*.box p {
  margin-bottom: 60px;
}
*/
.screen-reader-text {
	display: none;
}
/*------------------------------
	2column
------------------------------*/
.content .contentInr main {
	width: 760px;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.content .contentInr .column_side {
	display: inline-block;
	vertical-align: top;
	width: 200px;
}
.content .contentInr .column_side .pickup .pickup_box span{
	background: #fff;
  font-size: 1.2rem;
  padding: 2px 10px;
  margin-bottom: 5px;
	display: block;
}
.tax_02{
	font-size: 0.8em;
	color: #777777;
}

/*------------------------------
	もっとみるボタン
------------------------------*/
.txt-hide{
display: none;
}

button.more_btn {
width: 200px;
margin: 20px auto;
display: block;
background-color: #1f2a66;
color: #fff;
padding:10px 15px;
border: none;
outline: 0;
transition: .5s;
-erbkit-transition: .5s;
}
button.more_btn:hover{
  cursor: pointer;
}
button.more_btn::after {
content: "もっと見る";
transition: .2s;
-erbkit-transition: .2s;
}

button.more_btn.on-click::after{
content: "閉じる";
}


/*
applicationBox
------------------------------*/
.applicationBox .applicationBoxTop {
	display: flex;
}
.applicationBox .label {
	background: #FAC718;
    border-radius: 5px;
    text-align: center;
    color: #333;
    font-size: 12px;
    padding: 6px 0;
    margin: 12px 0 0;
}
.applicationBox .ttl {
	font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #1F2A66;
}
.applicationBox .applicationBoxTop .txt {
	font-size: 14px;
}
.applicationBox .applicationBoxTop .txt span {
	color: #FF0000;
	font-weight: bold;
}
.applicationBox .scheduleBox {
	margin-top: 8px;
}
.applicationBox .applicationBoxList {
	max-width: 760px;
	margin: 0 auto;
}
/* .applicationBox .applicationBoxList {
	display: flex;
	flex-wrap: wrap;
} */
.applicationBox .applicationBoxListItem {
	/* width: 320px; */
	width: 100%;
	border: 1px solid #B9B9B9;
	border-radius: 10px;
    box-shadow: 6px 1px 10px rgba(0, 0, 0, 0.0509803922);
    padding: 15px;
	/* margin: 0 0 0 20px; */
}
.applicationBox .applicationBoxListItem + .applicationBoxListItem {
	margin-top: 20px;	
}
/* .applicationBox .applicationBoxList .applicationBoxListItem:nth-of-type(3n+1) {
	margin-left: 0;
} */
/* .applicationBox .applicationBoxList .applicationBoxListItem:nth-of-type(n + 4) {
	margin-top: 20px;
} */
.applicationBox .applicationBoxList .leftBox {
	width: 120px;
	margin-right: 15px;
}
.applicationBox .applicationBoxList .rightBox {
	flex: 1;
}
.applicationBox .scheduleBox .scheduleCard + .scheduleCard {
	margin-top: 10px;
}
.applicationBox .scheduleBox p {
	font-size: 12px;
	font-weight: bold;
	display: flex;
    align-items: center;
	line-height: 1;
}
.applicationBox .scheduleBox span {
	font-size: 16px;
    margin-left: 13px;
    display: block;
	flex: 1;
}
.applicationBox .applicationBoxTag {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/* justify-content: center; */
	/* margin-top: 10px; */
	margin-bottom: 5px;
}
.applicationBox .applicationBoxTag span {
	display: block;
	/* background: #F07A38; */
	background: #1f2a66;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 6px;
	margin: 5px;
}
.applicationBox .applicationBoxBtn {
	background: #1F2A66;
    border: 1px solid transparent;
    color: #fff;
    margin: 10px 0 0;
    width: 100%;
    padding: 8px 10px;
}
.applicationBox .applicationBoxBtn:hover {
	background: #fff;
    border: 1px solid #1F2A66;
    color: #1F2A66;
}
.applicationBox .linkBtn {
	width: 100%;
	margin: 0 0 10px 0;
}
.alignright {
	display: block;
	margin: 0 0 0 auto;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}



div.limitedCampaign01{
    text-align: center;
    margin: 0 auto 30px;
    line-height: 1.7;
}
div.limitedCampaign01 p{
	color: red;
}
div.limitedCampaign01 p:first-child{
	/*font-weight: bold;*/
}
div.limitedCampaign01 a{
	text-decoration-line: underline;
}



.browserVersion_img{
	width: 175px;
	border: solid 1px #1f2a66;
	margin: 0 auto;
	text-align: center;
}

a.adjustment_a{
	color: #f07a38;
	text-decoration: underline;
}

div.stripeBoxList .emphasis {
    padding: 10px;
    background: repeating-linear-gradient(-45deg, #FBC388 0, #FFF1E4 5px, #fff 5px, #fff 5px) !important;
}
.stripeBoxList .itemInr_2::before{
	content: "";
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #354187;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
}