@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');


/* ====================================
	グローバル：ベーススタイル
 ==================================== */

/* フォントサイズ16px */
article section {
	font-size: 1.15rem;
}

.text-container,
.img-container {
	margin-top: 0;
}

/* マウスオーバー時の動作 */
.hover-fade,
.hover-object {
	transition: 0.5s ease 0s;
}

.hover-fade.hovering,
.hover-object.hovering {
	opacity: 0.6;
}

/* 左アロー */
.has-arrow-left {
	padding: 0 0 0 1em;
	background-image: url(../images/chevron-right-solid.svg);
	background-repeat: no-repeat;
	background-position: left 0 top 0.4em;
	background-size: auto 0.9em;
}

/* 水平線 */
hr.border-bottom {
	border: none;
	border-bottom: solid 1px #D9D9D9;
	margin-top: 8rem;
}

.btn-arrow {
  display: block;
}

/* business-global.css バグ修正 */

@media print , screen and (min-width: 768px) {
	#global__footer {
		padding-bottom: 0;
	}
}

#global__footer--category .blank {
	background-image: url("/business/common/images/ic_blank_w.svg");
}
#global__footer .cateList dd ul li {
	font-weight: 300;
}

@media print,
screen and (min-width: 768px) {
	.search-form>div {
		max-width: 100%;
	}
}

@media print,
screen and (max-width: 1000px) and (min-width: 768px) {
	.global__search--inner {
		padding: 1.5em 1.5%;
	}
}

/* sc_common.css バグ修正 */
@media print,
screen and (min-width: 768px) {
	#global__header {
		min-width: 0;
	}

	.articleContents {
		min-width: 0;
	}
}



/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.pc {
		display: none;
	}

	.base-width-sp,
	.base-width {
		padding-left: 5%;
		padding-right: 5%;
	}

	/* 水平線 */
	hr.border-bottom {
		margin-top: 4.0rem;
	}

	article {
		padding-bottom: 4.6rem;
	}

	.main-title {
		font-size: 1.7rem;
		font-weight: 500;
		margin-top: 4.0rem;
	}

	.sub-section .sub-title .sub-section-nonfooter  {
		font-size: 1.43rem;
		font-weight: 500;
	}

	.sub-sub-title {
		font-size: 1.43rem;
		font-weight: 500;
	}

	.sub-section {
		padding-top: 3.0rem;
	}

	.sub-section-nonfooter {
		padding-top: 1.4rem;
	}

	.btn-arrow {
    max-width: 380px;
    margin: 3.0rem auto 0;
  }

	.btn-arrow a {
    font-size: 1.14rem;
    padding: 0.5em 1.0em 0.5em 1.5em;
  }

	/* ユーティリティ */
	ul.star li span {
		/* リスト（青字・※n） */
		margin-right: 0.5em;
	}

	ul.star-double li span {
		/* リスト（青字・※nn） */
		margin-right: 0.5em;
	}

	ul.ast li:BEFORE {
		/* リスト（青字・＊） */
		content: "\ff0a";
		margin-right: 0.5em;
	}

	ul.kome li:BEFORE {
		/* リスト（黒字・※） */
		content: "\203b";
		margin-right: 0.5em;
	}

	ul.normal {
		/* リスト（・） */
		list-style: none;
	}

	ul.normal li:BEFORE {
		content: "\30fb";
		margin-right: 0.5em;
	}

	ul.disc li:BEFORE {
		/* リスト（●） */
		content: "\25cf";
		margin-right: 0.5em;
	}

	ul.single li span {
		/* リスト（黒字・1文字） */
		margin-right: 0.5em;
	}

	.caption {
		font-size: 1.0rem;
	}

	/* パンくずリスト */
	#breadcrumb {
		padding: 0.3em 0;
		font-size: 1.2rem;
	}

	.breadcrumb-container .breadcrumb-arrow {
		margin: 0 0.5em;
	}

	/* グローバルページタイトル */
	#globalPageTitle {
		border-bottom: solid 1px #d9d9d9;
	}

	.global-page-title-container {
		display: flex;
		align-items: center;
	}

	.global-page-title-container .global-page-title {
		width: 100%;
		padding: 6px 0;
		font-size: 2rem;
		text-align: center;
	}

	.global-page-title-container .list-outer-links {
		display: none;
	}

	/* グローバル製品フッター */
	#globalProductsFooter {
		display: none;
	}

	/* グローバルフッター */
	#global__footer {
		padding-bottom: 0;
		font-size: 11px;
		line-height: 1.2;
	}

	#global__footer a {
		color: #c3c2bb;
	}

	#global__footer #global__footer--common {
		padding-bottom: 14px;
	}

	#global__footer #global__footer--common .lnikList {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 1em;
		padding-top: 14px;
		padding-bottom: 0.5em;
		border-bottom: solid 1px #535148;
	}

	#global__footer #global__footer--common .lnikList li {
		margin-bottom: 0.5em;
		padding: 0 0.5em;
		border-right: solid 1px #c3c2bb;
		margin-right: 0;
	}

	#global__footer #global__footer--common .lnikList li:last-child {
		border-right: 0;
	}

	#copyright {
		color: #c3c2bb;
		text-align: center;
	}
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {
	.sp {
		display: none;
	}

	.outer-base-width {
		padding-left: 1.5%;
		padding-right: 1.5%;
	}

	/* 水平線 */
	hr.border-bottom {
		margin-top: 8rem;
	}

	article {
		padding-bottom: 7.15rem;
	}

	.sub-section  {
		padding-top: 6.42rem;
	}

	.sub-section-nonfooter {
		padding-top: 1.4rem;
	}

	.main-title {
		font-size: 2.15rem;
		margin-top: 6.80rem;
	}

	.sub-title {
		font-size: 1.57rem;
	}

	.sub-sub-title {
		font-size: 1.43rem;
		font-weight: 500;
	}

	.btn-arrow {
    margin-top: 4.28rem;
    width: 380px;
  }

	.btn-arrow a {
    font-size: 1.28rem;
    padding: 0.7em 1.0em 0.7em 1.5em;
  }

	/* ユーティリティ */
	ul.star {
		/* リスト（青字・※n） */
		padding-left: 2em;
	}

	/* グローバルページタイトル */
	.global-page-title-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 56px;
	}

	.global-page-title-container .global-page-title {
		margin-right: auto;
		font-size: 2rem;
	}

	.global-page-title-container ul.list-outer-links {
		display: flex;
		height: 100%;
		font-size: 1.2rem;
	}

	.global-page-title-container ul.list-outer-links li {
		display: flex;
		align-items: center;
		margin-left: 1em;
	}

	/* グローバル製品フッター */
	#globalProductsFooter {
		padding: 25px 0;
		background: #59574c;
		color: #fff;
	}

	#globalProductsFooter a {
		color: inherit;
	}

	#globalProductsFooterNavi {
		display: flex;
		flex-wrap: wrap;
		padding: 0 1.5%;
	}

	.global-product-footer-navi-column {
		width: 23%;
		margin-left: 2.66%;
	}

	.global-product-footer-navi-column:nth-child(4n-3) {
		margin-left: 0;
	}

	.global-product-footer-navi-column>.global-product-footer-ttl {
		margin-top: 2em;
		margin-bottom: 1.6em;
		padding-bottom: 0.8em;
		font-size: 1.6rem;
		border-bottom: dashed 1px #aaa;
	}

	.global-product-footer-navi-column>.global-product-footer-ttl:first-of-type {
		margin-top: 0;
	}

	.global-product-footer-navi-column ul {
		font-size: 1.2rem;
	}

	.global-product-footer-navi-column ul li {
		margin-top: 0.5em;
		font-weight: 100;
	}

	.global-product-footer-navi-column ul li.mt {
		margin-top: 2em;
	}

	.global-product-footer-navi-column ul li:first-child {
		margin-top: 0;
	}

	#copyright {
		color: #c3c2bb;
		text-align: center;
	}

	.f_3col {
		max-width: 1200px;
	}

}

/* ====================================
	タブレット専用スタイル
===================================== */
@media screen and (min-width: 768px) and (max-width: 1079px) {
	#global__footer #global__footer--common .lnikList {
		padding: 0 10%;
	}
}

/* ====================================
	PC専用スタイル
===================================== */
@media print,
screen and (min-width: 1080px) {
	.outer-base-width.base90 {
		padding-left: 5%;
		padding-right: 5%;
	}

	/* グローバル製品フッター */
	#globalProductsFooterNavi {
		padding: 0 5%;
	}
}

/* ====================================
	大画面PC専用スタイル
===================================== */
@media screen and (min-width: 1200px) {
	.contents-width {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.base-width-pc,
	.base-width {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.base-width-nonfooter {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;

	}

	.outer-base-width.base90 .base-width {
		max-width: 1080px;
	}
}



/* ====================================
	印刷専用スタイル
===================================== */
@media print {
	body {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
}