@charset "utf-8";

/* 八幡浜市について
------------------------------*/
.pageCity .two_column {
	width: 100%;
	padding-bottom: 75px;
}
.pageCity .column_left {
	width: 461px;
	padding-right: 29px;
	float: left;
}
.pageCity .column_right {
	width: 461px;
	padding-left: 29px;
	float: left;
}
.pageCity .column_title {
	font-size: 20px;
	color: #f15c28;
	padding-top: 20px;
	font-weight: bold;
}
.pageCity .column_text {
	font-size: 16px;
	padding: 10px 0 5px 0;
}
.pageCity .column_button {
	display: block;
	box-shadow: 0 7px 7px 3px rgba(0,0,0,0.18);
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	position: relative;
	background: #f15c28 no-repeat right 12px top 50%;
	background-size: 16px auto;
	border: none;
	width: 216px;
	margin: 15px auto;
	padding: 13px 0;
	font-size: 112%;
	text-align: center;
	color: #fff!important;
	text-decoration: none!important;
	background-image: url(../img/common/arrow/right-white.png);
}

@media screen and (max-width: 767px) {
	.pageCity .two_column {
		width: 100%;
		padding-bottom: 0px;
	}
	.pageCity .column_left {
		width: 100%;
		padding-right: 0px;
		float: inherit;
		padding-bottom: 30px;
	}
	.pageCity .column_right {
		width: 100%;
		padding-left: 0px;
		float: inherit;
		padding-bottom: 30px;
	}
	.pageCity .column_title {
		font-size: 18px;
		padding-top: 10px;
	}
	.pageCity .column_text {
		font-size: 14px;
		padding: 10px 0 5px 0;
	}
}

/* 空き家バンク
------------------------------*/
.pageAkiya {
	padding: 0 0 20px;
}

/* 一覧 */
.pageAkiya .bankIndex {
	margin-bottom: 30px;
}
.pageAkiya .bankIndex .main {
	padding: 0 0 11px;
}

.bankIndex {
	background: url(../img/common/bg/stripe-beige.png) repeat 0 0;
}
.bankIndex .container {
	padding: 45px 0 53px;
}
.bankIndex header {
	background: #fff;
	margin: 0 0 34px;
	padding: 6px 11px;
}
	.bankIndex header .titleSub {
		margin: 0;
	}
.bankIndex .main ul {
	margin: 0 -10px;
	padding: 0 0 11px;
	letter-spacing: -0.5em;
}
.bankIndex .main li {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	width: 228px;
	margin: 0 10px 20px;
	letter-spacing: normal;
}
.bankIndex .main li:hover {
	-webkit-box-shadow: 0 0 0 2px #f15c28;
	-moz-box-shadow: 0 0 0 2px #f15c28;
	-o-box-shadow: 0 0 0 2px #f15c28;
	-ms-box-shadow: 0 0 0 2px #f15c28;
	box-shadow: 0 0 0 2px #f15c28;
}
	.bankIndex .main li li:hover {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
.bankIndex .main li a {
	display: block;
	color: #000;
	text-decoration: none;
}
	.bankIndex .photo {
		position: relative;
		overflow: hidden;
	}
	.bankIndex .type,
	.pageAkiyaDetail .type {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #0973ba;
		min-width: 86px;
		padding: 4px 0;
		white-space: nowrap;
		text-align: center;
		font-size: 90%;
		color: #fff;
	}
	.bankIndex .chintai,
	.pageAkiyaDetail .summary .chintai {background: #099345;}
	.bankIndex .otameshi,
	.pageAkiyaDetail .summary .otameshi {background: #f15c28;}

	.bankIndex .photo .status {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 100%;
		margin: auto;
		text-align: center;
		line-height: 162px;
		letter-spacing: 0.05em;
		font-size: 145%;
		color:#fff;
	}

	.bankIndex .photo .image {
		background: no-repeat 50% 50%;
		background-size: cover;
		height: 162px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
	}
	.bankIndex a:hover .photo .image {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	.bankIndex .text {
		padding: 12px 14px 14px;
	}
	.bankIndex .lifeStyle,
	.pageAkiyaDetail .lifeStyle {
		padding: 0 0 3px;
		letter-spacing: -0.5em;
	}
	.bankIndex .lifeStyle .new,
	.pageAkiyaDetail .lifeStyle .new,
	.bankIndex .lifeStyle .label,
	.pageAkiyaDetail .lifeStyle .label {
		display: inline-block;
		vertical-align: top;
		margin: 0 5px 5px 0;
		white-space: nowrap;
		letter-spacing: normal;
		font-weight: bold;
	}
	.bankIndex .lifeStyle .new,
	.pageAkiyaDetail .lifeStyle .new {
		margin: 0 10px 0 0;
		font-weight: bold;
		color: #ff0000;
	}
	.bankIndex .lifeStyle .label,
	.pageAkiyaDetail .lifeStyle .label {
		border: 1px solid #f15c28;
		padding: 0 10px;
		line-height: 1.5;
		font-size: 90%;
		color: #f15c28;
	}
	.bankIndex .controlNumber {
		margin: 0 0 5px 0;
		font-size: 85%;
		color: #919191;
	}
	.bankIndex h3 {
		margin: 0 0 5px;
		line-height: 1.3;
		font-size: 112%;
	}
	.bankIndex .floor {
		margin: 0 0 8px;
		font-weight: bold;
	}
		.bankIndex .floor .small {
			font-size: 80%;
		}
	.bankIndex .tag ul {
		margin: 0 0 -5px;
		padding: 0;
		line-height: 1.4;
	}
	.bankIndex .tag li,
	.pageAkiyaDetail .tag li {
		width: auto;
		margin: 0 5px 0 0;
		font-size: 85%;
		color: #919191;
	}
		.bankIndex .tag li:before,
		.pageAkiyaDetail .tag li:before {
			content: "#";
			color: #099345;
		}

@media screen and (max-width: 767px) {
	.pageAkiya {
		padding: 0;
	}

	.bankIndex {
		margin: 0 -10px;
		padding: 0 10px;
	}
	.pageAkiya .bankIndex {
		margin-bottom: 20px;
	}
	.bankIndex .container {
		padding: 20px 0 38px;
	}
	.bankIndex header {
		margin: 0 0 20px;
		padding: 6px;
	}
	.bankIndex .main ul {
		margin: 0 -5px 5px;
	}
	.bankIndex .main li {
		background: transparent;
		width: 50%;
		margin: 0 0 10px;
	}
	.bankIndex .main li:hover {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
	.bankIndex .main li a {
		background: #fff;
		margin: 0 5px;
	}
		.bankIndex .photo .status {
			line-height: 115px;
			letter-spacing: 0.05em;
			font-size: 16px;
		}
		.bankIndex .photo .image {
			height: 115px;
		}
		.bankIndex a:hover .photo .image {
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
			transform: none;
		}
		.bankIndex .controlNumber {
			font-size: 12px;
		}
		.bankIndex .tag ul {
			margin: 0 0 -5px;
		}
		.bankIndex .tag li,
		.pageAkiyaDetail .tag li {
			width: auto;
			margin: 0 5px 0 0;
			font-size: 14px;
		}
}

.pageAkiya .search {
	margin: 0 0 46px;
}
.pageAkiya .search header {
	display: none;
	overflow: hidden;
	background: #4e4e4e;
	margin: -47px 0 0;
	padding: 30px 0;
	text-align: center;
	font-size: 108%;
	letter-spacing: 0.05em;
	color: #fff;
	cursor: pointer;
}
	.pageAkiya .search header h2 {
		display: inline-block;
		position: relative;
		padding: 0 0 0 50px;
		line-height: 32px;
	}
	.pageAkiya .search header h2:before {
		content: "";
		position: absolute;
		left: 0;
		background: url(../img/common/arrow/down-white_search.png) no-repeat 0 0;
		background-size: cover;
		width: 32px;
		height: 32px;
	}
.pageAkiya .search .intro {
	margin: 0 auto 46px;
	font-size: 16px;
	text-align: center;
	color: #595959;
}
	.pageAkiya .search .intro p {
		text-align: left;
		line-height: 1.875;
		margin-bottom: 15px;
	}
	.pageAkiya .search .intro .contactInfo{
		width: 800px;
		margin: 0 auto 40px;
	}
		.pageAkiya .search .intro .contactInfo .contIndex {
			display: inline-block;
			vertical-align: top;
		}
		.pageAkiya .search .intro .contactInfo .contTel .title{
			color: #0075BD;
			font-size: 20px;
		}
	.pageAkiya .search .intro .titleSubUnder {
		text-align: left;
	}

.pageAkiya .searchUiHide {
	margin: 0;
}
.pageAkiya .searchUiHide header {
	display: block;
}
.pageAkiya .searchUiHide .container {
	display: none;
}
.pageAkiya .search .option {
	float: left;
	width: 416px;
}
	.pageAkiya .search h3 {
		position: relative;
		border: 2px solid #f15c28;
		border-radius: 16px;
		margin: 0 0 18px;
		padding: 2px 0 2px 22px;
		text-align: center;
		color: #f15c28;
	}
	.pageAkiya .search .area h3 {
		border-color: #099345;
		color: #099345;
	}
		.pageAkiya .search h3:before {
			content: "";
			position: absolute;
			top: 50%;
			background: url(../img/common/icon/loupe.png) no-repeat 0 0;
			background-size: cover;
			width: 20px;
			height: 20px;
			margin: -11px 0 0 -24px;
		}
		.pageAkiya .search .area h3:before {
			background-image: url(../img/common/icon/marker-cursor.png);
		}

.pageAkiya .search .select {
	padding: 0 0 23px;
}
.pageAkiya .search dt {
	background: #676767;
	margin: 0 0 13px;
	padding: 0 14px;
	line-height: 1.55;
	font-size: 90%;
	color: #fff;
}
.pageAkiya .search dd {
	margin: 0 0 24px;
}
	.pageAkiya .search dd ul {
		letter-spacing: -0.5em;
	}
		.pageAkiya .search dd li {
			display: inline-block;
			vertical-align: top;
			letter-spacing: normal;
			white-space: nowrap;
			margin: 0 15px 3px 0;
		}
		.pageAkiya .search dd li:last-child {
			margin-right: 0;
		}
	.pageAkiya .search .button {
		width: 264px;
		padding: 11px 0;
		font-size: 100%;
	}

.pageAkiya .search .phrase {
	padding: 0 45px;
}
.pageAkiya .search .phrase .outer {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.pageAkiya .search .phrase .text,
.pageAkiya .search .phrase .submit {
	display: table-cell;
	vertical-align: top;
}
.pageAkiya .search .phrase .submit {
	width: 71px;
}
	.pageAkiya .search .phrase input {
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: none;
		width: 100%;
		height: 34px;
		line-height: 34px;
		padding: 0;
		font-size: 100%;
	}
	.pageAkiya .search .phrase .text input {
		border: 1px solid #bfbfbf;
		padding: 0 0 0 13px;
	}
	.pageAkiya .search .phrase .submit input {
		background: #4b4b4b;
		padding: 0 0 0 0.3em;
		letter-spacing: 0.3em;
		font-size: 85%;
		color: #fff;
	}

.pageAkiya .search .area {
	float: right;
	width: 514px;
}
	.pageAkiya .search .area .map {
		border: 2px solid #e5e5e5;
	}
	.pageAkiya .search .area .pc {
		position: relative;
	}
		.pageAkiya .search .area .honai,
		.pageAkiya .search .area .yawatahama {
			position: absolute;
			z-index: 1;
			top: 19px;
			left: 41px;
		}
		.pageAkiya .search .area .yawatahama {
			top: 262px;
		}
	.pageAkiya .search .area .characteristic {
		text-align: right;
		margin: 5px 0 0;
	}

.pageAkiya .otherLinks {
	margin-top: 30px;
	margin-bottom: 40px;
}
	.pageAkiya .otherLinks > a[target="_blank"] {
		display: inline-block;
		font-size: 20px;
		position: relative;
		margin-bottom: 15px;
		margin-right: 24px;
	}
		.pageAkiya .otherLinks > a[target="_blank"]:after {
			content: '';
			display: inline-block;
			background-image: url(../img/common/icon/link.png);
			height: 12px;
			width: 12px;
			background-size: contain;
			vertical-align: middle;
			margin: auto;
			position: absolute;
			right: -20px;
			top: 0;
			bottom: 0;
		}
	.pageAkiya .otherLinks p.lead {
		margin: 0 0 10px;
	}
	.pageAkiya .otherLinks ul {
		letter-spacing: -.5em;
		text-align: center;
	}
		.pageAkiya .otherLinks ul li {
			display: inline-block;
			letter-spacing: normal;
			width: 420px;
			margin: 40px 25px;
		}
			.pageAkiya .otherLinks ul li p {
				display: block;
				font-size: 18px;
				font-weight: bold;
				background-color: #eeeeee;
				padding: 6px 0;
				margin-bottom: 33px;
			}
			.pageAkiya .otherLinks ul li .button {
				width: 218px;
				background-color: #f15c28;
				margin-top: 25px;
			}

@media screen and (max-width: 767px) {
	.pageAkiya .search {
		margin: -10px 0 0;
	}
	.pageAkiya .search .container {
		margin: 0 -10px;
		padding: 0 10px;
	}
	.pageAkiya .search header {
		margin: 0 -10px;
		padding: 20px 0;
		font-size: 15px;
	}
		.pageAkiya .search header h2 {
			padding: 0 0 0 35px;
			line-height: 24px;
		}
		.pageAkiya .search header h2:before {
			width: 24px;
			height: 24px;
		}
.pageAkiya .search .intro {
		margin: 22px 0 12px;
		font-size: 14px;
		padding: 0;
}
	.pageAkiya .search .intro p {
		line-height: 1.6;
		margin-bottom: 15px;
	}
	.pageAkiya .search .intro .contactInfo{
		width: auto;
		margin: 0 auto 20px;
	}
	.pageAkiya .search .intro .titleSubUnder {
		font-size: 15px;
		padding: 4px 0 7px 15px;
	}
		.pageAkiya .search .intro .contactInfo .contTel .title{
			font-size: 16px;
		}

	.pageAkiya .search .option,
	.pageAkiya .search .area {
		float: none;
		width: auto;
		margin: 0 0 40px;
	}
		.pageAkiya .search h3 {
			background: #fcdbd0;
			border: none;
			border-radius: 0;
			margin: 0 -10px 10px;
			padding: 8px 0 8px 22px;
		}
		.pageAkiya .search .area h3 {
			background: #cee9da;
		}

	.pageAkiya .search .select {
		padding: 0 0 16px;
	}
	.pageAkiya .search dl {
		padding: 0 0 5px;
	}
	.pageAkiya .search dt {
		margin: 0 0 12px;
		padding: 5px 10px;
	}
	.pageAkiya .search dd {
		margin: 0 0 6px;
	}
			.pageAkiya .search dd li {
				margin: 0 12px 8px 0;
			}
	.pageAkiya .search .footer {
		padding: 0 18px;
	}
		.pageAkiya .search .button {
			width: 100%;
			padding: 13px 0;
			font-size: 15px;
		}

	.pageAkiya .search .phrase {
		padding: 0;
	}
	.pageAkiya .search .phrase .submit {
		width: 75px;
	}
		.pageAkiya .search .phrase input {
			height: 45px;
			line-height: 45px;
			font-size: 16px;
		}
		.pageAkiya .search .phrase .text input {
			padding: 0 0 0 10px;
		}
		.pageAkiya .search .phrase .submit input {
			font-size: 15px;
		}

.pageAkiya .otherLinks {
	margin-top: 30px;
	margin-bottom: 40px;
}
	.pageAkiya .otherLinks > a[target="_blank"] {
		font-size: 18px;
		margin-bottom: 8px;
		padding-right: 20px;
	}
		.pageAkiya .otherLinks > a[target="_blank"]:after {
			right: 0;
		}
	.pageAkiya .otherLinks ul {}
		.pageAkiya .otherLinks ul li {
			display: block;
			width: auto;
			margin: 20px 0 20px;
		}
			.pageAkiya .otherLinks ul li p {
				font-size: 14px;
				padding: 6px 0;
				margin-bottom: 15px;
			}
			.pageAkiya .otherLinks ul li .button {
				width: 218px;
				background-color: #f15c28;
				margin-top: 25px;
			}
}

/* 詳細 */
.pageAkiyaDetail {
	padding: 0 0 20px;
}

.pageAkiyaDetail .title {
	display: table;
	width: 100%;
}
.pageAkiyaDetail .title .heading,
.pageAkiyaDetail .title .status {
	display: table-cell;
	vertical-align: top;
}
.pageAkiyaDetail .title .status {
	text-align: right;
}
	.pageAkiyaDetail .title .status div {
		display: inline-block;
		background: #f15c28;
		border-radius: 50%;
		width: 76px;
		height: 76px;
		margin: 0 0 0 5px;
		line-height: 76px;
		white-space: nowrap;
		text-align: center;
		color: #fff;
	}

.pageAkiyaDetail .title .summary,
.pageAkiyaDetail .title .summary .tag {
	letter-spacing: -0.5em;
}
.pageAkiyaDetail .title .summary div,
.pageAkiyaDetail .title .summary li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.pageAkiyaDetail .title .summary .lifeStyle {
	display: inline;
	letter-spacing: -0.5em;
}
.pageAkiyaDetail .title .summary {
	margin: 0 0 12px;
}
	.pageAkiyaDetail .summary .type {
		position: static;
		margin: 0 9px 5px 0;
		padding: 1px 0;
	}
	.pageAkiyaDetail .lifeStyle {
		margin: 0 11px 5px 0;
		line-height: 1.6;
	}
	.pageAkiyaDetail .tag li {
		margin: 0 5px 0 0;
		font-size: 100%;
	}

.pageAkiyaDetail .title h3 {
	margin: 0 0 8px;
	font-size: 148%;
	line-height: 1.4;
}
	.pageAkiyaDetail .title h3 span {
		margin: 0 0 0 8px;
		font-size: 60%;
		font-weight: normal;
	}

.pageAkiyaDetail .intro .data {
	background: #fff3d4;
	margin: 0 0 23px;
	padding: 17px 0 12px 18px;
}
.pageAkiyaDetail .intro .data ul {
	letter-spacing: -0.5em;
}
.pageAkiyaDetail .intro .data li {
	display: inline-block;
	vertical-align: top;
	margin: 0 26px 5px 0;
	letter-spacing: normal;
	white-space: nowrap;
}
	.pageAkiyaDetail .intro .data i {
		display: inline-block;
		vertical-align: top;
		position: relative;
		top: 2.4px;
		background: #4b4b4b;
		width: 52px;
		margin: 0 12px 0 0;
		text-align: center;
		font-style: normal;
		font-size: 75%;
		color: #fff;
	}
	.pageAkiyaDetail .intro .data span {
		margin: 0 2px 0 0;
		font-size: 150%;
		line-height: 1;
	}
	.pageAkiyaDetail .intro .data .small {
		font-size: 90%;
	}

.pageAkiyaDetail .intro .summary {
	margin: 0 0 30px;
}
	.pageAkiyaDetail .intro .summary h4 {
		background: url(../img/common/icon/balloon-orange.png) no-repeat 0 0;
		background-size: 24px auto;
		min-height: 24px;
		margin: 0 0 5px;
		padding: 0 0 0 30px;
		font-size: 88%;
		color: #f15c28;
	}

.pageAkiyaDetail .gallery {
	margin: 0 0 34px;
}
.pageAkiyaDetail .gallery .photo {
	float: left;
	width: 550px;
	text-align: right;
}
.pageAkiyaDetail .gallery .list {
	float: right;
	width: 410px;
}
	.pageAkiyaDetail .gallery ul {
		font-size: 0;
		margin: -4px -5px 0;
	}
	.pageAkiyaDetail .gallery li,
	.pageAkiyaDetail .gallery li img {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.pageAkiyaDetail .gallery li {
		overflow: hidden;
		display: inline-block;
		position: relative;
		vertical-align: top;
		letter-spacing: normal;
		border: 4px solid transparent;
		width: 95px;
		height: 72px;
		margin: 0 1px 2px;
		cursor: pointer;
	}
	.pageAkiyaDetail .gallery .selected {
		border-color: #f15c28;
	}
		.pageAkiyaDetail .gallery li img {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			max-width: 120%;
		}

	.pageAkiyaDetail .gallery figure,
	.pageAkiyaDetail .location figure {
		position: relative;
		cursor: pointer;
	}
	.pageAkiyaDetail .gallery figure:before,
	.pageAkiyaDetail .location figure:before {
		content: "";
		position: absolute;
		top: 8px;
		right: 8px;
		z-index: 1;
		background: url(../img/common/icon/zoom.png) no-repeat 0 0;
		background-size: cover;
		width: 38px;
		height: 38px;
	}
	.pageAkiyaDetail .gallery figure {
		display: none;
	}
	.pageAkiyaDetail .gallery figure:first-child {
		display: block;
	}
	.pageAkiyaDetail .location figure:before {
		top: 3px;
		right: 3px;
	}

.pageAkiyaDetail .location {
	margin: 0 0 50px;
}
.pageAkiyaDetail .location .layout,
.pageAkiyaDetail .location .map {
	float: left;
	width: 470px;
}
.pageAkiyaDetail .location .map {
	float: right;
}
	.pageAkiyaDetail .location .map h4 {
		float: left;
	}
	.pageAkiyaDetail .location .map .link {
		float: right;
		margin: 3px 0 0;
		font-size: 88%;
	}
.pageAkiyaDetail .location .main {
	border: 2px solid #e5e5e5;
}
	.pageAkiyaDetail .location .layout .main {
		padding: 5px;
		text-align: center;
	}
		.pageAkiyaDetail .location .layout .main img {
			max-height: 300px;
		}
		.pageAkiyaDetail .location .layout .noImage {
			background: #e5e5e5;
		}

	.pageAkiyaDetail #map {
		width: 100%;
		height: 310px;
	}

.pageAkiyaDetail .near {
	border: 1px solid #f15c28;
	border-radius: 10px;
	margin: 0 0 24px;
	padding: 17px 20px 13px;
}
	.pageAkiyaDetail .near h5 {
		background: url(../img/common/icon/home.png) no-repeat 0 0;
		background-size: 24px auto;
		min-height: 24px;
		margin: 0 0 6px;
		padding: 2px 0 0 29px;
		font-size: 88%;
		color: #f15c28;
	}

.pageAkiyaDetail .detail {
	margin: 53px 0 57px;
}

.pageAkiyaDetail .contact {
	margin: 0 0 49px;
}
.pageAkiyaDetail .contact address {
	background: #fff3d4;
	padding: 30px 10px;
	text-align: center;
}
.pageAkiyaDetail .contact h5 {
	margin: 0 0 6px;
	line-height: 1.4;
	font-size: 112%;
	font-weight: normal;
}
.pageAkiyaDetail .contact .tel {
	margin: 0 0 10px;
}
	.pageAkiyaDetail .contact .tel a {
		display: inline-block;
		vertical-align: top;
		line-height: 1.4;
		letter-spacing: 0.02em;
		font-size: 160%;
		color: #000;
		text-decoration: none;
	}
	.pageAkiyaDetail .contact .mail .privacy {
		padding: 10px 0 0;
		text-align: center;
		font-size: 90%;
	}
		.pageAkiyaDetail .contact .mail p {
			margin: 5px 0 0;
		}
		.pageAkiyaDetail .contact .mail p a {
			font-size: 110%;
		}

.pageAkiyaDetail table {
	table-layout: fixed;
	width: 100%;
}
.pageAkiyaDetail .col1,
.pageAkiyaDetail .col3 {
	width: 130px;
}
.pageAkiyaDetail th,
.pageAkiyaDetail td {
	border: 1px solid #a0a0a0;
	padding: 6px 10px;
	font-size: 88%;
}
.pageAkiyaDetail th {
	background: #fff3d4;
	line-height: 1.4;
}

.pageAkiyaDetail footer {
	text-align: center;
}
.pageAkiyaDetail .print,
.pageAkiyaDetail .back {
	margin: 0 0 30px;
}

.pageAkiyaDetail .about,
.pageAkiya > footer .about {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.pageAkiyaDetail .about div,
.pageAkiya > footer .about div {
	display: table-cell;
	vertical-align: top;
	text-align: center;
}
	.pageAkiyaDetail .about a,
	.pageAkiya .intro .about a,
	.pageAkiya > footer .about a {
		display: inline-block;
		position: relative;
		background: url(../img/akiya/design.jpg) no-repeat 50% 65%;
		background-size: cover;
		border-radius: 14px;
		width: 466px;
		height: 136px;
	}
	.pageAkiya .intro .about a {
		box-shadow: 0 7px 7px 3px rgba(0,0,0,0.18);
		margin: 0 auto 25px;
	}
	.pageAkiyaDetail .about .renovation a,
	.pageAkiya > footer .about .renovation a {
		background-image: url(../img/akiya/loupe.jpg);
		background-position: 50% 70%;
	}
		.pageAkiyaDetail .about a span,
		.pageAkiya .intro .about a span,
		.pageAkiya > footer .about a span {
			position: absolute;
			bottom: 0;
			left: 0;
			background: rgba(9,147,69,0.9) url(../img/common/arrow/next-white.png) no-repeat right 15px top 50%;
			background-size: 10px auto;
			border-radius: 0 0 14px 14px;
			width: 100%;
			padding: 5px 0;
			text-align: center;
			letter-spacing: 0.05em;
			font-size: 105%;
			color: #fff;
		}
	
	.pageAkiya .estate .button {
		background-color: #f15c28;
		margin-top: 25px;
	}

@media screen and (max-width: 767px) {
	.pageAkiyaDetail {
		padding: 0;
	}
		.pageAkiyaDetail .title .status1 {
			width: 50px;
			height: 50px;
			font-size: 12px;
			line-height: 50px;
		}
		.pageAkiyaDetail .summary .type {
			margin-right: 5px;
		}
		.pageAkiyaDetail .lifeStyle {
			margin-right: 0;
		}

	.pageAkiyaDetail .title h3 {
		font-size: 19px;
	}
		.pageAkiyaDetail .title h3 span {
			display: block;
			margin: 0;
			font-size: 13px;
		}

	.pageAkiyaDetail .intro .data {
		padding: 10px;
	}
	.pageAkiyaDetail .intro .data ul {
		letter-spacing: -0.5em;
	}
	.pageAkiyaDetail .intro .data li {
		display: inline;
		margin: 0 10px 0 0;
		line-height: 2.2;
		white-space: normal;
	}
		.pageAkiyaDetail .intro .data i {
			vertical-align: middle;
			top: -2.5px;
			width: 45px;
			margin-right: 6px;
			line-height: 1.6;
			font-size: 11px;
		}
		.pageAkiyaDetail .intro .data b {
			font-size: 15px;
		}
		.pageAkiyaDetail .intro .data span {
			font-size: 18px;
			line-height: 1;
		}
		.pageAkiyaDetail .intro .data .small {
			font-size: 12px;
		}
	.pageAkiyaDetail .intro .summary {
		margin: 0 0 10px;
	}
	.pageAkiyaDetail .gallery {
		margin: 0 0 30px;
	}
	.pageAkiyaDetail .gallery .photo,
	.pageAkiyaDetail .gallery .list {
		float: none;
		width: auto;
	}
	.pageAkiyaDetail .gallery .list ul {
		margin: 10px -5px 0;
	}
		.pageAkiyaDetail .gallery li {
			width: 20%;
			height: 50px;
			margin: 0 0 1px;
			cursor: pointer;
		}

	.pageAkiyaDetail .location,
	.pageAkiyaDetail .location .layout {
		margin: 0 0 30px;
	}
	.pageAkiyaDetail .location .layout,
	.pageAkiyaDetail .location .map {
		float: none;
		width: auto;
	}
		.pageAkiyaDetail .location .map .link {
			font-size: 14px;
		}

	.pageAkiyaDetail .near {
		border-radius: 5px;
		margin: 0 0 15px;
		padding: 10px;
	}
		.pageAkiyaDetail .near h5 {
			font-size: 14px;
		}

	.pageAkiyaDetail .detail {
		margin: 0 0 30px;
	}
	.pageAkiyaDetail .contact {
		margin: 0 0 20px;
	}
	.pageAkiyaDetail .contact address {
		margin: 0 -10px;
		padding: 20px 10px 22px;
	}
	.pageAkiyaDetail .contact h5 {
		margin: 0 0 10px;
		font-size: 16px;
	}
	.pageAkiyaDetail .contact .tel {
		margin: 0 0 16px;
	}
		.pageAkiyaDetail .contact .tel a {
			font-size: 20px;
		}
		.pageAkiyaDetail .contact .mail .privacy {
			text-align: left;
			font-size: 13px;
		}
			.pageAkiyaDetail .contact .mail p {
				margin: 0;
			}
			.pageAkiyaDetail .contact .mail .link {
				margin: 8px 0 0;
				text-align: center;
			}
			.pageAkiyaDetail .contact .mail p a {
				font-size: 14px;
			}

	.pageAkiyaDetail .col1 {
		width: 35%;
	}
	.pageAkiyaDetail th,
	.pageAkiyaDetail td {
		padding: 5px;
		font-size: 13px;
	}
	.pageAkiyaDetail th {
		background: #fff3d4;
		line-height: 1.4;
	}

	.pageAkiyaDetail footer {
		text-align: center;
	}
	.pageAkiyaDetail .print {
		display: none;
	}
	.pageAkiyaDetail .back {
		margin: 0 0 20px;
	}

	.pageAkiyaDetail .about,
	.pageAkiya .intro .about,
	.pageAkiya > footer .about,
	.pageAkiyaDetail .about div,
	.pageAkiya > footer .about div {
		display: block;
		width: auto;
	}
	.pageAkiyaDetail .about a,
	.pageAkiya .intro .about a,
	.pageAkiya > footer .about a {
		display: block;
		background-position: 50% 70%;
		width: auto;
		height: 110px;
	}
		.pageAkiyaDetail .about a span,
		.pageAkiya .intro .about a span,
		.pageAkiya > footer .about a span {
			font-size: 14px;
		}
}

/* 空き家バンクの仕組み
------------------------------*/
.pageAbout {
	padding: 0 0 50px;
}
.pageAbout .overview {
	max-width: 872px;
	margin: 60px auto;
}
.pageAbout .description {
	padding: 60px 0;
	background: url(../img/common/bg/stripe-beige.png) repeat 0 0;
}
.pageAbout .description_inner {
	max-width: 964px;
	margin: 0 auto;
}
.pageAbout .attension {
	font-size: .9rem;
}
.pageAbout .transaction {
	display: table;
	width: 100%;
}
.pageAbout .sell {
	display: table-cell;
	width: 50%;
	padding: 0 40px 0 0;
}
.pageAbout .buy {
	display: table-cell;
	width: 50%;
	padding: 0 0 0 40px;
}
.pageAbout .transaction .flow {
	margin: 15px 0 10px;
	font-weight: bold;
	text-align: center;
}
.pageAbout .sell .flow,.pageAbout .sell .sendAdd {
	color: #f15c28;
}
.pageAbout .buy .flow,.pageAbout .buy .sendAdd {
	color: #099345;
}
.pageAbout .transaction .contact {
	font-weight: bold;
}
.pageAbout .transaction .sendAdd {
	margin-top: 1em;
	padding: 7px 10px;
}
.pageAbout .sell .sendAdd {
	border: solid 2px #f15c28;
}
.pageAbout .buy .sendAdd {
	border: solid 2px #099345;
}
.pageAbout .transaction .sendAdd dt {
	font-weight: bold;
}
.pageAbout .transaction .sendAdd dd {
	font-size: .9rem;
}
.pageAbout .transaction h3 {
	position: relative;
	margin: 0 0 30px;
	border: 3px solid #000;
	border-radius: 9px;
	text-align: center;
}
.pageAbout .sell h3 {
	border-color: #f15c28;
	color: #f15c28;
}
.pageAbout .buy h3 {
	border-color: #099345;
	color: #099345;
}
.pageAbout .sell h3:after,
.pageAbout .buy h3:after {
	content: '';
	position: absolute;
	top: 105%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7px 0 7px;
	margin-left: -7px;
}
.pageAbout .sell h3:after {
	border-color: #f15c28 transparent transparent transparent;
}
.pageAbout .buy h3:after {
	border-color: #099345 transparent transparent transparent;
}
.pageAbout .transaction h3 .emphasis {
	margin: 0 10px;
	font-size: 2rem;
	vertical-align: -3.5px;
}
.pageAbout .transaction .pdfLink > a {
	position: relative;
}
.pageAbout .transaction .pdfLink > a:after {
	content: '';
	position: absolute;
	bottom: .5px;
	right: -20px;
	width: 17px;
	height: 19px;
	background: url(../img/about/pdf_pageAbout.png) no-repeat;
}
.pageAbout .transaction .attension dd {
	display: list-item;
	list-style: disc;
	margin: 0 0 0 20px;
}
.pageAbout .transaction .index {
	height: 130px;
}
.pageAbout .transaction .index ol {
	list-style: decimal;
}
.pageAbout .buy .index {
	margin: 0 20px;
}
.pageAbout .transaction h4 {
	padding: 6.5px 15px;
	margin: 30px 0 15px;
	color: white;
	font-weight: 500;
}
.pageAbout .sell h4 {
	background: #f15c28;
}
.pageAbout .buy h4 {
	background: #099345;
}
.pageAbout .sell h4:first-of-type,
.pageAbout .buy h4:first-of-type {
	margin-top: 0;
}
.pageAbout .description_inner .note {
	margin: 35px 0;
}
.pageAbout .description_inner h5 {
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #4b4b4b;
}
.pageAbout .description_inner h5 img {
	margin: 0 10px 0 0;
}
.pageAbout .description_inner ul {
	list-style: disc;
	margin: 0 0 0 20px;
}
.pageAbout .description_inner ul li:not(:last-child) {
	margin: 0 0 35px 0;
}

@media screen and (max-width: 767px) {
	.pageAbout {
		padding-bottom: 0;
	}
	.pageAbout .overview {
		margin: 30px auto;
	}
	.pageAbout .description {
		margin: 0 -10px;
		padding: 30px 10px 30px;
	}
	.pageAbout .transaction .index {
		height: auto;
	}
	.pageAbout .transaction,
	.pageAbout .sell,
	.pageAbout .buy {
		display: block;
		width: 100%;
		padding: 0;
	}
	.pageAbout .buy {
		margin: 50px 0 0;
	}
	.pageAbout .transaction h3 .emphasis {
		font-size: 1.3rem;
		vertical-align: -2px;
	}
}

/* 個人情報の取り扱い
------------------------------*/
.pagePrivacy {
	padding: 0 0 50px;
}
.pagePrivacy .title {
	margin: 0 0 40px;
}
.pagePrivacy .title time {
	display: block;
	text-align: right;
}
.pagePrivacy dl {
	margin: 80px 0 0;
}
.pagePrivacy dt {
	margin: 0 0 10px;
	font-weight: bold;
}
.pagePrivacy dd {
	margin: 0 0 30px;
}

@media screen and (max-width: 767px) {
	.pagePrivacy {
		padding: 0;
	}
	.pagePrivacy .title {
		margin: 0 0 20px;
	}
	.pagePrivacy dl {
		margin: 40px 0 0;
	}
	.pagePrivacy dt {
		margin: 0 0 8px;
	}
	.pagePrivacy dd {
		margin: 0 0 25px;
	}
}

/* 印刷範囲
------------------------------*/
@media print {
	header.global,
	footer.global .relation,
	footer.global .main,
	.headPage,
	.print,
	.pageAkiyaDetail footer {
		display: none;
	}

	main {
		margin: 20px 0 0;
	}

	.pageAkiyaDetail .detail {
		page-break-before: always;
	}

	.pageAkiyaDetail .contact {
		margin: 0 0 10px;
	}

	footer.global .copyright {
		background: transparent;
		color: #000;
	}
}

/* お知らせ
------------------------------*/
.newsIndex .date img {
	margin-right: 5px;
	margin-top: 1px;
}
.newsIndex .date,
.pageNewsDetail .date {
	width: 100px;
	padding: 1px 0;
	text-align: left;
	font-size: 88%;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
.newsIndex .type,
.pageNewsDetail .type {
	width: 86px;
	padding: 1px 0;
	white-space: nowrap;
	text-align: center;
	font-size: 74%;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	vertical-align: middle;
}
.newsIndex .type.sumai,
.pageNewsDetail .type.sumai {
	background-color: #434343;
}
.newsIndex .type.event,
.pageNewsDetail .type.event {
	background-color: #099345;
}
.newsIndex .type.oshirase,
.pageNewsDetail .type.oshirase {
	background-color: #f15c28;
}
.newsIndex .type.blog,
.pageNewsDetail .type.blog {
	background-color: #3272b5;
}
.newsIndex .type.jobs,
.pageNewsDetail .type.jobs {
	background-color: #f15c28;
}
.newsIndex .type.subsidies,
.pageNewsDetail .type.subsidies {
	background-color: #f15c28;
}
	.newsIndex .type a,
	.pageNewsDetail .type a {
		text-decoration: none;
		color: #fff;
		display: block;
	}
	.newsIndex .type .pagenation,
	.pageNewsDetail .type .pagination {
		text-decoration: none;
		color: #fff;
		display: block;
	}

.pageNewsDetail .titleSubUnder {
	margin: 10px 0 30px
}
.pageNewsDetail footer {
	margin: 35px 0;
}
.newsTile {
	margin: 0 0 40px;
}
	.newsTile li {
		padding: 15px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.newsTile li:nth-child(odd) {
			background-color: #fff3d4;
		}
		.newsTile li > a {
			vertical-align: middle;
			display: inline-block;
			margin-left: 30px;
			max-width: 75%;
			max-width: calc(100% - 230px);
			text-decoration: none;
		}
.newsTile.photo {
	letter-spacing: -.5em;
}
	.newsTile.photo li {
		letter-spacing: normal;
		display: inline-block;
		width: 230px;
		margin: 0 20px 20px 0;
		background-color: #fff;
		padding: 0;
		vertical-align: top;
	}
		.newsTile.photo li:nth-child(4n) {
			margin-right: 0;
		}
		.newsTile.photo li a {
			color: #000;
			display: block;
			max-width: inherit;
			margin: 0;
		}
			.newsTile.photo li a figure {
				text-align: center;
				height: 164px;
				margin-bottom: 10px;
				position: relative;
			}
				.newsTile.photo li a figure::before {
					content: "";
					display: block;
					border: solid 1px #CBCBCB;
					box-sizing: border-box;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 1;
				}
			.newsTile.photo li a .text {
				margin-top: 10px;
			}
.newsTile.photo.pickup {
	text-align: center;
}
	.newsTile.photo.pickup li {
		text-align: left;
	}
.areaList {
	letter-spacing: -.5em;
	margin-bottom: 13px;
}
	.areaList li {
		letter-spacing: normal;
		display: inline-block;
		text-align: center;
		width: 80px;
		margin: 0 10px 7px 0;
	}
	.areaList li:nth-child(11n) {
		margin-right: 0;
	}
		.areaList li a {
			display: block;
			background: #acacac;
			color: #fff;
			font-size: 15px;
			font-weight: bold;
			line-height: 1;
			padding: 10px 0;
			text-decoration: none;
		}
		.areaList li a.active {
			background: #F15C28;
		}

@media screen and (max-width: 767px) {
	.newsIndex .date,
	.pageNewsDetail .date {
		width: auto;
		min-width: 80px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 1px 5px 1px 0;
	}
	.pageNewsDetail .titleSubUnder {
		margin: 5px 0 15px;
	}
	.pageNewsDetail footer {
		margin: 20px 0 0;
	}
	.newsIndex .type,
	.pageNewsDetail .type {
		width: 66px;
	}
	.newsIndex .main {
		margin-bottom: 20px;
	}
	.newsTile {
		margin: 0 0 0;
	}
		.newsTile li {
			padding: 10px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			.newsTile li > a {
				display: block;
				margin-left: 0;
				margin-top: 5px;
				max-width: 100%;
			}
.newsTile {
	margin: 0 0 40px;
}
	.newsTile li {
		padding: 15px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.newsTile li:nth-child(odd) {
			background-color: #fff3d4;
		}
		.newsTile li > a {
			vertical-align: middle;
			display: inline-block;
			margin-left: 30px;
			max-width: 75%;
			max-width: calc(100% - 230px);
			text-decoration: none;
		}
.newsTile.photo {}
	.newsTile.photo li {
		width: 48%;
		width: calc(50% - 5px);
		margin: 0 5px 20px 0;
		background-color: #fff;
	}
		.newsTile.photo li:nth-child(even) {
			margin: 0 0 20px 5px;
		}
		.newsTile.photo li a {}
			.newsTile.photo li a figure {
				height: auto;
				padding-bottom: 71.3%;
				overflow: hidden;
			}
				.newsTile.photo li a figure img {
					position: absolute;
					left: 0;
					top: 0;
				}
			.newsTile.photo li a .text {
				margin-top: 10px;
			}
.newsTile.photo.pickup {
	text-align: left;
}
.areaList {
	letter-spacing: -.5em;
	margin-bottom: 13px;
}
	.areaList li {
		letter-spacing: normal;
		display: inline-block;
		text-align: center;
		width: 23%;
		margin: 0 2.6% 7px 0;
	}
	.areaList li:nth-child(11n) {
		margin-right: 2.6%;
	}
	.areaList li:nth-child(4n) {
		margin-right: 0;
	}
		.areaList li a {
			display: block;
			background: #acacac;
			color: #fff;
			font-size: 15px;
			font-weight: bold;
			line-height: 1;
			padding: 10px 0;
			text-decoration: none;
		}
		.areaList li a.active {
			background: #F15C28;
		}
}

/* 暮らし体験談
------------------------------*/
/* 一覧 */
.pageVoice .titlePage,
.pageVoiceDetail .titlePage {
	background-image: url(../img/voice/title-page.jpg);
}

.pageVoice .search {
	margin: -35px 0 21px;
}
.pageVoice .search nav,
.pageVoiceDetail .search dl {
	letter-spacing: -0.5em;
}
.pageVoice .search dl,
.pageVoice .search dd,
.pageVoiceDetail .search dd {
	display: inline-block;
	vertical-align: top;
}
.pageVoice .search dl,
.pageVoiceDetail .search dl {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 7px 0 0;
	font-size: 88%;
	font-weight: bold;
}
.pageVoice .search dl {
	width: 490px;
	padding: 0 0 0 120px;
}
.pageVoice .search dl:nth-child(2) {
	width: 470px;
	margin-left: 20px;
}
.pageVoiceDetail .search dl {
	margin: 0 0 10px;
}
.pageVoice .search dt,
.pageVoice .search dd,
.pageVoiceDetail .search dt,
.pageVoiceDetail .search dd {
	letter-spacing: normal;
}
.pageVoice .search dt,
.pageVoiceDetail .search dt {
	background: #fff3d4;
	padding: 4px 0;
	text-align: center;
}
.pageVoice .search dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
}
.pageVoiceDetail .search dt {
	margin: 0 0 5px;
}
.pageVoice .search dd,
.pageVoiceDetail .search dd {
	margin: 0 27px 0 0;
	padding: 4px 0;
	white-space: nowrap;
}
.pageVoiceDetail .search dd {
	margin: 0 16px 0 11px;
	padding: 3px 0 0;
}
.pageVoice .search dd:last-child,
.pageVoiceDetail .search dd:last-child {
	margin-right: 0;
}
.pageVoice .search a,
.pageVoiceDetail .search a {
	color: #000;
}
.pageVoice .search .current a,
.pageVoiceDetail .search .current a {
	color: #f15c28;
}

.voiceIndex .number {
	background: #4e4e4e;
	padding: 6px 0;
	text-align: center;
	font-size: 98%;
	color: #fff;
}
	.voiceIndex .number span {
		margin: 0 5px 0 34px;
	}

.voiceIndex li a {
	display: block;
	padding: 50px 0;
	text-decoration: none;
	color: #434343;
}
.voiceIndex li:nth-child(odd) a {
	background: #fff3d4;
}
.voiceIndex li a:hover {
	opacity: 1;
}

.voiceIndex .photo {
	float: left;
	width: 480px;
}
.voiceIndex .excerpt {
	float: right;
	width: 461px;
}
.voiceIndex h3,
.voiceIndex h5,
.pageVoiceDetail .recently h5 {
	color: #787878;
}
.voiceIndex h3 {
	background: url(../img/common/nav/voice.png) no-repeat 0 50%;
	min-height: 22px;
	margin: 0 0 13px;
	padding: 2px 0 0 37px;
	font-size: 93%;
}
.voiceIndex h4,
.pageVoiceDetail .recently h4 {
	color: #4b4b4b;
}
.voiceIndex h4 {
	margin: 0 0 7px;
	line-height: 1.35;
	font-size: 170%;
}
.voiceIndex h5 {
	margin: 0 0 14px;
	font-size: 83%;
}
.voiceIndex .text {
	margin: 0 0 15px;
	line-height: 1.65;
}
.voiceIndex .button {
	max-width: 216px;
	margin: 0;
}

.pageVoice .gallery {
	padding: 2px 0 20px;
}
.pageVoice .slick-slide span {
	display: block;
	padding: 0 1px;
}

@media screen and (max-width: 767px) {
	.pageVoice .search {
		margin: 0;
	}
	.pageVoice .search nav,
	.pageVoiceDetail .search nav {
		overflow: hidden;
	}
	.pageVoiceDetail .search nav {
		display: none;
	}
	.pageVoice .search dl,
	.pageVoice .search dl:nth-child(2),
	.pageVoiceDetail .search dl {
		display: block;
		width: auto;
		margin: 0;
		padding: 0 0 10px;
		font-size: 13.5px;
	}
	.pageVoice .search dt,
	.pageVoiceDetail .search dt {
		position: static;
		width: auto;
		margin: 0 0 10px;
		padding: 5px 10px;
		text-align: left;
	}
	.pageVoice .search dd,
	.pageVoiceDetail .search dd {
		margin: 0 14px 6px 5px;
		padding: 0;
	}
	.pageVoice .search dd:last-child,
	.pageVoiceDetail .search dd:last-child {
		margin-right: 0;
	}

	.pageVoice .narrowDown,
	.pageVoiceDetail .narrowDown {
		background: #ffe193;
		margin: 0 -10px;
		padding: 20px 0;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		cursor: pointer;
	}
		.pageVoice .narrowDown p,
		.pageVoiceDetail .narrowDown p {
			display: inline-block;
			position: relative;
			padding: 0 0 0 35px;
			line-height: 24px;
		}
		.pageVoice .narrowDown p:before,
		.pageVoiceDetail .narrowDown p:before {
			content: "";
			position: absolute;
			left: 0;
			background: url(../img/common/arrow/up-black_search.png) no-repeat 0 0;
			background-size: cover;
			width: 24px;
			height: 24px;
		}
	.pageVoice .narrowDownHide .narrowDown,
	.pageVoiceDetail .narrowDownHide .narrowDown {
		margin-top: -10px;
		margin-bottom: 10px;
	}
		.pageVoice .narrowDownHide .narrowDown p:before,
		.pageVoiceDetail .narrowDownHide .narrowDown p:before {
			background-image: url(../img/common/arrow/down-black_search.png);
		}

	.voiceIndex {
		margin: 0 -10px;
	}
		.voiceIndex .number span {
			margin: 0 4px 0 8px;
		}
	.voiceIndex li a {
		padding: 10px 10px 20px;
	}
	.voiceIndex .photo,
	.voiceIndex .excerpt {
		float: none;
		width: auto;
	}
	.voiceIndex .photo,
	.pageVoiceDetail .recently .photo {
		margin: 0 0 10px!important;
	}
		.voiceIndex .photo img,
		.pageVoiceDetail .recently .photo img {
			width: 100%;
		}
	.voiceIndex h3 {
		background-size: auto 16px;
		min-height: 16px;
		margin: 0 0 8px;
		padding: 3px 0 0 25px;
		font-size: 13px;
	}
	.voiceIndex h4,
	.pageVoiceDetail .recently h4 {
		margin: 0 0 3px!important;
		line-height: 1.45!important;
		font-size: 17px!important;
	}
	.voiceIndex h5,
	.pageVoiceDetail .recently h5 {
		font-size: 12px!important;
	}
	.voiceIndex .button {
		max-width: none;
	}

	.pageVoice .gallery {
		margin: 0 -10px;
		padding-bottom: 0;
	}
}

@media screen and (min-width: 767px) {
	.pageVoice .narrowDownHide nav {
		display: block!important;
	}
	.pageVoice .narrowDownHide .narrowDown {
		margin-top: 0;
		margin-bottom: 0;
	}
}

/* 詳細 */
.pageVoiceDetail article {
	margin: -47px 0 0;
}
.pageVoiceDetail .headArticle {
	position: relative;
	background: no-repeat 50% 50%;
	background-size: cover;
	margin: 0 0 40px;
	height: 516px;
}
.pageVoiceDetail .headArticle .title {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.55);
	width: 100%;
	min-height: 68px;
	padding: 23px 0;
	color: #fff;
}
	.pageVoiceDetail .headArticle h3 {
		margin: 0 0 10px;
		line-height: 1.3;
		font-size: 175%;
	}
	.pageVoiceDetail .headArticle h4 {
		font-size: 83%;
	}

.pageVoiceDetail .main {
	float: left;
	width: 655px;
}
.pageVoiceDetail .side {
	float: right;
	width: 242px;
}

.pageVoiceDetail .entryBody > h3:first-child {
	margin-top: 0;
}
.pageVoiceDetail .entryBody h4 {
	background: url(../img/common/icon/balloon-white.png) no-repeat 2px 6px;
	background-size: 31px auto;
	border-bottom: 2px solid #f15c28;
	min-height: 29px;
	margin: 60px 0 15px;
	padding: 6px 0 6px 42px;
	font-size: 120%;
	letter-spacing: 0.04em;
}
.pageVoiceDetail .entryBody h5 {
	margin: 0 0 2px;
	color: #f15c28;
}

.pageVoiceDetail .profile {
	background: #fff3d4;
	margin: 35px 0 37px;
	padding: 30px;
}
.pageVoiceDetail .profile .photo {
	float: left;
	width: 200px;
	margin: 0 30px 0 0;
}
.pageVoiceDetail .profile .name {
	margin: 0 0 4px;
	font-size: 110%;
	font-weight: bold;
}
.pageVoiceDetail .profile table {
	width: 362px;
}
.pageVoiceDetail .profile th,
.pageVoiceDetail .profile td {
	border-top: 1px solid #bbb;
	padding: 14px 0;
}
.pageVoiceDetail .profile tr:first-child th,
.pageVoiceDetail .profile tr:first-child td {
	border-top: none;
}
.pageVoiceDetail .profile th {
	width: 112px;
	font-weight: bold;
	color: #f1602e;
}

.pageVoiceDetail .comment {
	border: 2px solid #099345;
	border-radius: 15px;
	padding: 18px 28px 32px;
}
.pageVoiceDetail .comment h4 {
	position: relative;
	margin: 0 0 19px;
	text-align: center;
	line-height: 42px;
	letter-spacing: 0.05em;
	font-size: 120%;
	color: #099345;
}
.pageVoiceDetail .comment h4:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	position: relative;
	top: -0.1em;
	background: url(../img/common/icon/comment-green.png) no-repeat 50% 50%;
	background-size: cover;
	width: 33px;
	height: 42px;
	margin: 0 8px 0 0;
}
	.pageVoiceDetail .comment p:last-child {
		margin-bottom: 0;
	}

.pageVoiceDetail .side .search {
	margin: 0 0 25px;
}
.pageVoiceDetail .side h3 {
	position: relative;
	background: #4e4e4e;
	margin: 0 0 14px;
	padding: 6px 0;
	text-align: center;
	color: #fff;
}
	.pageVoiceDetail .side h3:after {
		content: "";
		position: absolute;
		bottom: -8px;
		right: 0;
		left: 0;
		border-style: solid;
		border-width: 8px 5px 0 5px;
		border-color: #4e4e4e transparent transparent transparent;
		width: 0;
		height: 0;
		margin: 0 auto;
	}
.pageVoiceDetail .side .recently h3 {
	background: #f15c28;
}
	.pageVoiceDetail .side .recently h3:after {
		border-top-color: #f15c28;
	}

.pageVoiceDetail .recently li {
	margin: 0 0 20px;
}
.pageVoiceDetail .recently a {
	display: block;
	text-decoration: none;
	color: #000;
}
.pageVoiceDetail .recently .photo {
	margin: 0 0 7px;
}
.pageVoiceDetail .recently h4 {
	margin: 0 0 4px;
	line-height: 1.4;
}
.pageVoiceDetail .recently h5 {
	font-size: 74%;
}

.pageVoiceDetail footer {
	margin: 38px 0 28px;
}

@media screen and (max-width: 767px) {
	.pageVoiceDetail article {
		margin: 0;
	}
	.pageVoiceDetail .headArticle {
		margin: 0 -10px 20px;
		height: 215px;
	}
	.pageVoiceDetail .headArticle .title {
		padding: 8px 0 9px;
	}
	.pageVoiceDetail .headArticle .container {
		padding: 0 10px;
	}
		.pageVoiceDetail .headArticle h3 {
			margin: 0 0 5px;
			line-height: 1.4;
			font-size: 16px;
		}
		.pageVoiceDetail .headArticle h4 {
			font-size: 12px;
		}

	.pageVoiceDetail .main,
	.pageVoiceDetail .side {
		float: none;
		width: auto;
	}
	.pageVoiceDetail .main {
		margin: 0 0 30px;
	}
		.pageVoiceDetail .entryBody h4 {
			background-size: 24px auto;
			min-height: 22px;
			margin: 30px 0 15px;
			padding: 5px 0 5px 34px;
			font-size: 16px;
			letter-spacing: normal;
		}
	.pageVoiceDetail .profile {
		margin: 20px 0;
		padding: 10px;
	}
	.pageVoiceDetail .profile .photo {
		width: 95px;
		margin: 0 10px 5px 0;
	}
	.pageVoiceDetail .profile .name {
		font-size: 15px;
	}
	.pageVoiceDetail .profile table {
		width: 100%;
		margin: 0 0 -10px;
	}
	.pageVoiceDetail .profile th,
	.pageVoiceDetail .profile td {
		padding: 9px 0;
	}

	.pageVoiceDetail .comment {
		border-radius: 8px;
		padding: 10px;
	}
	.pageVoiceDetail .comment h4 {
		margin: 0 0 10px;
		line-height: 30px;
		letter-spacing: normal;
		font-size: 16px;
	}
	.pageVoiceDetail .comment h4:before {
		width: 25px;
		height: 30px;
	}

	.pageVoiceDetail .recently li {
		margin: 0 0 20px;
	}
	.pageVoiceDetail .recently a {
		display: block;
		text-decoration: none;
		color: #000;
	}

	.pageVoiceDetail footer {
		margin: 40px 0 0px;
	}
}

/* 移住の流れ
------------------------------*/
.pageFlow .titlePage {
	background-image: url(../img/flow/title-page.jpg);
}

.pageFlow .step header {
	position: relative;
	background: #fdf3d7;
	margin: -17px 0 68px;
	padding: 22px 0 31px;
	text-align: center;
}
.pageFlow .step header:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #fdf3d7 transparent transparent transparent;
	width: 0;
	height: 0;
	margin: 0 auto;
}
.pageFlow .step header h3 {
	margin: 0 0 10px;
}

.pageFlow .step ol {
	width: 770px;
	margin: 0 auto;
	padding: 0 0 15px;
}
.pageFlow .step li {
	position: relative;
	min-height: 90px;
	margin: 0 0 45px;
	padding: 2px 0 28px 110px;
}
.pageFlow .step li:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -18px;
	border-style: solid;
	border-width: 18px 24px 0 24px;
	border-color: #dfdfdf transparent transparent transparent;
	width: 0;
	height: 0;
	margin: 0 auto;
}
.pageFlow .step li:last-child:after {
	display: none;
}
	.pageFlow .step h4 {
		margin: 0 0 5px;
		line-height: 1.4;
		font-size: 125%;
	}
		.pageFlow .step h4 img {
			position: relative;
			top: -0.1em;
			vertical-align: middle;
			margin: 0 10px 0 0;
		}
	.pageFlow .step .icon {
		position: absolute;
		top: 0;
		left: 0;
	}
	.pageFlow .step .text {
		padding: 0 0 0 1px;
	}
		.pageFlow .step .text .small {
			margin-top: 4px;
		}
		.pageFlow .step .text .list {
			margin-top: 4px;
		}

.pageFlow .step footer {
	margin: 0 0 23px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.pageFlow .step header {
		margin: 0 0 40px;
		padding: 10px;
		text-align: left;
	}

	.pageFlow .step ol {
		width: auto;
		margin: 0 0 -30px;
		padding: 0;
	}
	.pageFlow .step li {
		min-height: 50px;
		margin: 0 0 40px;
		padding: 3px 0 23px 60px;
	}
		.pageFlow .step h4 {
			margin: 0 0 8px;
			font-size: 16.5px;
		}
			.pageFlow .step h4 img {
				margin: 0 5px 0 0;
				height: 16px;
			}
		.pageFlow .step .icon {
			width: 50px;
		}

	.pageFlow .step footer {
		margin: 0;
	}
}
/* マンダリン
------------------------------*/
.pageFlowMandarin .titlePage {
	background-image: url(../img/flow/mandarin/title-page.jpg);
}
.pageFlowMandarin .titleLittleSub {
	min-height: 27px;
	margin: 25px 0 8px;
	padding: 0 0 4px;
	line-height: 1.5;
	font-size: 126%;
	font-weight: normal;
	border-bottom: solid 2px #c8c8c8;
	position: relative;
}
	.pageFlowMandarin .titleLittleSub::before {
		content: '';
		display: block;
		width: 70px;
		height: 2px;
		background-color: #ff8100;
		position: absolute;
		top: 100%;
		left: 0;
	}
	.pageFlowMandarin .image {
		text-align: center;
		margin-bottom: 20px;
	}
		.pageFlowMandarin .image.sub {
			margin-bottom: 45px;
		}
	.pageFlowMandarin p {
		color: #4b4b4b;
		margin-bottom: 35px;
	}
		.pageFlowMandarin .contactInfo p:last-child {
			margin-bottom: 10px;
		}
		.pageFlowMandarin .contactInfo .contIndex.indent {
			margin-left: 2em;
			display: inline-block;
		}
		.pageFlowMandarin .listIcon li {
			color: #4b4b4b;
			margin-bottom: 35px;
		}
			.pageFlowMandarin .listIcon li:before {
				content: '■';
				color: #ff7429;
			}
	.pageFlowMandarin .imageList {
		letter-spacing: -.5em;
		margin: 20px auto 30px;
	}
		.pageFlowMandarin .imageList li {
			letter-spacing: normal;
			display: inline-block;
			margin-right: 11px;
			margin-bottom: 10px;
		}
		.pageFlowMandarin .imageList li:nth-child(3n) {
			margin-right: 0;
		}
	.pageFlowMandarin .map {
		text-align: center;
		width: 640px;
		margin: auto;
		border: solid 1px #bababa;
	}
		.pageFlowMandarin .map iframe {
			vertical-align: top;
		}
	.pageFlowMandarin .back {
		margin: 70px auto;
	}
@media screen and (max-width: 767px) {
.pageFlowMandarin .titleLittleSub {
	margin: 15px 0 8px;
}
.pageFlowMandarin span.sp {
	display: inline;
}
	.pageFlowMandarin .image {
		margin-bottom: 20px;
	}
		.pageFlowMandarin .image.sub {
			margin-bottom: 25px;
		}
	.pageFlowMandarin p {
		margin-bottom: 20px;
	}
		.pageFlowMandarin .contactInfo p:last-child {
			margin-bottom: 10px;
		}
		.pageFlowMandarin .contactInfo .contIndex.indent {
			margin-left: 0;
			display: block;
		}
		.pageFlowMandarin .listIcon li {
			margin-bottom: 35px;
		}
	.pageFlowMandarin .imageList {
		letter-spacing: -.5em;
		margin: 20px auto 30px;
	}
		.pageFlowMandarin .imageList li {
		
			margin-right: 2%;
			margin-bottom: 10px;
			width: 49%;
		}
		.pageFlowMandarin .imageList li:nth-child(3n) {
			margin-right: 2%;
		}
		.pageFlowMandarin .imageList li:nth-child(even) {
			margin-right: 0;
		}
	.pageFlowMandarin .map {
		width: 100%;
	}
		.pageFlowMandarin .map iframe {
			width: 100%;
			height: 400px;
		}
	.pageFlowMandarin .back {
		margin: 35px auto;
	}
}

/* 写真で見る八幡浜の風景
------------------------------*/
.pageAboutPhoto {
	padding: 0 0 16px;
}
.pageAboutPhoto .titlePage {
	background-image: url(../img/about/title-page.jpg);
}

.pageAboutPhoto .photoIndex {
	width: 935px;
	min-height: 500px;
	margin: -14px auto 27px;
}
.pageAboutPhoto .wdi_feed_container {
	border-bottom: none!important;
	color: transparent;
}
.pageAboutPhoto .wdi_layout_th .wdi_feed_item {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.pageAboutPhoto .wdi_photo_wrap {
	vertical-align: top!important;
	width: 100%!important;
	padding: 0!important;
}
.pageAboutPhoto .wdi_photo_wrap_inner {
	border: 14px solid #fff!important;
}

.pageAboutPhoto footer .button {
	padding-left: 25px;
}
.pageAboutPhoto footer .button:before {
	content: "";
	position: absolute;
	top: 50%;
	background: url(../img/common/icon/instagram.png) no-repeat 0 0;
	background-size: cover;
	width: 24px;
	height: 24px;
	margin: -11px 0 0 -35px;
}

@media screen and (max-width: 767px) {
	.pageAboutPhoto {
		padding: 0;
	}
	.pageAboutPhoto .photoIndex {
		width: auto;
		margin: 0 auto 15px;
	}
	.pageAboutPhoto .wdi_photo_wrap_inner {
		border: 5px solid #fff!important;
	}
}

/* 八幡浜市PR動画
------------------------------*/
.pageAboutMovie {
	padding: 0 0 16px;
}
.pageAboutMovie .titlePage {
	background-image: url(../img/about/title-page.jpg);
}

.pageAboutMovie .introduce {
	margin: 0 auto 40px;
	font-size: 16px;
	line-height: 2;
	color: #595959;
}
.pageAboutMovie .introduce a::after {
	content: '';
	background: url(../img/common/icon/link.png) top right no-repeat;
	height: 12px;
	width: 12px;
	margin-top: 10px;
	margin-left: 3px;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	letter-spacing: normal;
}
.pageAboutMovie .movieIndex {
	margin: 0 auto 50px;
}
.pageAboutMovie .movilist {
	text-align: left;
	letter-spacing: -.5em;
}
.pageAboutMovie .movilist li {
	letter-spacing: normal;
	display: inline-block;
	width: 300px;
	margin-right: 40px;
	margin-bottom: 30px;
	vertical-align: top;
}
.pageAboutMovie .movilist li:nth-child(3n) {
	margin-right: 0;
}
.pageAboutMovie .movilist li a {
	color: #000;
	text-decoration: none;
	display: block;
}
.pageAboutMovie .movilist li .img {
	position: relative;
}
.pageAboutMovie .movilist li .img:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.1);
}
.pageAboutMovie .movilist li .img:after {
	content: "";
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/assets/img/movie/ico_play.png) no-repeat;
	background-size: contain;
	margin: auto;
}
.pageAboutMovie .movilist li p {
	text-align: center;
	line-height: 1.6;
	margin-top: 8px;
}
.pageAboutMovie .back{
	padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.pageAboutMovie {
		padding: 0;
	}
	.pageAboutMovie .introduce {
		margin: 0 auto 20px;
		font-size: 15px;
		line-height: 1.6;
	}
	.pageAboutMovie .introduce a::after {
		margin-top: 5px;
	}
	.pageAboutMovie .movieIndex {
		width: auto;
		margin: 0 auto 15px;
	}
	.pageAboutMovie .movilist li {
		display: block;
		width: auto;
		margin: 0 auto 20px;
	}
	.pageAboutMovie .movilist li:nth-child(3n) {
		margin-right: auto;
	}
	.pageAboutMovie .back{
		padding-bottom: 20px;
	}
}

/* 八幡浜とは
------------------------------*/
.pageAboutYawatahama .container{
	max-width: 800px;
}
.pageAboutYawatahama .abs{
	position: relative;
}
.pageAboutYawatahama .map{
	position: absolute;
	right: 0;
}
.pageAboutYawatahama .text{
	font-size: 16px;
	padding-bottom: 100px;
}
.pageAboutYawatahama .box{
	padding-right: 260px;
}
.pageAboutYawatahama .space{
	padding-bottom: 30px;
}
.pageAboutYawatahama .columns{
	letter-spacing: -.5em;
	margin: 0 -30px;
}
.pageAboutYawatahama .column{
	letter-spacing: normal;
	width: calc(100%/4);
	margin: 0;
	text-align: center;
	display: inline-block;
}
.pageAboutYawatahama .column img{

}
	.pageAboutYawatahama .columns .fix_pt02{
		padding-top: 30px;
	}
	.pageAboutYawatahama .columns .fix_pt03{
		padding-top: 30px;
	}
	.pageAboutYawatahama .columns .fix_pt04{
		padding-top: 30px;
	}
	.pageAboutYawatahama .columns .fix_pt05{
		padding-top: 30px;
	}

.pageAboutYawatahama .keywords{
	margin: 80px 0 15px;
}

	.pageAboutYawatahama .keywords .intro {
		background: url(../img/about/yawatahama/background.png) no-repeat 50% 100%;
	}
	.pageAboutYawatahama .keywords .intro .container{
		position: relative;
		min-height: 715px;
		background-size: cover;
	}
	.pageAboutYawatahama .keywords header{
		padding-top: 80px;
	}
	.pageAboutYawatahama .keywords p{
		padding-top: 40px;
	}
	.pageAboutYawatahama .mainbox{
		padding: 40px 0 50px;
		border-bottom: solid 2px #eee;
	}
	.pageAboutYawatahama .mainbox:last-child{
		padding: 40px 0 95px;
		border-bottom: inherit !important;
	}
	.pageAboutYawatahama .pdSpecial{
		padding: 80px 0 !important;
	}
		.pageAboutYawatahama .mainbox .left{
			float: left;
		}
		.pageAboutYawatahama .mainbox .right{
			float: right;
		}
		.pageAboutYawatahama .mainbox .box_content{
			width: 450px;
		}
		.pageAboutYawatahama .mainbox .box_content .title{
			font-size: 20px;
			color :#f15c28;
			padding-top: 25px;
		}
		.pageAboutYawatahama .mainbox .box_content .titleSpecial{
			padding-top: 0px !important;
		}
		.pageAboutYawatahama .mainbox .box_content .text{
			font-size: 16px;
			padding-top: 15px;
			padding-bottom: 0px;
		}
	.pageAboutYawatahama .back{
		padding-bottom: 40px;
	}
@media screen and (max-width: 767px) {
.pageAboutYawatahama .abs{
	position: relative;
}
.pageAboutYawatahama .map{
	position: inherit;
	text-align: center;
	padding-top: 20px;
}
.pageAboutYawatahama .text{
	font-size: 14px;
	padding: 45px 0px;
}
.pageAboutYawatahama .box{
	padding-right: 0px;
}
.pageAboutYawatahama .space{
	padding-bottom: 20px;
}
.pageAboutYawatahama .columns{
	margin: 0;
}
.pageAboutYawatahama .column{
	width: 46%;
	margin: 0 2%;
}
	.pageAboutYawatahama .columns .sp_img{
	}
	.pageAboutYawatahama .columns .fix_pt01{
		padding-top: 15px;
	}
	.pageAboutYawatahama .columns .fix_pt02{
		padding-top: 15px;
	}
	.pageAboutYawatahama .columns .fix_pt03{
		padding-top: 15px;
	}
	.pageAboutYawatahama .columns .fix_pt04{
		padding-top: 15px;
	}
	.pageAboutYawatahama .columns .fix_pt05{
		padding-top: 15px;
	}

.pageAboutYawatahama .keywords{
	margin: 40px -10px 15px -10px;
}

	.pageAboutYawatahama .keywords .intro .container{
		min-height: 800px;
		background-size: inherit;
	}
	.pageAboutYawatahama .keywords header{
		padding: 40px 10px 0px 10px;
	}
	.pageAboutYawatahama .keywords p{
		padding: 20px 10px 0px 10px;
		line-height: 27px;
	}

	.pageAboutYawatahama .mainbox{
		padding: 20px 0 25px;
		border-bottom: solid 2px #eee;
	}
	.pageAboutYawatahama .mainbox:last-child{
		padding: 20px 0 50px;
		border-bottom: inherit !important;
	}
	.pageAboutYawatahama .mainbox img{
		padding-top: 20px;
		display: block;
		margin: auto;
	}
	.pageAboutYawatahama .pdSpecial{
		padding: 20px 0 !important;
	}
		.pageAboutYawatahama .mainbox .left{
			float: inherit;
		}
		.pageAboutYawatahama .mainbox .right{
			float: inherit;
		}
		.pageAboutYawatahama .mainbox .box_content{
			width: 100%;
		}
		.pageAboutYawatahama .mainbox .box_content .title{
			font-size: 16px;
			padding-top: 15px;
		}
		.pageAboutYawatahama .mainbox .box_content .titleSpecial{
			padding-top: 15px !important;
		}
		.pageAboutYawatahama .mainbox .box_content .text{
			font-size: 14px;
			padding-top: 15px;
		}
	.access .access_map{
		padding: 10px 0px 20px 0px;
	}
	.pageAboutYawatahama .back{
		padding-bottom: 20px;
	}
}

/* アクセス
------------------------------*/
.pageAboutAccess .titlePage {
	background-image: url(../img/about/access/title-page.jpg);
}
.pageAboutAccess .container {
/* 	max-width: 800px; */
}
.access .access_map {
	padding: 20px 0px 40px;
}
.pageAboutAccess .container figure {
	position: relative;
	cursor: pointer;
}
.pageAboutAccess .container figure:before {
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
	background: url(../img/common/icon/zoom.png) no-repeat 0 0;
	background-size: cover;
	width: 38px;
	height: 38px;
}
.pageAboutAccess .back {
	padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.access .access_map {
		padding: 10px 0px 20px;
	}
	.pageAboutAccess .back {
		padding-bottom: 20px;
	}
}

/* Q&A
------------------------------*/
.pageQa .titlePage {
	background-image: url(../img/qa/title-page.jpg);
}
.pageQa article .container {
	max-width: 800px;
}
	.pageQa article .container header {
		text-align: center;
	}
	.pageQa article .container .anchor {
		letter-spacing: -.5em;
		text-align: center;
		margin: 45px auto 60px;
	}
		.pageQa article .container .anchor li {
			display: inline-block;
			letter-spacing: normal;
			width: 186px;
			margin-right: 18px;
			box-shadow: 0px 7px 6.9px 3.1px rgba(0, 0, 0, 0.18);
		}
			.pageQa article .container .anchor li:first-child {
				background: #f15c28;
			}
			.pageQa article .container .anchor li:nth-child(2) {
				background: #099345;
			}
			.pageQa article .container .anchor li:nth-child(3) {
				background: #0973ba;
			}
			.pageQa article .container .anchor li:last-child {
				background: #6b6b6b;
				margin-right: 0;
			}
			.pageQa article .container .anchor li a {
				color: #fff;
				font-size: 18px;
				font-weight: bold;
				text-decoration: none;
				display: block;
				padding: 17px;
				line-height: 1;
			}
	.pageQa article .container .titleSubUnder {
		margin-bottom: 0;
	}
	.pageQa article .container #life .titleSubUnder {
		background: url(../img/qa/title-sub-mini02.png) no-repeat top 7px left;
		border-color: #099345;
	}
	.pageQa article .container #raising .titleSubUnder {
		background: url(../img/qa/title-sub-mini03.png) no-repeat top 7px left;
		border-color: #0973ba;
	}
	.pageQa article .container #other .titleSubUnder {
		background: url(../img/qa/title-sub-mini04.png) no-repeat top 7px left;
		border-color: #6b6b6b;
	}
	.pageQa article .container .accordion {}
		.pageQa article .container .accordion li {
			border-bottom: solid 2px;
		}
		.pageQa article .container #works .accordion li {border-color: #f15c28;}
		.pageQa article .container #life .accordion li {border-color: #099345;}
		.pageQa article .container #raising .accordion li {border-color: #0973ba;}
		.pageQa article .container #other .accordion li {border-color: #6b6b6b;}
			.pageQa article .container .accordion li h3 {
				color: #434343;
				font-size: 18px;
				padding: 24px 55px 24px 110px;
				text-indent: -3em;
				position: relative;
				cursor: pointer;
			}
				.pageQa article .container #works .accordion li h3 {
					background: url(../img/qa/ico_works02.png) no-repeat left 12px top 19px;
				}
				.pageQa article .container #works .accordion li h3.orange {
					background: url(../img/qa/ico_works01.png) no-repeat left 10px top 16px;
				}
				.pageQa article .container #life .accordion li h3 {
					background: url(../img/qa/ico_life.png) no-repeat left 10px top 18px;
				}
				.pageQa article .container #raising .accordion li h3 {
					background: url(../img/qa/ico_rasing.png) no-repeat left 14px top 18px;
				}
				.pageQa article .container #other .accordion li h3 {
					background: url(../img/qa/ico_other.png) no-repeat left 16px top 25px;
				}
				.pageQa article .container .accordion li h3 span {
					width: 20px;
					height: 20px;
					position: absolute;
					display: block;
					right: 25px;
					top: 0;
					bottom: 0;
					overflow: hidden;
					margin: auto;
					transform: rotate(-45deg);
					transition: transform .4s;
				}
					.pageQa article .container .accordion li.active h3 span {
						transform: rotate(0);
					}
					.pageQa article .container .accordion li h3 span::before,
					.pageQa article .container .accordion li h3 span::after {
						content: '';
						display: inline-block;
						width: 3px;
						height: 20px;
						background: #434343;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						margin: auto;
						position: absolute;
					}
					.pageQa article .container .accordion li h3 span::before {
						transform: rotate(45deg);
					}
					.pageQa article .container .accordion li h3 span::after {
						transform: rotate(-45deg);
					}
			.pageQa article .container .accordion li .text {
				display: none;
				padding-left: 110px;
				margin-right: 25px;
				margin-bottom: 20px;
			}
				.pageQa article .container .accordion li .text > p {
					margin-bottom: 1em;
				}
					.pageQa article .container .accordion li .text > p .bnr {
						display: inline-block;
						width: 289px;
						margin-top: 1em;
					}
						.pageQa article .container .accordion li .text > p .bnr img {
							display: block;
						}
				.pageQa article .container .accordion li .text > *:first-child {
					text-indent: -3em;
				}
	.pageQa article .container .return {
		text-align: right;
		font-size: 14px;
		margin: 5px auto 55px;
	}
		.pageQa article .container .return a {
			color: #434343;
			text-decoration: none;
		}
@media screen and (max-width: 767px) {
	.pageQa article .container .anchor {
		margin: 20px auto;
	}
		.pageQa article .container .anchor li {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 15px;
		}
		.pageQa article .container .accordion li {
			overflow: hidden;
		}
			.pageQa article .container .anchor li:nth-child(even) {
				margin-right: 0;
			}
			.pageQa article .container .anchor li a {
				font-size: 16px;
				padding: 17px;
			}
			.pageQa article .container .accordion li h3 {
				font-size: 14px;
				padding: 14px 35px 14px 90px;
			}
				.pageQa article .container #works .accordion li h3 {
					background: url(../img/qa/ico_works02.png) no-repeat left 12px center;
					background-size: 27px;
				}
				.pageQa article .container #works .accordion li h3.orange {
					background: url(../img/qa/ico_works01.png) no-repeat left 10px center;
					background-size: 30px;
				}
				.pageQa article .container #life .accordion li h3 {
					background: url(../img/qa/ico_life.png) no-repeat left 11px center;
					background-size: 28px;
				}
				.pageQa article .container #raising .accordion li h3 {
					background: url(../img/qa/ico_rasing.png) no-repeat left 13px center;
					background-size: 27px;
				}
				.pageQa article .container #other .accordion li h3 {
					background: url(../img/qa/ico_other.png) no-repeat left 13px center;
					background-size: 24px;
				}
				.pageQa article .container .accordion li h3 span {
					width: 16px;
					height: 16px;
					right: 15px;
				}
					.pageQa article .container .accordion li h3 span::before,
					.pageQa article .container .accordion li h3 span::after {
						width: 2px;
						height: 16px;
					}
			.pageQa article .container .accordion li .text {
				display: none;
				padding-left: 4em;
				margin-right: 10px;
				margin-bottom: 20px;
			}
				.pageQa article .container .accordion li .text > p {
					word-break: break-all;
				}
					.pageQa article .container .accordion li .text > p .bnr {
						width: auto;
						margin-top: 1em;
					}
	.pageQa article .container .return {
		font-size: 12px;
		margin: 5px auto 35px;
	}
}