@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

運営会社

------------------------------------------------------------ */

/* 会社概要
---------------------------------------------- */
.sec_company{margin-bottom: 80px;}

.wrap_company{
    display: flex;
	justify-content: space-between;
    flex-direction: row-reverse;
}

.company{width: calc(50% - 30px);}

.tbl_company01{
    width: 100%;
    line-height: 1.6;
}

.tbl_company01 tr{border-bottom: 1px solid #D8DFE7;}

.tbl_company01 tr:first-child{border-top: 1px solid #D8DFE7;}

.tbl_company01 th,
.tbl_company01 td{padding: 22px 0 21px;}

.tbl_company01 th{
    width: 32%;
    font-weight: 700;
    vertical-align: top;
}

.wrap_company figure{width: calc(50% - 30px);}

.wrap_company figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* アクセス
---------------------------------------------- */
.sec_access{font-size: 1.4rem;}

.access{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.access figure{width: 520px;}

.access figure img{
	width: 100%;
	height: auto;
}

.access_inner{width: calc(100% - 550px);}

.access_inner .info{margin-bottom: 25px;}

.access_inner .info p:nth-of-type(1){font-size: 1.6rem;}

.access_inner .train{margin-bottom: 25px;}

.access_inner .train ol li{
	margin-bottom: 10px;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4;
}

.access_inner .train ol li:last-of-type{margin-bottom: 0;}

.access_inner .train h2{
	font-weight: 700;
	font-size: 1.6rem;
	margin-bottom: 8px;
}

.access_inner .parking h2{
	font-weight: 700;
	font-size: 1.6rem;
	margin-bottom: 8px;
}

.access_inner .parking p{line-height: 1.4;}



@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	運営会社

	------------------------------------------------------------ */

	
	
}/*--@media--*/


@media only screen and (max-width:1100px){ /* 表示領域が1100px以下の場合に適用するスタイル */
	
	/* ------------------------------------------------------------

	運営会社

	------------------------------------------------------------ */
	
	/* 会社概要
	---------------------------------------------- */
	.sec_company{margin-bottom: 40px;}	
	
	.wrap_company{display: block;}	

	.wrap_company .company{
        width: 100%;
        padding-left: 0;
        margin-bottom: 40px;
    }
	
	.tbl_company01 th,
	.tbl_company01 td{padding: 17px 0 16px;}

    .tbl_company01 th{width: 26.08%;}

	.wrap_company figure{
        width: 100%;
		max-width: 500px;
		margin: 0 auto;
        padding-right: 0;
    }

	.wrap_company figure img{
        width: 100%;
        height: auto;
    }
	
	/* アクセス
	---------------------------------------------- */
	.sec_access{padding: 0 15px;}
	
	.access{
		display: flex;
		flex-direction: column-reverse;
		max-width: 520px;
		margin: 0 auto;
	}

	.access figure{
		width: 100%;
		margin-bottom: 15px;
	}
	
	.access_inner{width: 100%;}

	.access_inner .info{margin-bottom: 25px;}

	.access_inner .info p:nth-of-type(1){font-size: 1.4rem;}

	.access_inner .train{margin-bottom: 25px;}

	.access_inner .train ol li{margin-bottom: 5px;}

	.access_inner .train h2{
		font-size: 1.4rem;
		margin-bottom: 5px;
	}

	.access_inner .parking h2{
		font-size: 1.4rem;
		margin-bottom: 5px;
	}

	.access_inner .parking p{line-height: 1.4;}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	運営会社

	------------------------------------------------------------ */
	
	
	
}/*--@media--*/
