@charset "UTF-8";
/* CSS Document */
/*-------------------------------*/

/* COMPANY */

/*------------------------------*/
/* ================================

会社概要

================================ */
/* -------------------------------------------
テーブル
@テーブルはcss>option>table>table.cssを参照 */
.overview__table {
	/* テーブルのpadding-top分をマイナスした数値 */
	margin-top: calc(var(--gutter-reg) - 1.2em);
}


/* ================================

アクセスマップ

================================ */
.access__addr {
	margin-top: var(--gutter-reg);
	margin-bottom: var(--gutter-reg);

	font-size: var(--txt-md);
	text-align: center;
}
.gmap__container {
	border-radius: var(--round--reg);
	overflow: hidden;
	position: relative;
}
.gmap__container::before {
	content: "";
	display: inline-block;
	padding-top: 56.25%;
}
.gmap {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}
@media (max-width: 959px) {
	.access__addr {
		font-size: var(--txt-reg);
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
}
@media (max-width: 769px) {
	.gmap__container::before {
		padding-top: 55vw;
	}
}
@media (max-width: 559px) {
	.gmap__container::before {
		padding-top: 100vw;
	}
}


/* ================================

沿革

================================ */
#history {
	margin-right: var(--head-match-space);
	background-color: var(--color-gray-soft);
	border-top-right-radius: var(--round--md);
	border-bottom-right-radius: var(--round--md);

	padding-top: var(--gutter-lg);
	padding-bottom: var(--gutter-lg);
}
/* ----------------------- */
/* リスト */
.history__list {
	width: var(--flexible-width--md);
	padding: var(--gutter-lg) var(--gutter-var-lg);
	background-color: var(--color-white);
	border-radius: var(--round--reg);

	margin-left: var(--head-match-space--md);
	margin-top: var(--gutter-reg);
}
.history__item{
    padding-left: calc(var(--txt-md) + 2em);
    padding-bottom: var(--gutter-reg);
    position: relative;
}
.history__item:last-child{
    padding-bottom: 0;
}
/* サークル */
.history__item::after{
    content: "";
    display: inline-block;
    width: var(--txt-md);
    height: var(--txt-md);
    border-radius: calc(var(--txt-md) /2);
    background-color: var(--color-main);

    position: absolute;
	top: calc(calc(var(--txt-xl) - 0.7em) / 2);
    left: 0;
}
/* ライン */
.history__item::before{
    content: "";
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: var(--color-gray);

    position: absolute;
	top: calc(calc(var(--txt-xl) - 0.7em) / 2);
    left: calc(var(--txt-md)/2 - 1px);
}
.history__item:last-child::before{
    content: "";
    display: none;
}
/* テキスト */
.history__item > span{
    display: block;
}
.history__sine{
    font-size: var(--txt-xl);
    font-family: var(--alphabet);
    font-weight: bold;
	line-height: 1;
    color: var(--color-bk);
}
.history__sine .unit{
    font-size: var(--txt-reg);
    font-family: var(--baseFonts);
    font-weight: bold;
    color: var(--color-bk);
}
.history__caption{
    font-size: var(--txt-reg);
    margin-top: 0.3em
}
@media (max-width: 959px) {
	#history {
		width: var(--flexible-width--md);
		margin-left: auto;
		margin-right: auto;
		border-radius: var(--round--md);

		padding-top: var(--gutter-lg);
		padding-bottom: var(--gutter-lg);
	}
}
@media (max-width: 559px) {
	#history {
		padding-top: var(--gutter-md);
		padding-bottom: var(--gutter-md);
	}
	.history__list {
		margin-top: var(--gutter-xs);
	}
	.history__item{
		padding-left: calc(var(--txt-md) + 1em);
		padding-bottom: var(--gutter-sm);
	}
}