@charset "utf-8";

/* ----------------------------------------------------------------------------
	コンセプト
	concept
---------------------------------------------------------------------------- */
#visual{
	width: 100%;
	height: calc(100vh - 190px);
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	background: #f9f8f4;
	z-index: 10;
}
#visual .unit{
	width: 100%;
	height: 100%;
	margin:0 auto;
	position:absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	line-height: 0;
	opacity: 0;
}
#visual .unit .bg{
	width: 100%;
	height: 100%;
	margin:0 auto;
	position:relative;
	display: block;
	background: url("../../concept/img/main_img.jpg") center/cover no-repeat;
	opacity: 0;
}
#visual .unit .bg.active{
	animation: zoomDown 1.5s ease-in-out 0s normal both;
}
#visual .unit figcaption{
	position: absolute;
	bottom: 20px;
	right: 15px;
}

#visual .copy_area{
	position: absolute;
	top: 60px;
	left: 60px;
	display: block;
	text-align: left;
}
#visual .copy_area h3{
	width: auto;
	height: 29px;
}
#visual .copy_area h3 img{
	width: auto;
	height: 100%;
}
#visual .copy_area h4{
	text-align: left;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	padding: 0.9em 0 0 0;
	color: #FFF;
	text-shadow: 0 0 3px rgba(0,0,0,0.2);
}
#visual h2{
	width: auto;
	height: 29px;
	position: absolute;
	bottom: 60px;
	left: 60px;
	display: block;
	opacity: 0;
}
#visual h2 img{
	width: auto;
	height: 100%;
}
@keyframes zoomDown {
	0% {
		transform: scale(1.15);
	}
	100% {
		transform: scale(1.00);
	}
}
@media only screen and (max-width: 1200px) {
	#visual{
		height: calc(100vh - 190px);
	}
	#visual .unit{
	}
	#visual .unit .bg{
		display: block;
		background: url("../../concept/img/main_img.jpg") center/cover no-repeat;
	}
	#visual .unit figcaption{
		position: absolute;
		bottom: 15px;
		right: 15px;
	}

	#visual .copy_area{
		top: 50px;
		left: 50px;
	}
	#visual .copy_area h3{
		width: auto;
		height: 27px;
	}
	#visual .copy_area h4{
		font-size: 1.412rem;
	}
	#visual h2{
		width: auto;
		height: 27px;
		bottom: 50px;
		left: 50px;
	}
}
@media only screen and (max-width: 999px) {
	#visual{
		height: calc(100vh - 190px);
	}
	#visual .unit{
	}
	#visual .unit .bg{
		display: block;
		background: url("../../concept/img/main_img.jpg") center/cover no-repeat;
	}
	#visual .unit figcaption{
		position: absolute;
		bottom: 15px;
		right: 15px;
	}

	#visual .copy_area{
		top: 40px;
		left: 40px;
	}
	#visual .copy_area h3{
		height: 23px;
	}
	#visual .copy_area h4{
		font-size: 1.375rem;
	}
	#visual h2{
		height: 23px;
		bottom: 40px;
		left: 40px;
	}
}
@media only screen and (max-width: 768px) {
	#visual{
		height: calc(75vh);
	}
	
	#visual .unit{
	}
	#visual .unit .bg{
		background: url("../../concept/img/main_img_sp.jpg") center left/cover no-repeat;
	}
	#visual .unit figcaption{
		position: absolute;
		bottom: 15px;
		right: 15px;
	}

	#visual .copy_area{
		top: 30px;
		left: 30px;
	}
	#visual .copy_area h3{
		height: 21px;
	}
	#visual .copy_area h4{
		font-size: 1.125rem;
	}
	#visual h2{
		height: 21px;
		bottom: 30px;
		left: 30px;
	}
}
@media only screen and (max-width: 480px) {
	#visual{
		height: calc(65vh);
	}

	#visual .copy_area{
		top: 30px;
		left: 30px;
	}
	#visual .copy_area h3{
		height: 19px;
	}
	#visual .copy_area h4{
		font-size: 1.000rem;
	}
	#visual h2{
		height: 19px;
		bottom: 30px;
		left: 30px;
	}
}



#content #flag{
	width: 100%;
	position: relative;
	background: url("../../concept/img/cross_bg.jpg") top left/647px auto no-repeat;
	padding: 180px 0 200px 0;
	overflow: hidden;
}
#content #flag h3{
	width: 100%;
	position: relative;
	text-align: center;
	font-size: 2.25rem;
	letter-spacing: 0.2em;
	line-height: 1.7;
	padding: 0 0 1em 0;
}
#content #flag p{
	width: 100%;
	position: relative;
	text-align: center;
	line-height: 2.0;
	letter-spacing: 0.05em;
}
@media only screen and (max-width: 1200px) {
	#content #flag{
		background: url("../../concept/img/cross_bg.jpg") top left/50% auto no-repeat;
		padding: 150px 0 170px 0;
	}
	#content #flag h3{
		font-size: 2.25rem;
		letter-spacing: 0.2em;
	}
	#content #flag p{
		line-height: 2.0;
		letter-spacing: 0.05em;
	}
}
@media only screen and (max-width: 999px) {
	#content #flag{
		padding: 120px 0 150px 0;
	}
	#content #flag h3{
		font-size: 2.00rem;
	}
}
@media only screen and (max-width: 768px) {
	#content #flag{
		padding: 90px 0 120px 0;
	}
	#content #flag h3{
		font-size: 1.875rem;
	}
	#content #flag p{
		text-align: left;
	}
}
@media only screen and (max-width: 480px) {
	#content #flag{
		padding: 60px 0 90px 0;
	}
	#content #flag h3{
		font-size: 1.500rem;
	}
}




#content #location_area{
	width: 100%;
	position: relative;
	overflow: hidden;
}
#content #location_area h3{
	width: 100%;
	position: relative;
	text-align: center;
	font-size: 2.25rem;
	letter-spacing: 0.2em;
	line-height: 1.7;
	padding: 0 0 1em 0;
}

#content #location_area .txt_area{
	text-align: left;
}
#content #location_area .txt_area h4{
	text-align: left;
	font-size: 1.875rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
	padding: 0 0 .8em 0;
}
#content #location_area .txt_area .time_unit{
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 0 0 0 25px;
	margin: 30px 0 0 0;
	border-left: #d4d4d4 5px solid;
}
#content #location_area .txt_area .time_unit h5{
	width: 100%;
	text-align: left;
	font-size: 1.75rem;
	letter-spacing: -0.01em;
	line-height: 1.2;
}
#content #location_area .txt_area .time_unit h5 strong{
	font-size: 1.4285714285714286em;
	font-weight: 500;
}
#content #location_area .txt_area .time_unit h5 small{
	font-size: 0.7rem;
	font-weight: normal;
}
#content #location_area .txt_area .time_unit h6{
	width: 100%;
	text-align: left;
	font-size: 1.125rem;
	letter-spacing: 0.1em;
	padding: 0 0 0.7em 0;
}

#content #location_area .direct_access{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 0 50px 0;
}
#content #location_area .direct_access .txt_area{
	width: 50%;
	margin: 0 0 0 auto;
	order: 2;
}
#content #location_area .direct_access .txt_area .note{
	padding: 2.5em 0 0 0;
}
#content #location_area .direct_access .map{
	width: 735px;
	margin: 0 0 0 -200px;
	order: 1;
	position: relative;
}
#content #location_area .direct_access .map figcaption{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#content #location_area .ph_unit{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 0 70px 0;
}
#content #location_area .ph_unit .txt_area{
	width: 50%;
}

#content #location_area .ph_unit .img_unit{
	position: relative;
}
#content #location_area .ph_unit .img_unit figcaption{
	width: 100%;
	padding: 10px 0 0 0;
	box-sizing: border-box;
}
#content #location_area .ph_unit .img_unit figcaption p{
	text-align: left;
	padding: 0 0 0 0;
	font-size: 0.875rem;
}
#content #location_area .ph_unit .img_unit figcaption p.name{
	text-align: left;
	padding: 0 0 0.0em 0;
	font-size: 1.000rem;
}


#content #location_area .ph_unit.oohori{
}
#content #location_area .ph_unit.momochi{
	z-index: 2;
}
#content #location_area .ph_unit.oohori .txt_area{
	width: 100%;
	margin: 0 auto 0 0;
	order: 1;
}
#content #location_area .ph_unit.momochi .txt_area{
	margin: 0 0 0 auto;
	padding: 50px 0 0 0;
	order: 2;
}

#content #location_area .ph_unit.oohori .img1{
	width: 850px;
	position: absolute;
	top: 0px;
	right: -225px;
}
#content #location_area .ph_unit.oohori .img_unit.img1 figcaption{
	padding: 10px 0 0 80px;
}
#content #location_area .ph_unit.oohori .img2{
	width: 377px;
	order: 2;
	margin: 50px 0 0 270px;
}

#content #location_area .ph_unit.momochi .img1{
	width: 750px;
	order: 1;
	margin: 0 0 0 -17%;
}
#content #location_area .ph_unit.momochi .img2{
	width: 655px;
	order: 4;
	margin: -110px 35px 0 auto;
}
#content #location_area .ph_unit.momochi .img3{
	width: 512px;
	order: 3;
	margin: 40px 0 0 -50px;
}
#content #location_area .ph_unit.momochi .img4{
	width: 512px;
	order: 5;
	margin: -160px -200px 0 auto;
}

@media only screen and (max-width: 1630px) {
	#content #location_area h3{
		font-size: 2.25rem;
	}

	#content #location_area .txt_area h4{
		text-align: left;
		font-size: 1.875rem;
		line-height: 1.8;
		letter-spacing: 0.05em;
		padding: 0 0 .8em 0;
	}
	#content #location_area .txt_area .time_unit{
		padding: 0 0 0 25px;
		margin: 30px 0 0 0;
	}
	#content #location_area .txt_area .time_unit h5{
		font-size: 1.75rem;
	}
	#content #location_area .txt_area .time_unit h6{
		font-size: 1.125rem;
	}

	#content #location_area .direct_access{
		padding: 0 0 50px 0;
	}
	#content #location_area .direct_access .txt_area{
		width: 50%;
		order: 2;
	}
	#content #location_area .direct_access .map{
		width: 48%;
		margin: 0 0 0 -2%;
		order: 1;
	}

	#content #location_area .ph_unit{
		padding: 0 0 70px 0;
	}
	#content #location_area .ph_unit .txt_area{
		width: 50%;
	}

	#content #location_area .ph_unit .img_unit{
		position: relative;
	}
	#content #location_area .ph_unit .img_unit figcaption{
		padding: 10px 0 0 0;
	}
	#content #location_area .ph_unit .img_unit figcaption p{
		font-size: 0.875rem;
	}
	#content #location_area .ph_unit .img_unit figcaption p.name{
		font-size: 1.000rem;
	}


	#content #location_area .ph_unit.oohori .txt_area{
		width: 100%;
		margin: 0 auto 0 0;
		order: 1;
	}
	#content #location_area .ph_unit.momochi .txt_area{
		margin: 0 0 0 auto;
		padding: 50px 0 0 0;
		order: 2;
	}

	#content #location_area .ph_unit.oohori .img1{
		width: 48%;
		position: absolute;
		top: 0px;
		right: 0%;
	}
	#content #location_area .ph_unit.oohori .img_unit.img1 figcaption{
		padding: 10px 0 0 20px;
	}
	#content #location_area .ph_unit.oohori .img2{
		width: 31%;
		order: 2;
		margin: 4% 0 0 21%;
	}

	#content #location_area .ph_unit.momochi .img1{
		width: 53%;
		order: 1;
		margin: 0 0 0 calc(-1 * ((100vw - 100%) / 2.1));
	}
	#content #location_area .ph_unit.momochi .img2{
		width: 625px;
        order: 4;
        margin: -90px 73px 0 auto;
	}
	#content #location_area .ph_unit.momochi .img3{
		width: 482px;
        order: 3;
        margin: 40px 0 0px -20px;
	}
	#content #location_area .ph_unit.momochi .img4{
		width: 482px;
        order: 5;
        margin: -160px -30px 0 auto;
	}
}
@media only screen and (max-width: 1360px) {
	#content #location_area .txt_area .time_unit{
		padding: 0 0 0 25px;
		margin: 30px 0 0 0;
	}

	#content #location_area .direct_access{
		padding: 0 0 50px 0;
	}
	#content #location_area .direct_access .txt_area{
		width: 50%;
		order: 2;
	}
	#content #location_area .direct_access .map{
		width: 48%;
		margin: 0 0 0 -2%;
		order: 1;
	}

	#content #location_area .ph_unit{
		padding: 0 0 70px 0;
	}
	#content #location_area .ph_unit .txt_area{
		width: 50%;
	}

	#content #location_area .ph_unit .img_unit{
		position: relative;
	}
	#content #location_area .ph_unit .img_unit figcaption{
		padding: 10px 0 0 0;
	}


	#content #location_area .ph_unit.oohori .txt_area{
		width: 100%;
		margin: 0 auto 0 0;
		order: 1;
	}
	#content #location_area .ph_unit.momochi .txt_area{
		margin: 0 0 0 auto;
		padding: 20px 0 0 0;
		order: 2;
	}

	#content #location_area .ph_unit.oohori .img1{
		width: 48%;
		position: absolute;
		top: 0px;
		right: 0%;
	}
	#content #location_area .ph_unit.oohori .img_unit.img1 figcaption{
		padding: 10px 0 0 20px;
	}
	#content #location_area .ph_unit.oohori .img2{
		width: 31%;
		order: 2;
		margin: 4% 0 0 21%;
	}

	#content #location_area .ph_unit.momochi .img1{
		width: 47%;
        order: 1;
        margin: 0 0 0 calc(-1 * ((100vw - 103%) / 2));
	}
	#content #location_area .ph_unit.momochi .img2{
		width: 51%;
        order: 4;
        margin: -4% 7% 0 auto;
	}
	#content #location_area .ph_unit.momochi .img3{
		width: 38%;
        order: 3;
        margin: 40px 0 0px 20px;
	}
	#content #location_area .ph_unit.momochi .img4{
		width: 37%;
        order: 5;
        margin: -8% 0px 0 auto;
	}
}
@media only screen and (max-width: 1200px) {
	#content #location_area h3{
		font-size: 2.00rem;
	}

	#content #location_area .txt_area h4{
		text-align: left;
		font-size: 1.625rem;
	}
	#content #location_area .txt_area .time_unit{
		padding: 0 0 0 25px;
		margin: 30px 0 0 0;
	}
	#content #location_area .txt_area .time_unit h5{
		font-size: 1.412rem;
	}
	#content #location_area .txt_area .time_unit h6{
		font-size: 0.938rem;
	}

	#content #location_area .direct_access{
		padding: 0 0 40px 0;
	}
	#content #location_area .direct_access .txt_area{
		width: 50%;
		order: 2;
	}
	#content #location_area .direct_access .map{
		width: 48%;
		margin: 0 0 0 -2%;
		order: 1;
	}

	#content #location_area .ph_unit{
		padding: 0 0 50px 0;
	}
	#content #location_area .ph_unit .txt_area{
		width: 50%;
	}
	
	#content #location_area .ph_unit .img_unit figcaption{
		padding: 10px 0 0 0;
	}
	#content #location_area .ph_unit .img_unit figcaption p{
		font-size: 0.750rem;
	}
	#content #location_area .ph_unit .img_unit figcaption p.name{
		font-size: 0.875rem;
	}


	#content #location_area .ph_unit.oohori .txt_area{
		margin: 0 auto 0 0;
		order: 1;
	}
	#content #location_area .ph_unit.momochi .txt_area{
		padding: 0px 0 0 0;
		order: 2;
	}

	#content #location_area .ph_unit.oohori .img1{
		width: 45%;
		position: absolute;
		top: 0px;
		right: 0%;
	}
	#content #location_area .ph_unit.oohori .img_unit.img1 figcaption{
		padding: 10px 0 0 20px;
	}
	#content #location_area .ph_unit.oohori .img2{
		width: 31%;
		order: 2;
		margin: 4% 0 0 21%;
	}

	#content #location_area .ph_unit.momochi .img1{
		width: 47%;
        order: 1;
        margin: 0 0 0 calc(-1 * ((100vw - 103%) / 2));
	}
	#content #location_area .ph_unit.momochi .img2{
		width: 51%;
        order: 4;
        margin: 0% 7% 0 auto;
	}
	#content #location_area .ph_unit.momochi .img3{
		width: 38%;
        order: 3;
        margin: 40px 0 0px 20px;
	}
	#content #location_area .ph_unit.momochi .img4{
		width: 37%;
        order: 5;
        margin: -8% 0px 0 auto;
	}
}
@media only screen and (max-width: 999px) {
	#content #location_area h3{
		font-size: 1.875rem;
	}

	#content #location_area .txt_area h4{
		text-align: left;
		font-size: 1.500rem;
	}
	#content #location_area .txt_area p{
		width: 100%;
		text-align: center;
	}
	#content #location_area .txt_area .time_unit{
		width: auto;
		padding: 0 0 0 25px;
		margin: 30px auto 0 auto;
	}
	#content #location_area .txt_area .time_unit h5{
		font-size: 1.375rem;
	}
	#content #location_area .txt_area .time_unit h6{
		font-size: 0.875rem;
	}

	#content #location_area .direct_access{
		padding: 0 0 40px 0;
	}
	#content #location_area .direct_access .txt_area{
		width: 80%;
		margin: 0 auto;
		order: 2;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#content #location_area .direct_access .map{
		width: 90%;
		margin: 0 auto 0 auto;
		order: 1;
	}

	#content #location_area .ph_unit{
		padding: 0 0 50px 0;
	}
	#content #location_area .ph_unit .txt_area{
		width: 80%;
		margin: 0 auto;
	}
	
	#content #location_area .ph_unit .img_unit figcaption{
		padding: 10px 0 0 0;
	}
	#content #location_area .ph_unit .img_unit figcaption p{
		font-size: 0.750rem;
	}
	#content #location_area .ph_unit .img_unit figcaption p.name{
		font-size: 0.875rem;
	}


	#content #location_area .ph_unit.oohori .txt_area{
		width: 49%;
		margin: 0 auto 0 0;
		order: 1;
	}
	#content #location_area .ph_unit.oohori .txt_area p{
		width: 100%;
		text-align: left;
	}
	#content #location_area .ph_unit.momochi .txt_area{
		width: 49%;
		margin: 0 0 0 auto;
		padding: 0px 0 0 0;
		order: 2;
	}
	#content #location_area .ph_unit.oohori .txt_area p{
		width: 100%;
		text-align: left;
	}

	#content #location_area .ph_unit.oohori .img1{
		width: 49%;
		position: relative;
		top: auto;
		right: auto;
		order: 2;
	}
	#content #location_area .ph_unit.oohori .img_unit.img1 figcaption{
		padding: 10px 0 0 20px;
	}
	#content #location_area .ph_unit.oohori .img2{
		width: 31%;
		order: 3;
		margin: -10% 0 0 auto;
	}

	#content #location_area .ph_unit.momochi .img1{
		width: 49%;
		position: relative;
		top: auto;
		right: auto;
	}
	#content #location_area .ph_unit.momochi .img2{
		width: 51%;
        order: 4;
        margin: 3% 7% 0 auto;
	}
	#content #location_area .ph_unit.momochi .img3{
		width: 38%;
        order: 3;
        margin: 40px 0 0px 20px;
	}
	#content #location_area .ph_unit.momochi .img4{
		width: 37%;
        order: 5;
        margin: -2% 0px 0 auto;
	}
}
@media only screen and (max-width: 768px) {
	#content #location_area h3{
		font-size: 1.625rem;
	}

	#content #location_area .txt_area h4{
		text-align: left;
		font-size: 1.250rem;
	}
	#content #location_area .txt_area .time_unit{
		width: auto;
		padding: 0 0 0 20px;
		margin: 25px auto 0 auto;
	}
	#content #location_area .txt_area .time_unit h5{
		font-size: 1.125rem;
	}
	#content #location_area .txt_area .time_unit h6{
		font-size: 0.813rem;
	}

	#content #location_area .direct_access{
		padding: 0 0 40px 0;
	}
	#content #location_area .direct_access .txt_area{
		width: 100%;
		margin: 0 auto;
		order: 2;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#content #location_area .direct_access .map{
		width: 100vw;
		margin: 0 0 0 calc(50% - 50vw);
		order: 1;
	}
	#content #location_area .direct_access .map img{
		width: 100vw;
	}

	#content #location_area .ph_unit{
		width: 100%;
		padding: 0 0 50px 0;
	}
	#content #location_area .ph_unit .txt_area{
		width: 100%;
		margin: 0 auto;
	}
	
	#content #location_area .ph_unit .img_unit figcaption{
		padding: 10px 0 0 0;
	}
	#content #location_area .ph_unit .img_unit figcaption p{
		font-size: 0.688rem;
	}
	#content #location_area .ph_unit .img_unit figcaption p.name{
		font-size: 0.813rem;
	}


	#content #location_area .ph_unit.oohori .txt_area{
		width: 66%;
		margin: 0 auto 0 auto;
		order: 2;
	}
	#content #location_area .ph_unit.oohori .txt_area p{
		width: 100%;
		text-align: left;
	}
	#content #location_area .ph_unit.momochi .txt_area{
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0px 0 40px 0;
		order: 2;
	}
	#content #location_area .ph_unit.momochi .txt_area p{
		width: 100%;
		text-align: left;
	}

	#content #location_area .ph_unit.oohori .img1{
		width: 100vw;
  		margin-left: calc(50% - 50vw);
		position: relative;
		top: auto;
		right: auto;
		order: 1;
		padding: 0 0 30px 0;
	}
	#content #location_area .ph_unit.oohori .img1 img{
		width: 100vw;
	}
	#content #location_area .ph_unit.oohori .img_unit.img1 figcaption{
		padding: 10px 0 0 20px;
	}
	#content #location_area .ph_unit.oohori .img2{
		width: 31%;
		order: 3;
		margin: -10% 0 0 auto;
	}

	#content #location_area .ph_unit.momochi .img1{
		width: 100vw;
  		margin-left: calc(50% - 50vw);
		position: relative;
		top: auto;
		right: auto;
		padding: 0 0 30px 0;
	}
	#content #location_area .ph_unit.momochi .img_unit.img1 figcaption{
		padding: 10px 0 0 20px;
	}
	#content #location_area .ph_unit.momochi .img1 img{
		width: 100vw;;
	}
	#content #location_area .ph_unit.momochi .img2{
		width: 100%;
        order: 3;
        margin: 0 auto 0 auto;
		padding: 0 0 20px 0;
	}
	#content #location_area .ph_unit.momochi .img3{
		width: 47%;
        order: 4;
        margin: 0 0 0 0;
		padding: 0 0 20px 0;
	}
	#content #location_area .ph_unit.momochi .img4{
		width: 47%;
        order: 5;
        margin: 0 0 0 0;
		padding: 0 0 20px 0;
	}
}
@media only screen and (max-width: 480px) {
	#content #location_area h3{
		font-size: 1.275rem;
		letter-spacing: 0.05em;
	}

	#content #location_area .txt_area h4{
		text-align: left;
		font-size: 1.125rem;
	}
	#content #location_area .txt_area .time_unit{
		width: auto;
		padding: 0 0 0 10px;
		margin: 15px auto 0 auto;
	}
	#content #location_area .txt_area .time_unit h5{
		font-size: 0.938rem;
	}
	#content #location_area .txt_area .time_unit h6{
		font-size: 0.750rem;
	}

	#content #location_area .direct_access{
		padding: 0 0 40px 0;
	}

	#content #location_area .ph_unit{
		width: 100%;
		padding: 0 0 50px 0;
	}
	
	#content #location_area .ph_unit .img_unit figcaption{
		padding: 10px 0 0 0;
	}
	#content #location_area .ph_unit .img_unit figcaption p{
		font-size: 0.625rem;
	}
	#content #location_area .ph_unit .img_unit figcaption p.name{
		font-size: 0.75rem;
	}


	#content #location_area .ph_unit.oohori .txt_area{
		width: 80%;
		margin: 0 auto 0 0;
		order: 2;
	}
	#content #location_area .ph_unit.oohori .txt_area p{
		width: 100%;
		text-align: left;
	}
	#content #location_area .ph_unit.momochi .txt_area{
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0px 0 40px 0;
		order: 2;
	}
	#content #location_area .ph_unit.momochi .txt_area p{
		width: 100%;
		text-align: left;
	}

	#content #location_area .ph_unit.oohori .img1{
		padding: 0 0 30px 0;
	}
	#content #location_area .ph_unit.oohori .img_unit.img1 figcaption{
		padding: 10px 0 0 20px;
	}
	#content #location_area .ph_unit.oohori .img2{
		width: 41%;
        position: absolute;
        top: 176px;
        right: -6%;
        order: 3;
        margin: 0 0 0 0;
        z-index: 3;
	}

	#content #location_area .ph_unit.momochi .img1{
		padding: 0 0 30px 0;
	}
	#content #location_area .ph_unit.momochi .img_unit.img1 figcaption{
		padding: 10px 0 0 20px;
	}
	#content #location_area .ph_unit.momochi .img2{
		width: 100%;
        order: 3;
        margin: 0 auto 0 auto;
		padding: 0 0 20px 0;
	}
	#content #location_area .ph_unit.momochi .img3{
		width: 47%;
        order: 4;
        margin: 0 0 0 0;
		padding: 0 0 20px 0;
	}
	#content #location_area .ph_unit.momochi .img4{
		width: 47%;
        order: 5;
        margin: 0 0 0 0;
		padding: 0 0 20px 0;
	}
}




#content #location_area .well-being{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 0 0 0;
	margin: -240px 0 0 0;
	z-index: 0;
}
#content #location_area .well-being .txt_area{
	width: 440px;
	order: 2;
	margin: 0 0 0 -90px;
	position: relative;
	z-index: 5;
}
#content #location_area .well-being .txt_area h5{
	width: 315px;
	padding: 0 0 25px 0;
}
#content #location_area .well-being .map{
	width: 965px;
	order: 1;
	margin-left: calc(-1 * ((100vw - 100%) / 2));
}
#content #location_area .well-being .map figcaption{
	padding: 0 30% 0 0;
}


@media only screen and (max-width: 1440px) {
	#content #location_area .well-being{
		margin: -200px 0 0 0;
		z-index: 0;
	}
	#content #location_area .well-being .txt_area{
		width: 440px;
		order: 2;
		margin: 0 0 0 -90px;
	}
	#content #location_area .well-being .txt_area h5{
		width: 315px;
		padding: 0 0 25px 0;
	}
	#content #location_area .well-being .map{
		width: 75%;
		order: 1;
		margin-left: calc(-1 * ((100vw - 100%) / 2));
	}
	#content #location_area .well-being .map figcaption{
		padding: 0 30% 0 0;
	}
}
@media only screen and (max-width: 1300px) {
	#content #location_area .well-being{
		margin: -100px 0 0 0;
		z-index: 0;
	}
	#content #location_area .well-being .txt_area{
		width: 400px;
		order: 2;
		margin: 0 0 0 -245px;
	}
	#content #location_area .well-being .txt_area h5{
		width: 280px;
		padding: 0 0 25px 0;
	}
	#content #location_area .well-being .map{
		width: 75%;
		order: 1;
		margin-left: calc(-1 * ((100vw - 100%) / 2));
	}
	#content #location_area .well-being .map figcaption{
		padding: 0 30% 0 0;
	}
}
@media only screen and (max-width: 999px) {
	#content #location_area .well-being{
		margin: -100px 0 0 0;
		z-index: 0;
	}
	#content #location_area .well-being .txt_area{
		width: 340px;
		order: 2;
		margin: 0 0 0 -245px;
	}
	#content #location_area .well-being .txt_area h5{
		width: 240px;
		padding: 0 0 25px 0;
	}
	#content #location_area .well-being .txt_area p{
		text-align: left;
	}
	#content #location_area .well-being .map{
		width: 85%;
		order: 1;
		margin-left: -100px;
	}
	#content #location_area .well-being .map figcaption{
		padding: 0 30% 0 0;
	}
}
@media only screen and (max-width: 768px) {
	#content #location_area .well-being{
		margin: 0px 0 0 0;
		z-index: 0;
	}
	#content #location_area .well-being .txt_area{
		width: 100%;
		order: 2;
		margin: 0 0 0 0;
	}
	#content #location_area .well-being .txt_area h5{
		width: 220px;
		padding: 0 0 25px 0;
		margin: 0 auto;
	}
	#content #location_area .well-being .txt_area h4{
		text-align: center;
		margin: 0 auto;
	}
	#content #location_area .well-being .txt_area p{
		text-align: center;
	}
	#content #location_area .well-being .map{
		width: 100vw;
  		margin-left: calc(50% - 50vw);
		padding: 0 0 30px 0;
		order: 1;
		overflow: hidden;
	}
	#content #location_area .well-being .map img{
		width: 120vw;
	}
	#content #location_area .well-being .map figcaption{
		padding: 0 30% 0 0;
	}
}
@media only screen and (max-width: 480px) {
	#content #location_area .well-being .txt_area p{
		text-align: left;
	}
}