@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');

/* ====================================
	グローバル：リセットスタイル
 ==================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p,
figure {
	margin: 0;
}

img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

em {
	font-style: normal;
	font-weight: bold;
}

hr {
	margin: 0;
	border: none;
	border-top: solid 1px #bfbfbf;
}

:focus {
	outline: none;
}

/* グローバルヘッダーフォントサイズ調整 */
#global__pagetitle--title {
	font-size: 2rem;
	font-weight: 400;
}

#global__function--breadcrumb>li {
	font-size: 1.2rem;
}

#global__header--nav>#global__header--nav_menu {
	/* display: table; */
	font-size: 1.5rem;
}

#global__header--nav_menu .sub__list span:not(.cocoroOffice) {
	font-size: 1.3rem;
}

.global__search--btn dl dt {
	font-size: 1.4rem;
}

.global__search--btn dl dd a {
	font-size: 1.3rem;
	padding: 1em 4vw;
}

input,
button,
select,
textarea {
	font-size: 1.4rem;
}

.pagetop {
	font-size: 1.4rem;
}

.contactList dd a {
	font-size: 1.3rem;
}

/* ====================================
	グローバル：ベーススタイル
 ==================================== */
html {
	font-size: 62.5%;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 300;
	color: #000;
}

/* a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
} */

/* マウスオーバー：フェード */
.hover-fade a,
a.hover-fade {
	transition: 0.5s ease 0s;
	-webkit-transition: 0.5s ease 0s;
	-moz-transition: 0.5s ease 0s;
	-ms-transition: 0.5s ease 0s;
}

.hover-fade a.hovering,
a.hover-fade.hovering {
	opacity: 0.6;
}

/* マウスオーバー時の動作 */
.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(/business/i-wellebe/common/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;
}

/* Common */

#global__tablinknavigation--wrap:not(.top) {
	border-bottom: #716f63 15px solid;
}

.blank {
	background-image: url("/business/common/images/ic_blank.svg");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: right;
	margin-right: 20px;
}

/* グローバルページタイトル */
#global__pagetitle {
	background-color: #fff;
}

#pageNavi {
	border-bottom: solid 1px #dbdacb;
}

#global__function--breadcrumb>li:first-of-type {
	padding-left: 0;
}
@media print,
screen and (min-width: 1000px) and (max-width: 1050px) {
	#global__search__pc{
		padding-left: 1rem;
	}
}

/* グローバヘッダー・リンク設定 */
#global__pagetitle--title a {
	text-decoration: none;
}

/* business-global.css レスポンシブ余白調整 */
@media print,
screen and (min-width: 768px) and (max-width: 1200px) {

	#global__header--header {
		padding: 0 1.5%;
		box-sizing: border-box;
	}

	#global__function {
		padding: 0;
	}
}


@media print,
screen and (min-width: 768px) {

	#global__header--header {
		max-width: 1200px !important;
	}

	#global__function--wrap {
		padding: 0 1.5%;
	}
}

/* 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;
	}
}

/* ====================================
	グローバル：カラー設定
 ==================================== */

/* 注釈コメマーク */
ul.ast li:BEFORE,
ul.star li span,
ul.star-double li span,
.color-star {
	color: #00a0e9;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@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: 4rem;
	}

	/* ユーティリティ */
	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.2rem;
	}


	/* パンくずリスト */
	#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;
	}
	/* グローバルヘッダー調整 */
	#global__header--nav_menu>li a:before {
		content: '';
		display: inline-block;
		width: 12px;
		height: 21.6px;
		background: url(/products/common/images/chevron-right-solid.svg) no-repeat center center;
		background-size: auto 100%;
		position: absolute;
		top: 50%;
		right: 11px;
		margin-top: -1em !important;
	}

	#global__header--nav_menu>li.business>a::before {
		height: 26.9px;
		width: 14px;
		margin-top: -.85em !important;
		right: 10.6px;
	}

	#global__header--nav_menu>li.sub__list>a::before {
		height: 26.9px;
		width: 14px;
		margin-top: -.85em !important;
		right: 11px;
	}

	#global__header--nav_menu .sub__list:last-child {
		width: 50%;
		border-top: none !important;
	}

	#global__header--nav_menu>li.business>ul>li {
		box-sizing: border-box;
		border-top: #d9d9d9 1px solid;
	}

	#global__header--nav_menu .sub__list {
		width: 50%;
		float: left;
		box-sizing: border-box;
		border-top: 2px solid #d9d9d9 !important;
	}

	/* #global__header--nav_menu>li.business+li.sub__list:nth-of-type(n+3) {
		border-top: none !important;
	} */

	#global__header--nav_menu>li.business+li.sub__list:nth-of-type(-n+2) {
		border-top: 2px solid #d9d9d9 !important;
	}
	#global__header--title_logo {
    padding-right: 40px;
}
	/* グローバルヘッダーフォントサイズ調整 */
	#global__header--nav_menu>li a {
		font-size: 1.4rem;
		line-height: 1.7;
	}
	#global__header--nav_menu .sub__list span:not(.cocoroOffice) {
		font-size: 1.12rem;
	}

	#global__header--nav_menu .sub__list span {
		font-size: 1.12rem;
		font-weight: normal;
	}

	#global__pagetitle {
		padding-left: 3.3%;
		padding-right: 3.3%;
	}

	#global__pagetitle--title {
		font-size: 1.6rem;
		line-height: 1.6;
		padding: 6px 0;
	}

	.global__search--btn dl dt {
		font-size: 1.2rem;
	}

	/* ページトップへ戻る */

	#pageTop.fix .page-top-container {
		bottom: 3em;
	}

	/* sc_common.css バグ修正 */
	#global__header--nav {
		height: inherit;
		overflow-y: auto;
		overscroll-behavior-y: contain;
	}
}

/* ====================================
	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: 10rem;
	}
	/*
	.sub-section {
		padding-top: 6.42rem;
	} */

	/* .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: 5rem;
		width: 380px;
	}


	.btn-arrow a {
		font-size: 1.8rem;
		padding: 0.7em 1.0em 0.7em 1.5em;
	}

	/* ユーティリティ */
	ul.star {
		/* リスト（青字・※n） */
		padding-left: 2em;
	}

	ul.star li {
		text-indent: -2em;
	}

	ul.star li span {
		margin-right: 0.5em;
	}

	ul.star-double {
		/* リスト（青字・※nn） */
		padding-left: 2.5em;
	}

	ul.star-double li {
		text-indent: -2.5em;
	}

	ul.star-double li span {
		margin-right: 0.5em;
	}

	ul.ast {
		/* リスト（青字・＊） */
		padding-left: 1.5em;
	}

	ul.ast li {
		text-indent: -1.5em;
	}

	ul.ast li:BEFORE {
		content: "\ff0a";
		margin-right: 0.5em;
	}

	ul.kome {
		/* リスト（黒字・※） */
		padding-left: 1.5em;
	}

	ul.kome li {
		text-indent: -1.5em;
	}

	ul.kome li:BEFORE {
		content: "\203b";
		margin-right: 0.5em;
	}

	ul.normal {
		/* リスト（・） */
		padding-left: 1.5em;
		list-style: none;
	}

	ul.normal li {
		text-indent: -1.5em;
	}

	ul.normal li:BEFORE {
		content: "\30fb";
		margin-right: 0.5em;
	}

	ul.disc {
		/* リスト（●） */
		padding-left: 1.5em;
	}

	ul.disc li {
		text-indent: -1.5em;
	}

	ul.disc li:BEFORE {
		content: "\25cf";
		margin-right: 0.5em;
	}

	ul.single {
		/* リスト（黒字・1文字） */
		padding-left: 1.5em;
	}

	ul.single li {
		text-indent: -1.5em;
	}

	ul.single li span {
		margin-right: 0.5em;
	}

	.caption {
		font-size: 1.2rem;
	}

	/* グローバルページタイトル */
	.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;
	}

	/* グローバルヘッダーフォントサイズ調整 */
	#global__pagetitle--title {
		font-size: 2rem;
		line-height: 50px;
	}

	/* 追尾ナビ調整 */
	#global__pagetitle {
		position: relative;
	}

}

/* ====================================
	タブレット専用スタイル
===================================== */
@media screen and (min-width: 768px) and (max-width: 1079px) {
	#global__footer #global__footer--common .lnikList {
		padding: 15px 10% 10px;
	}

	/* ページトップへ戻る */

	#pageTop.fix .page-top-container {
		bottom: 5em;
	}
}

/* ====================================
	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;
	}

	.outer-base-width.base90 .base-width {
		max-width: 1080px;
	}
}

#pageTop.fix .page-top-container {
	bottom: 0;
}


/* ====================================
スクリーン専用スタイル
===================================== */
@media screen {

	/* ページトップへ戻る */
	#pageTop {
		position: relative;
	}

	#pageTop .page-top-container {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

	#pageTop.fix .page-top-container {
		position: fixed;
		z-index: 10;
		pointer-events: none;
	}

	#pageTop.default {
		height: 7rem;
	}

	#pageTop.default .page-top-container {
		padding-bottom: 2rem;
	}

	#pageTop.default a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 30px;
		margin-left: auto;
		font-weight: 900;
		font-size: 1.8rem;
		line-height: 1;
		background: rgba(161, 161, 161, 0.8);
		color: #fff;
		text-decoration: none;
		border-radius: 0.5rem;
		transition: opacity 0.5s ease 0s;
		-webkit-transition: opacity 0.5s ease 0s;
		-moz-transition: opacity 0.5s ease 0s;
		-ms-transition: opacity 0.5s ease 0s;
		pointer-events: auto;
	}

	#pageTop.default a.hovering {
		opacity: 0.6;
	}

	#pageTop.default-v2 {
		height: 7rem;
	}

	#pageTop.default-v2 .page-top-container {
		/* padding-bottom: 2rem; */
		padding-bottom: calc(env(safe-area-inset-bottom) + 25px);
	}

	#pageTop.default-v2 a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 30px;
		margin-left: auto;
		font-weight: 900;
		font-size: 1.8rem;
		line-height: 1;
		background: rgba(161, 161, 161, 0.8) url(/products/common/images/chevron-up-solid-w.svg) no-repeat center center;
		background-size: 18px auto;
		color: #fff;
		text-decoration: none;
		border-radius: 0.5rem;
		transition: opacity 0.5s ease 0s;
		-webkit-transition: opacity 0.5s ease 0s;
		-moz-transition: opacity 0.5s ease 0s;
		-ms-transition: opacity 0.5s ease 0s;
		pointer-events: auto;
	}

	#pageTop.default-v2 a.hovering {
		opacity: 0.6;
	}

	/* マウスオーバー：フェード */
	.hover-fade a,
	a.hover-fade {
		transition: 0.5s ease 0s;
		-webkit-transition: 0.5s ease 0s;
		-moz-transition: 0.5s ease 0s;
		-ms-transition: 0.5s ease 0s;
	}

	.hover-fade a.hovering,
	a.hover-fade.hovering {
		opacity: 0.6;
	}

	/* マウスオーバー：テキストアンダーライン＆フェード */
	a.hover-parent {
		display: block;
		pointer-events: none;
		text-decoration: none;
	}

	a.hover-parent .hover-trigger {
		pointer-events: auto;
	}

	a.hover-parent span.hover-trigger {
		display: inline-block;
		/* IE, Edge 対応 */
	}

	a.hover-parent.hovering .hover-trigger {
		text-decoration: underline;
	}

	a.hover-parent.hovering .hover-trigger.fade {
		transition: 0.5s ease 0s;
		-webkit-transition: 0.5s ease 0s;
		-moz-transition: 0.5s ease 0s;
		-ms-transition: 0.5s ease 0s;
	}

	a.hover-parent.hovering .hover-trigger.fade {
		opacity: 0.6;
	}
}

@media screen and (min-width: 768px) {

	/* ページトップへ戻る */
	#pageTop.default {
		height: 8rem;
	}

	#pageTop.default a {
		width: 60px;
		height: 40px;
	}

	#pageTop.default-v2 {
		height: 8rem;
	}

	#pageTop.default-v2 a {
		width: 60px;
		height: 40px;
	}
}


/* ====================================
	印刷専用スタイル
===================================== */
@media print {
	body {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
}