@charset "UTF-8";

/* ------------------- パンくず ------------------- */

.breadcrumb {
	margin-bottom: 0;
}

/* ------------------- /パンくず ------------------- */

/* ------------------- メインビジュアル ------------------- */

.hero-area-b {
    max-height: 330px;
    min-height: 330px;
}
.hero-area-b .content .sub-txt {
	margin-bottom: 8px;
}

.hero-area-b .content .main-txt {
	margin-bottom: 0;
}
.hero-area-b .content .main-txt>* {
	background: none;
}
.hero-area-b .content .main-txt h1 {
	display: inline;
}
.hero-area-b .content .sub-txt>* {
	background: none;
}
.hero-area-b .visual>img {
	left: auto;
	transform: none;
}
.hero-area-b.mailbarrier .visual>img {
	left: 50%;
	transform: translateX(-50%);
}
@media only screen and (max-width: 917px) {
	.hero-area-b.mailbarrier .visual>img {
		left:30%;
	}
	/*.hero-area-b.printbarrier .visual>img {
		left:20%;
	}*/
}
@media only screen and (min-width: 768px) {
	.hero-area-b .content {
		padding-top: 110px;
	}

	.hero-area-b .content .sub-txt {
		margin-left: 8px;
		margin-right: 8px;
	}

	.hero-area-b .content .main-txt {
		margin-left: 8px;
		margin-right: 8px;
	}
}
@media only screen and (max-width: 480px) {
}

/* ------------------- /メインビジュアル ------------------- */


/* ------------------- メインビジュアル以外の.hero-area-b ------------------- */

.hero-area-b.subvisual {
	position: relative;
	max-height: 500px;
    min-height: 500px;
}
.hero-area-b.subvisual .content {
	margin: 0;
    width: 600px;
	padding-top: 60px;
}
.hero-area-b.subvisual .content.right {
	right: 0;
	position: absolute;
}
.hero-area-b.subvisual .content .content-inner {
	background: rgba(255,255,255,.85);
    padding: 40px;
}
.hero-area-b.subvisual .content .main-txt h2 {
	font-size: 3rem;
    color: #000;
    padding: 0 5px 10px;
}
.hero-area-b.subvisual .content .sub-txt>* {
	color: #000;
    font-weight: normal;
    font-size: 1.6rem;
}
@media only screen and (max-width: 917px) {
	.hero-area-b.subvisual .content {
		padding-top: 73px;
    width: 500px;
}
	.hero-area-b.subvisual .content .content-inner {
    padding: 20px;
}
}
@media only screen and (max-width: 767px) {
	.hero-area-b.subvisual .content {
		margin: 0 auto;
		width: 100%;
	}
	.hero-area-b.subvisual .content.right {
		position: relative;
		right: auto;
	}
	.hero-area-b.subvisual .content .content-inner {
	background: #eee;
    padding: 20px 16px 30px;
	}
	.hero-area-b.subvisual .content .main-txt h2 {
	font-size: 2.4rem;
		padding: 0 5px;
	}
}

/* ------------------- /メインビジュアル以外の.hero-area-b ------------------- */


/*------- ローカルナビ（PC） -------*/

.js-nav-fixed {
	margin-top: 0;
	margin-bottom: 65px;
}

.js-nav-fixed .nav-b .nav-b-inner {
	max-width: 100%;
}

.js-nav-fixed .nav-b .js-ctrl-wrap {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	width: auto !important;
}

.js-nav-fixed .nav-b .js-ctrl-wrap li {
	flex: 1 1 auto;
	padding: 0 5px;
	align-items: center;
    display: flex;
    justify-content: center;
}

.js-nav-fixed .nav-b ul > li:first-child::after {
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 1px;
	height: 32px;
	margin-top: -16px;
	background: #b1b1ac;
}

.js-nav-fixed.is-fixed .nav-b ul > li:first-child::after {
	display: none;
}

.js-nav-fixed .nav-b ul > li a {
	padding-left: 0;
}

.js-nav-fixed .nav-b ul > li.is-current a {
	font-weight: 700;
	color: #a30b1a;
}

.js-nav-fixed .nav-b ul > li a::after {
	background: none;
}

@media only screen and (max-width:1000px){
	.js-nav-fixed .nav-b .nav-b-inner {
		margin-right: 0;
		margin-left: 0;
	}
}

/*------- /ローカルナビ（PC） -------*/

/*------- ローカルナビ（SP） -------*/

.section.sp-localnav .section-inner {
	padding: 30px 0 !important;
}

.section.sp-localnav .nav-structure-a > ul > li.pagelink a::before {
	border-top: none;
	border-bottom: 2px solid #a30b1a;
}

/*------- /ローカルナビ（SP） -------*/

/* ------------------- コンセプト ------------------- */

/* ------------------- ページ内タブ ------------------- */

@media only screen and (max-width: 767px) {
.tab-a .lists {
	padding-top:10px;
}
}
@media only screen and (max-width: 480px) {
.tab-a .lists {
	padding-top:10px;
}
}

/* ------------------- /ページ内タブ ------------------- */

/* ------------------- リンク集 ------------------- */

.lyt-idx-b.diff-col2>* {
    display: flex;
}
.lyt-idx-b>* a {
    display: flex;
    justify-content: space-between;
	width: 100%;
}
.lyt-idx-b .nolink {
	pointer-events: none;
}
.lyt-idx-b .nolink .text-box::before {
	display: none;
}
@media only screen and (max-width: 480px) {
	.lyt-idx-b.diff-col2>li:last-of-type {
		padding-bottom: 0;
	}
}

/* ------------------- /リンク集 ------------------- */

/* ------------------- 今までに発表したソリューション＆サービス ------------------- */

.section.link .section-inner {
	padding-top: 28px!important;
}

/* ------------------- /今までに発表したソリューション＆サービス ------------------- */

/* ------------------- お問い合わせ ------------------- */

.section.contact .box-hdg-a {
	text-align: center;
}

.section.contact .list-contact-a {
	justify-content: center;
}

.section.contact .list-contact-a > li {
	width: 500px;
}

.section.contact .list-contact-a > li > a {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 1.8rem;
}

/* ------------------- /お問い合わせ ------------------- */

/* ------------------- 共通 ------------------- */

.fc_gray {
	color:#999!important;
}
.fw_n {
	font-weight: normal!important;
}
.pb20 {
	padding-bottom: 20px!important;
}
.hide_pc {
	display: none;
}
.hide_tb {
	display: block;
}
.hide_sp {
	display: block;
}
@media only screen and (max-width: 768px) {
.hide_pc {
	display: block;
}
.hide_tb {
	display: none;
}
.hide_sp {
	display: block;
}
}
@media only screen and (max-width: 480px) {
.hide_pc {
	display: block;
}
.hide_tb {
	display: block;
}
.hide_sp {
	display: none;
}
}

/* ------------------- /共通 ------------------- */