@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 741px){
#page .main_ttl{
margin-bottom: 30px;
text-align: center;
background-color: #004da0;
}

#page .main_ttl h2 {
	width: 1000px;
	margin: 0 auto;
	font-size: 32px;
	color: #fff;
	background: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/town_ico01.png) no-repeat 33% center;
	padding: 45px 0 45px 30px;
}
#page .top_txt {
	font-size: 15px;
	color: #004da0;
	text-align: center;
	margin: 0 0 40px;
}

#page .town_intro {
margin: 0 0 40px;
}

#page .town_map {
width: 43%;
float: left;
}

#page .town_txt {
width: 57%;
float: left;
padding: 25px 0 0 35px;
box-sizing: border-box;
}

#page .town_txt p {
font-size: 14px;
color: #333333;
margin: 0 0 25px;
}

#page .town_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 70px 0;
}

#page .town_list::after {
content:"";
display: block;
width:32%;
}

#page .area_box {
width: 320px;
margin: 0 0 20px;
}

#page .area_txt {
background-color: #ececec;
padding-bottom: 20px;
}

#page .area_txt h3 {
font-size: 24px;
color: #00437c;
text-align: center;
padding: 20px 0;
}

#page .area_txt p {
font-size: 13px;
padding-top: 0;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
color: #333333;
}

#page .area_txt ul {
overflow: hidden;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
padding-bottom: 5px;
}

#page .area_txt li {
width: 160px;
font-size: 8px;
display: inline-block;
padding-top: 0;
padding-right: 0;
padding-bottom: 15px;
padding-left: 15px;

}

#page .area_txt li a {
text-decoration: underline;
color: #00437c;
font-size: 16px;
}
#page .area_box .btn{
background-color: #004da0;
margin: 0 15px;
}
#page .area_box .btn a{
padding: 15px 0;
color: #fff;
display: block;
text-align: center;
font-size: 15px;
position: relative;
transition: .3s;
}
#page .area_box .btn a:hover{
background-color: #0069AB;
transition: .3s;
}
#page .area_box .btn a .fa{
position: absolute;
right: 10px;
top: 20px;
}
}
@media screen and (max-width: 740px){
#page .main_ttl{
margin-bottom: 30px;
text-align: center;
background-color: #004da0;
}

#page .main_ttl h2 {
	width: 300px;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
	background: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/town_ico01.png) no-repeat 18% center;
	background-size: 20px;
	padding: 20px 0 20px 10px;
}

	.top_txt {
	font-size: 13px;
	color: #004da0;
	text-align: center;
	margin: 0 0 40px;
}

#page .town_intro {
margin: 0 0 40px;
}

#page .town_map {
}

#page .town_txt {
padding: 25px 0 0 0;
box-sizing: border-box;
}

#page .town_txt p {
font-size: 13px;
color: #333333;
margin: 0 0 25px;
}

#page .town_list {
margin: 0 0 70px 0;
}

#page .town_list::after {
content:"";
display: block;
width:32%;
}

#page .area_box {
margin: 0 0 20px;
}

#page .area_txt {
background-color: #ececec;
padding-bottom: 15px;
}

#page .area_txt h3 {
font-size: 20px;
color: #00437c;
text-align: center;
padding: 20px 0;
}

#page .area_txt p {
font-size: 13px;
padding-top: 0;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
color: #333333;
}

#page .area_txt ul {
overflow: hidden;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
padding-bottom: 5px;
}

#page .area_txt li {
width: 140px;
font-size: 8px;
display: inline-block;
padding-top: 0;
padding-right: 0;
padding-bottom: 15px;
padding-left: 15px;

}

#page .area_txt li a {
text-decoration: underline;
color: #00437c;
font-size: 14px;
}
#page .area_box .btn{
background-color: #004da0;
margin: 0 15px;
}
#page .area_box .btn a{
padding: 14px 0;
color: #fff;
display: block;
text-align: center;
position: relative;
transition: .3s;
}
#page .area_box .btn a .fa{
position: absolute;
right: 10px;
top: 19px;
font-size: 12px;
}
}