@charset "utf-8";

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


/*----- common ------*/
html {
	font-size: 730%;
}
body {
	-webkit-text-size-adjust: 100%;
	font-size: .12em;
}
img {
	max-width: 100%;
}
.spNone {
	display: none;
}

.container {
	padding: 0 20px;
}

.bold {
	font-weight: bold;
}

.right {
	text-align: right;
}

.bg1 {
	background: #f4f4f4;
}

/*----- header ------*/
.header {
	padding: 12px 0;
	position: relative;
	background: #0083d5;
}

.headerLogo {
	display: inline-block;
	width: 240px;
	height: 43px;
	position: relative;
	font-size: .10rem;
	text-align: center;
	z-index: 999;
}

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

.headerLogo img {
	display: block;
	width: 174px;
	height: 24px;
	margin: 8px 0 0;
}

.headerLink {
	display: none;
}

/*----- navigation ------*/
.navDrawerWrap {
	width: 100%;
	margin: 0 10px 0 0;
	position: fixed;
	top: 10px;
	text-align: right;
 	z-index: 999;
}

.navDrawer {
	position: relative;
}

.navContent {
	display: none;
	width: 320px;
	max-width: 90%;
	height: calc(100% - 54px);
	padding: 15px 0 0;
	position: fixed;
	top: 54px;
	right: 10px;
	text-align: left;
	overflow-y: auto;
	z-index: 999;
}

.navContent:before {
	content: "";
	position: absolute;
	top: 0;
	right: 12px;
	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;
}


#headerNavContent.navContent {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 58px 0 0;
	padding: 34px 30px;
	position: absolute;
	top: 0;
	right: 0;
	background: #0083D5;
}

#headerNavContent.navContent:before {
	content: none;
}

.navList {
	margin: 0 0 25px;
}

.navItem {
	margin: 0 0 20px;
	font-size: .14rem;
	font-weight: bold;
}

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

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

.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 10px;
	padding: 0 0 0 14px;
	position: relative;
	font-size: .13rem;
	font-weight: normal;
	line-height: 1.4;
}
.navSecondItem:last-child {
	margin-bottom: 0;
}

.navSecondItem a:before {
	content: "";
	display: block;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 5px;
	left: 0;
	background: url(../image/nav_arrow_second.svg) no-repeat;
	background-size: 6px 10px;
}

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

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

.navActionItem a {
	display: inline-block;
	padding: 10px 15px;
	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 12px 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: 43px;
	height: 43px;
	position: relative;
	background: #0083D5;
	border-radius: 6px;
	border: solid 1px transparent;
	z-index: 999;
}

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

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

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

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

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

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

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

#headerTrigger.menuTrigger {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	border-color: rgba(255,255,255,.8);
}


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

.contentText {
	font-size: .18rem;
	line-height: 1.6;
	text-align: center;
}

.contentText.small {
	margin: 14px 0 0;
	font-size: .12rem;
	text-align: left;
}

.contentText.medium {
	font-size: .14rem;
	text-align: left;
}

/*----- pagemain ------*/
.pageMain,
.pageMain .container {
	height: 100px;
	padding: 0;
	position: relative;
}

.pageMain.home {
	height: 270px;
	background: url(../image/main_image_home_sp.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pageTitle {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	padding: 10px 20px 0;
	background: rgba(255,255,255,.8);
}

.pageTitle img {
	padding: 0 0 8px;
	border-bottom: solid 3px #ffac27;
	vertical-align: bottom;
}

.faq .pageTitle img {
	width: 62px;
	height: 32px;
	padding-bottom: 4px;
}

.contact .pageTitle img {
	width: 265px;
	height: 34px;
}

.company .pageTitle img {
	width: 113px;
	height: 36px;
}

.solution .pageTitle img {
	width: 250px;
	height: 36px;
}

.jinji .pageTitle img {
	width: 237px;
	height: 36px;
}

.syugyo .pageTitle img {
	width: 275px;
	height: 36px;
}

.kyuyo .pageTitle img {
	width: 238px;
	height: 36px;
}

.mynumber .pageTitle img {
	width: 272px;
	height: 36px;
}

.mokuhyo .pageTitle img {
	width: 274px;
	height: 36px;
}

.outsorsing .pageTitle img {
	width: 276px;
	height: 36px;
}

.term .pageTitle img {
	width: 227px;
	height: 36px;
}

.news .pageTitle img {
	width: 108px;
	height: 36px;
}

.blog .pageTitle img {
	width: 219px;
	height: 36px;
}

.sitemap .pageTitle img {
	width: 154px;
	height: 36px;
}

.case .pageTitle img {
	width: 112px;
	height: 36px;
}

/*----- home ------*/
.homePageTitleWrap {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
}

.homePageTitle {
    font-size: 0;
	text-align: center;
}

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

.homePageTitle:after {
	content: "";
	display: block;
	width: 280px;
	height: 89px;
	margin: 14px auto 0;
	background: url(../image/page_title_home_sp.svg) no-repeat;
	background-size: 280px 89px;
}

.homeNextButton {
	display: none;
}

.homeContentTop {
	padding: 35px 0 44px;
	background: linear-gradient(180deg,#d9f8ff 0%,#d9f8ff 20%,#fff 20%,#fff 100%);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.homeContentTop:before {
	content: "";
	display: block;
	width: 935px;
	height: 410px;
	margin: auto;
	position: absolute;
	top: 100px;
	left: calc(50% - -18px);
	right: 0;
	transform: translateX(-50%);
	background: url(../image/home_content_top_background_1_sp.svg) no-repeat;
	background-size: 935px 410px;
}

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

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

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

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

.homeContentTopDescription {
	margin: 10px 0 0;
	font-size: .16rem;
	line-height: 1.8
}

.homeContentTopFigure {
	margin: 20px 0 0;
}

.homeContentTopFigure img {
	width: 100%;
	height: auto;
}

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

.service .homeContentTitle {
	display: inline-block;
	padding: 0 8px 6px;
	font-size: .24rem;
	font-weight: bold;
	line-height: 1.1;
	color: #fff;
	border-bottom: solid 3px #ffe239;
}

.homeServiceWrap {
	margin: 24px 0 0;
}

.homeServiceContent {
	position: relative;
	text-align: left;
}

.homeServiceContent:nth-child(2n) {
	background: #00adc4;
}

.homeServiceContent:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding: 40% 0 0;
}

.homeServiceContent.jinji {
	background-image: url(../image/home_service_image_1_sp.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}

.homeServiceContent.kyuyo {
	background-image: url(../image/home_service_image_2_sp.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}

.homeServiceContent.syugyo:before {
	background-image: url(../image/home_service_image_3_sp.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}

.homeServiceContent.mokuhyo {
	background-image: url(../image/home_service_image_4_sp.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}

.homeServiceContent.mynumber {
	background-image: url(../image/home_service_image_5_sp.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}

.homeServiceContent.outsorsing {
	background-image: url(../image/home_service_image_6_sp.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}

.homeServiceInner {
	margin: 20px 0 0;
	padding: 0 20px 20px;
}

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

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

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

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

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

.homeServiceLink {
	width: 100%;
	padding: 40% 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

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

.homeContentTitle {
	text-align: center;
}

.homeContentTitle img {
	padding: 0 15px 6px;
	border-bottom: solid 3px #ffe239;
}

.case .homeContentTitle img {
	width: 124px;
	height: 30px;
}

.homeCaseList {
	margin: 20px 0 0;
}

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

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

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

.homeCaseImage {
	position: relative;
}

.homeCaseImage img {
	vertical-align: bottom;
}

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

.homeCaseIndustry span {
	display: block;
}

.homeCaseBottom {
	margin: 10px 0 0;
}

.homeCaseLogo {
	width: 108px;
	margin: 0 auto 10px;
}

.homeCaseText {
	font-size: .12rem;
	line-height: 1.8;
}

.homeCaseLogoListWrap {
	margin: 20px 0 0;
	padding: 18px 20px;
	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 -8%;
}

.homeCaseLogoItem {
	width: 46%;
	margin: 0 8% 8% 0;
}

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

.homeCaseLogoItem a {
	pointer-events: none;
}

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

.voice .homeContentTitle img {
	width: 139px;
	height: 30px;
}

.homeVoiceList {
	margin: 20px 0 0;
}

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

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

.homeVoiceItem:nth-child(2n) {
	flex-direction: row-reverse;
}

.homeVoiceUser {
	text-align: center;
}

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

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

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

.homeVoiceText {
	width: 54%;
	margin: 0 0 0 15px;
	padding: 16px 20px;
	position: relative;
	background: #fff;
	border-radius: 14px;
}

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

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

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

.homeVoiceText p {
	font-size: .14rem;
	line-height: 1.6;
}

/*----- breadcrumb ------*/
.breadcrumbList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	padding: 92px 0 0 20px;
	white-space: nowrap;
	overflow-x: auto;
    overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.breadcrumbItem {
	margin: 20px 0 0;
	color: #0083d5;
	font-size: .11rem;
}

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

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

.breadcrumbItem a {
	color: #0083d5;
}

.blogBreadcrumb {
	padding: 112px 0 0 20px;
	white-space: nowrap;
	overflow-x: auto;
    overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	font-size: .11rem;
	color: #0083d5;
}

.blogBreadcrumb a {
	color: #0083d5;
}

.blogBreadcrumb span {
	margin: 0 8px;
}


/*----- faq ------*/
.anchorLinkList {
	margin: 15px 0 0;
	padding: 20px 20px 15px;
	background: #F4F4F4;
}

.anchorLinkItem {
	margin: 0 0 10px;
}

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

.anchorLinkItem a {
	display: block;
	width: 100%;
	padding: 8px 10px;
	background: #fff;
	font-size: .12rem;
	line-height: 1.5;
	color: #333;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

.anchorLinkItem a:before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 25px;
	margin: 0 14px 0 0;
	vertical-align: -6px;
}

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

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

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

.anchorLinkItem a.item4:before {
	background: url(../image/faq_icon_4.svg) no-repeat;
	background-size: 25px 25px;
}

.anchorLinkItem a.item5:before {
	background: url(../image/faq_icon_5.svg) no-repeat;
	background-size: 25px 20px;
	vertical-align: -8px;
}

.faqSection {
	margin: 0 0 80px;
}

.faqTitle {
	margin: 32px 0 0;
	font-size: .21rem;
	line-height: 1.3;
	padding-left: 48px;
	text-indent: -48px;
}

.faqTitle:before {
	content: "";
	display: inline-block;
	margin: 0 14px 0 0;
}

.faqTitle.item1:before {
	width: 36px;
	height: 29px;
	background: url(../image/faq_icon_1.svg) no-repeat;
	background-size: 36px 29px;
	vertical-align: -4px;
}

.faqTitle.item2:before {
	width: 34px;
	height: 32px;
	background: url(../image/faq_icon_2.svg) no-repeat;
	background-size: 34px 32px;
	vertical-align: -6px;
}

.faqTitle.item3:before {
	width: 31px;
	height: 30px;
	background: url(../image/faq_icon_3.svg) no-repeat;
	background-size: 31px 30px;
	vertical-align: -5px;
}

.faqTitle.item4:before {
	width: 35px;
	height: 35px;
	background: url(../image/faq_icon_4.svg) no-repeat;
	background-size: 35px 35px;
	vertical-align: -9px;
}

.faqTitle.item5:before {
	width: 32px;
	height: 26px;
	background: url(../image/faq_icon_5.svg) no-repeat;
	background-size: 32px 26px;
	vertical-align: -4px;
}

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

.faqQ,
.faqA {
	font-size: .12rem;
	line-height: 1.5;
	text-indent: -46px;
	padding-left: 46px;
}

.faqQ {
	font-weight: bold;
}

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

.faqQ:before,
.faqA:before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 24px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

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

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

/*----- contact ------*/
.contactTelWrap {
	width: 100%;
	margin: 40px auto 0;
	padding: 12px 20px;
	background: #fff;
	text-align: center;
	border: solid 1px #D8D8D8;
	border-radius: 6px;
}

.contactTelWrap p {
	font-size: .14rem;
	font-weight: bold;
	line-height: 1.2;
}

.contactTelWrap img {
	max-width: 230px;
	width: 100%;
	height: auto;
	margin: 10px 0 0;
}

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

.contactStepList {
	display: table;
	width: 100%;
	margin: 30px auto 0;
}

.contactStepList > div {
	display: table-cell;
}

.contactStepItem {
	width: 33%;
	padding: 12px 4px;
	position: relative;
	background: #fff;
	font-size: .12rem;
	line-height: 1.3;
	text-align: center;
	border: solid 1px #D8D8D8;
	border-radius: 6px;
}

.contactStepArrow {
	width: 20px;
	vertical-align: middle;
	border: solid 6px transparent;
}

.contactStepArrow img {
	max-width: none;
	width: 9px;
	height: 18px;
	vertical-align: middle;
}

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

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

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

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

.formGroup {
	padding: 14px 0;
	border-top: solid 1px #E8E8E8;
}

.formLabel {
	display: inline-block;
	margin: 0 0 10px;
	position: relative;
	font-size: .12rem;
	font-weight: bold;
	line-height: 1.5;
}

.formLabel.required {
	padding: 0 50px 0 0;
}

.formLabel.required:after {
	content: "";
	width: 38px;
	height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../image/form_required.svg) no-repeat;
	background-size: 38px 18px;
	vertical-align: -4px;
}

.formItem{
	width: 100%;
}

.formText {
	font-size: .12rem;
	line-height: 1.5;
}

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

.formControl {
	width: 100%;
	padding: 12px 14px;
	background: #F3FCFF;
	font-size: .12rem;
	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: 140px;
}

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

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

.formSelect {
	width: 165px;
	padding: 12px 14px;
	background: #F3FCFF;
	font-size: .12rem;
	line-height: 1;
	border: solid 1px #52B6DD;
	border-radius: 6px;
}

.formSelectPlaceholder {
	display: none;
}

.formSelect:focus {
	outline: none;
}

.formMb {
	margin: 0 0 -14px;
}

.formCheckWrap {
	margin: 0 0 -16px;
}

.formCheckbox {
	display: none;
}

.formCheckLabel {
	display: inline-block;
	margin: 0 26px 16px 0;
	padding: 0 0 0 26px;
	cursor: pointer;
	position: relative;
	font-size: .12rem;
	line-height: 1.4;
	cursor: pointer;
}

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

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

.formRadio {
	display: none;
}

.formRadioWrap {
	margin: 0 0 -16px;
}

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

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

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

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

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

.formPrivacy {
	display: inline-block;
	font-size: .12rem;
	line-height: 1.4;
}

.formPrivacy a {
	color: #333;
}

.formPrivacy a:hover {
	opacity: 1;
}

.formPrivacy .formCheckbox:before {
	display: inline-block;
	margin: 0 12px 0 0;
	position: static;
}

.formButtonTop {
	margin: 30px 0 0;
}

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

.formButton {
	display: block;
	width: 100%;
	padding: 14px;
	position: relative;
	background: #FF7300;
	font-size: .20rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	border: none;
	border-radius: 6px;
	outline: none;
	cursor: pointer;
}

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

.formButton.back {
	margin: 0 0 10px;
	background: #8FC6DB;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}

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

.formButton.back:hover {
	opacity: 1;
}

.formConfrm {
	margin: 25px 0 0;
	font-size: .14rem;
	font-weight: bold;
	line-height: 2;
}

.formConfrm.error {
	color: #DB3131;
}

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

.formError:before {
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 8px 0 0;
	background: url(../image/error.svg) no-repeat;
	background-size: 21px 21px;
	vertical-align: -4px;
	-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: 50px 0 0;
	text-align: center;
}

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

a.formToppageButton:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 9px;
	margin: 0 10px 0 0;
	background: url(../image/arrow_right.svg) no-repeat;
	background-size: 4px 9px;
	vertical-align: 1px;
}

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

.globalSignWrap {
	margin: 45px 0 0;
	text-align: center;
}

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

.globalSignWrap p {
	margin: 14px 0 0;
  	font-size: .12rem;
	line-height: 1.8;
	text-align: left;
}

/*----- company ------*/
.anchorLinkItemCompany {
	margin: 0 0 10px;
}

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

.anchorLinkItemCompany a {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 24px 0 55px;
	position: relative;
	background: #fff;
	font-size: 16px;
	line-height: 40px;
	color: #333;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

.anchorLinkItemCompany a:before {
	content: "";
	width: 55px;
	height: 40px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.anchorLinkItemCompany a.item1:before {
	background: url(../image/company_icon_1.svg) no-repeat;
	background-size: 22px 23px;
	background-position: center;
}

.anchorLinkItemCompany a.item2:before {
	background: url(../image/company_icon_2.svg) no-repeat;
	background-size: 20px 23px;
	background-position: center;
}

.anchorLinkItemCompany a.item3:before {
	background: url(../image/company_icon_3.svg) no-repeat;
	background-size: 22px 24px;
	background-position: center;
}

.companyTitle {
	margin: 40px 0 18px;
	padding: 10px 0 0 42px;
	position: relative;
	font-size: .21rem;
}

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

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

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

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

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

.companyTable tr {
	display: block;
	padding: 14px 0;
	border-top: solid 1px #e8e8e8;
}

.companyTable tr.spNone {
	display: none;
}

.companyTable th,
.companyTable td {
	display: block;
	font-size: .12rem;
	line-height: 1.6;
	text-align: left;
}

.companyTable th {
	margin: 0 0 8px;
	font-weight: bold;
}

.companyTable td:nth-child(3) {
	display: none;
}

.companyTable td + th {
	margin-top: 8px;
}

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

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

a.companyButton:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 9px;
	margin: 0 10px 0 0;
	background: url(../image/arrow_right.svg) no-repeat;
	background-size: 4px 9px;
	vertical-align: 1px;
}

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

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

.companyHistory {
	margin: 14px 0 0;
}

.companyHistory p {
	font-size: .10rem;
	line-height: 1.8;
}

.companyHistoryNotes {
	margin: 0 0 30px;
}

.companyHistoryImage {
	margin: 0 0 30px;
}

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

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

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

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

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

.companyHistory ul li {
	font-size: .10rem;
	line-height:1.82;
}

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

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

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

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

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

.companyAccessText {
	font-size: .12rem;
	line-height: 1.8;
}

.companyAccessMap {
	height: 0;
	margin: 8px 0;
	padding: 0 0 76%;
	position: relative;
	overflow: hidden;
}

.companyAccessMap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


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

.solutionTopTitle {
	width: 222px;
	height: 76px;
	margin: 0 auto;
	background: url(../image/solution_top_title_sp.svg) no-repeat;
	background-size: 222px 76px;
}


.solutionTopSub {
	margin: 14px 0 20px;
	font-size: .18rem;
	line-height: 1.4;
}

.solutionTopText {
	font-size: .12rem;
	line-height: 1.8;
	text-align: left;
}

.solutionSection {
	padding: 40px 0 15px;
}

.solutionTitle {
	text-align: center;
	font-size: .24rem;
	font-weight: bold;
	line-height: 1.3;
}

.solutionListWrap {
	margin: 10px 0 0;
	padding: 35px 0 22px;
	background: #0083d5;
}

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

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

.solutionItem a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 32px 14px 18px;
	position: relative;
	font-size: 0;
	color: #333;
	text-decoration: none;
}

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

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

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

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

.solutionItem img {
	display: inline-block;
	width: 44%;
	height: auto;
	margin: 0 4% 0 0;
	vertical-align: top;
}

.solutionItemText {
	display: inline-block;
	width: 52%;
	font-size: .12rem;
	font-weight: bold;
	line-height: 1.6;
}

.solutionFeatureWrap {
	margin: 35px 0 0;
}

.solutionFeatureContent {
	margin: 0 0 45px;
	padding: 10px 0 0;
}

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

.solutionFeatureTitle {
	padding: 0 0 0 44px;
	position: relative;
	font-size: .18rem;
	font-weight: bold;
	line-height: 1.4;
}

.solutionFeatureTitle:before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: -4px;
	left: 0;
}

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

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

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

.solutionFeatureRow {
	margin: 15px 0 0;
}

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

.solutionFeatureImage {
	width: 100%;
}

.solutionFeatureImage img {
	width: 100%;
	height: auto;
}

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

.securityImage > img {
	max-width: 200px;
}

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

.solutionFeatureText p {
	margin: 0 0 20px;
	font-size: .12rem;
	line-height: 1.5;
}

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

.solutionProductWrap {
	margin: 24px 0 0;
}

.solutionProductContent {
	margin: 0 0 35px;
	padding: 24px 20px 0;
	position: relative;
	text-align: center;
}

.solutionProductContent:before {
	content: "";
	display: block;
	width: 100%;
	height: 60%;
	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.contentJinji {
	background: url(../image/solution_product_image_2_sp.png) no-repeat;
	background-size: 548px 162px;
	background-position: top center;
}

.solutionProductContent.contentKyuyo {
	background: url(../image/solution_product_image_1_sp.png) no-repeat;
	background-size: 548px 162px;
}

.solutionProductContent.contentSyugyo {
	background: url(../image/solution_product_image_3_sp.png) no-repeat;
	background-size: 548px 162px;
	background-position: top center;
}

.solutionProductContent.contentMokuhyo {
	background: url(../image/solution_product_image_5_sp.png) no-repeat;
	background-size: 548px 162px;
}

.solutionProductContent.contentMynumber {
	background: url(../image/solution_product_image_4_sp.png) no-repeat;
	background-size: 548px 162px;
}

.solutionProductContent.contentOutsorsing {
	background: url(../image/solution_product_image_6_sp.png) no-repeat;
	background-size: 548px 162px;
}

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

.solutionProductText {
	position: relative;
	margin: 14px 0 0;
	font-size: .12rem;
	line-height: 1.8;
	color: #fff;
	text-align: left;
}

.solutionProductList {
	margin: 14px 0 0;
	position: relative;
}

.solutionProductItem {
	width: 100%;
	height: 70px;
	margin: 0 0 10px;
	position: relative;
	background: #fff;
	text-align: left;
	border-radius: 12px;
	box-shadow: 0 0 4px rgba(0,0,0,.04);
}

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

.solutionProductItem a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	text-decoration: none;
	pointer-events: none;
}

.solutionProductItemText {
	margin: 0 16px 0 0;
	position: absolute;
	top: 50%;
	left: 82px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	font-size: .12rem;
	line-height: 1.6;
	font-weight: bold;
}

.solutionProductItemIcon {
	width: 84px;
	height: 70px;
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.solutionProductButton {
	display: inline-block;
	margin: 14px 0 0;
	padding: 10px 60px 10px 46px;
	position: relative;
	background: #fff;
	font-size: .16rem;
	line-height: 1;
	color: #0083d5;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

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

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

.solutionDetailList {
	position: relative;
}

.solutionDetailItem {
	width: 100%;
	height: 85px;
	margin: 0 0 14px;
	position: relative;
	background: #fff;
	border-radius: 6px;
}

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

.pointerNone {
	pointer-events: none;
}

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

.solutionDetailItemText {
	margin: 0 16px 0 0;
	position: absolute;
	top: 50%;
	left: 100px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	font-size: .14rem;
	line-height: 1.6;
	font-weight: bold;
}

.solutionDetailItemIcon {
	width: 100px;
	height: 85px;
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.solutionDetailButtonWrap {
	margin: 30px 0 90px;
	text-align: center;
}

a.solutionDetailButton {
	display: inline-block;
	padding: 14px 42px 14px 24px;
	position: relative;
	background: #fff;
	font-size: .16rem;
	line-height: 1;
	color: #0083d5;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

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

.solutionDetailContent {
	padding: 36px 0 46px;
}

.solutionDetailTitleWrap {
	text-align: center;
}

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

.solutionDetailTitle img {
	width: auto;
	height: 18px;
}

.solutionDetailFeatureContent {
	margin: 0 0 40px;
}

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

.solutionDetailFeatureTitle {
	padding: 0 0 0 16px;
	position: relative;
	font-size: .20rem;
	line-height: 1.4;
}

.solutionDetailFeatureTitle:before {
	content: "";
	width: 5px;
	height: 25px;
	margin: auto;
	position: absolute;
	top: 4%;
	left: 0;
	background: #0083d5;
}

.solutionDetailFeatureText {
	margin: 14px 0 0;
	font-size: .12rem;
	line-height: 1.8;
}

.solutionDetailFeatureInner {
	margin: 24px 0 0;
}

.solutionLinkContent {
	margin: 30px 0 110px;
}

.solutionLinkContentTItle {
	font-size: .17rem;
	line-height: 1.2;
	text-align: center;
}

.solutionLinkWrap {
	margin: 20px 0 0;
}

a.solutionLink {
	display: block;
	width: 100%;
	height: 44px;
	margin: 0 0 12px;
	padding: 0 20px;
	font-size: .12rem;
	line-height: 44px;
	color: #333;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
	text-decoration: none;
}
a.solutionLink:last-child {
	margin-bottom: 0;
}

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

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: 5px 9px;
}


.workStyleReformImage {
	margin: 0 0 14px;
}

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

.webApplicationList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -4%;
}

.webApplicationItem {
	width: 49%;
	margin: 0 2% 4% 0;
}

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

.webApplicationItemImage {
	margin: 6px 8% 0 0;
}

.varietyWrap {
	margin: 34px 0 0;
}

.variety {
	margin: 0 0 40px;
	padding: 36px 0 20px;
	position: relative;
	border: solid 2px #e8e8e8;
	border-radius: 6px;
}
.variety:last-child {
	margin-bottom: 0;
}

.varietyHead {
	margin: auto;
	position: absolute;
	top: -19px;
	left: 0;
	right: 0;
	text-align: center;
}

.varietyHead img {
	width: auto;
	height: 38px;
}

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

.varietyList {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 0 -4%;
}

.varietyItem {
	width: 40%;
	margin: 0 0 4% 0;
}

.solutionDetailInnerContent {
	margin: 30px 0 0;
}

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

.solutionDetailInnerTitleWrap {
	text-align: center;
}

.solutionDetailInnerTitle {
	display: inline-block;
	padding: 4px 25px;
	background: #0083d5;
	font-size: 15px;
	line-height: 1.4;
	color: #fff;
}

.solutionDetailFunction {
	margin: 16px 0 0;
}

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

.solutionDetailFunctionContent {
	margin: 0 0 15px;
	padding: 20px 20px 14px;
	background: #fff;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

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

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

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

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

.solutionDetailFunctionItem {
	padding: 12px 0 12px 1em;
	font-size: .12rem;
	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 {
	font-size: .10rem;
	line-height: 1.6;
}


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

.solutionDetailAuditText {
	margin: 0 0 10px;
	font-size: .10rem;
	line-height: 1.6;
}

.solutionDetailAuditTop:after {
	content: "";
	display: block;
	width: 120px;
	height: 30px;
	margin: 8px auto 6px;
	background: url(../image/solution_audit_arrow.svg) no-repeat;
	background-size: 120px 30px;
}

.solutionDetailAuditItem {
	margin: 0 0 8px;
}

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

.solutionDetailAppraisalWrap {
	margin: 20px 0 0;
}

.solutionDetailAppraisal:nth-child(1) {
	margin: 0 0 20px;
}

.solutionCasestudy {
	margin: 40px 0 0;
}

.solutionCasestudyWrap {
	margin: 20px 0 0;
	padding: 0 10px;
}

.solutionCasestudyItem {
	padding: 25px 25px 20px;
	background: #fff;
	box-shadow : 1px 1px 4px rgba(0, 0, 0, 0.04);
}

.solutionCasestudyInner {
	padding: 5px 5px 10px;
	background: #d4f1fc;
}

.solutionCasestudyImage {
	width: 100%;
	padding: 24px 0;
	background: #fff;
	text-align: center;
}

.solutionCasestudyName {
	margin: 10px 0 0;
	font-size: .11rem;
	line-height: 1.6;
	text-align: center;
}

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

.solutionCasestudyName span.bold {
	margin: 0;
	display: block;
}

.solutionCasestudyText {
	margin: 10px 0 0;
	font-size: .12rem;
	line-height: 1.8;
}

.humanResource:nth-child(1) {
	margin: 0 0 30px;
}

.employmentStatusLabel {
	margin: 0 0 10px;
	font-size: .12rem;
	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: 32%;
	margin: 0 2% 0 0;
}

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

.dataLinkageList {
	margin: 30px auto 0;
	padding: 20px;
	border: solid 2px #ddd;
	border-radius: 6px;
}

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

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

.dataLinkageItem img {
  	width: 120px;
	margin: 0 14px 0 0;
}

.dataLinkageItem div {
	flex: 1;
}

.dataLinkageItem p {
	font-size: .12rem;
	line-height: 1.6;
}

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

.dataLinkageItem p span {
	font-size: .10rem;
}

.securityLabel {
	font-size: .14rem;
	font-weight: bold;
	line-height: 1.4;
}

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

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

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

.format {
	text-align: center;
}

/* Arrows */
.slick-prev,
.slick-next {
    display: block;
    width: 30px;
    height: 30px;
    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;
	z-index: 1;
}

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

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

/* 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: 50px 0 0;
}

.termTopText {
	margin: 0 10px 0 0;
	font-size: .11rem;
	line-height: 1.5;
	text-align: right;
}

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

.termContent {
	margin: 30px 0 0;
}

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

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

.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: 30px 0 90px;
}

.newsContent p {
	font-size: .12rem;
	line-height: 1.8;
}

.newsTitle {
	font-size: .21rem;
	line-height: 1.3;
}

.newsTable {
	margin: 20px 0 0;
}

.newsTable tr {
	display: block;
	padding: 15px 0;
	border-top: solid 1px #E8E8E8;
}

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

.newsTable th,
.newsTable td {
	display: block;
	font-size: .12rem;
	line-height: 1.8;
	text-align: left;
}

.newsTable th {
	font-weight: bold;
}

.newsTable td {
	margin: 10px 0 0;
}


/*----- blog ------*/
.blogWrap {
	margin: 0 0 100px;
}

.blogContent {
	margin: 0 0 40px;
}

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

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

.blogContentDate {
	margin: 0 24px 0 0;
	font-size: .12rem;
	font-weight: bold;
	line-height: 1;
}

.blogContentCatWrap {
	font-size: 0;
}

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

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

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

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

.blogContentText {
	font-size: .12rem;
	line-height: 1.8;
}

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

.blogContentImage {
	float: right;
	width: 125px;
	margin: 0 0 0 16px;
}

.blogContentButtonWrap {
	margin: 15px 0 0;
}

a.blogContentButton {
	display: inline-block;
	padding: 8px 38px 8px 20px;
	position: relative;
	font-size: .12rem;
	line-height: 1;
	color: #333;
	text-decoration: none;
	border: solid 1px #52b6dd;
	border-radius: 14px;
}

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

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

.caseContent {
	margin: 0 0 15px;
	padding: 22px 22px 28px;
	border: solid 2px #e8e8e8;
}

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

.caseContentComnapy img {
	width: 108px;
	margin: 6px 0 0;
}

.caseContentComnapyName {
	margin: 12px 0 0;
	font-size: .16rem;
	font-weight: bold;
	line-height: 1.3;
}

.caseContentComnapy {
	text-align: center;
}

.caseContentTagWrap {
	margin: 15px 0 -6px;
	font-size: 0;
	text-align: center;
}

.caseContentTag {
	display: inline-block;
	margin: 0 6px 6px 0;
	padding: 6px 12px;
	background: #0083d5;
	font-size: .11rem;
	color: #fff;
}

.caseConetntDescription {
	margin: 14px 0 0;
	font-size: .12rem;
	line-height: 1.8;
}

.caseConetntButtonWrap {
	margin: 18px 0 0;
	text-align: center;
}

a.caseContentButton {
	display: inline-block;
	padding: 8px 48px 8px 34px;
	position: relative;
	font-size: .12rem;
	line-height: 1;
	color: #0083d5;
	text-decoration: none;
	border: solid 1px #d8d8d8;
	border-radius: 18px;
}

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

.caseDetailTop .container {
	padding: 0;
}

.caseDetailCopy {
	padding: 0 20px;
	font-size: .21rem;
	line-height: 1.3;
	color: #0083d5;
}

.caseDetailImage {
	margin: 20px 0 0;
}

.caseDetailInfo {
	padding: 0 20px;
	text-align: center;
}

.caseDetailInfo img {
	width: 108px;
	margin: 8px 0 0;
}

.caseDetailInfoName {
	margin: 8px 0 0;
	font-size: .16rem;
	line-height: 1.4;
}

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

.caseDetailInfoTag {
	display: inline-block;
	margin: 0 8px 0 0;
	padding: 6px 18px;
	background: #0083d5;
	font-size: .10rem;
	color: #fff;
}

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

.caseDetailLeadWrap {
	margin: 20px 0 0;
	padding: 0 20px;
}

.caseDetailLead {
	padding: 16px 24px;
	border: solid 3px #a2dcf9;
	font-size: .12rem;
	line-height: 1.8;
}

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

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

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

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

.caseDetailContentLead {
	margin: 34px 0 0;
	font-size: .12rem;
	line-height: 1.8;
	text-align: left;
}

.caseDetailCustomer {
	margin: 20px 0 0;
}

.caseDetailCustomerContent {
	padding: 20px 24px 14px;
	border: solid 2px #e8e8e8;
}

.caseDetailCustomerHead {
	font-size: .14rem;
	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 {
	display: block;
	font-size: .12rem;
	line-height: 1.8;
	text-align: left;
}

.caseDetailCustomerTable th {
	padding: 14px 0 0;
	font-weight: bold;
}

.caseDetailCustomerTable td {
	margin: 4px 0 0;
	padding: 0 0 14px;
}

.caseDetailCustomerTable a {
	color: #333;
}

.caseStudyWrap {
	margin: 55px 0 0;
	padding: 35px 0 85px;
}

.caseStudyTitleWrap {
	text-align: center;
}

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

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

/* case slider */
.caseSliderWrap {
	margin: 20px 0 0;
	padding: 0 10px;
}

.caseSliderItem {
	padding: 25px 25px 20px;
	background: #fff;
	box-shadow : 1px 1px 4px rgba(0, 0, 0, 0.04);
}

.caseSliderInner {
	padding: 5px 5px 10px;
	background: #d4f1fc;
}

.caseSliderImage {
	width: 100%;
	padding: 24px 0;
	background: #fff;
	text-align: center;
}

.caseSliderName {
	margin: 10px 0 0;
	font-size: .11rem;
	line-height: 1.6;
	text-align: center;
}

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

.caseSliderName span.bold {
	margin: 0;
	display: block;
}

.caseSliderText {
	margin: 10px 0 0;
	font-size: .12rem;
	line-height: 1.8;
}

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

.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: .12rem;
	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.pc {
	display: none;
}

.blogSide {
	margin: 50px 0 0;
}

.blogSideContent {
	margin: 0 0 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.articleMain {
	margin: 30px 0 0;
}

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

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

.articleMain h2 {
	margin: 35px 0 14px;
	padding: 8px 10px;
	background: #d4f1fc;
	font-size: .18rem;
	line-height: 1.3;
}

.articleMain h3 {
	margin: 35px 0 14px;
	padding: 0 0 0 10px;
	position: relative;
	font-size: .16rem;
	line-height: 1.4;
}

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

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

.articleMain ul {
	margin: 35px 0 14px;
}

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

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

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

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

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

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

.articlePaging {
	margin: 40px 0 0;
}

.articlePaging a {
	display: block;
	font-size: .12rem;
	line-height: 1.5;
	color: #333;
	text-decoration: none;
	text-align: right;
}

.articlePaging .prev {
	text-align: left;
}

.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 {
	margin: 8px 0 0;
}

.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: 50px 0 100px;
}

.sitemapContent {
	width: 100%;
	margin: 0 0 22px;
	border: solid 1px #d8d8d8;
	border-radius: 6px;
}

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

.sitemapContent > a {
	padding: 20px;
}

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

.sitemapContentList {
	margin: -8px 0 0;
	padding: 0 20px 22px;
}

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


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

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


/*----- cta ------*/
.ctaWrap {
	margin: 60px 0 0;
	padding: 0 20px;
	position: relative;
}

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

.ctaWrap:after {
	content: "";
	width: 177px;
	height: 185px;
	position: absolute;
	top: -15px;
	right: 0;
	background: url(../image/cta_human.png) no-repeat;
	background-size: 177px 185px;
}

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

.ctaContent p {
	width: 50%;
	margin: 25px 0 0;
	font-size: .12rem;
	line-height: 1.5;
}

.ctaContent img {
	display: none;
}

a.ctaButton {
	display: block;
	width: 100%;
	margin: 24px 0 0;
	padding: 12px 0;
	background: #ff7300;
	font-size: .20rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.ctaButton:before {
	content: "";
	display: inline-block;
	width: 33px;
	height: 25px;
	margin: 0 20px 0 0;
	background: url(../image/cta_mail_icon.svg) no-repeat;
	background-size: 33px 25px;
	vertical-align: -4px;
}

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

.ctaTel a {
	display: inline-block;
	width: 255px;
	height: 71px;
	margin: auto;
	background: url(../image/cta_tel_sp.svg) no-repeat;
	background-size: 255px 71px;
}

/*----- footer ------*/
.footer {
	margin: 40px 0 0;
	padding: 32px 0 18px;
	background: #0071aa;
}

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

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

.footerNavItem {
	margin: 0 0 30px;
}

.footerNavItem a {
	font-size: .12rem;
	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;
	vertical-align: middle;
}

.footerBottom {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	margin: 20px 0 0;
}

.copyright img {
	width: 171px;
	height: 12px;
	margin: 15px 0 0;
}

.footerLogo img {
	width: 134px;
	height: 16px;
}

/*----- pagetop ------*/
#gPagetop {
	width: 44px;
	height: 44px;
	margin: 0 10px 0 0;
	position: fixed;
	bottom: 50px;
	background: url(../image/bu_pagetop.png) no-repeat;
	background-size: 44px 44px;
}

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

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

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

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

.fixAction {
	text-align: right;
}

.fixActionTel {
	display: inline-block;
	position: relative;
	width: 125px;
	height: 40px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.fixActionTel a {
	display: block;
	width: 94px;
	height: 25px;
	background: url(../image/fix_tel_sp.svg) no-repeat;
	background-size: 94px 25px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}

.fixActionTel:after {
	content: "";
	display: inline-block;
	position: relative;
	position: absolute;
	top: 0;
	left: 0;
	width: 125px;
	height: 40px;
	background: #fff;
	border-radius: 6px;
}

a.fixButton {
	display: inline-block;
	height: 38px;
	padding: 0 15px;
	line-height: 38px;
	background: #ff7300;
	font-size: .14rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border: solid 1px #ffc9a4;
	border-right: none;
	border-bottom: none;
	border-radius: 6px 0 0 0;
	text-decoration: none;
	vertical-align: middle;
}

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