@charset "utf-8";

	/* ------  current page yellow border show ----- */
.lead-sentence p {
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8;
}
	/* ------  .area-mainVisual start ----- */
.ConsultationAccess .breadcrumb {
	max-width: 1280px;
	padding: 0 16px;
	margin: 0 auto;
}
.ConsultationAccess .area-mainVisual {
	width: 100%;
	padding-bottom: 243px;
}
.ConsultationAccess .area-mainVisual > div {
	width: 100%;
	height: 100%;
	background-image: url(../img/rinshin/access/access_foreground.png), url(../img/rinshin/tree-left-noclip.png), url(../img/rinshin/tree-right-noclip.png), url(../img/rinshin/page-sky.png);
	background-repeat: no-repeat;
	background-position: center bottom, -2% bottom, 112% bottom, center 30px;
	background-size: 1920px auto, 326px auto, 631px auto, 1920px auto;
	margin-bottom: 0;
	z-index: 10;
}
.area-mainVisual .area-secound-title {
	width: 100%;
    text-align: center;
    color: #42210b;
    padding: 0 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
}

	/* ------  .area-mainVisual end ----- */

	/* ------  .area-map start ----- */
.ConsultationAccess .wrap-area.area-map {
	max-width: 1192px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.area-map > div {
	overflow: hidden;
	margin-bottom: 10px;
}
.area-map > div > div {
	width: calc(560 / 1160 * 100%);
}
.area-map > div > div:first-of-type {
	float: left;
}
.area-map .map {
	float: right;
	position:relative;
}
.area-map .map:before {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: calc(372 / 560 * 100%);
}
.area-map .map iframe {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	position: absolute;
	left: 0;
	top: 0;
}
.area-map p > span:first-of-type {
	margin-right: 10px;
}

	/* ------  .area-map end ----- */

	/* ------  .access-root start ----- */
.access-root-bg {
	padding: 80px 0;
	background: #f9f9ed;
}
.access-root-bg h4 {
    font-size: 2rem;
    max-width: 455px;
    height: 27px;
    color: #ffffff;
    background: #872434;
    border-radius: 12px;
    margin: 0 auto 25px;
}
.access-root {
    max-width: 925px;
}
.access-root section + section {
    margin-top: 70px;
}
	/* ------  .access-root  end ----- */


	/* ------    screen width 1850px   start ----- */

@media screen and (max-width:1850px){

.ConsultationAccess .area-mainVisual > div {
	background-size: 1920px auto, 220px auto, 631px auto, 1920px auto;
	}


}
	/* ------    screen width 1850px   end ----- */

	/* ------    screen width 1300px   start ----- */

@media screen and (max-width:1300px){

.ConsultationAccess .area-mainVisual > div {
	background-position: center bottom, -2% bottom, 120% bottom, center 30px;
	background-size: 148%, 17%, 40%, 148%;
	}

}

	/* ------    screen width 1300px   end ----- */

	/* ------    screen width 768px   start ----- */

@media screen and (max-width:768px){

.ConsultationAccess .area-mainVisual {
    padding-bottom: 220px;
	}
.ConsultationAccess .area-mainVisual > div {
	background-position: center bottom, -11% bottom, 130% bottom, center 30px;
	background-size: 148%, 26%, 48%, 148%;
	}
.ConsultationAccess h2 {
    font-size: calc(40 / 768 * 100vw);
	}


}

	/* ------    screen width 768px   end ----- */

	/* ------    screen width 480px   start ----- */

@media screen and (max-width:480px){

.menu-list > li:nth-child(4) a:after {
	padding-top: 0;
	}
.ConsultationAccess .area-mainVisual {
    padding-bottom: calc(200 / 480 * 100%);
	}
.ConsultationAccess .area-mainVisual > div {
	background-position: center bottom, -15% bottom, 135% bottom, left 0;
	background-size: 148%, 32%, 48%, 148%;
	}
.ConsultationAccess h2 {
    font-size: calc(27 / 480 * 100vw);
	}
.lead-sentence p {
	font-size: 1.6rem;
	}
.area-map > div > div {
	width: 100%;
	}
.area-map > div > div:first-of-type {
	float: none;
	margin-bottom: calc(20 / 448 * 100%);
	}
.area-map .map {
	float: none;
	}
.area-map .map:before {
	padding-bottom: calc(298 / 448 * 100%);
	}
.access-root-bg {
	padding: calc(50 / 480 * 100%) calc(20 / 480 * 100%);
	}
.access-root-bg h4 {
    font-size: 1.8rem;
    margin: 0 auto 15px;
	}
.access-root section + section {
    margin-top: calc(40 / 448 * 100%);
	}

}
	/* ------    screen width 480px   end ----- */