@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

/*
#HEADER ul.NAVI li a.H_LANDPLAN	{ border-bottom:3px solid #36322f; }*/


/* グローバルナビの今いるページに下線 */
.NAVI li a.H_LANDPLAN::after{transform: scale(1, 1);}
#g-nav li a.nav_landplan{color: #DB755A;}

#PAGE h2	{ width:100%; float:left; margin:0px 0 30px 0px;  font-size:25px; text-align:center; }
#PAGE span.ALART	{ width:900px; float:left; margin:10px 0 30px 0px; font-size:11px; line-height:1.2em; }
.P_CENTER { width:100%; float:left; clear:none; text-align:center; background:#fff; padding:20px 0; margin:0 0 50px 0;padding: 50px 0 0 0;
margin: 0 0 100px 0;}
.P_CENTER img { width:100%; margin-bottom: 5px;}
.P_CENTER img.kukaku{width: auto;border: 1px solid;box-sizing: border-box;}
.P_CENTER  picture img{width: auto;}
.P_CENTER .PERTH { margin:auto;clear:none; text-align: left;margin-top: 30px;}
p.P_CENTER2 { width:100%; float:left; clear:none; text-align:center; margin:10px 0 50px 0; font-size: 14px; }

.LINK {font-size: 15px;width:960px; display: flex;   margin:0px auto 50px auto;  position:relative; overflow:visible; }
.LINK:nth-child(2n+1) { flex-direction: row-reverse;}
.LINK:nth-child(2n  ) { flex-direction: row;  }
.LINK_IN { width:600px; overflow:visible;  }
.LINK_IN h2 { margin:30% 10px 0px 10px; font-size:30px; letter-spacing:0.1em; }
.LINK_IN_TEXT  { width:460px; height:150px; background:rgba(255,255,255,0.8);  position:absolute; z-index:100; top:100px; right:-30%; padding:20px;  }
.LINK_IN_TEXT2  { width:460px; height:150px; background:rgba(255,255,255,0.8);  position:absolute; z-index:100; left:-30%; padding:20px;}
.LINK_IN strong { font-size:20px; }
.text { width:90%; }

.SHEET{width: 864px;}
.SHEET h1 strong{width: 100%;float: left;font-size: 28px;letter-spacing: 0.05em;text-align: center;}
.SHEET h1 span {width: 100%;float: left;font-size: 11px;letter-spacing: 0.05em;text-align: center;height: 50px;line-height: 50px;}

/* 220114書いた */
.top{background: #6a6a6a;width: 100%;height: 250px;position: relative;padding-top: 20px;}
.top_text{position: absolute;width:960px;margin:0 auto;left:0;right:0;color: #fff;z-index: 2;}
.top_text h1{font-size: 60px;font-family: 'Oswald', sans-serif;letter-spacing: 7px;}
.top_text h1 span{font-size: 14px;letter-spacing: 3px;}
.top_img{width: 800px;position: absolute;right: 0;left: auto;}
.landplan_text_wrap{margin-top: 70px;}
.landplan_text {overflow: visible;text-align: center;font-size: 14px;line-height: 1.75em;}


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

.PC{display: none;}
#PAGE h2	{ width:100%; float:left; margin:0px 0 30px 0px;  font-size:20px; text-align:center; }
img.IMG_PARS { width:100%; float:left; clear:none; }
small { clear:none; line-height:1.7em; font-size: 11px; text-align: left;}
.P_CENTER { width:100%; float:left; clear:none; text-align:center; background:#fff; padding:20px 0; }

.LINK {width:100%; height:50vh; display: block;   margin:0px auto 50px auto;  position:relative; overflow:visible; float:left; clear:none; }
.LINK_IN { width:100%; height:auto; overflow:visible;  }
.LINK_IN_TEXT  { width:95%; height:auto; background:rgba(255,255,255,0.8);  position:absolute; z-index:100; top:100px; right:0%; left:0; padding:20px 2.5%;  }
.text { width:100%; }
.photo { width:100%; }
.photo img { width:100%; }
p.P_CENTER2 { width:100%; float:left; clear:none; text-align:justify; margin:10px 0 50px 0; font-size: 14px;
line-height: 1.6em;}

.P_CENTER img.kukaku{width: 100%;}
.top{height: auto;padding-top: 0px; }
.top_text{position: inherit;width: 100%;text-align: center;margin: 20px auto;}
.top_img{width: 100%;position: inherit;}
.top_text h1{font-size: 32px;}
.top_text h1 span{font-size: 10px;}
#PAGE .SHEET{width: 94%;}
.P_CENTER .PERTH {width: 100%;}

.landplan_text {text-align: justify;}



}