@charset "utf-8";


/* style */
/* -------------------------------------------------------- */
.location-cont {padding:60px 0 120px 0;}
.location-cont .clm1 {margin:50px 0 0 0; position:relative;}
.location-cont .clm1.type1 .img2 {margin-left:46.6%;}
.location-cont .clm1.type1 .img2 > div > div:nth-of-type(1) {width:56.6%; top:0%; right:0%;}
.location-cont .clm1.type1 .img2 > div > div:nth-of-type(2) {width:53.3%; top:34.2%; right:44.0%;}
.location-cont .clm1.type1 .img2 > div > div:nth-of-type(3) {width:59.0%; top:63.2%; right:19.6%;}
.location-cont .clm1.type2 .txt3 {margin-left:33.33%;}
.location-cont .clm1.type2 .img1 {margin-left:auto;}
.location-cont .clm1.type2 .img2 {margin-left:-8%;}
.location-cont .clm1.type2 .img2 > div > div:nth-of-type(1) {width:55.0%; top:0%; left:0%;}
.location-cont .clm1.type2 .img2 > div > div:nth-of-type(2) {width:51.6%; top:32.6%; left:46.6%;}
.location-cont .clm1.type2 .img2 > div > div:nth-of-type(3) {width:57.5%; top:64.0%; left:19.3%;}
.location-cont .txt1 {max-width:200px; width:100%; font-family:'Noto Sans JP', sans-serif; font-size:3.8rem; font-weight:700; line-height:1.1; letter-spacing:0.1em; text-align:center; color:#fff; margin:60px auto 0 auto; background-color:#000; display:block;}
.location-cont .txt2 {text-align:center;}
.location-cont .txt2 dt {font-size:2.9rem; letter-spacing:0.2em;}
.location-cont .txt2 dd {font-size:1.7rem; line-height:2.2; letter-spacing:0.1em; margin:1.5em 0 0 0;}
.location-cont .txt2 + .txt1 {margin-top:40px;}
.location-cont .txt3 {text-align:left; position:relative; z-index:10;}
.location-cont .txt3 dt {font-size:2.2rem; letter-spacing:0.1em;}
.location-cont .txt3 dd {font-size:1.6rem; line-height:2.0; letter-spacing:0.1em; margin:1.0em 0 0 0;}
.location-cont .img1 {max-width:400px; width:40%; text-align:left; margin:50px 0 0 0;}
.location-cont .img1 > div {margin:15px 0 0 0;}
.location-cont .img1 > div:first-of-type {margin-top:0;}
.location-cont .img1 .cap {font-size:1.8rem; line-height:1.2; margin:0.2em 0 0 0;}
.location-cont .img1 .cap span {font-size:90%; display:block;}
.location-cont .img2 {width:62%; position:absolute; bottom:60px; z-index:1;}
.location-cont .img2 > div {width:100%; padding:146% 0 0 0; position:relative;}
.location-cont .img2 > div > div {position:absolute;}
.location-cont .img2 > div > div.image::before {content:'image'; font-size:0.9rem; line-height:1; display:block; position:absolute; bottom:0.4em; right:0.4em;}
.location-cont .img2 > div > div.image.b::before {color:#000;}
.location-cont .img2 > div > div.image.w::before {color:#fff;}
.location-cont .img2 > div > div img {width:100%;}
.location-cont .img2 > div > div:nth-of-type(1) {z-index:10;}
.location-cont .img2 > div > div:nth-of-type(2) {z-index:8;}
.location-cont .img2 > div > div:nth-of-type(3) {z-index:6;}

.location-map {width:100%; height:550px; overflow:hidden;}
.location-map iframe {width:100%; height:550px;}
.location-map iframe {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }

.life-information {padding:30px 0 60px 0;}
.life-information .clm1 {margin:0 -12px; display:flex; flex-wrap:wrap;}
.life-information .clm1 > div {width:25%; padding:30px 12px 0 12px; box-sizing:border-box;}
.life-information .clm1 .cap {font-size:1.8rem; line-height:1.3; text-align:left; margin:0.2em 0 0 0;}
.life-information .clm2 {display:flex; justify-content:space-between;}
.life-information .clm2 > div {width:46.6%;}
.life-information .txt1 {font-family:'Noto Sans JP', sans-serif; font-size:3.1rem; font-weight:400; line-height:1.1; letter-spacing:0.2em; text-align:center; margin:60px 0 0 0; padding:0 0 35px 0;}
.life-information .txt2 {font-size:2.0rem; font-weight:500; line-height:1.2; letter-spacing:0.1em; text-align:cnter; margin:25px 0 0 0; position:relative;}
.life-information .txt2::before {content:''; width:100%; height:1px; background-color:#000; display:block; position:absolute; top:50%; left:0; z-index:1;}
.life-information .txt2 span {padding:0 0.3em; background-color:#fff; display:inline-block; position:relative; z-index:10;}
.life-information .txt3 {text-align:left; margin:0.3em 0 0 0;}
.life-information .txt3 dl {display:flex;}
.life-information .txt3 dt,
.life-information .txt3 dd {font-size:1.7rem; text-align:left; vertical-align:top;}
.life-information .txt3 dt {position:relative; flex:1;}
.life-information .txt3 dt::before {content:''; width:100%; height:0.8em; border-bottom:dotted 1px rgba(0,0,0,0.7); display:block; position:absolute; top:0; left:0;}
.life-information .txt3 dt span {padding:0 0.5em 0 1.0em; background-color:#fff; display:inline-block; position:relative; z-index:10;}
.life-information .txt3 dt span::before {content:'・'; position:absolute; top:0; left:0;}
.life-information .txt3 dd {white-space:nowrap; text-align:right; padding-left:0.5em;}

@media screen and (max-width:1000px){
	.location-cont {padding:30px 0 50px 0;}
	.location-cont .clm1 {margin:30px 0 0 0; padding:40.0vw 0 0 0;}
	.location-cont .clm1.type1 .img2 {margin-left:0;}
	.location-cont .clm1.type1 .img2 > div > div:nth-of-type(1) {width:26.7%; top:0; right:0;}
	.location-cont .clm1.type1 .img2 > div > div:nth-of-type(2) {width:33.8%; top:0; right:0;}
	.location-cont .clm1.type1 .img2 > div > div:nth-of-type(3) {width:39.5%; top:0; right:0;}
	.location-cont .clm1.type2 .txt3 {margin-left:0;}
	.location-cont .clm1.type2 .img2 {margin-left:0;}
	.location-cont .clm1.type2 .img2 > div > div:nth-of-type(1) {width:26.8%; top:0; left:0;}
	.location-cont .clm1.type2 .img2 > div > div:nth-of-type(2) {width:33.8%; top:0; left:0;}
	.location-cont .clm1.type2 .img2 > div > div:nth-of-type(3) {width:39.4%; top:0; left:0;}
	.location-cont .txt1 {max-width:120px; font-size:2.4rem;}
	.location-cont .txt2 dt {font-size:2.0rem;}
	.location-cont .txt2 dd {font-size:1.3rem;}
	.location-cont .txt2 + .txt1 {margin-top:30px;}
	.location-cont .txt3 dt {font-size:1.8rem;}
	.location-cont .txt3 dd {font-size:1.2rem;}
	.location-cont .img1 {max-width:100%; width:100%; margin:30px 0 0 0;}
	.location-cont .img1 .cap {font-size:1.6rem;}
	.location-cont .img2 {width:100%; position:absolute; top:0;}
	.location-cont .img2 > div {width:auto; margin:0 -6.0vw; padding:0; display:flex; align-items:flex-end;}
	.location-cont .img2 > div > div {position:relative;}

	.location-map {height:300px;}
	.location-map iframe {height:300px;}

	.life-information {padding:20px 0 30px 0;}
	.life-information .clm1 {margin:0 -5px;}
	.life-information .clm1 > div {width:50%; padding:10px 5px 0 5px;}
	.life-information .clm1 .cap {font-size:1.3rem;}
	.life-information .clm2 {display:block;}
	.life-information .clm2 > div {width:auto;}
	.life-information .txt1 {font-size:2.4rem; margin:30px 0 0 0; padding:0 0 10px 0;}
	.life-information .txt2 {font-size:1.6rem; margin:20px 0 0 0;}
	.life-information .txt3 dt,
	.life-information .txt3 dd {font-size:1.2rem;}
}