@charset "utf-8";
/* CSS Document */

#main * {
	box-sizing:border-box;
}

h1.tit {
	margin-bottom:22px;
	text-align:center;
	letter-spacing:.1em;
}
h1.tit img {
	width: 138px;
	display:inline-block;
}
p.txtxland {
    text-align: center;
    font-size: 1.2em;
    color: #333333;
    font-weight: bold;
    margin:0 auto 10%;
}
section.content {
	margin:0 15px;
	padding-top:25px;
	color:#69584D;
	font-size:12px;
}
section.content p {
	line-height:1.6;
}
section.content p.read {
	margin-bottom:1em;
	text-align:center;
	line-height:1.6;
}
section.content p.read strong {
	display:block;
	margin-bottom:.4em;
	font-weight:normal;
	font-size:1.36em;
	line-height:1.2;
}
section.content p.read + p {
	font-size: 10px;
	margin-bottom:3em;
	text-align:center;
	line-height:1.6;
}
section.content figure {
	margin-bottom:3em;
}
section#landplan.content2 img {
    width: auto;
    display: inline;
}
.landp_s {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    background: #ffffff;
    position: relative;
    padding: 60px 30px  0;
}
p.ttl {
    position: absolute;
    top: -35px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}
p.ttldec {
    position: absolute;
    top: -54px;
    right: 0;
}
p.tlimg {
    float: left;
    margin-right: 20px;
}
p.tltxt {
    float: left;
        color: #333333;
}
#landplan div.zoom_btn {
    background-image: url(../img/plan/zoom_btn_pc.png);
    bottom: 178px;
    height: 81px;
    position: absolute;
    right: 10px;
    width: 80px;
    z-index: 10;
}
p.tlimg_b {
    margin: 4% auto;
}
p.tlimg_c {
    margin: 2% auto 10%;
}
p.tlimg_d {
    padding: 10px 0 0;
}
p.tlimg_e {
    margin: 0 auto;
    text-align: center;
    padding: 0 0 10%;
}
p.tlimg_f {
    margin: 5% auto;
    text-align: center;
}
section#landplan p.txtxland {
    font-weight: normal;
	font-size: 1.5em;
}
@media screen and (min-width: 769px) {
	.pc_none {
		display:none;
	}
	section.content {
		position: relative;
		width:780px;
		margin:0 auto;
		padding-top:45px;
		padding-bottom:135px;
		font-size:14px;
	}
	#landplan div.zoom_btn a {
	    display: block;
	    width: 100%;
	    height: 100%;
	}
	h1.tit {
		margin-bottom:25px;
	}
	h1.tit img {
		width:auto;
	}
	section.content p.read strong {
		font-size:3em;
		margin-bottom:24px;
	}
	section.content p.read + p {
		font-size: 14px;
		margin-bottom:3em;
		line-height:2;
		letter-spacing: .1em;
	}
	section.content figure {
		width: 761px;
		margin: 0 auto 0em;
	}
	.lity-image .lity-content img {
	    width: 100%;
	    margin: 2% auto 0;
	    padding: 2% 0 0;
	}
}
@media (max-width: 767px) { 
	div.zoom_btn {
		position:absolute;
	    bottom: 0px;
	    right: 0px;
	    overflow: hidden;
		width: 40px;
		height: 40px;
		border-radius:50%;
		background:url(../img/location/zoom_btn.png) no-repeat center;
		background-size:contain;
		z-index: 1;
	}
	#landplan .loc_img1 > img {
	    margin: 0 auto;
	    width: 80%;
	}
	section.content figure img {
	    width: 84%;
	    margin: 0 auto;
	}
	section.content p.txtxland {
	    font-size: 1.6em;
	}
	p.imglasp {
	    background: rgba(255,255,255,0.3);
	    padding: 5% 0;
	    width: 100%;
	    margin: 0 auto;
	}
	p.imglasp img{
		width:80%;
		margin:0 auto;
		border-bottom: 1px solid #69584d;
		padding: 0% 0 5%;
	}
	div.box1_sp {
	    padding: 8% 0 0;
	}
	div.imglasp_a {
	    margin: 0 auto 10%;
	        width: 80%;
	        position: relative;
	}
	p.imglasp_b {
	    margin: 10% auto;
	    width: 90%;
	}
	h1.tit img {
	    width: 217px;
	}
	div.zoom_btn a {
	    display: block;
	    width: 100%;
	    height: 100%;
	}
}