@charset "UTF-8";

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


/* ====================================
	グローバル：ベーススタイル
 ==================================== */

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


/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.pc {
		display: none;
	}
	.base-width-sp, .base-width {
		padding-left: 5%;
		padding-right: 5%;
	}
	/* ユーティリティ */
	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;
	}
	/* グローバルフッター */
	#globalFooter {
		padding-bottom: 14px;
		font-size: 1.1rem;
		line-height: 1.2;
	}
	.global-footer-container {
		margin-bottom: 1em;
		padding-top: 16px;
		padding-bottom: 0.5em;
	}
	#globalFooterNavi ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#globalFooterNavi ul li {
		margin-bottom: 0.5em;
		padding: 0 0.5em;
		border-right: solid 1px #c3c2bb;
	}
	#globalFooterNavi ul li:last-child {
		border-right: none;
	}
	#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%;
	}
	/* ユーティリティ */
	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;
	}
	/* グローバルフッター */
	#globalFooter {
		padding-bottom: 15px;
		font-size: 1.1rem;
		line-height: 1.2;
	}
	.global-footer-container {
		margin-bottom: 15px;
		padding-top: 15px;
		padding-bottom: 10px;
	}
	#globalFooterNavi ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#globalFooterNavi ul li {
		margin-bottom: 5px;
		padding: 0 0.5em;
		border-left: solid 1px #c3c2bb;
	}
	#globalFooterNavi ul li:first-child {
		border-left: none;
	}
	#copyright {
		color: #c3c2bb;
		text-align: center;
	}
	
	.f_3col {
		max-width: 1200px;
	}
	
}

/* ====================================
	タブレット専用スタイル
===================================== */
@media screen and (min-width: 768px) and (max-width: 1079px) {
	#globalFooterNavi ul {
		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;
	}
	.outer-base-width.base90 .base-width {
		max-width: 1080px;
	}
}



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