@charset "utf-8";
/*
機　　能　　名：対応エリア
作　　成　　日：2020/04/28
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	area
**************************************** */

div#area {
}

/* h_ttl */
@media screen and (min-width: 769px) {/* PC */
#area .h_ttl_in {
	background:url(../images/area/main_img_pc.png) center bottom no-repeat;
}
}
@media screen and (max-width: 768px) {/* SP */
#area .h_ttl {
	background:url(../images/area/main_img_sp.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
}

/* ***************************************
	intro
**************************************** */
#intro h3 {
	text-align:center;
	color:#3399CC;
	font-weight:normal;
}
@media screen and (min-width: 769px) {/* PC */
#intro h3 {
	margin-bottom:40px;
	font-size:35px;
}
#intro .intro_l {
	float:left;
	width:510px;
}
#intro .intro_l p {
	margin-bottom:50px;
}
#intro .intro_map {
	width:400px;
	float:right;
}
}
@media screen and (max-width: 768px) {/* SP */
#intro h3 {
	margin-bottom:20px;
	font-size:20px;
	line-height:1.2;
}
#intro .intro_l {
	margin-bottom:16px;
}
#intro .intro_l p {
	margin-bottom:20px;
}
#intro .intro_l li {
	margin-bottom:0;
}

@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	area_list
**************************************** */
#area_list h4 {
	text-align:center;
	color:#FFF;
	margin-bottom:20px;
}
#area_list table {
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	width:100%;
	font-size:0.9em;
}
#area_list th {
	background:#F5F5F5;
}
#area_list td {
	position:relative;
	display:block;
	float:left;
}
#area_list td:before {
	content:"";
	position:absolute;
  top:50%;
  width:0px;
  height:0px;
  margin:auto;
  border-style:solid;
  border-color:#81BFDE transparent transparent transparent;
  border-width:5px 5px 0 5px;
	transform:rotate(-90deg);
}
#area_list .no_bg:before {
	border:none;
}
@media screen and (min-width: 769px) {/* PC */
#area_list h4 {
	font-size:24px;
	padding:8px 0;
}
#area_list th {
	width:120px;/* total 140px */
	padding:10px;
	vertical-align:top;
}
#area_list td {
	width:60px;/* total 90px */
	padding:10px 0 10px 30px;
}
#area_list td:before {
  left:17px;
	margin-top:-2.5px;
}
#area_list .last {
	margin-bottom:30px;
}
}
@media screen and (max-width: 768px) {/* SP */
#area_list h4 {
	font-size:18px;
	padding:6px 0;
}
#area_list table {
	width:90%;
	margin:0 auto 15px auto;
}
#area_list th {
	width:calc(100% - 14px);
	padding:11px 7px;
	display:block;
}
#area_list td {
	width:calc(33% - 20px);
	padding:8px 0 8px 20px;
}
#area_list td:before {
  left:10px;
	margin-top:-2px;
}
#area_list .last {
	margin-bottom:40px;
}
#area_list .no_bg {
	display:none;
}
@media screen and (max-width: 320px) {/* w320 */
}
}