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

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

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

header h1 {
	max-width: 682px;
	width: 100%;
	margin: 0 auto;
}

.about header h1 , .works header h1 , .access header h1 {
	max-width: 800px;
}

header h1 a {
	width: 450px;
}

@media screen and (max-width: 920px) {
	header h1 {
		float: left;
	}
}

@media screen and (max-width: 860px) {
	header h1 {
		width: 450px;
	}
}

/* メイン */
main {
	margin-top: 70px;
	font-size: 1.3em;
}

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

.copyright {
	margin-top: 10px;
	line-height: 1.5;
}

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

.toggle_button:hover {
	background-color: #535353;
}

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

.global_menu {
	padding-top: 70px;
}

/* 各ページ共通 */
.page_title {
	max-width: 760px;
	width: 100%;
	font-weight: normal;/*ページタイトル*/
	font-size: 3em;
	line-height: normal;
}


.page_title::before , .page_title::after {
	width: 30%;
}
/*
.about .page_title::before , .works .page_title::before , .access .page_title::before {
	left: 23%;
}

.about .page_title::after , .works .page_title::after , .access .page_title::after {
	right: 23%;
}*/

.page_title::before {
	left: 0;
}

.page_title::after {
	right: 0;
}

/*******************************************************************************
	main
--------------------------------------------------------------------------------
	適応：index.html
*******************************************************************************/
.home_status h2 {
	font-size: 26px;
	line-height: 3;
}

.home_status p {
	width: 100%;
	max-width: 644px;
}

/*******************************************************************************
	main
--------------------------------------------------------------------------------
	適応：about/index.html
*******************************************************************************/
.information {
	width: 95%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	/*max-width: 760px;*/
	max-width: 760px;
	margin: 0 auto; /*ボックス外側の余白(値2つは左から上下,左右の値(左右autoで中央配置))*/
	text-align: center;
	border: 1px solid #c0c0c0;
	border-collapse: collapse; /*境界線の表示指定(collapseは重ねて表示)*/
}

.information th , .information td {
	padding: 0 0 20px 10px; /*ボックス内側の余白*/
	border: none; /*境界線の一括指定(noneはなし)*/
	font-weight: normal; /*フォントの太さ指定(normalは標準)*/
	text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}

.information tr {
	border-bottom: 1px solid #c0c0c0;
}

.information tr:nth-child(odd) td {
	background-color: #f7f7f7;
}

.information tr:last-child {
	border-bottom: none;
}

.information th , .information td {
	padding: 10px 10px;
}

.information th {
	border-right: solid 1px #c0c0c0;
	text-align: center;
}

.information td {
	padding: 10px 0 10px 20px;
}

.information td ul {
	padding-left: 15px;
}

.information td ul li {
	font-size: 1em;
}

/*******************************************************************************
	main
--------------------------------------------------------------------------------
	適応：works
*******************************************************************************/
.electric_label {
	/*position: relative;*/
	width: 100%;
	max-width: 760px;
	/*height: 80px;*/
	margin: 0 auto;
}

.electric_label dl {
	/*position: absolute;
	top: 0;
	right: 0;*/
	float: right;
	font-size: 1em;
	line-height: 25px;
}

@media screen and (max-width: 900px) {
	.electric_label {
		max-width: 760px;
	}

	.electric_label .page_title {
		width: 100%;
	}
}

.works section {
	width: 95%;
	max-width: 760px;
	margin: 0 auto;
}

.method_title {
	font-size: 35px;
}

.works_item img {
	float: left;
	width: 170px;
	margin: 10px 20px 10px 10px;
}

@media screen and (min-width: 679px) and (max-width: 900px) {
	.electric_label dl {
		margin-right: 10px;
	}
}

/*******************************************************************************
	main
--------------------------------------------------------------------------------
	適応：access/index.html
*******************************************************************************/
.access .address {
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	max-width: 471px;
	border-collapse: collapse; /*境界線の表示指定(collapseは重ねて表示)*/
	text-align: center;
}

.access .address td {
	padding: 0 0 20px 10px; /*ボックス内側の余白*/
	border: none; /*境界線の一括指定(noneはなし)*/
	color: #333333; /*文字色指定*/
	font-weight: normal; /*フォントの太さ指定(normalは標準)*/
	text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}

.gmap {
	width: 95%;
	max-width: 760px;
	margin: 0 auto;
}

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

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

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