@charset "UTF-8";


/* 共通 */
section.about-top,
section.about-message,
section.about-info,
section.about-history,
section.about-access {
	background: #FFF;
}
section.about-message,
section.about-info,
section.about-history,
section.about-access div.access-area,
section.about-access div.map-area {
	padding-left: 30px;
	padding-right: 30px;
}

/* 見出し */
section.about-message h2,
section.about-info h2,
section.about-history h2,
section.about-access h2 {
	font-size: 26px;
	line-height: normal;
	color: #129f30;
	margin-bottom: 20px;
}
section.about-message h2 {
	text-align: center;
}

/* テーブル */
body.page-id-12 table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 14px;
	line-height: 1.6em;
}
body.page-id-12 table th,
body.page-id-12 table td {
	border-bottom: 1px dotted #999;
	text-align: left;
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 20px;
}
body.page-id-12 table th {
	width: 80px;
	padding-right: 20px;
	white-space: nowrap;
}

/* --- 経営理念・社是 --- */
section.about-top {
	padding-top: 0px;
	padding-bottom: 60px;
}
section.about-top h2#rinen-shaze img {
	width: 100%;
	height: auto;
}

/* --- メッセージ --- */
section.about-message,
section.about-message div.message1 {
	padding-bottom: 70px;
}
section.about-message div.text p {
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 20px;
}
section.about-message div.text p.sign {
	text-align: right;
	margin-bottom: 0px;
}
section.about-message div.text p.sign img {
	display: inline-block;
}
section.about-message div.message1 p.sign img {
	width: 240px;
}
section.about-message div.message2 p.sign img {
	width: 150px;
}
section.about-message div.photo {
	margin-bottom: 35px;
}
section.about-message div.photo img {
	width: 316px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
section.about-message div.photo p {
	font-size: 18px;
	line-height: normal;
	text-align: center;
}
section.about-message div.photo p span {
	font-size: 26px;
}

/* --- 会社概要 --- */
section.about-info {
	padding-bottom: 65px;
}

/* --- 沿革 --- */
section.about-history {
	padding-bottom: 65px;
}
section.about-history h3 {
	font-size: 21px;
	line-height: normal;
	margin-bottom: 8px;
}
section.about-history table.history1 {
	margin-bottom: 70px;
}

/* --- アクセス --- */
section.about-access {
	margin-bottom: 40px;
}
section.about-access p {
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 8px;
}
section.about-access h3 {
	color: #129f30;
	font-size: 20px;
	line-height: normal;
	margin-bottom: 8px;
}
section.about-access table {
	margin-bottom: 10px;
}
section.about-access div.access1 {
	margin-bottom: 90px;
}
section.about-access div.photo p {
	font-size: 12px;
	margin-bottom: 0px;
	text-align: right;
}
section.about-access div.photo img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
section.about-access table td h4.sp {
	font-size: 14px;
	line-height: 1.6em;
}
section.about-access iframe {
	width: 100%;
	height: 300px;
	margin-bottom: 30px;
	border: none;
}

/* タブレット用 */
@media(min-width:768px) {
	/* 見出し */
	section.about-message h2,
	section.about-info h2,
	section.about-history h2,
	section.about-access h2 {
	font-size: 30px;
	}
	section.about-message h2 {
	text-align: left;
	padding-bottom: 15px;
	border-bottom: 1px solid #999;
	}
	/* テーブル */
	body.page-id-12 table {
	font-size: 16px;
	line-height: 1.6em;
	}
	/* --- 経営理念・社是 --- */
	section.about-top {
	padding-top: 35px;
	padding-bottom: 135px;
	}
	section.about-top h2#rinen-shaze {
	max-width: 746px;
	margin-left: auto;
	margin-right: auto;
	}
	/* --- メッセージ --- */
	section.about-message,
	section.about-message div.message1 {
	padding-bottom: 110px;
	}
	section.about-message div.message1 div.text {
	padding-right: 40px;
	}
	section.about-message div.message2 div.text {
	padding-left: 40px;
	}
	section.about-message div.text p {
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 15px;
	}
	section.about-message div.message1 p.sign img {
	width: 285px;
	}
	section.about-message div.message2 p.sign img {
	width: 170px;
	}
	section.about-message div.photo img {
	width: 321px;
	}
	section.about-message div.photo p {
	font-size: 20px;
	}
	section.about-message div.photo p span {
	font-size: 28px;
	}
	section.about-message div.message1 div.photo p {
	text-align: right;
	}
	section.about-message div.message2 div.photo p {
	text-align: left;
	}
	section.about-message div.box {
	display: flex;
	}
	section.about-message div.message1 div.box {
	flex-direction: row-reverse;
	}
	/* --- 会社概要 --- */
	section.about-info {
	padding-bottom: 108px;
	}
	section.about-info table.info1 {
	margin-bottom: 33px;
	}
	section.about-info table th {
	width: 145px;
	}
	/* --- 沿革 --- */
	section.about-history {
	padding-bottom: 93px;
	}
	section.about-history h3 {
	font-size: 22px;
	line-height: normal;
	margin-bottom: 12px;
	}
	section.about-history table th {
	width: 145px;
	}
	/* --- アクセス --- */
	section.about-access {
	margin-bottom: 60px;
	}
	section.about-access p {
	font-size: 17px;
	line-height: 1.8em;
	margin-bottom: 14px;
	}
	section.about-access h3 {
	font-size: 22px;
	line-height: normal;
	margin-bottom: 12px;
	}
	section.about-access table th {
	width: 145px;
	}
	section.about-access div.box {
	display: flex;
	justify-content: space-between;
	}
	section.about-access div.box div.table-area {
	flex: 1;
	padding-right: 22px;
	}
	section.about-access div.box div.photo {
	flex: 0 0 331px;
	}
	section.about-access div.photo img {
	width: 331px;
	margin-bottom: 12px;
	}
	section.about-access div.photo p {
	font-size: 14px;
	}
	section.about-access table td h4.sp {
	display: none; /* 非表示にする */
	}
	section.about-access iframe {
	height: 425px;
	margin-bottom: 35px;
	}
	section.about-access div.map-area {
	padding-left: 0px;
	padding-right: 0px;
	}
}

/* デスクトップ用 */
@media(min-width:1024px) {
	/* 見出し */
	section.about-message h2,
	section.about-info h2,
	section.about-history h2,
	section.about-access h2 {
	font-size: 34px;
	}
	/* テーブル */
	body.page-id-12 table {
	font-size: 18px;
	line-height: 1.6em;
	}
	/* --- 経営理念・社是 --- */
	section.about-top {
	padding-top: 70px;
	padding-bottom: 210px;
	}
	section.about-top h2#rinen-shaze {
	max-width: 1000px;
	}
	/* --- メッセージ --- */
	section.about-message,
	section.about-message div.message1 {
	padding-bottom: 150px;
	}
	section.about-message div.message1 div.text {
	padding-right: 50px;
	}
	section.about-message div.message2 div.text {
	padding-left: 50px;
	}
	section.about-message div.text p {
	font-size: 22px;
	line-height: 1.6em;
	margin-bottom: 10px;
	}
	section.about-message div.message1 p.sign img {
	width: 330px;
	}
	section.about-message div.message2 p.sign img {
	width: 190px;
	}
	section.about-message div.photo img {
	width: 327px;
	}
	section.about-message div.photo p {
	font-size: 22px;
	}
	section.about-message div.photo p span {
	font-size: 30px;
	}
	/* --- 会社概要 --- */
	section.about-info {
	padding-bottom: 150px;
	}
	section.about-info table th {
	width: 190px;
	}
	section.about-info table.info1 {
	margin-bottom: 65px;
	}
	/* --- 沿革 --- */
	section.about-history {
	padding-bottom: 120px;
	}
	section.about-history h3 {
	font-size: 23px;
	line-height: normal;
	margin-bottom: 16px;
	}
	/* --- アクセス --- */
	section.about-access {
	margin-bottom: 80px;
	}
	section.about-access p {
	font-size: 20px;
	line-height: 1.8em;
	margin-bottom: 20px;
	}
	section.about-access h3 {
	font-size: 24px;
	line-height: normal;
	margin-bottom: 16px;
	}
	section.about-access table th {
	width: 190px;
	}
	section.about-access div.box div.table-area {
	padding-right: 44px;
	}
	section.about-access div.box div.photo {
	flex: 0 0 345px;
	}
	section.about-access div.photo img {
	width: 345px;
	margin-bottom: 15px;
	}
	section.about-access div.photo p {
	font-size: 16px;
	}
	section.about-access iframe {
	height: 550px;
	margin-bottom: 40px;
	}
}

/* モバイル用 */
@media(max-width:767px) {
	/* --- アクセス --- */
	section.about-access table th.pc {
	display: none; /* 非表示にする */
	}
}