@charset "UTF-8";
/*******************************************************************************
	サイト名：
	作成会社：Fellow System
--------------------------------------------------------------------------------
No. ┃日付    ┃区分┃内容
━━╋━━━━╋━━╋━━━━━━
001 ┃2018.01 ┃新規┃[V1.00]
*******************************************************************************/

/*******************************************************************************
	デフォルトセッティング
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
.display_pc {
	display: none;
}

/* ヘッダー */
header {
	height: 50px;
}

header h1 {
	float: left;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
	font-size: 5vw;
	line-height: 50px;
}

/* メイン */
main {
	margin-top: 50px;
}

main p {
	font-size: 3.5vw;
}

/* フッター */
footer {
	padding-top: 10px;
}

@media screen and (max-width: 477px) {
	.wide_banner li:last-child {
		margin: 10px auto 0;
	}
}

.copyright {
	text-align: center;
}

@media screen and (max-width: 350px) {
	.copyright br {
		display: block;
	}
}

/* サイドバー */
.toggle_button {
	width: 50px;
	height: 50px;
}

.toggle_button i {
	font-size: 28px;
}

.global_menu {
	padding-top: 50px;
}

.global_menu ul li {
	border-bottom: 1px solid #ffffff;
}

.sub_menu li:last-child {
	border-bottom: none;
}

/* 各ページ共通 */
.page_title {
	font-size: 3em;
}

.page_title::before , .page_title::after {
	width: 150px;
}

.page_title::before {
	left: 10%;
}

.page_title::after {
	right: 10%;
}

@media screen and (max-width: 540px) {
	.page_title::before {
		left: 5%;
	}

	.page_title::after {
		right: 5%;
	}
}

@media screen and (max-width: 520px) {
	.page_title::before , .page_title::after {
		width: 120px;
	}

	.page_title::before {
		left: 5%;
	}

	.page_title::after {
		right: 5%;
	}
}

@media screen and (max-width: 450px) {
	.page_title::before , .page_title::after {
		width: 100px;
	}
}

@media screen and (max-width: 400px) {
	.page_title::before , .page_title::after {
		width: 70px;
	}

	.page_title::before {
		left: 10%;
	}

	.page_title::after {
		right: 10%;
	}
}

@media screen and (max-width: 370px) {
		.page_title::before , .page_title::after {
			width: 60px;
		}
}

@media screen and (max-width: 340px) {
	header h1 {
		font-size: 6vw;
	}

	.page_title::before , .page_title::after {
		width: 50px;
	}

	.page_title::before {
		left: 10%;
	}

	.page_title::after {
		right: 10%;
	}
}

@media screen and (max-width: 300px) {
	.page_title::before {
		left: 7%;
	}

	.page_title::after {
		right: 7%;
	}
}

@media screen and (max-width: 280px) {
	.page_title::before {
		left: 4%;
	}

	.page_title::after {
		right: 4%;
	}
}

@media screen and (max-width: 250px) {
	.page_title::before , .page_title::after {
		width: 40px;
	}

	.page_title::before {
		left: 1.5%;
	}

	.page_title::after {
		right: 1.5%;
	}
}

/*******************************************************************************
	main
--------------------------------------------------------------------------------
	適応：index.html
*******************************************************************************/
.home_status h2 {
	font-size: 5vw;
}

.home_status p {
	width: 90%;
}

.home_status p br {
	display: none;
}

/*******************************************************************************
	main
--------------------------------------------------------------------------------
	適応：about/index.html
*******************************************************************************/
.information tr {
	border: none;
}

.information th , .information td {
	display: block;
	padding: 10px 0;
	border: none;
	text-align: center;
}

.information th {
	font-weight: bold;
	font-size: 2em;
}

.information td ul {
	width: 80%;
	margin: 0 auto;
}

.information td , .information td ul li {
	font-size: 5vw;
}

#bank_list {
	width: 40%;
}

/*******************************************************************************
	main
--------------------------------------------------------------------------------
	適応：works
*******************************************************************************/
.electric_label dl {
	width: 100%;
	max-width: 200px;
	margin: 0 auto 20px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
}

.method_title {
	font-size: 30px;
	text-align: center;
}

.works .construction_title {
	width: 90%;
	margin: 0 auto;
	font-size: 1.5em !important;
	text-align: center;
}

.works_item img {
	width: 80%;
	max-width: 450px;
	margin: 20px auto;
}

.works_item p {
	width: 90%;
	margin: 0 auto;
}

/*******************************************************************************
	main
--------------------------------------------------------------------------------
	適応：access/index.html
*******************************************************************************/
.address {
	width: 90%;
	max-width: 340px;
}

.gmap {
	width: 95%;
	margin: 0 auto;
}

.gmap iframe {
	width: 100%;
	height: 400px;
}

/*******************************************************************************
	main
--------------------------------------------------------------------------------
	適応：job-info.html
*******************************************************************************/
.job-info section {
	width: 90%;
	max-width: 760px;
	margin: 0 auto;
	text-align: left;
}

.job-info .address{
	font-size: 12px;
}

.job-info .construction_title {
	font-size: 16px; 
}