@charset 'UTF-8';

/* =============================================================================
//	aboutus.css
// ============================================================================= */

h1 {
	text-align: center;
}

/* -------------------------------------------------------------
//	会社概要（細幅表示）
// ------------------------------------------------------------- */
#iNarrowInfo {
	max-width: 460px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
}

#iNarrowInfo dl.cLv1 > dt {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	min-width: 10em;
	padding-left: 8px;
	padding-right: 8px;
	background-color: var(--colorpal-tkz-ttl-bg2);
	margin-bottom: 0.4em;
}

#iNarrowInfo dd {
	font-size: 18px;
	margin-left: 0.5em;
	margin-bottom: 1em;
}

#iNarrowInfo dd.cWdate {
	letter-spacing: 0.1em;
}

#iNarrowInfo dd span {
	display: inline-block;
}

#iNarrowInfo dd.cAddress div.cAdr span:first-child {
	margin-right: 0.5em;
}

#iNarrowInfo dd.cAddress div.cTel,
#iNarrowInfo dd.cAddress div.cFax {
	line-height:  32px;
}

#iNarrowInfo dd.cAddress div.cTel span:first-child,
#iNarrowInfo dd.cAddress div.cFax span:first-child,
#iNarrowInfo dd.cAddress div.cMap span:first-child {
	font-size: 15px;
	width: 2.7em;
}

/* 役員 */
#iNarrowInfo dl.cLv2 {
	padding-top: 0.3em
}

#iNarrowInfo dl.cLv2 > dt {
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 9px;
	width: 8.5em;
	float: left;
}

#iNarrowInfo dl.cLv2 > dt:first-child {
	letter-spacing: 1px;
}


#iNarrowInfo dl.cLv2 > dd {
	line-height: 22px;
	letter-spacing: 0.1em;
	margin-bottom: 0.4em;
}


/* スマホモードの画面サイズでは広幅レイアウトを非表示 */
#iWideInfo {
	display: none;
}


/* -------------------------------------------------------------
//	プライバシーポリシー
// ------------------------------------------------------------- */
#PRIVACY {
	max-width: 460px;
	padding-top: 2em;
	margin-left: auto;
	margin-right: auto;
}

#PRIVACY h2 {
	text-align: center;
}

#iPrivacyHeader {}

#iPrivacyHeader p {
	line-height: 150%;
	letter-spacing: 0.05em;
	margin: 0.7em 0;
}

#iPrivacyHeader p:first-child {
	text-align: right;
	margin: 1em 0;
}

#iPrivacyHeader p:nth-child(2) {
	word-break: break-all;
	text-justify: inter-ideograph;
}

#iPrivacyHeader p:nth-child(3) {
	text-justify: inter-ideograph;
}

#iPrivacyHeader p:last-child {
	text-align: right;
}

#iPrivacyHeader span.cUrl {
	font-size: 85%;
	letter-spacing: 0;
	margin-left: 0.3em;
	margin-right: 0.3em;
}

#iPrivacyMain {
	margin-top: 3em;
	margin-bottom: 3em;
}

#iPrivacyMain div.cSection {
	margin-top: 1.5em;
}

#iPrivacyMain div.cSection h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 170%;
	letter-spacing: 0;
	background-color: #F0F0F0;
	padding: 0.4em 0.4em 0.4em 1.3em;
	text-indent: -1em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#iPrivacyMain div.cSection > div {
	margin: 1em 0.5em;
}

#iPrivacyMain div.cSection h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 170%;
	letter-spacing: 0;
	margin-top: 1em;
}

#iPrivacyMain div.cSection p {
	font-size: 16px;
	line-height: 165%;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#iPrivacyMain div.cSection ul {
	font-size: 16px;
	margin-top: 0.5em;
	list-style: none;
}

#iPrivacyMain div.cSection ul li {
	margin-left: 1.2em;
	margin-bottom: 0.7em;
	text-indent: -1.2em;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

#iPrivacyMain div.cSection ul li:before {
	content: '◎';
	margin-right: 0.25em;
}


#iPrivacyMain div.cSection ol {
	font-size: 16px;
	margin-top: 0.5em;
}

#iPrivacyMain div.cSection ol li {
	margin-left: 1.2em;
	margin-bottom: 0.7em;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
	list-style: decimal;
}

#iPrivacyMain div.cSection #iSection7Mobile p {
	margin-left: 1.5em;
	text-indent: -1em;
}

#iPrivacyMain div.cSection #iSection7Mobile span {
	margin-right: 0.7em;
}

#iPrivacyMain div.cSection #iSection7Mobile a {
	font-size: 20px;
	font-family: 'Century Gothic', 'Helvetica Neue', Verdana, sans-serif;
	letter-spacing: 0.1em;
}

#iSection7TabPc {
	display: none;
}


/* =============================================================================
//	レスポンシブ設定
// ============================================================================= */

/* -----------------------------------------------------------------------------
//	スマホ用 Width ≧ 320 px (320 ～ 359 px)
// ----------------------------------------------------------------------------- */
@media print, screen and (min-width: 320px) {}


/* -----------------------------------------------------------------------------
//	スマホ用 Width ≧ 360 px (360 ～ 413 px)
// ----------------------------------------------------------------------------- */
@media print, screen and (min-width: 360px) {

#iNarrowInfo dl.cLv1 > dt {
	font-size: 16px;
}

#iNarrowInfo dl.cLv2 > dt {
	font-size: 16px;
	width: 9.5em;
}

#iNarrowInfo dl.cLv2 > dd {
	font-size: 20px;
}

}


/* -----------------------------------------------------------------------------
//	スマホ用 Width ≧ 414 px (414 ～ 479 px)
// ----------------------------------------------------------------------------- */
@media print, screen and (min-width: 414px) {}


/* -----------------------------------------------------------------------------
//	スマホ用 Width ≧ 480 px (480 ～ 639 px)
// ----------------------------------------------------------------------------- */
@media print, screen and (min-width: 480px) {}


/* -----------------------------------------------------------------------------
//	タブレット用 Width ≧ 640 px (640 ～ 767 px)
// ----------------------------------------------------------------------------- */
@media print, screen and (min-width: 640px) {

/* 640px以上の画面サイズでは細幅レイアウトを非表示 */
#iNarrowInfo {
	display: none;
}

/* -------------------------------------------------------------
//	会社概要（広幅表示）
// ------------------------------------------------------------- */
#iWideInfo {
	display: block;
	max-width: 860px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
}

#iWideInfo table {}

#iWideInfo th {
	font-size: 15px;
	letter-spacing: 2px;
	text-align: left;
	width: 8em;
	vertical-align: middle;
	background-color: var(--colorpal-tkz-table-thbg);
	padding: 1em 0 1em 1.5em;
}

#iWideInfo td {
	font-size: 16px;
	letter-spacing: 1px;
	padding: 1em 1.5em;
	background-color: var(--colorpal-tkz-table-tdbg);
}

#iWideInfo td div {
	line-height: 1.7em;
}

#iWideInfo td span {
	display: inline-block;
	letter-spacing: 2px;
}

#iWideInfo td.cAddress div.cAdr span:first-child {
	margin-right: 0.5em;
	letter-spacing: 1px;
}

#iWideInfo td.cAddress div.cTel {
	width: 12em;
	float: left;
}

#iWideInfo td.cAddress div.cFax {}

#iWideInfo td.cAddress div.cTel span:first-child,
#iWideInfo td.cAddress div.cFax span:first-child {
	font-size: 15px;
	width: 2.7em;
	letter-spacing: 0;
}

#iWideInfo td.cAddress div.cMap a {
	margin-left: 0.2em;
}

#iWideInfo td.cBoardMember dl {}

#iWideInfo td.cBoardMember dt {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 7px;
	width: 9em;
	float: left;
}

#iWideInfo td.cBoardMember dt:first-child {
	letter-spacing: 0;
}

#iWideInfo td.cBoardMember dd {
	line-height: 26px;
	letter-spacing: 3px;
}

#iWideInfo td.cWdate {
	letter-spacing: 3px;
}

/* -------------------------------------------------------------
//	プライバシーポリシー
// ------------------------------------------------------------- */
#PRIVACY {
	padding-top: 3em;
	max-width: 860px;
}

#PRIVACY h2 {
	font-size: 2em;
}

#iPrivacyHeader {
	margin-left: 2em;
	margin-right: 2em;
}

#iPrivacyHeader p {
	font-size: 18px;
}

#iPrivacyMain {
	margin-left: 2em;
	margin-right: 2em;
}

#iPrivacyMain div.cSection h3 {
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid #666666;
	background-color: unset;
	line-height: 125%;
	padding-left: 2em;
}

#iSection7Mobile {
	display: none;
}

#iSection7TabPc {
	display: block;
}


/* -----------------------------------------------------------------------------
//	タブレット用 Width ≧ 768 px (768 ～ 899 px)
// ----------------------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {

#iWideInfo td.cAddress div.cFax {
	width: 12em;
	float: left;
}

}


/* -----------------------------------------------------------------------------
//	タブレット用 Width ≧ 900 px (900 ～ 1023 px)
// ----------------------------------------------------------------------------- */
@media print, screen and (min-width: 900px) {

#iWideInfo th {
	font-size: 16px;
}

#iWideInfo td {
	font-size: 18px;
}

#iWideInfo tr:first-child td {
	font-size: 20px;
}

#iWideInfo td.cBoardMember dt {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 8px;
}

#iWideInfo td.cBoardMember dd {
	font-size: 20px;
	line-height: 30px;
}

}


/* -----------------------------------------------------------------------------
//	タブレット・ＰＣ用 Width ≧ 1024 px (1024 ～ 1179 px)
// ----------------------------------------------------------------------------- */
@media print, screen and (min-width: 1024px) {}


/* -----------------------------------------------------------------------------
//	タブレット・ＰＣ用 Width ≧ 1180 px
// ----------------------------------------------------------------------------- */
@media print, screen and (min-width: 1180px) {}


/* =============================================================================
//	印刷対応（A4縦）
// ============================================================================= */
@media print {

#iWideInfo td {
	background-color: transparent;
	border: 1px solid #CCCCCC;
}

#iPrivacyHeader p,
#iPrivacyMain p,
#iPrivacyMain div.cSection p,
#iPrivacyMain div.cSection ul,
#iPrivacyMain div.cSection ol {
	font-size: 18px;
}

#iPrivacyMain div.cSection h3 {
	font-size: 24px;
}

#iPrivacyMain div.cSection h4 {
	font-size: 20px;
}

#iPrivacyMain {
	padding-bottom: 4em;
}

}