@charset "utf-8";



.atcTopimg {
	width: 100%;
	vertical-align: top;
}

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

.main h1 {
	margin-top: 20px;
	color: var(--mainColor, #ff8c00);
}

.main p {
	font-size: ;
	margin-top: 10px;
}


.area {}

.areaTable {
	width: 100%;
	margin: 20px auto 50px;
	table-layout: fixed;/*幅 均等に配分して表示（基本）*/
}

.areaTable td {
	background-color: var(--dropdownColor, #f5f5f5);
	padding: 10px;
	border: 1px solid #dcdcdc;
}

.areaTable td:hover {
	background-color: var(--subColor1, #ffffe0);
	border: 1px solid #f5deb3;
}

.areaTable td a {
	display: block;
	text-decoration: none;
	color: inherit;
}

.areaTable span {
	font-weight: bold;
	padding-left: 10px;
	color: #ff8c00;
}

.tab768, .smart480 {display: none;}

.item_tab_smart {display: none;}

.item {
	border-bottom: 2px solid #ff8c00;
	padding: 0 0 10px 20px;
	font-weight: bold;
	color: var(--mainColor, #ff8c00);
	font-size: 1.25rem;
	width: 100%;
}

.term {
	width: 100%;
	margin-bottom: 50px;
    border-collapse: separate;
	border-spacing: 20px 10px;
}

.term td {
	width: 50%;
	background-color: ;
	padding: 10px 0 5px 0;
	border-bottom: 1px dashed #aaa;
}

.term td:hover {
	background-color: var(--subColor1, #ffffe0);
}

.term td a {
	display: block;
	text-decoration: none;
	color: inherit;
	padding-left: 5px;
}




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

@media (768px <= width < 960px) {/* 画面サイズ 768px 以上 960px 未満 */
	
}
@media (480px <= width < 768px) {/* 画面サイズ 480px 以上 768px 未満 */
	.areaTable {display: none;}
	.smart480 {display: none;}
	.item_pc {display: none;}
	
	.tab768 {
		display: block;
		width: 100%;
		margin: 20px auto 50px;
		table-layout: fixed;
	}
	
	.tab768 td {
		border: 1px solid #dcdcdc;
		background-color: var(--dropdownColor, #f5f5f5);
		padding: 10px;
		width: 1%;
	}
	
	.tab768 span {
		font-weight: bold;
		padding-left: 20px;
		color: #ff8c00;
	}
	
	.tab768 td a {
		display: block;
		color: inherit;
		text-decoration: none;
	}
	
	.item_tab_smart {display: block;}
	.br_tab_smart { display: none;}

}
@media (width < 480px) { /*480未満（479以下）*/
	.areaTable {display: none;}
	.atcTopimg {display: none;}
	.tab768 {display: none;}
	.item_pc {display: none;}
	
	.smart480 {
		display: block;
		width: 100%;
		margin: 20px auto 50px;
		table-layout: fixed;
	}
	
	.smart480 td {
		border: 1px solid #dcdcdc;
		background-color: var(--dropdownColor, #f5f5f5);
		padding: 10px;
		width: 1%;
	}
	
	.smart480 span {
		font-weight: bold;
		padding-left: 20px;
		color: #ff8c00;
	}
	
	.smart480 td a {
		display: block;
		color: inherit;
		text-decoration: none;
	}
	
	.item_tab_smart {display: block;}
	.br_tab_smart { display: none;}
}