@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_CONCEPT::after{transform: scale(1, 1);}
#g-nav li a.nav_landplan{color: #DB755A;}



#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;  }
.P_CENTER img { width:100%; margin-bottom: 5px;}
.P_CENTER img.kukaku{width: auto;}
.P_CENTER  picture img{width: auto;}
.P_CENTER .PERTH { width:90%; 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 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: #2F2F2F;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;}

.SHEET p{text-align: center;}
.concept_illust{margin:20px auto;width: 960px;}
.concept_illust img{width: 100%;}
h2{font-size: 25px;letter-spacing: 5px;margin: 60px auto;text-align: center;line-height: 1.6em;}
h3{margin: 100px auto 50px;text-align: center;font-size: 30px;}
.link_plan{text-align: center;height: 50px;margin: 50px auto;background: #DB755A;width: 200px;line-height: 50px;}
.link_plan a{color: #fff;}
.link_plan a:hover{opacity: 0.5;}
.concept .concept_left h2{margin-top:0;}




/* コンセプト */
.bg_concept{width: 100%;background: #DB755A;height: 630px;}
.concept{width: 960px;margin:100px auto;display: flex;color: #fff;text-align: left;justify-content: space-between;}
.concept_left p{font-size: 69px;line-height: 69px;color: #2F2F2F;font-family: 'Oswald', sans-serif;margin: 0;width: 45%;}
.concept_left p span{font-size: 14px;}
.concept_left h2{font-size: 48px;letter-spacing: 5px;margin-top: 50px;}
.concept_right{font-size: 16px;width: 45%;line-height: 2em;text-align: center;margin:0 auto 30px;}

/* 3つのB */
.bg_bbb{width: 100%;background: #2F2F2F;height: auto;}
.bbb_caption{font-size: 12px;color: #fff;margin-top: 5px;margin-left: 5px;}
h3{color: #fff;text-align: center;margin:50px auto;font-size: 42px;}
.bbb{width: 100%;display: flex;justify-content:center;margin-bottom: 50px;}
.bbb li{width: 33.3%;}
.bbb li div{color: #DB755A;text-align: left;font-size: 56px;}
.bbb li div span{color: #fff;}
.bbb img,p{width: 100%;}
.bbb p{text-align: justify;color: #fff;font-size: 14px;width: 95%;margin: 5px auto;}





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

.PC{display: none;}
#PAGE h2	{ width:100%; float:left; margin: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%;}


.bg_concept{height: auto;}
.concept{display: block;width: 90%;margin: 50px auto;}
.concept p{font-size: 28px;line-height: 36px;}
.concept_left p span {font-size: 12px;}
.concept_right{width: 100%;margin-top: 50px;font-size: 14px;}
.concept_left h2{margin-top: 20px;font-size: 40px;}

.bbb_caption{font-size: 10px;}
h3{font-size: 24px;margin: 30px auto;}
.bbb{display: block;}
.bbb p{font-size: 12px;}
.bbb li{width: 92%;margin: 10px auto 25px;}
.bbb li div{font-size: 34px;}

.concept_illust{width: 100%;}


}