@charset "utf-8";

/*--------------------*/
/*---- pc_cont.css ----*/
/*--------------------*/
/*
border: 1px solid gray;
*/

/*----- common -----*/
html {
	font-size: 625%;
	overflow: auto;
}
body {
	font-size: .16em;
	overflow: hidden;
	min-width: 1100px;
	background: #fff;
}
@media screen and (max-width:1100px) {
	body {
		overflow: auto;
	}
}
.pcNone {
	display: none;
}

.container {
	width: 1100px;
	margin: auto;
}

.bold {
	font-weight: bold;
}

.right {
	text-align: right;
}

.bg1 {
	background: #f4f4f4;
}

/*----- header ------*/
.header {
	height: 110px;
	padding: 16px 0 20px;
	position: relative;
	background: #0083d5;
	z-index: 1001;
}

.headerInner {
	position: relative;
	font-size: 0;
	text-align: right;
}

.headerLogo {
	width: 272px;
	height: 59px;
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 13px;
	z-index: 1;
}

.headerLogo a {
	display: inline-block;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.headerLogo img {
	display: block;
	width: 272px;
	height: 38px;
	margin: 8px 0 0;
}

.headerLink {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.headerActionList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: flex-end;
}

.headerActionItem {
	margin: 0 16px 0 0;
	font-size: 16px;
}

.headerActionItem:last-child {
	margin-right: 0;
}

.headerActionItem a {
	display: inline-block;
	padding: 8px 20px 8px 14px;
	color: #fff;
	border: solid 1px rgba(255,255,255,.7);
	border-radius: 6px;
	text-decoration: none;
}

.headerActionItem a:hover {
	background: #fff;
	color: #0083d5;
	opacity: 1;
	transition: .3s;
}

.headerActionItem a:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 16px;
	margin: 0 14px 0 0;
}

.headerActionItem a.item1:before {
	background: url(../image/header_icon_support.svg) no-repeat;
	background-size: 20px 16px;
	vertical-align: -1px;
}

.headerActionItem a.item1:hover:before {
	background: url(../image/header_icon_support_over.svg) no-repeat;
	background-size: 20px 16px;
}

.headerActionItem a.item2:before {
	background: url(../image/header_icon_contact.svg) no-repeat;
	background-size: 20px 16px;
	vertical-align: -2px;
}

.headerActionItem a.item2:hover:before {
	background: url(../image/header_icon_contact_over.svg) no-repeat;
	background-size: 20px 16px;
}

.headerNavList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: flex-end;
	margin: 20px 0 0;
}

.headerNavItem {
	margin: 0 48px 0 0;
	position: relative;
	font-size: 18px;
}

.headerNavItem:last-child {
	margin-right: 0;
}

.headerNavItem a {
	color: #fff;
	text-decoration: none;
}

.headerNavItem a:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 12px;
	margin: 0 8px 0 0;
	background: url(../image/nav_arrow.svg) no-repeat;
	background-size: 6px 12px;
}

.headerNavItemHover {
	height: 40px;
	cursor: pointer;
}

.headerNavSecondList {
	display: none;
	padding: 18px 36px 30px 30px;
	position: absolute;
	top: 36px;
	left: -16px;
	background: #0083d5;
	z-index: 999;
}

.headerNavSecondItem {
	margin: 0 0 20px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
.headerNavSecondItem:last-child {
	margin-bottom: 0;
}

.headerNavSecondItem a:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	margin: 0 8px 0 0;
	background: url(../image/nav_arrow_second.svg) no-repeat;
	background-size: 6px 10px;
}

.headerNavSp {
	display: none;
}

/*----- navigation ------*/
.navDrawerWrap {
	position: fixed;
	top: 22px;
	text-align: right;
	z-index: 999;
}

.navDrawer {
	width: 300px;
	position: relative;
}

.navContent {
	display: none;
	width: 310px;
	height: calc(100% - 96px);
	padding: 15px 0 0;
	position: fixed;
	top: 96px;
	right: 30px;
	text-align: left;
	overflow-y: auto;
	-ms-overflow-style: none;
	z-index: 999;
}

.navContent:before {
	content: "";
	position: absolute;
	top: 0;
	right: 27px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 15px 10px;
	border-color: transparent transparent #0083D5 transparent;
}

.navContentInner {
	padding: 34px 30px;
	background: #0083D5;
}

.navList {
	margin: 0 0 30px;
}

.navItem {
	margin: 0 0 26px;
	font-size: 16px;
	font-weight: bold;
}

.navItem:last-child {
	margin-bottom: 0;
}

.navItem a,
.navItem .headerNavItemClick {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.navItem a:before,
.navItem .headerNavItemClick:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 12px;
	margin: 0 12px 0 0;
	background: url(../image/nav_arrow.svg) no-repeat;
	background-size: 6px 12px;
}

.navSecondList {
	display: none;
	margin: 20px 0 0;
	padding: 0 0 0 20px;
}

.navSecondItem {
	margin: 0 0 20px;
	font-size: 14px;
	font-weight: normal;
}
.navSecondItem:last-child {
	margin-bottom: 0;
}

.navSecondItem a:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	margin: 0 8px 0 0;
	background: url(../image/nav_arrow_second.svg) no-repeat;
	background-size: 6px 10px;
}

.navActionItem {
	margin: 0 0 14px;
	font-size: 16px;
}

.navActionItem:last-child {
	margin-bottom: 0;
}

.navActionItem a {
	display: inline-block;
	padding: 10px 20px 10px 14px;
	color: #fff;
	border: solid 1px rgba(255,255,255,.7);
	border-radius: 6px;
	text-decoration: none;
}

.navActionItem a:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 16px;
	margin: 0 14px 0 0;
	vertical-align: -2px;
}

.navActionItem a.item1:before {
	background: url(../image/header_icon_support.svg) no-repeat;
	background-size: 20px 16px;
}

.navActionItem a.item2:before {
	background: url(../image/header_icon_contact.svg) no-repeat;
	background-size: 20px 16px;
}

/*----- menuTrigger ------*/
.menuTrigger,
.menuTrigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.menuTrigger {
	width: 75px;
	height: 75px;
	position: relative;
	background: #0083D5;
	border-radius: 6px;
	cursor: pointer;
}

.menuTrigger:hover {
	opacity: 0.7;
	transition: .3s;
}

.menuTrigger span {
	position: absolute;
	width: 39px;
	height: 5px;
	margin: auto;
	background: #fff;
	left: 0;
	right: 0;
}

.menuTrigger span:nth-of-type(1) {
	top: 21px;
}

.menuTrigger span:nth-of-type(2) {
	top: 0;
	bottom: 0;
}

.menuTrigger span:nth-of-type(3) {
	bottom: 21px;
}

.menuTrigger.menuActive span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}

.menuTrigger.menuActive span:nth-of-type(2) {
	opacity: 0;
}

.menuTrigger.menuActive span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
}

/*----- content ------*/
.contentTop {
	margin: 70px 0 0;
}

.contentText {
	font-size: 26px;
	line-height: 1.8;
	text-align: center;
}

.contentText.small {
	margin: 20px 0 0;
	font-size: 14px;
}

.contentText.medium {
	font-size: 20px;
}

/*----- main ------*/
.pageMain,
.pageMain .container {
	height: 250px;
	position: relative;
}

.pageMain.home {
	height: calc(100vh - 105px);
	background: url(../image/main_image_home.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
}

.pageMain.home .container {
	height: auto;
}

.pageMain.faq {
	background: url(../image/main_image_faq.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.contact {
	background: url(../image/main_image_contact.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.company {
	background: url(../image/main_image_company.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.solution {
	background: url(../image/main_image_solution.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.jinji {
	background: url(../image/main_image_jinji.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.syugyo {
	background: url(../image/main_image_syugyo.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.kyuyo {
	background: url(../image/main_image_kyuyo.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.mynumber {
	background: url(../image/main_image_mynumber.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.outsorsing {
	background: url(../image/main_image_outsorsing.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.mokuhyo {
	background: url(../image/main_image_mokuhyo.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.term {
	background: url(../image/main_image_term.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.news {
	background: url(../image/main_image_news.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.blog {
	background: url(../image/main_image_blog.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.sitemap {
	background: url(../image/main_image_sitemap.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pageMain.case {
	background: url(../image/main_image_case.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.breadcrumbList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	padding: 20px 0 0;
}

.breadcrumbItem {
	font-size: 14px;
	line-height: 1.5;
	color: #0083d5;
}

.breadcrumbItem:after {
	content: ">>";
	margin: 0 10px;
}

.breadcrumbItem:last-child:after {
	content: none;
}

.breadcrumbItem a {
	color: #0083d5;
}

.breadcrumbItem a:hover {
	opacity: 1;
}

.blogBreadcrumb {
	width: 560px;
	padding: 20px 0 0;
	font-size: 14px;
	line-height: 1.5;
	color: #0083d5;
}

.blogBreadcrumb a {
	color: #0083d5;
}

.blogBreadcrumb a:hover {
	opacity: 1;
}

.blogBreadcrumb span {
	margin: 0 8px;
}

.pageTitle {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	padding: 0 0 8px;
	border-bottom: solid 4px #ffac27;
}

.faq .pageTitle img {
	width: 104px;
	height: 48px;
}

.contact .pageTitle img {
	width: 490px;
	height: 41px;
}

.faq .pageTitle img {
	width: 104px;
	height: 48px;
}

.company .pageTitle img {
	width: 183px;
	height: 41px;
}

.solution .pageTitle img {
	width: 411px;
	height: 42px;
}

.jinji .pageTitle img {
	width: 420px;
	height: 44px;
}

.syugyo .pageTitle img {
	width: 487px;
	height: 44px;
}

.kyuyo .pageTitle img {
	width: 420px;
	height: 44px;
}

.mynumber .pageTitle img {
	width: 484px;
	height: 44px;
}

.mokuhyo .pageTitle img {
	width: 486px;
	height: 44px;
}

.outsorsing .pageTitle img {
	width: 478px;
	height: 43px;
}

.term .pageTitle img {
	width: 361px;
	height: 41px;
}

.news .pageTitle img {
	width: 176px;
	height: 41px;
}

.blog .pageTitle img {
	width: 351px;
	height: 41px;
}

.sitemap .pageTitle img {
	width: 255px;
	height: 41px;
}

.case .pageTitle img {
	width: 182px;
	height: 41px;
}

/*----- home ------*/
.homePageTitleWrap {
	width: 1100px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transform: translateY(30%);
	-webkit- transform: translateY(30%);
}

.homePageTitle {
    font-size: 0;
}

.homePageTitle:before {
	content: "";
	display: block;
	width: 190px;
	height: 54px;
	background: url(../image/page_title_home_sub.svg) no-repeat;
	background-size: 190px 54px;
}

.homePageTitle:after {
	content: "";
	display: block;
	width: 568px;
	height: 185px;
	margin: 30px 0 0;
	background: url(../image/page_title_home.svg) no-repeat;
	background-size: 568px 185px;
}

.homeNextButton {
	display: block;
	width: 80px;
	height: 80px;
	margin: auto;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	background: url(../image/home_next_button.svg) no-repeat;
	background-size: 80px 80px;
}

.homeContentTop {
	padding: 80px 0 110px;
	background: #d9f8ff;
	text-align: center;
	position: relative;
}

.homeContentTop:before {
	content: "";
	display: block;
	width: 3590px;
	height: 862px;
	margin: auto;
	position: absolute;
	bottom: 2px;
	left: calc(50% - -74px);
	right: 0;
	transform: translateX(-50%);
	background: url(../image/home_content_top_background_1.svg) no-repeat;
	background-size: 3590px 862px;
}

.homeContentTop:after {
	content: "";
	display: block;
	width: 100%;
	min-width: 1680px;
	height: 540px;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(../image/home_content_top_background_2.png) no-repeat;
	background-size: cover;
	background-position: center bottom;
}

.homeContentTop .container {
	position: relative;
	z-index: 1;
}

.homeContentTopLogo {
	width: 880px;
	height: 104px;
	margin: auto;
	background: url(../image/home_content_top_logo.svg) no-repeat;
	background-size: 880px 104px;
	font-size: 0;
}

.homeContentTopHeading {
	margin: 74px 0 0;
	font-size: 44px;
	font-weight: bold;
	line-height: 1.1;
}

.homeContentTopDescription {
	margin: 26px 0 0;
	font-size: 25px;
	line-height: 1.8
}

.homeContentTopFigure {
	margin: 40px 0 0;
}

.homeContentTopFigure img {
	width: 906px;
	height: 407px;
}

.homeContent.service {
	padding: 80px 0 0;
	background: #0083d5;
	text-align: center;
}

.service .homeContentTitle {
	display: inline-block;
	padding: 0 12px 10px;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.1;
	color: #fff;
	border-bottom: solid 5px #ffe239;
}

.homeServiceWrap {
	margin: 48px 0 0;
}

.homeServiceContent {
	min-height: 420px;
	margin: 0 0 -155px;
	position: relative;
	text-align: left;
}

.homeServiceContent:nth-child(2n) {
	margin-bottom: 0;
}

.homeServiceContent.jinji {
	background: url(../image/home_service_image_1.png) no-repeat;
	background-size: 1680px 420px;
	background-position: center top;
}

.homeServiceContent.kyuyo {
	background: url(../image/home_service_image_2.png) no-repeat;
	background-size: 1680px 420px;
	background-position: center top;
}

.homeServiceContent.syugyo {
	background: url(../image/home_service_image_3.png) no-repeat;
	background-size: 1680px 420px;
	background-position: center top;
}

.homeServiceContent.mokuhyo {
	background: url(../image/home_service_image_4.png) no-repeat;
	background-size: 1680px 420px;
	background-position: center top;
}

.homeServiceContent.mynumber {
	background: url(../image/home_service_image_5.png) no-repeat;
	background-size: 1680px 420px;
	background-position: center top;
}

.homeServiceContent.outsorsing {
	background: url(../image/home_service_image_6.png) no-repeat;
	background-size: 1680px 420px;
	background-position: center top;
}

.homeServiceInner {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	align-items: center;
	width: 1100px;
	height: 420px;
	margin: auto;
	position: absolute;
	top: -66px;
	left: 0;
	right: 0;
}

.homeServiceContent:nth-child(2n) .homeServiceInner {
	flex-direction : row-reverse;
	top: 34px;
}

.homeServiceText {
	width: 580px;
}

.homeServiceTitle a {
	font-size: 35px;
	font-weight: bold;
	line-height: 1.1;
	color: #fff;
	text-decoration: underline;
}

.homeServiceTitle a:after {
	content: "";
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 0 0 0 20px;
	background: url(../image/home_service_arrow_1.svg) no-repeat;
	background-size: 34px 34px;
	vertical-align: -4px;
}

.homeServiceContent:nth-child(2n) .homeServiceTitle a:after {
	background: url(../image/home_service_arrow_2.svg) no-repeat;
	background-size: 34px 34px;
}

.homeServiceTitle a:hover {
	text-decoration: none;
	opacity: 1;
}

.homeServiceSummary {
	display: block;
	margin: 24px 0 0;
	font-size: 16px;
	line-height: 1.8;
	color: #fff;
}

a.homeServiceSummary {
	color: #fff;
	text-decoration: none;
}

.homeServiceSummary:hover {
	color: #fff;
}

.homeServiceLink {
	display: block;
	width: 100%;
	height: 340px;
	position: absolute;
	top: 66px;
	left: 600px;
}

.homeServiceContent:nth-child(2n) .homeServiceLink {
	top: 46px;
	left: auto;
	right: 600px;
}

.homeContent.case {
	padding: 80px 0;
	background: url(../image/home_case_background.png) repeat;
}

.homeContentTitle {
	text-align: center;
}

.homeContentTitle img {
	padding: 0 43px 20px;
	border-bottom: solid 5px #ffe239;
}

.case .homeContentTitle img {
	width: 252px;
	height: 62px;
}

.homeCaseList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 40px 0 -40px;
}

.homeCaseItem {
	width: 530px;
	margin: 0 40px 40px 0;
	background: #fff;
	box-shadow : 1px 1px 4px rgba(0, 0, 0, 0.04);
}

.homeCaseList:first-child .homeCaseItem,
.homeCaseItem:nth-child(2n) {
	margin-right: 0;
}

.homeCaseItem a {
	display: block;
	padding: 40px 40px 34px;
	color: #333;
	text-decoration: none;
	pointer-events: none;
}

.homeCaseImage {
	position: relative;
}

.homeCaseImage img {
	vertical-align: bottom;
}

.homeCaseIndustry {
	width: 100%;
	padding: 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	font-size: 16px;
	line-height: 1.3;
	color: #fff;
	text-align: center;
}

.homeCaseIndustry span {
	margin: 0 0 0 1em;
}

.homeCaseBottom {
	margin: 10px 0 0;
}

.homeCaseLogo {
	width: 170px;
	margin: 0 auto -14px;
}

.homeCaseText {
	margin: 20px 0 0;
	font-size: 16px;
	line-height: 1.6;
}

.homeCaseLogoListWrap {
	margin: 40px 0 0;
	padding: 24px 40px;
	background: #fff;
	box-shadow : 1px 1px 4px rgba(0, 0, 0, 0.04);
}

.homeCaseLogoList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -20px;
}

.homeCaseLogoItem {
	width: 240px;
	margin: 0 20px 20px 0;
}

.homeCaseLogoItem:nth-child(4n) {
	margin-right: 0;
}

.homeCaseLogoItem a {
	pointer-events: none;
}

.homeContent.voice {
	padding: 80px 0 120px;
	background: url(../image/home_voice_background.png) repeat;
}

.voice .homeContentTitle img {
	width: 294px;
	height: 62px;
}

.homeVoiceList {
	margin: 40px 0 0;
}

.homeVoiceItem {
	margin: 0 0 40px;
	position: relative;
}

.homeVoiceItem:last-child {
	margin-bottom: 0;
}

.homeVoiceUser {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

.homeVoiceItem:nth-child(2n) .homeVoiceUser {
	left: auto;
	right: 0;
}

.homeVoiceUserImage img {
	width: 140px;
	height: 140px;
}

.homeVoiceUserName {
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1.6;
	color: #fff;
}

.homeVoiceText {
	width: 630px;
	margin: 0 0 0 180px;
	padding: 32px 50px;
	position: relative;
	background: #fff;
	border-radius: 14px;
}

.homeVoiceItem:nth-child(2n) .homeVoiceText {
	margin: 0 180px 0 auto;
}

.homeVoiceText:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: -25px;
	top: 35px;
	border-style: solid;
	border-width: 15px 30px 15px 0;
	border-color: transparent #fff transparent transparent;
	
}

.homeVoiceItem:nth-child(2n) .homeVoiceText:before {
	left: auto;
	right: -25px;
	border-width: 15px 0 15px 30px;
	border-color: transparent transparent transparent #fff;
}

.homeVoiceText p {
	font-size: 22px;
	line-height: 1.6;
}

/*----- faq ------*/
.anchorLinkWrap {
	margin: 32px 0 0;
	padding: 24px 0;
	background: #F4F4F4;
}

.anchorLinkList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: center;
	width: 1100px;
	margin: 0 auto;
}

.anchorLinkItem {
	margin: 0 24px 0 0;
}

.anchorLinkItem:last-child {
	margin-right: 0;
}

.anchorLinkItem a {
	display: block;
	width: 200px;
	height: 110px;
	padding: 14px 0 0 ;
	background: #fff;
	font-size: 15px;
	line-height: 1.4;
	color: #333;
	text-align: center;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

.anchorLinkItem a:hover {
	background: #0083d5;
	color: #fff;
	border-color: transparent;
	opacity: 1;
	transition: .3s;
}

.anchorLinkItem a:before {
	content: "";
	display: block;
	width: 38px;
	height: 35px;
	margin: 0 auto 20px;
	position: relative;
}

.anchorLinkItem a.item1:before {
	background: url(../image/faq_icon_1.svg) no-repeat;
	background-size: 37px 30px;
}

.anchorLinkItem a.item1:hover:before {
	background: url(../image/faq_icon_1_over.svg) no-repeat;
	background-size: 37px 30px;
}

.anchorLinkItem a.item2:before {
	background: url(../image/faq_icon_2.svg) no-repeat;
	background-size: 35px 33px;
}

.anchorLinkItem a.item2:hover:before {
	background: url(../image/faq_icon_2_over.svg) no-repeat;
	background-size: 35px 33px;
}

.anchorLinkItem a.item3:before {
	background: url(../image/faq_icon_3.svg) no-repeat;
	background-size: 32px 31px;
}

.anchorLinkItem a.item3:hover:before {
	background: url(../image/faq_icon_3_over.svg) no-repeat;
	background-size: 32px 31px;
}

.anchorLinkItem a.item4:before {
	margin-bottom: 6px;
	background: url(../image/faq_icon_4.svg) no-repeat;
	background-size: 36px 35px;
}

.anchorLinkItem a.item4:hover:before {
	background: url(../image/faq_icon_4_over.svg) no-repeat;
	background-size: 36px 35px;
}

.anchorLinkItem a.item5:before {
	background: url(../image/faq_icon_5.svg) no-repeat;
	background-size: 33px 27px;
}

.anchorLinkItem a.item5:hover:before {
	background: url(../image/faq_icon_5_over.svg) no-repeat;
	background-size: 33px 27px;
}

.faqSection {
	margin: 0 0 200px;
}

.faqTitle {
	margin: 70px 0 20px;
	font-size: 32px;
}

.faqTitle:before {
	content: "";
	display: inline-block;
	vertical-align: -8px;
}

.faqTitle.item1:before {
	width: 63px;
	height: 52px;
	margin-right: 14px;
	background: url(../image/faq_icon_1.svg) no-repeat;
	background-size: 63px 52px;
}

.faqTitle.item2:before {
	width: 60px;
	height: 56px;
	margin-right: 16px;
	background: url(../image/faq_icon_2.svg) no-repeat;
	background-size: 60px 56px;
}

.faqTitle.item3:before {
	width: 55px;
	height: 53px;
	margin-right: 20px;
	background: url(../image/faq_icon_3.svg) no-repeat;
	background-size: 55px 53px;
}

.faqTitle.item4:before {
	width: 62px;
	height: 62px;
	margin-right: 10px;
	background: url(../image/faq_icon_4.svg) no-repeat;
	background-size: 62px 62px;
	vertical-align: -14px;
}

.faqTitle.item5:before {
	width: 60px;
	height: 50px;
	margin-right: 16px;
	background: url(../image/faq_icon_5.svg) no-repeat;
	background-size: 60px 50px;
}

.faqContent {
	padding: 20px 0;
	border-bottom: solid 1px #e8e8e8;
}

.faqQ,
.faqA {
	font-size: 16px;
	line-height: 1.5;
	text-indent: -70px;
	padding-left: 70px;
}

.faqQ {
	font-weight: bold;
}

.faqA {
	margin: 14px 0 0 40px;
}

.faqQ:before,
.faqA:before {
	content: "";
	display: inline-block;
	width: 54px;
	height: 41px;
	margin: 0 16px 0 0;
	vertical-align: middle;
}

.faqQ:before {
	background: url(../image/faq_q.svg) no-repeat;
	background-size: 54px 41px;
}

.faqA:before {
	background: url(../image/faq_a.svg) no-repeat;
	background-size: 54px 41px;
}

/*----- contact ------*/
.contactTelWrap {
	width: 640px;
	margin: 50px auto 0;
	padding: 30px;
	background: #fff;
	text-align: center;
	border: solid 1px #D8D8D8;
	border-radius: 6px;
}

.contactTelWrap a {
	pointer-events: none;
}

.contactTelWrap p {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
}

.contactTelWrap img {
	width: 418px;
	height: auto;
	margin: 20px 0 0;
}

.contactTitle {
	margin: 90px 0 0;
	font-size: 38px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

.contactStepList {
	display: table;
	width: 820px;
	margin: 50px auto 0;
}

.contactStepItem {
	display: table-cell;
	width: 240px;
	padding: 18px;
	position: relative;
	background: #fff;
	font-size: 20px;
	line-height: 1.3;
	text-align: center;
	border: solid 1px #D8D8D8;
	border-radius: 6px;
}

.contactStepArrow {
	display: table-cell;
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

.contactStepArrow img {
	width: 16px;
	height: 32px;
	vertical-align: middle;
}

.contactStepItem span {
	display: block;
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: bold;
	color: #0083D5;
}

.contactStepItem.current {
	background: #0083D5;
	color: #fff;
	border-color: transparent;
}

.contactStepItem.current span {
	color: #fff;
}

/*----- form ------*/
.formWrap {
	 margin: 44px 0 0;
}

.formGroup {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	padding: 16px 20px;
	border-top: solid 1px #E8E8E8;
}

.formLabel {
	width: 280px;
	margin: 14px 30px 0 0;
	padding: 0 70px 0 0;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.formLabel.required:after {
	content: "";
	display: block;
	width: 50px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../image/form_required.svg) no-repeat;
	background-size: 50px 24px;
}

.formItem{
	width: 100%;
	flex: 1;
}

.formText {
	margin: 14px 0;
	font-size: 16px;
	line-height: 1.5;
}

.formDescription {
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1.5;
}

.formControl {
	width: 460px;
	padding: 18px;
	background: #F3FCFF;
	font-size: 16px;
	line-height: 1;
	border: solid 1px #52B6DD;
	border-radius: 6px;
	transition: .2s;
}

.formControl:focus {
	background: #fff;
	outline: none;
	box-shadow: 0 0 0 1px #52B6DD inset;
}

.formControl.small {
	width: 200px;
}

.formSelectWrap {
	width: 220px;
	position: relative;
}

.formSelectWrap:after {
	content: "";
	display: block;
	width: 16px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	background: url(../image/arrow_bottom.svg) no-repeat;
	background-size: 16px 8px;
}

.formSelect {
	width: 220px;
	padding: 18px;
	background: #F3FCFF;
	font-size: 16px;
	line-height: 1;
	border: solid 1px #52B6DD;
	border-radius: 6px;
	cursor: pointer;
	transition: .2s;
}

.formSelectPlaceholder {
	display: none;
}

.formSelect:focus {
	outline: none;
}

.formCheckbox {
	display: none;
}

.formCheckLabel {
	display: inline-block;
	margin: 14px 60px 14px 0;
	padding: 0 0 0 36px;
	position: relative;
	font-size: 16px;
	cursor: pointer;
}

.formCheckLabel:before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 14px 0 0;
	position: absolute;
	top: -4px;
	left: 0;
	background: #fff;
	border: solid 3px #8E8E8E;
}

.formCheckbox:checked + .formCheckLabel:after {
	content: "";
	display: block;
	width: 26px;
	height: 22px;
	position: absolute;
	top: -6px;
	left: 0;
	background: url(../image/form_check.svg) no-repeat;
	background-size: 26px 22px;
}

.formRadio {
	display: none;
}

.formRadioLabel {
	display: inline-block;
	margin: 14px 50px 14px 0;
	position: relative;
	font-size: 16px;
	cursor: pointer;
}

.formRadioLabel:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 14px 0 0;
	background: #fff;
	border: solid 3px #A3A3A3;
	border-radius: 50%;
	vertical-align: -6px;
}

.formRadio:checked + .formRadioLabel:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 7px;
	background: #0083D5;
	border-radius: 50%;
}

.fotmTextarea {
	width: 100%;
	height: 200px;
	vertical-align: top;
}

.formBottom {
	width: 100%;
	margin: 60px 0 0;
	text-align: center;
}

.formPrivacy {
	display: inline-block;
	font-size: 16px;
	line-height: 1.4;
}

.formPrivacy a {
	color: #333;
}

.formPrivacy a:hover {
	opacity: 1;
}

.formPrivacy .formCheckLabel:before {
	top: -2px;
}

.formPrivacy .formCheckbox:checked + .formCheckLabel:after {
	top: -4px;
}

.formButtonTop {
	margin: 40px 0 0;
}

.formButtonBottom {
	margin: 30px 0 0;
	font-size: 0;
}

.formButton {
	display: inline-block;
	margin: 0 10px;
	padding: 22px 100px 22px 70px;
	position: relative;
	background: #FF7300;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	border-radius: 6px;
	border: solid 2px transparent;
	vertical-align: middle;
	cursor: pointer;
	outline: none;
	transition: .2s;
}

.formButton:hover {
	background: #fff;
	color: #FF7300;
	border-color: #FF7300;
}

.formButton:after {
	content: "";
	width: 16px;
	height: 32px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 28px;
	background: url(../image/form_button_arrow.svg) no-repeat;
	background-size: 16px 32px;
}

.formButton:hover:after {
	background: url(../image/form_button_arrow_over.svg) no-repeat;
	background-size: 16px 32px;
}

.formButton.back {
	display: inline-block;
	padding: 22px 60px 22px 90px;
	background: #8FC6DB;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}

.formButton.back:hover {
	border-color: transparent;
}

.formButton.back:after {
	right: auto;
	left: 28px;
	background: url(../image/form_button_arrow_back.svg) no-repeat;
	background-size: 16px 32px;
}

.formConfrm {
	margin: 40px 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
}

.formConfrm.error {
	color: #DB3131;
}

.formError {
	width: 100%;
	padding: 14px 18px;
	background: #FFF3C2;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #DB3131;
	border-radius: 6px;
}

.formError:before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0 10px 0 0;
	background: url(../image/error.svg) no-repeat;
	background-size: 28px 28px;
	vertical-align: -8px;
	-webkit-animation: blink .4s ease-in-out infinite alternate;
    -moz-animation: blink .4s ease-in-out infinite alternate;
    animation: blink .4s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}

.formToppageButtonWrap {
	margin: 100px 0 0;
	text-align: center;
}

a.formToppageButton {
	display: inline-block;
	padding: 16px 20px;
	background: #fff;
	font-size: 16px;
	line-height: 1;
	color: #333;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
	text-decoration: none;
}

a.formToppageButton:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 12px;
	margin: 0 14px 0 0;
	background: url(../image/arrow_left.svg) no-repeat;
	background-size: 6px 12px;
}

.addressSearchButton {
    display: inline-block;
	margin: 0 0 0 20px;
    padding: 10px 30px;
    background: rgba(0,0,0,.4);
    font-size: 16px;
    text-align: center;
    color: #fff;
	border: none;
    border-radius: 6px;
	cursor: pointer;
	outline: none;
}

.addressSearchButton:hover {
	opacity: 0.7;
	transition: .3s;
}

.globalSignWrap {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	align-items: center;
	margin: 74px 0 0;
}

.globalSignWrap img {
  	width: 115px;
	height: auto;
}

.globalSignWrap p {
	flex: 1;
	margin: 0 0 0 24px;
  	font-size: 14px;
	line-height: 1.8;
}

/*----- company ------*/

.anchorLinkListCompany {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: space-between;
}

.anchorLinkItemCompany {
	position: relative;
}

.anchorLinkItemCompany:after {
	content: "";
	display: block;
	width: 16px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	background: url(../image/arrow_bottom.svg) no-repeat;
	background-size: 16px 8px;
}

.anchorLinkItemCompany:hover:after {
	background: url(../image/arrow_bottom_over.svg) no-repeat;
	background-size: 16px 8px;
}

.anchorLinkItemCompany a {
	display: block;
	width: 350px;
	height: 60px;
	padding: 0 24px 0 84px;
	background: #fff;
	font-size: 16px;
	line-height: 60px;
	color: #333;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

.anchorLinkItemCompany a:hover {
	position: relative;
	background: #0083d5;
	color: #fff;
	border-color: transparent;
	opacity: 1;
	transition: .3s;
}

.anchorLinkItemCompany a:before {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 24px;
}

.anchorLinkItemCompany a.item1:before {
	width: 29px;
	height: 30px;
	background: url(../image/company_icon_1.svg) no-repeat;
	background-size: 29px 30px;
}

.anchorLinkItemCompany a.item1:hover:before {
	background: url(../image/company_icon_1_over.svg) no-repeat;
	background-size: 29px 30px;
}

.anchorLinkItemCompany a.item2:before {
	width: 27px;
	height: 30px;
	background: url(../image/company_icon_2.svg) no-repeat;
	background-size: 27px 30px;
}

.anchorLinkItemCompany a.item2:hover:before {
	background: url(../image/company_icon_2_over.svg) no-repeat;
	background-size: 27px 30px;
}

.anchorLinkItemCompany a.item3:before {
	width: 29px;
	height: 32px;
	background: url(../image/company_icon_3.svg) no-repeat;
	background-size: 29px 32px;
}

.anchorLinkItemCompany a.item3:hover:before {
	background: url(../image/company_icon_3_over.svg) no-repeat;
	background-size: 29px 32px;
}

.companyTitle {
	margin: 50px 0 28px;
	padding: 20px 0 0 74px;
	position: relative;
	font-size: 32px;
}

.companyTitle:before {
	content: "";
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.companyTitle.item1:before {
	width: 50px;
	height: 51px;
	top: 14px;
	background: url(../image/company_icon_1.svg) no-repeat;
	background-size: 50px 51px;
}

.companyTitle.item2:before {
	width: 44px;
	height: 50px;
	top: 18px;
	background: url(../image/company_icon_2.svg) no-repeat;
	background-size: 44px 50px;
}

.companyTitle.item3:before {
	width: 50px;
	height: 54px;
	top: 10px;
	background: url(../image/company_icon_3.svg) no-repeat;
	background-size: 50px 54px;
}

.companyTable {
	width: 100%;
	border-bottom: solid 1px #e8e8e8;
}

.companyTable tr {
	border-top: solid 1px #e8e8e8;
}

.companyTable th,
.companyTable td {
	padding: 20px;
	font-size: 16px;
	line-height: 1.4;
	vertical-align: top;
}

.companyTable th {
	width: 270px;
	font-weight: bold;
	text-align: left;
}

.companyTable.col3 td:nth-child(2) {
	width: 410px;
}

.companyTable a {
	color: #333;
}

.companyTable th ul li,
.companyTable td ul li {
	margin: 0 0 8px;
}

.companyTable td ul li:last-child,
.companyTable th ul li:last-child {
	margin-bottom: 0;
}

a.companyButton {
	display: inline-block;
	padding: 16px 20px;
	background: #fff;
	font-size: 16px;
	line-height: 1;
	color: #333;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
	text-decoration: none;
}

a.companyButton:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 12px;
	margin: 0 14px 0 0;
	background: url(../image/arrow_right.svg) no-repeat;
	background-size: 6px 12px;
}

a.companyMapButton {
	display: inline-block;
	padding: 12px 30px;
	background: #fff;
	font-size: 16px;
	line-height: 1;
	color: #333;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
	text-decoration: none;
}

a.companyMapButton:hover {
	background: #0083d5;
	color: #fff;
	border-color: #0083d5;
	opacity: 1;
	transition: .3s;
}

a.companyMapButton:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 25px;
	margin: 0 20px 0 0;
	background: url(../image/company_icon_3.svg) no-repeat;
	background-size: 23px 25px;
	vertical-align: -5px;
}

a.companyMapButton:hover:before {
	background: url(../image/company_icon_3_over.svg) no-repeat;
	background-size: 23px 25px;
}

a.companyButton.pcNone,
a.companyMapButton.pcNone {
	display: none;
}

.companyHistory {
	margin: 24px 0 0;
	padding: 0 20px;
}

.companyHistory p {
	font-size: 14px;
	line-height: 2;
}

.companyHistoryNotes {
	margin: 0 0 54px;
}

.companyHistoryImage {
	margin: 0 0 54px;
}

.companyHistoryImage div {
	display: inline-block;
	margin: 0 10px 0 0;
}

.companyHistoryImage div:last-child {
	margin-right: 0;
}

.companyHistoryImage div img {
	width: auto;
	height: 90px;
}

.companyHistoryIsms .mb1 {
	margin: 0 0 34px;
}

.companyHistory ul {
	padding: 0 0 0 1em;
	list-style: disc;
}

.companyHistory ul li {
	font-size: 14px;
	line-height: 2;
}

.companyHistory ul li ul {
	padding-left: 0;
	list-style: none;
}

.companyAccessContent {
	margin: 0 0 40px;
	padding: 30px 40px 20px;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

.companyAccessContent:last-child {
	margin-bottom: 0;
}

.companyAccessTitle {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}

.companyAccessTitle:before {
	content: "";
	display: block;
	width: 6px;
	height: 35px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	background: #0083d5;
}

.companyAccessText {
	font-size: 16px;
	line-height: 2;
}

.companyAccessMap {
	margin: 10px 0;
}

.companyAccessMap iframe {
	width: 1020px;
	height: 470px;
}

/*----- solution ------*/
.solutionTop {
	text-align: center;
}

.solutionTop img {
	width: 824px;
	height: 70px;
}

.solutionTopTitle {
	width: 824px;
	height: 70px;
	margin: 0 auto;
	background: url(../image/solution_top_title.svg) no-repeat;
	background-size: 824px 70px;
}

.solutionTopSub {
	margin: 30px 0 36px;
	font-size: 28px;
	line-height: 1.2;
}

.solutionTopText {
	font-size: 20px;
	line-height: 2;
}

.solutionSection {
	padding: 70px 0 100px;
}

.solutionTitle {
	text-align: center;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.1;
}

.solutionListWrap {
	margin: 36px 0 0;
	padding: 50px 0 40px;
	background: #0083d5;
}

.solutionList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: space-between;
}

.solutionItem {
	position: relative;
	background: #fff;
	border-radius: 6px;
}

.solutionItem a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 30px 30px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	color: #333;
}

.solutionItem a:before {
	content: "";
	display: block;
	width: 70px;
	height: 70px;
	margin: auto;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
}

.solutionItem.item1 a:before{
	background: url(../image/solution_number_1.svg) no-repeat;
	background-size: 70px 70px;
}

.solutionItem.item2 a:before{
	background: url(../image/solution_number_2.svg) no-repeat;
	background-size: 70px 70px;
}

.solutionItem.item3 a:before{
	background: url(../image/solution_number_3.svg) no-repeat;
	background-size: 70px 70px;
}

.solutionItem img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.solutionItemText {
	margin: 10px 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
}

.solutionFeatureWrap {
	margin: 70px 0 0;
}

.solutionFeatureContent {
	margin: 0 0 60px;
	padding: 20px 0 0;
}

.solutionFeatureContent:last-child {
	margin-bottom: 0;
}

.solutionFeatureTitle {
	padding: 0 0 0 80px;
	position: relative;
	font-size: 32px;
	line-height: 1.2;
}

.solutionFeatureTitle:before {
	content: "";
	display: inline-block;
	width: 70px;
	height: 70px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.solutionFeatureTitle.number1:before {
	background: url(../image/solution_number_1.svg) no-repeat;
	background-size: 70px 70px;
}

.solutionFeatureTitle.number2:before {
	background: url(../image/solution_number_2.svg) no-repeat;
	background-size: 70px 70px;
}

.solutionFeatureTitle.number3:before {
	background: url(../image/solution_number_3.svg) no-repeat;
	background-size: 70px 70px;
}

.solutionFeatureRow {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	margin: 40px 0 0;
}

.solutionFeatureRow div:nth-child(1) {
	margin: 0 40px 0 0;
}

.solutionFeatureImage {
	width: 550px;
}

.solutionFeatureRow.reverse .solutionFeatureImage {
	width: 343px;
}

.securityImage {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	align-items: center;
}

.securityImage a {
	margin: 0 0 0 10px;
}

.solutionFeatureText {
	flex: 1;
}

.solutionFeatureText p {
	margin: 0 0 30px;
	font-size: 16px;
	line-height: 2;
}

.solutionFeatureText p:last-of-type {
	margin-bottom: 0;
}

.solutionProductWrap {
	margin: 50px 0 0;
}

.solutionProductContent {
	width: 1100px;
	margin: 0 auto 68px;
	padding: 38px 0 0;
	position: relative;
	text-align: center;
}

.solutionProductContent:last-child {
	margin-bottom: 0;
}

.solutionProductContent:before {
	content: "";
	display: block;
	width: 1100px;
	height: 325px;
	position: absolute;
	top: 0;
	left: 0;
	background : -moz-linear-gradient(50% 0% -90deg,rgba(0, 35, 70, 1) 40%,rgba(0, 35, 70, 0) 100%);
 	background : -webkit-linear-gradient(-90deg, rgba(0, 35, 70, 1) 40%, rgba(0, 35, 70, 0) 100%);
 	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.4,rgba(0, 35, 70, 1) ),color-stop(1,rgba(0, 35, 70, 0) ));
 	background : -ms-linear-gradient(-90deg, rgba(0, 35, 70, 1) 40%, rgba(0, 35, 70, 0) 100%);
 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#002346', endColorstr='#002346' ,GradientType=0)";
 	background : linear-gradient(180deg, rgba(0, 35, 70, 1) 40%, rgba(0, 35, 70, 0) 100%);
 	opacity : 0.55;
 	filter: alpha(opacity=55) progid:DXImageTransform.Microsoft.Alpha(opacity=55) progid:DXImageTransform.Microsoft.gradient(startColorstr='#002346',endColorstr='#002346' , GradientType=0);
}

.solutionProductContent.contentKyuyo {
	background: url(../image/solution_product_image_1.jpg) no-repeat;
	background-size: 1100px 325px;
}

.solutionProductContent.contentJinji {
	background: url(../image/solution_product_image_2.jpg) no-repeat;
	background-size: 1100px 325px;
}

.solutionProductContent.contentSyugyo {
	background: url(../image/solution_product_image_3.jpg) no-repeat;
	background-size: 1100px 325px;
}

.solutionProductContent.contentMokuhyo {
	background: url(../image/solution_product_image_5.jpg) no-repeat;
	background-size: 1100px 325px;
}

.solutionProductContent.contentMynumber {
	background: url(../image/solution_product_image_4.jpg) no-repeat;
	background-size: 1100px 325px;
}

.solutionProductContent.contentOutsorsing {
	background: url(../image/solution_product_image_6.jpg) no-repeat;
	background-size: 1100px 325px;
}

.solutionProductTitle {
	position: relative;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.1;
	color: #fff;
}

.solutionProductText {
	position: relative;
	margin: 20px 0 0;
	font-size: 16px;
	line-height: 2;
	color: #fff;
}

.solutionProductList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: center;
	margin: 30px 0 0;
	position: relative;
}

.solutionProductItem {
	width: 305px;
	margin: 0 50px 0 0;
	background: #fff;
	font-size: 16px;
	line-height: 1.6;
	border-radius: 12px;
	box-shadow: 0 0 4px rgba(0,0,0,.04);
}

.solutionProductItem:last-child {
	margin-right: 0;
}

.solutionProductItem a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 30px 20px;
	color: #333;
	text-decoration: none;
}

.solutionProductItemText {
	font-size: 16px;
	font-weight: bold;
}

.solutionProductItemIcon {
	width: 95px;
	height: 150px;
	margin: 0 auto;
	position: relative;
}

.solutionProductItemIcon:after {
	content: "";
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.solutionProductItemIcon.icon1:after {
	width: 75px;
	height: 80px;
	background: url(../image/solution_product_icon_1.svg) no-repeat;
	background-size: 75px 80px;
}

.solutionProductItemIcon.icon2:after {
	width: 81px;
	height: 79px;
	background: url(../image/solution_product_icon_2.svg) no-repeat;
	background-size: 81px 79px;
}

.solutionProductItemIcon.icon3:after {
	width: 81px;
	height: 88px;
	background: url(../image/solution_product_icon_3.svg) no-repeat;
	background-size: 81px 88px;
}

.solutionProductItemIcon.icon4:after {
	width: 75px;
	height: 79px;
	background: url(../image/solution_product_icon_4.svg) no-repeat;
	background-size: 75px 79px;
}

.solutionProductItemIcon.icon5:after {
	width: 83px;
	height: 82px;
	background: url(../image/solution_product_icon_5.svg) no-repeat;
	background-size: 83px 82px;
}

.solutionProductItemIcon.icon6:after {
	width: 77px;
	height: 82px;
	background: url(../image/solution_product_icon_6.svg) no-repeat;
	background-size: 77px 82px;
}

.solutionProductItemIcon.icon7:after {
	width: 85px;
	height: 87px;
	background: url(../image/solution_product_icon_7.svg) no-repeat;
	background-size: 85px 87px;
}

.solutionProductItemIcon.icon8:after {
	width: 83px;
	height: 83px;
	background: url(../image/solution_product_icon_8.svg) no-repeat;
	background-size: 83px 83px;
}

.solutionProductItemIcon.icon9:after {
	width: 95px;
	height: 77px;
	background: url(../image/solution_product_icon_9.svg) no-repeat;
	background-size: 95px 77px;
}

.solutionProductItemIcon.icon10:after {
	width: 84px;
	height: 74px;
	background: url(../image/solution_product_icon_10.svg) no-repeat;
	background-size: 84px 74px;
}

.solutionProductItemIcon.icon11:after {
	width: 76px;
	height: 74px;
	background: url(../image/solution_product_icon_11.svg) no-repeat;
	background-size: 76px 74px;
}

.solutionProductItemIcon.icon12:after {
	width: 82px;
	height: 82px;
	background: url(../image/solution_product_icon_12.svg) no-repeat;
	background-size: 82px 82px;
}

.solutionProductItemIcon.icon13:after {
	width: 79px;
	height: 81px;
	background: url(../image/solution_product_icon_13.svg) no-repeat;
	background-size: 79px 81px;
}

.solutionProductItemIcon.icon14:after {
	width: 81px;
	height: 76px;
	background: url(../image/solution_product_icon_14.svg) no-repeat;
	background-size: 81px 76px;
}

.solutionProductItemIcon.icon15:after {
	width: 77px;
	height: 79px;
	background: url(../image/solution_product_icon_15.svg) no-repeat;
	background-size: 77px 79px;
}

.solutionProductItemIcon.icon16:after {
	width: 85px;
	height: 81px;
	background: url(../image/solution_product_icon_16.svg) no-repeat;
	background-size: 85px 81px;
}

.solutionProductItemIcon.icon17:after {
	width: 87px;
	height: 82px;
	background: url(../image/solution_product_icon_17.svg) no-repeat;
	background-size: 87px 82px;
}

.solutionProductItemIcon.icon18:after {
	width: 78px;
	height: 78px;
	background: url(../image/solution_product_icon_18.svg) no-repeat;
	background-size: 78px 78px;
}

a.solutionProductButton {
	display: inline-block;
	margin: 30px 0 0;
	padding: 12px 78px 12px 62px;
	position: relative;
	background: #fff;
	font-size: 22px;
	line-height: 1;
	color: #0083d5;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

a.solutionProductButton:hover {
	background: #0083d5;
	color: #fff;
	border-color: transparent;
	transition: .3s;
	opacity: 1;
}

a.solutionProductButton:after {
	content: "";
	display: block;
	width: 10px;
	height: 20px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	background: url(../image/solution_product_arrow.svg) no-repeat;
	background-size: 10px 20px;
}

a.solutionProductButton:hover:after {
	background: url(../image/solution_product_arrow_over.svg) no-repeat;
	background-size: 10px 20px;
}

/*----- solutionDetail ------*/
.solutionDetailListWrap {
	margin: 60px 0 0;
	padding: 40px 0;
	background: #0083d5;
}

.solutionDetailList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: center;
	position: relative;
}

.solutionDetailItem {
	width: 350px;
	margin: 0 24px 0 0;
	background: #fff;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
	border-radius: 6px;
}

.solutionDetailItem:last-child {
	margin-right: 0;
}

.pointerNone {
	pointer-events: none;
}

.solutionDetailItem a {
	display: block;
	padding: 0 30px 35px;
	color: #333;
	text-decoration: none;
}

.solutionDetailItemText {
	font-size: 16px;
	font-weight: bold;
}

.solutionDetailItemIcon {
	width: 100%;
	height: 174px;
	margin: 0 auto;
	position: relative;
}

.solutionDetailItemIcon:after {
	content: "";
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.solutionDetailItemIcon.icon1:after {
	width: 90px;
	height: 96px;
	background: url(../image/solution_product_icon_1.svg) no-repeat;
	background-size: 90px 96px;
}

.solutionDetailItemIcon.icon2:after {
	width: 97px;
	height: 95px;
	background: url(../image/solution_product_icon_2.svg) no-repeat;
	background-size: 97px 95px;
}

.solutionDetailItemIcon.icon3:after {
	width: 98px;
	height: 106px;
	background: url(../image/solution_product_icon_3.svg) no-repeat;
	background-size: 98px 106px;
}

.solutionDetailItemIcon.icon4:after {
	width: 92px;
	height: 94px;
	background: url(../image/solution_product_icon_4.svg) no-repeat;
	background-size: 92px 94px;
}

.solutionDetailItemIcon.icon5:after {
	width: 99px;
	height: 98px;
	background: url(../image/solution_product_icon_5.svg) no-repeat;
	background-size: 99px 98px;
}

.solutionDetailItemIcon.icon6:after {
	width: 93px;
	height: 101px;
	background: url(../image/solution_product_icon_6.svg) no-repeat;
	background-size: 93px 101px;
}

.solutionDetailItemIcon.icon7:after {
	width: 102px;
	height: 105px;
	background: url(../image/solution_product_icon_7.svg) no-repeat;
	background-size: 102px 105px;
}

.solutionDetailItemIcon.icon8:after {
	width: 100px;
	height: 100px;
	background: url(../image/solution_product_icon_8.svg) no-repeat;
	background-size: 100px 100px;
}

.solutionDetailItemIcon.icon9:after {
	width: 114px;
	height: 92px;
	background: url(../image/solution_product_icon_9.svg) no-repeat;
	background-size: 114px 92px;
}

.solutionDetailItemIcon.icon10:after {
	width: 101px;
	height: 89px;
	background: url(../image/solution_product_icon_10.svg) no-repeat;
	background-size: 101px 89px;
}

.solutionDetailItemIcon.icon11:after {
	width: 91px;
	height: 89px;
	background: url(../image/solution_product_icon_11.svg) no-repeat;
	background-size: 91px 89px;
}

.solutionDetailItemIcon.icon12:after {
	width: 98px;
	height: 98px;
	background: url(../image/solution_product_icon_12.svg) no-repeat;
	background-size: 98px 98px;
}

.solutionDetailItemIcon.icon13:after {
	width: 95px;
	height: 98px;
	background: url(../image/solution_product_icon_13.svg) no-repeat;
	background-size: 95px 98px;
}

.solutionDetailItemIcon.icon14:after {
	width: 97px;
	height: 91px;
	background: url(../image/solution_product_icon_14.svg) no-repeat;
	background-size: 97px 91px;
}

.solutionDetailItemIcon.icon15:after {
	width: 93px;
	height: 95px;
	background: url(../image/solution_product_icon_15.svg) no-repeat;
	background-size: 93px 95px;
}

.solutionDetailItemIcon.icon16:after {
	width: 102px;
	height: 98px;
	background: url(../image/solution_product_icon_16.svg) no-repeat;
	background-size: 102px 98px;
}

.solutionDetailItemIcon.icon17:after {
	width: 104px;
	height: 99px;
	background: url(../image/solution_product_icon_17.svg) no-repeat;
	background-size: 104px 99px;
}

.solutionDetailItemIcon.icon18:after {
	width: 94px;
	height: 94px;
	background: url(../image/solution_product_icon_18.svg) no-repeat;
	background-size: 94px 94px;
}

.solutionDetailButtonWrap {
	margin: 50px 0 240px;
	text-align: center;
}

a.solutionDetailButton {
	display: inline-block;
	padding: 20px 76px 20px 60px;
	position: relative;
	background: #fff;
	font-size: 22px;
	line-height: 1;
	color: #0083d5;
	text-decoration: none;
	border: solid 2px #d8d8d8;
	border-radius: 6px;
}

a.solutionDetailButton:hover {
	background: #0083d5;
	color: #fff;
	border-color: transparent;
	transition: .3s;
	opacity: 1;
}

a.solutionDetailButton:after {
	content: "";
	display: block;
	width: 10px;
	height: 20px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	background: url(../image/solution_product_arrow.svg) no-repeat;
	background-size: 10px 20px;
}

a.solutionDetailButton:hover:after {
	background: url(../image/solution_product_arrow_over.svg) no-repeat;
	background-size: 10px 20px;
}

.solutionDetailContent {
	padding: 60px 0 100px;
}

.solutionDetailTitleWrap {
	text-align: center;
}

.solutionDetailTitle {
	display: inline-block;
	padding: 0 26px 10px;
	border-bottom: solid 4px #ffe239;
}

.solutionDetailFeatureContent {
	margin: 0 0 80px;
}

.solutionDetailFeatureContent:last-child {
	margin-bottom: 0;
}

.solutionDetailFeatureTitle {
	padding: 0 0 0 26px;
	position: relative;
	font-size: 34px;
	line-height: 1.3;
}

.solutionDetailFeatureTitle:before {
	content: "";
	width: 8px;
	height: 46px;
	position: absolute;
	top: -2px;
	left: 0;
	background: #0083d5;
}

.solutionDetailFeatureText {
	margin: 28px 0 0;
	font-size: 16px;
	line-height: 1.8;
}


.solutionDetailFeatureInner {
	margin: 20px 0 0;
}

.solutionDetailFeatureColumn {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
}

.solutionDetailFeatureColumn.reverse {
	flex-direction: row-reverse;
}

.solutionDetailFeatureColumn .solutionDetailFeatureText {
	flex: 1;
	margin-right: 20px;
}

.solutionDetailFeatureColumn .solutionDetailFeatureInner {
	margin-top: 34px;
}

.solutionDetailFeatureInner img {
	width: 100%;
}


.solutionLinkContent {
	margin: 60px 0 190px;
}

.solutionLinkContentTItle {
	font-size: 30px;
	line-height: 1.2;
	text-align: center;
}

.solutionLinkWrap {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	margin: 40px 0 -26px;
}

a.solutionLink {
	display: block;
	width: 340px;
	height: 62px;
	margin: 0 40px 26px 0;
	padding: 0 28px;
	font-size: 16px;
	line-height: 62px;
	color: #333;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
	text-decoration: none;
}

a.solutionLink:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 12px;
	margin: 0 14px 0 0;
	background: url(../image/arrow_right_blue.svg) no-repeat;
	background-size: 6px 12px;
}

a.solutionLink.current {
	background: #ededed;
	color: #888;
	border-color: #ededed;
	pointer-events: none;
}
a.solutionLink.current:before {
	background: url(../image/arrow_right.svg) no-repeat;
	background-size: 6px 12px;
}

a.solutionLink:nth-child(3n) {
	margin-right: 0;
}

.workStyleReform {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
}

.workStyleReformImage {
	width: 530px;
	margin: 0 40px 0 0;
}

.workStyleReformImage:nth-child(2n) {
	margin-right: 0;
}

.webApplicationList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.webApplicationItem {
	width: 250px;
	margin: 0 8px 0 0;
}

.webApplicationItem:last-child {
	margin-right: 0;
}

.webApplicationItemImage {
	width: 230px;
	margin: 12px 0 0;
}

.varietyWrap {
	margin: 50px 0 0;
}

.variety {
	width: 940px;
	margin: 0 auto 60px;
	padding: 44px 0 24px;
	position: relative;
	border: solid 2px #e8e8e8;
	border-radius: 6px;
}
.variety:last-child {
	margin-bottom: 0;
}

.varietyHead {
	margin: auto;
	position: absolute;
	top: -24px;
	left: 0;
	right: 0;
}

.varietyOther {
	margin: 24px 0 -10px;
	font-size: 12px;
	line-height: 1;
	text-align: center;
}

.varietyList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.varietyItem {
	width: 200px;
	margin: 0 30px 0 0;
}

.varietyItem:last-child {
	margin-right: 0;
}

.solutionDetailInnerContent {
	margin: 60px 0 0;
}

.solutionDetailInnerContent:first-child {
	margin: 36px 0 0;
}

.solutionDetailInnerTitleWrap {
	text-align: center;
}

.solutionDetailInnerTitle {
	display: inline-block;
	padding: 7px 50px;
	background: #0083d5;
	font-size: 24px;
	line-height: 1.4;
	color: #fff;
}

.solutionDetailFunction {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 30px 0 0;
}

.solutionDetailFunctionGroup:first-child {
	margin: 0 40px 0 0;
}

.solutionDetailFunctionContent {
	width: 530px;
	margin: 0 0 35px;
	padding: 24px 40px 20px;
	background: #fff;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

.solutionDetailFunctionContent:last-child {
	margin-bottom: 0;
}

.solutionDetailFunctionLabel {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: #0083d5;
}

.solutionDetailFunctionLabelSub {
	margin: 16px 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.solutionDetailFunctionLabel + .solutionDetailFunctionList,
.solutionDetailFunctionLabelSub + .solutionDetailFunctionList {
	margin: 16px 0 0;
}

.solutionDetailFunctionItem {
	padding: 14px 0 14px 1em;
	font-size: 16px;
	line-height: 1.5;
	border-bottom: solid 1px #e8e8e8;
	text-indent: -1em;
}

.solutionDetailFunctionItem:last-child {
	border-bottom: none;
}

.solutionDetailFunctionLabel + .solutionDetailFunctionList .solutionDetailFunctionItem:first-child,
.solutionDetailFunctionLabelSub + .solutionDetailFunctionList .solutionDetailFunctionItem:first-child {
	border-top: solid 1px #e8e8e8;
}

.solutionDetailFunctionSub {
	margin: -20px 0 0;
	font-size: 14px;
	line-height: 1.6;
}

.solutionDetailAudit {
	margin: 30px 0 0;
	padding: 40px;
	background: #fff;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

.solutionDetailAuditText {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.8;
}

.solutionDetailAuditTop,
.solutionDetailAuditBottom {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.solutionDetailAuditTop:after {
	content: "";
	display: block;
	width: 200px;
	height: 50px;
	margin: -5px auto 10px;
	background: url(../image/solution_audit_arrow.svg) no-repeat;
	background-size: 200px 50px;
}

.solutionDetailAuditBottom {
	margin: 0 0 -2%;
}

.solutionDetailAuditItem {
	width: 49%;
	margin: 0 2% 2% 0;
}

.solutionDetailAuditItem:nth-child(2n) {
	margin-right: 0;
}

.solutionDetailAppraisalWrap {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	width: 782px;
	margin: 30px auto 0;
}

.solutionDetailAppraisal:nth-child(1) {
	width: 412px;
	margin: 0 40px 0 0;
}

.solutionDetailAppraisal:nth-child(2) {
	width: 330px;
}

.solutionCasestudy {
	margin: 90px 0 0;
}

.humanResourceWrap {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
}

.humanResource:nth-child(1) {
	width: 580px;
	margin: 0 70px 0 0;
}

.humanResource:nth-child(2) {
	width: 450px;
}

.employeeManagement {
	width: 580px;
}

.employmentStatusLabel {
	margin: 0 0 14px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

.employmentStatusList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
}

.employmentStatusItem {
	width: 150px;
	margin: 0 16px 0 0;
}

.employmentStatusItem:last-child {
	margin-right: 0;
}

.employmentStatusImage {
	width: 480px;
}

.dataManagement {
	width: 740px;
	margin: 0 auto;
}

.payslipWeb {
	width: 700px;
	margin: 0 auto;
}

.unification {
	width: 640px;
	margin: 0 auto;
}

.dataLinkage {
	width: 480px;
}

.auditReport {
	width: 380px;
}

.dataLinkageList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	width: 1060px;
	margin: 40px auto 0;
	padding: 30px 36px;
	border: solid 2px #ddd;
	border-radius: 6px;
}

.dataLinkageItem {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 460px;
	margin: 0 60px 0 0;
}

.dataLinkageItem:last-child {
	margin-right: 0;
}

.dataLinkageItem img {
  	width: 240px;
	margin: 0 20px 0 0;
}

.dataLinkageItem div {
	flex: 1;
}

.dataLinkageItem p {
	font-size: 16px;
	line-height: 1.6;
}

.dataLinkageItem p:first-child {
	font-weight: bold;
}

.dataLinkageItem p span {
	font-size: 14px;
}

.securityLabel {
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
}

.securityTable {
	width: 100%;
	margin: 10px 0 0;
	border-collapse: collapse;
}

.securityTable th,
.securityTable td {
	padding: 14px 24px;
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
	border: solid 1px #d1d1d1;
}

.securityTable th {
	width: 180px;
	background: #e9f8fd;
	font-weight: bold;
	white-space: nowrap;
}

.webscreen {
	width: 1000px;
	margin: 0 auto;
}

.outsourcing {
	width: 800px;
	margin: 0 auto;
}

.simulation {
	width: 800px;
	margin: 0 auto;
}

.evaluation {
	width: 990px;
	margin: 0 auto;
}

.format {
	width: 300px;
	margin: 0 40px 0 0;
}

/* Arrows */
.slick-prev,
.slick-next {
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    border: none;
    outline: none;
}

.slick-prev {
    left: -55px;
	background: url(../image/slider_arrow_left.svg) no-repeat;
	background-size: 40px 40px;
}

.slick-next {
    right: -55px;
	background: url(../image/slider_arrow_right.svg) no-repeat;
	background-size: 40px 40px;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 4px 0;
}

.slick-list:focus {
    outline: none;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
	outline: none;
}

.slick-initialized .slick-slide {
    display: block;
}

/*----- term ------*/
.termTop {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 70px 0 0;
}

.termTopText {
	margin: 0 30px 0 0;
	font-size: 14px;
	line-height: 1.5;
	text-align: right;
}

.termTopImage img {
	width: 85px;
	height: 85px;
}

.termContent {
	margin: 60px 0 200px;
}

.termContent div {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.8;
}

.termContent div:first-child {
	 margin-bottom: 50px;
}

.termContent div ul {
	padding: 0 0 0 1em;
	list-style: disc;
}

.termContent div ol {
	padding: 0 0 0 1em;
	list-style: decimal;
}

.termContent div ol li {
	margin: 0 0 10px;
}

.termContent div ol li:last-child {
	margin-bottom: 0;
}

.termContent div table {
	border-collapse: collapse;
}


.termContent div table th,
.termContent div table td {
	padding: 14px 20px;
	border: solid 1px #999;
}

.termContent div table th {
	background: #f7f7f7;
	font-weight: bold;
	text-align: left;
}

/*----- news ------*/
.newsContent {
	margin: 70px 0 240px;
}

.newsContent p {
	font-size: 16px;
	line-height: 1.8;
}

.newsTitle {
	font-size: 32px;
	line-height: 1.3;
}

.newsTable {
	margin: 20px 0 0;
}

.newsTable tr {
	border-top: solid 2px #E8E8E8;
}

.newsTable tr:last-child {
	border-bottom: solid 2px #E8E8E8;
}

.newsTable th,
.newsTable td {
	padding: 30px 20px;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
}

.newsTable th {
	width: 220px;
	font-weight: bold;
}

.newsTable a {
	color: #333;
}

/*----- blog ------*/
.blogWrap {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	margin: 0 0 200px;
}

.blogMain {
	width: 740px;
	margin: 0 70px 0 0;
}

.blogContent {
	margin: 0 0 70px;
}

.blogContent:last-child {
	margin-bottom: 0;
}

.blogContentInfo {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.blogContentDate {
	margin: 0 38px 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.blogContentCatWrap {
	font-size: 0;
}

.blogContentCatWrap span {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 6px 18px;
	background: #08b4c1;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}

.blogContentCatWrap span:last-child {
	margin-right: 0;
}

.blogContentTitle {
	margin: 10px 0 0;
	padding: 0 0 4px;
	font-size: 32px;
	line-height: 1.4;
	color: #0083d5;
	border-bottom: solid 2px #e8e8e8;
}

.blogContentTitle a {
	color: #0083d5;
	text-decoration: none;
}

.blogContentInner {
	margin: 24px 0 0;
	overflow: hidden;
}

.blogContentImage {
	float: right;
	width: 250px;
	margin: 0 0 0 24px;
}

.blogContentText {
	font-size: 16px;
	line-height: 1.8;
}

.blogContentButtonWrap {
	margin: 20px 0 0;
}

a.blogContentButton {
	display: inline-block;
	padding: 10px 50px 10px 26px;
	position: relative;
	font-size: 16px;
	line-height: 1;
	color: #333;
	text-decoration: none;
	border: solid 1px #52b6dd;
	border-radius: 19px;
}

a.blogContentButton:after {
	content: "";
	width: 8px;
	height: 16px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	background: url(../image/arrow_right_blue.svg) no-repeat;
	background-size: 8px 16px;
}

/*----- case ------*/
.caseWrap {
	padding: 0 0 200px;
}

.caseContent {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	padding: 38px;
	border: solid 2px #e8e8e8;
}

.caseContent:last-child {
	margin-bottom: 0;
}

.caseContentImage {
	width: 450px;
	margin: 0 40px 0 0;
}

.caseContentInfo {
	flex: 1;
}

.caseContentComnapy {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	align-items: center;
	height: 60px;
}

.caseContentComnapy img {
	margin: 0 40px 0 0;
}

.caseContentComnapyName {
	flex: 1;
	margin: 30px 0 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}

.caseContentComnapy img + .caseContentComnapyName {
	margin: 0;
}

.caseContentTagWrap {
	margin: 18px 0 -10px;
	font-size: 0;
}

.caseContentTagWrap.mt {
	margin-top: 40px;
}

.caseContentTag {
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 8px 30px;
	background: #0083d5;
	font-size: 16px;
	color: #fff;
}

.caseConetntDescription {
	margin: 20px 0 0;
	font-size: 16px;
	line-height: 1.8;
}

.caseConetntButtonWrap {
	margin: 14px 0 0;
}

a.caseContentButton {
	display: inline-block;
	padding: 10px 36px 10px 26px;
	position: relative;
	font-size: 16px;
	line-height: 1;
	color: #0083d5;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 18px;
}

a.caseContentButton:after {
	content: "";
	width: 8px;
	height: 16px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	background: url(../image/arrow_right_blue.svg) no-repeat;
	background-size: 8px 16px;
}

.caseDetailCopy {
	font-size: 38px;
	line-height: 1.3;
	color: #0083d5;
	text-align: center;
}

.caseDetailImage {
	margin: 40px 0 0;
}

.caseDetailInfo {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 20px 0 0;
}

.caseDetailInfo img {
	margin: 0 40px 0 0;
}

.caseDetailInfoName {
	margin: 0 40px 0 0;
	font-size: 24px;
}

.caseDetailInfoTagWrap {
	font-size: 0;
}

.caseDetailInfoTag {
	margin: 0 10px 0 0;
	padding: 6px 24px;
	background: #0083d5;
	font-size: 14px;
	color: #fff;
}

.caseDetailInfoTag:last-child {
	margin-right: 0;
}

.caseDetailLeadWrap {
	margin: 20px 0 0;
	padding: 30px 36px;
	border: solid 3px #a2dcf9;
}

.caseDetailLead {
	font-size: 16px;
	line-height: 1.8;
}

.caseDetailContent {
	padding: 75px 0 70px;
	text-align: center;
	border-bottom: solid 1px #e8e8e8;
}

.caseDetailContent:last-child {
	border-bottom: none;
}

.caseDetailContentLabel {
	display: inline-block;
	padding: 8px 28px;
	background: #08b4c1;
	font-size: 20px;
	color: #fff;
	border-radius: 20px;
}

.caseDetailContentHead {
	margin: 20px 0 0;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	color: #444;
}

.caseDetailContentLead {
	margin: 50px 0 0;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
}

.caseDetailCustomer {
	margin: 50px 0 0;
}

.caseDetailCustomerContent {
	padding: 40px 40px 30px;
	border: solid 2px #e8e8e8;
}

.caseDetailCustomerHead {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.caseDetailCustomerTable {
	width: 100%;
	margin: 10px 0 0;
	border-collapse: collapse;
}

.caseDetailCustomerTable tr {
	border-bottom: solid 1px #e8e8e8;
}

.caseDetailCustomerTable tr:last-child {
	border-bottom: none;
}

.caseDetailCustomerTable th,
.caseDetailCustomerTable td {
	padding: 22px 50px;
	font-size: 16px;
	line-height: 1.8;
}

.caseDetailCustomerTable th {
	font-weight: bold;
}

.caseDetailCustomerTable a {
	color: #333;
}

.caseStudyWrap {
	margin: 110px 0 0;
	padding: 70px 0 140px;
}

.caseStudyTitleWrap {
	text-align: center;
}

.caseStudyTitle {
	display: inline-block;
	padding: 0 40px 10px;
	border-bottom: solid 4px #ffe239;
}

.caseStudyTitle img {
	width: auto;
	height: 25px;
}

/* case slider */
.caseSliderWrap {
	margin: 40px 0 0;
}

.caseSliderItem {
	width: 530px;
	margin: 0 40px 0 0;
	padding: 40px 40px 34px;
	background: #fff;
	box-shadow : 1px 1px 4px rgba(0, 0, 0, 0.04);
}

.caseSliderInner {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 5px;
	background: #d4f1fc;
}

.caseSliderImage {
	width: 215px;
	height: 110px;
	background: #fff;
	position: relative;
}

.caseSliderImage img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.caseSliderName {
	width: 225px;
	padding: 20px;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}

.caseSliderName span {
	display: block;
}

.caseSliderText {
	margin: 14px 0 0;
	font-size: 16px;
	line-height: 1.8;
}

/* pagination */
.pagenationWrap {
	margin: 80px 0 0;
}

.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:16px;
	line-height:13px;
	display: flex;
	justify-content: center;
}
.pagination span,
.pagination a {
	display:block;
	min-width: 35px;
	float:left;
	padding: 13px 13px 12px;
	text-decoration:none;
	width:auto;
	color:#333333;
	background: #fff;
	border: 1px #dddddd solid;
	border-right: none;
}
.pagination a:first-child {
	border-radius: 4px 0 0 4px;
}
.pagination a:last-child {
	border-radius: 0 4px 4px 0;
	border-right: 1px #dddddd solid;
}
.pagination a:hover{
	background: #dddddd;
	opacity: 1;
}
.pagination .current{
	padding: 13px 13px 12px;
	background: #dddddd;
}

.pagination.sp {
	display: none;
}

.blogSide {
	width: 290px;
}

.blogSideContent {
	margin: 0 0 30px;
}

.blogSideContent:last-child {
	margin-bottom: 0;
}

.blogSideLabel {
	padding: 14px 18px;
	background: #0083d5;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
	border-radius: 6px 6px 0 0;
}

.blogSideList {
	padding: 30px 18px;
	background: #fcfcfc;
	border: solid 1px #e8e8e8;
	border-top: none;
	border-radius: 0 0 6px 6px;
}

.blogSideItem {
	margin: 0 0 16px;
	padding: 0 0 0 16px;
	position: relative;
	font-size: 16px;
	line-height: 1.6;
}

.blogSideItem:last-child {
	margin-bottom: 0;
}

.blogSideItem:before {
	content: "";
	width: 6px;
	height: 12px;
	position: absolute;
	top: 6px;
	left: 0;
	background: url(../image/arrow_right_blue.svg) no-repeat;
	background-size: 6px 12px;
}

.blogSideItem a {
	color: #333;
	text-decoration: none;
}

.tagList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -10px;
}

.blogSideItemTag {
	margin: 0 5px 10px 0;
	font-size: 14px;
	line-height: 1;
}

.blogSideItemTag a {
	display: block;
	padding: 6px 14px;
	background: #fff;
	color: #333;
	border: solid 1px #d8d8d8;
	border-radius: 15px;
	text-decoration: none;
}

.articleTitle {
	margin: 14px 0 0;
	padding: 0 0 6px;
	font-size: 38px;
	line-height: 1.3;
	color: #0083d5;
	border-bottom: solid 2px #e8e8e8;
}

.articleTag {
	margin: 18px 0 -5px;
	font-size: 0;
}

.articleTag span {
	margin: 0 10px 0 0;
	font-size: 14px;
	line-height: 1;
}

.articleTag a {
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 6px 14px;
	font-size: 14px;
	line-height: 1;
	color: #333;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 15px;
}

.articleMain {
	margin: 40px 0 0;
}

.articleMain img {
	max-width: 100%!important;
	margin: 0 auto 40px;
}

.articleMain p {
	margin: 0 0 1.5em;
	font-size: 16px;
	line-height: 1.8;
}

.articleMain h2 {
	margin: 50px 0 20px;
	padding: 10px 20px;
	background: #d4f1fc;
	font-size: 28px;
	line-height: 1.3;
}

.articleMain h3 {
	margin: 50px 0 20px;
	padding: 0 0 0 20px;
	position: relative;
	font-size: 26px;
	line-height: 1.4;
}

.articleMain h3:before {
	content: "";
	display: block;
	width: 7px;
	height: 40px;
	position: absolute;
	top: -2px;
	left: 0;
	background: #0083d5;
}

.articleMain h4 {
	margin: 50px 0 20px;
	padding: 0 0 4px;
	font-size: 22px;
	line-height: 1.5;
	border-bottom: solid 1px #4db4e8;
}

.articleMain ul {
	margin: 50px 0 20px;
}

.articleMain li {
	margin: 0 0 8px;
	padding: 0 0 0 1em;
	position: relative;
	font-size: 16px;
	line-height: 1.8;
}

.articleMain li:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 9px;
	left: 0;
	background: #0083d5;
}

.articleMain li:last-child {
	margin-bottom: 0;
}

.articleMain table {
	width: 100%;
	margin: 50px 0 20px;
	border-collapse: collapse;
}

.articleMain table th,
.articleMain table td {
	padding: 14px 24px;
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
	border: solid 1px #d1d1d1;
}

.articleMain table th {
	width: 180px;
	background: #e9f8fd;
	font-weight: bold;
}

.articlePaging {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 90px 0 0;
}

.articlePaging a {
	display: block;
	color: #333;
	text-decoration: none
}

.articlePaging .prev:before {
	content: "";
	display: inline-block;
	width: 38px;
	height: 39px;
	margin: 0 10px 0 0;
	background: url(../image/article_prev.png) no-repeat;
	background-size: 38px 39px;
	vertical-align: -12px;
}

.articlePaging .next:after {
	content: "";
	display: inline-block;
	width: 38px;
	height: 39px;
	margin: 0 0 0 10px;
	background: url(../image/article_next.png) no-repeat;
	background-size: 38px 39px;
	vertical-align: -12px;
}

/* wp css */
.articleMain p {
	display: block;
	margin: 1em 0;
}
.articleMain strong { font-weight: bold; }
.articleMain em { font-style: italic; }
.articleMain blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
}

.articleMain pre {
	white-space: inherit;
}
 
/* img */
 
.articleMain .aligncenter {
	display: block;
	margin: 0 auto;
}
.articleMain .alignright { float: right; }
.articleMain .alignleft { float: left; }
 
.articleMain img[class*="wp-image-"],
.articleMain img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}

/*----- sitemap ------*/
.sitemapWrap {
	margin: 70px 0 200px;
}

.sitemapContentWrap {
	overflow: hidden;
}

.sitemapContent {
	width: 340px;
	margin: 0 40px 30px 0;
	float: left;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

.sitemapContent.mr0 {
	margin-right: 0;
}

.sitemapContent a {
	display: block;
	font-size: 16px;
	line-height: 1.4;
	color: #333;
	text-decoration: none;
}

.sitemapContent > a {
	padding: 24px 28px;
}

.sitemapContent > a:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 12px;
	margin: 0 14px 0 0;
	background: url(../image/arrow_right_blue.svg) no-repeat;
	background-size: 6px 12px;
}

.sitemapContentList {
	margin: -8px 0 0;
	padding: 0 28px 26px;
}

.sitemapContentItem {
	margin: 0 0 16px;
	padding: 0 20px;
}


.sitemapContentItem:last-child {
	margin-bottom: 0;
}

.sitemapContentItem a:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	margin: 0 10px 0 0;
	background: url(../image/sitemap_list_arrow.svg) no-repeat;
	background-size: 6px 10px;
}

/*----- cta ------*/
.ctaWrap {
	width: 1100px;
	margin: auto;
	margin: 80px auto 0;
	position: relative;
	text-align: center;
}

.ctaWrap:before {
	content: "";
	display: inline-block;;
	width: 467px;
	height: 40px;
	position: relative;
	background: url(../image/cta_title.svg) no-repeat;
	background-size: 467px 40px;
	z-index: 1;
}

.ctaWrap:after {
	content: "";
	width: 426px;
	height: 450px;
	position: absolute;
	bottom: -80px;
	right: 0;
	background: url(../image/cta_human.png) no-repeat;
	background-size: 426px 450px;
}

.ctaTitle {
	position: relative;
	text-align: center;
	z-index: 1;
}

.ctaTitle img {
	width: 467px;
	height: auto;
}

.ctaContent {
	width: 613px;
	text-align: left;
}

.ctaContent p {
	margin: 60px 0 0;
	font-size: 16px;
	line-height: 1.5;
}

.ctaTel {
	margin: 40px 0 0;
}

.ctaTel:before {
	content: "";
	display: block;
	width: 604px;
	height: 46px;
	margin: auto;
	background: url(../image/cta_tel.svg) no-repeat;
	background-size: 604px 46px;
}

a.ctaButton {
	display: block;
	width: 100%;
	margin: 24px 0 0;
	padding: 18px 0 18px 140px;
	background: #ff7300;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 6px;
	text-decoration: none;
}

a.ctaButton:hover {
	background: #fff;
	color: #ff7300;;
	border-color: #ff7300;
	opacity: 1;
	transition: .3s;
}

.ctaButton:before {
	content: "";
	display: inline-block;
	width: 52px;
	height: 41px;
	margin: 0 28px 0 0;
	background: url(../image/cta_mail_icon.svg) no-repeat;
	background-size: 52px 41px;
	vertical-align: -8px;
}

a.ctaButton:hover:before {
	background: url(../image/cta_mail_icon_over.svg) no-repeat;
	background-size: 52px 41px;
}

/*----- footer ------*/
.footer {
	margin: 80px 0 0;
	padding: 54px 0 24px;
	background: #0071aa;
}

.footerNavList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: center;
}

.footerNavItem {
	margin: 0 50px 0 0;
}

.footerNavItem:last-child {
	margin-right: 0;
}

.footerNavItem a {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}

.footerNavItem a:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 12px;
	margin: 0 8px 0 0;
	background: url(../image/nav_arrow.svg) no-repeat;
	background-size: 6px 12px;
}

.footerBottom {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 90px 0 0;
}

.copyright img {
	width: 228px;
	height: 16px;
}

.footerLogo img {
	width: 187px;
	height: 21px;
}

/*----- pagetop ------*/
#gPagetop {
	width: 59px;
	height: 59px;
	position: fixed;
	bottom: 54px;
	background: url(../image/bu_pagetop.png) no-repeat;
	background-size: 59px 59px;
	cursor: pointer;
}

#gPagetop:hover {
	opacity: 0.7;
	transition: .3s;
}

/*----- fixbottom ------*/
.fix {
	position: fixed;
	bottom: 0;
	left: 0;
}

.fixAction {
	position: relative;
	bottom: 0;
	transition: .6s;
}

.isFixed .fixAction {
	bottom: -100px;
	transition: .6s;
}

.fixBottom {
	width: 100%;
	position: fixed;
	z-index: 998;
}

.fixAction {
	padding: 0 30px 0 0;
	text-align: right;
}

.fixActionTel {
	display: inline-block;
}

.fixActionTel:before {
	content: "";
	display: inline-block;
	width: 485px;
	height: 42px;
	margin: 0 50px 0 0;
	background: url(../image/fix_tel.svg) no-repeat;
	background-size: 485px 42px;
	vertical-align: -12px;
}

a.fixButton {
	display: inline-block;
	width: 185px;
	height: 36px;
	padding: 0 0 0 14px;
	background: #ff7300;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	color: #fff;
	text-align: left;
	border: solid 1px #ffc9a4;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
	text-decoration: none;
}

a.fixButton:hover {
	background: #fff;
	color: #ff7300;
	opacity: 1;
	transition: .3s;
}

a.fixButton:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 18px;
	margin: 0 10px 0 0;
	background: url(../image/cta_mail_icon.svg) no-repeat;
	background-size: 25px 18px;
	vertical-align: -3px;
}

a.fixButton:hover:before {
	background: url(../image/cta_mail_icon_over.svg) no-repeat;
	background-size: 25px 18px;
}