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

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

h1.tit {
	margin-bottom:22px;
	text-align:center;
	letter-spacing:.1em;
}
h1.tit img {
	display:inline-block;
	width:auto;
	height:44px;
}
section.content {
	margin:0 15px;
	padding-top:25px;
	color:#69584D;
	font-size:12px;
}
section.content p {
	line-height:1.8;
}
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:2em;
	line-height:1.2;
}
section#concept .concept img {
    width: auto;
}
p.ttl2 img {
    width: auto;
    display: inline;
}
p.ttl2 {
	margin:4% auto;
	text-align: center;
}
#concept section.concept {
	padding:2.5em 0;
	border-bottom:solid 1px rgba(105,88,77,.5);
}
#concept section.concept:last-of-type {
	border-bottom:none;
}
#concept section.concept {
	position:relative;
	min-height:324px;
	margin:0 0 3%;
	padding:50px 0 0 460px;
	border:none;
}
section.concept {
    max-width: 780px;
}
#concept h2 {
	margin-bottom:.7em;
	font-weight:500;
	font-size:1.7em;
	text-align:center;
	letter-spacing:.1em;
}
#concept h2 span {
	display:block;
	margin-top:.3em;
	font-size:.7em;
}
#concept section.concept p {
	font-size:.9em;
}
#concept section.concept div.img {
	margin-bottom:1.2em;
}
#concept #lighting_plan div.img {
	margin:3em auto 2em;
}
section#spred .img {
    max-width: 379px;
}

@media screen and (min-width: 768px) {
	.pc_none {
		display:none;
	}
.c_cth {
    max-width: 784px;
    margin: 1% auto;
}
	section.content {
		width:779px;
		margin:0 auto;
		padding-top:0px;
		font-size:14px;
	}
	
	h1.tit {
		margin-bottom:55px;
		text-align:center;
	}
	h1.tit img {
		height:80px;
	}
	section.content p.read {
		margin-bottom:70px;
		line-height:2;
	}
	section.content p.read strong {
		font-size:2.4em;
	}
	
	#concept section.concept {
		position:relative;
		min-height:214px;
		margin:0 0 3%;
		padding:70px 0 0 410px;
		border:none;
	}
	#concept section.concept:nth-of-type(2n) {
		padding-right:450px;
		padding-left:18px;
	}
	#concept section.concept div.img {
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		width:458px;
		margin:0;
	}
	#concept section.concept:nth-of-type(2n) div.img {
		right:0;
		left:auto;
	}
	
	#concept h2 {
		position:relative;
		z-index:3;
		font-size:1.7em;
		text-align:left;
		text-indent: 21%;
	}
	#concept h2 {
		margin-top:.5em;
	}
	#concept section.concept p {
		color: #333333;
		position:relative;
		z-index:2;
		font-size:1em;
	}
	#concept section.concept p.ttlimg {
	    position: absolute;
	    top: -80px;
	    width: 50%;
	}
	#concept section.concept h2.ttltxt2{
		text-indent: 20%;
	}
	#concept section.concept p.ttlimg2 {
	    position: absolute;
	    top: -70px;
	    width: 42%;
	}
	#concept section.concept h2.ttltxt3 {
	    font-size: 160%;
	    text-indent: 19%;
	}
	#concept section.concept h2.ttltxt3 span {
	    font-size: 100%;
	    text-indent: 19%;
	}
	#concept section.concept p.ttlimg3 {
	    position: absolute;
	    top: -81px;
	    width: 65%;
	}
	#concept #retaining_walls div.img {
	    width: 56%;
	}
	#concept section.concept h2.ttltxt4{
		text-indent: 20%;
	}
	#concept section.concept p.ttlimg4 {
	    position: absolute;
	    top: -81px;
	    width: 42%;
	}
	#concept section.concept h2.ttltxt5{
		text-indent: 20%;
	}
	#concept section.concept p.ttlimg5 {
	    position: absolute;
	    top: -37px;
	    width: 55%;
	}
	#concept section.concept h2.ttltxt6 {
		text-indent: 20%;
	}
	#concept section.concept p.ttlimg6 {
	    position: absolute;
	    top: -37px;
	    width: 53%;
	}
	#concept #spred div.img {

	}
	#concept #planting {
		padding-top:5.5em;
	}
	#concept #planting  div.img {
		right:-20px;
	}
	#concept #retaining_walls {
		padding:5em 0 0 450px;
	}
	#concept #retaining_walls div.img {
		left:-20px;
	}
	#concept #wind {
		min-height:310px;
		margin-top:-2em;
		padding-top:8.5em;
	    margin-bottom: 10%;
	}
	#concept #wind div.img {
	    right: -330px;
	    width: 660px;
	}
	#concept #lighting_plan {
		min-height:260px;
		margin:3em 0 2em;
		padding-top:3.5em;
	}
	#concept #lighting_plan div.img {
		left:-20px;
		margin:0;
	}
	#concept #approach {
		padding-right:390px;
		padding-top:5em;
	}
	#concept #approach div.img {
		right:-30px;
		width: 55%;
	}
	#concept #_get_plan {
	    margin: 3em 0 4em;
	    min-height: 260px;
	    padding-top: 3.5em;
	}
	#concept section#_get_plan div.img {
	    width: 50%;
	}
	#concept section.concept h2.ttltxt7 {
		text-indent: 20%;
		margin: 30px auto 0.7em;
	}
	#concept section.concept p.ttlimg7 {
	    position: absolute;
	    top: -28px;
	    width: 49%;
	}
	#concept section#_get_plan p._txt7 {
	    width: 94%;
	}
	body.concept footer .foot_top {
		position:relative;
		z-index:100;
	}
}
/* SP */
@media (max-width: 767px) {
	.ttlimg {
	    width: 30%;
	    left: -12%;
	    position: relative;
	    top: 10px;
	}
	#concept h2 {
	    width: 80%;
	    margin: 0 auto .7em;
	    text-align:left;
	}
	p.ttlimg2 {
	    width: 30%;
	    left: -12%;
	    position: relative;
	    top: 10px;
	}
	#planting h2 {
	    width: 80%;
	    margin: 0 auto .7em;
	    text-align:left;
	}
	.ttlimg3 {
	    width: 50%;
	}
	#retaining_walls h2 span {
	    display: initial;
	    margin-top: .3em;
	    font-size: 100%;
	}
	.ttlimg5 {
	    width: 40%;
	}
	.ttlimg6 {
	    width: 40%;
	}
	p.ttl2 {
	    display: none;
	}
	.cbox_sp {
	    width: 100%;
	    margin: 10% auto;
	}
	ul.c_ul {
	    background: #fff;
	}
	.cbox_spdiv {
	    padding: 5% 0;
	}
	p.ttl3 img {
	    width: auto;
	    display: inline;
	}
	ul.c_ul li:first-child {
		border-bottom: none;
	}
	ul.c_ul li {
	    padding: 5% 0;
	    border-bottom: 1px solid #69584d;
	    width: 90%;
	    margin: 0 auto;
		line-height: 1.6em;
	}
	section.cbox_sp.sp p.ttl3 {
	    text-align: center;
	}
	.c_cth {
	    width: 90%;
	    margin: 6% auto;
	}
}