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

body { background:none; }
#navigation ul li.M_HOME a	{ padding-bottom:0; border-bottom:3px solid #c7b361; }
body { background:none; }

#navigation	{ width:100%; float:right; margin:0; border-bottom:1px solid #ccc; overflow:visible; position:absolute; z-index:10;  color:#000; opacity:none; top:100px; background:none; }
#navigation	{ width:100%; float:right; margin:0; border-bottom:1px solid #ccc; overflow:visible; position:absolute; z-index:10;  color:#000; opacity:none; top:120px; background:none; }
#navigation ul li	{ width:auto; float:none; margin:0 0 -2px 0; display:inline-block; color:#000; text-align:center; vertical-align:middle; font-size:12px; line-height:2.5em; }

#navigation ul li.MENU a:link { color:#000; }
#navigation ul li.MENU a:visited { color:#000; }
#navigation ul li.MENU a:hover { padding-bottom:0; border-bottom:3px solid #c7b361; }
#navigation ul li.MENU a:active { padding-bottom:0; border-bottom:3px solid #c7b361; }

#PAGE	{ width:100%; margin:0; padding-bottom:0px; text-align:center; }


/* トップ動画 */
#anim { width:100%; height:700px; float:left; clear:none; overflow:hidden; position:relative; }
#anim img{ width:100%; float:left; clear:none; opacity: 0; -moz-opacity: 0; /*for Firefox*/ filter: alpha(opacity=0); /*for IE*/ }

#keyvisual {
    width: 100%;
    height: 430px;
    margin: 0 0 15px 0;
    overflow: hidden;
    position: relative;
    text-align: left;
}
#keyvisual img {
width:100%; 
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
img.IMG_MIDASHI {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 70px;
width: auto;
z-index:500 ;}

div.TOP { width:100%; }


/* top や left などの絶対位置でアニメーションさせる */
#anim img{ position:absolute; }
#garden{ display:none; }
#anim_photo_1 { z-index:100; desplay:none; }
#anim_photo_2 { z-index:100; desplay:none; }
#anim_photo_3 { z-index:100; desplay:none; }


#TOP { width:100%; height:auto; float:left; clear:none; margin:10px 0 0 0; overflow:hidden; position:relative; z-index:0; }
#TOP img{ width:100%; float:left; clear:none; position:relative; z-index:0; }
#TOP span{ width:100%; text-align:center; position:absolute; top:25%; left:0; z-index:30; }
#TOP span strong{ width:100%; float:left; margin:0; font-size:32px; line-height:2em; font-weight:normal; }
#TOP span em{ width:100%; float:left; margin:0; }

.SP	{ display:none; }

#TOP_IMAGE	{ width:100%; float:left; position:relative; margin:0px 0 0 0; }
#TOP_IMAGE .PHOTO	{ width:100%; }
#TOP_IMAGE .PHOTO_SP	{ display:none; }

#TOP_IMAGE .DEBUT	{  width:100%; position:absolute; top:170px; color:#fff; }
#TOP_IMAGE .DEBUT img	{ float:left; clear:both; }
#TOP_IMAGE .DEBUT span	{ width:100%; float:left; clear:both; margin:10px 0 0 0px; color:#fff; text-align:left; font-size:20px; line-height:2em; letter-spacing:0.1em; text-align:center; }
#TOP_IMAGE .DEBUT h2 { background:none; color:#fff; letter-spacing:0.2em; }

.NEWS	{ width:860px; height:auto; margin:0 auto; padding:50px 0; border:none;  overflow:scroll; }
.NEWS h2 { width:auto; margin:10px 0 0 0; padding:0; float:left; clear:none; text-align:center; font-size:20px; color:#1f4253; }
.NEWS dl	{ width:640px; float:right; padding:10px 0px; font-size:13px; line-height:1.5em; border-bottom:1px dotted #78909c; text-align:left; margin:0 15px 0 0; letter-spacing:0.1em;}
.NEWS dl dt	{ width:22%; float:left; padding:0px; color:#1f4253; }
.NEWS dl dt em	{ float:right; padding:2px 5px; background:#ec8000; font-size:11px; line-height:1.2em; color:#fff; margin:3px 0 0 0; }
.NEWS dl dd	{ width:72%; float:right; padding:0px 0px; color:#1f4253;  }
.NEWS dl dd a	{ color:#4F4F4F; text-decoration:underline; }
.NEWS dl dd a:hover	{ text-decoration:none; }
.NEWS dl dd a:active	{ text-decoration:none; }

.DIV_LINK { width:960px; margin:0 auto; }
.SP img { width:100%; }

.SHEET a.A_LINK { width:960px; float:left; clear:none; color:#1f4253; }
.SHEET a.A_LINK:hover { opacity:0.7; }
.LINK img.ARROW { width:13px; position:absolute; bottom:0; right:0; }
.LINK_L img.ARROW { width:13px; position:absolute; bottom:0; left:0; }
.LINK { width:958px; border:1px solid #78909c; float:left; clear:none; position:relative; background:#fff; 
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
margin:0 0 50px 0; border-radius:4px; 
}
.LINK img { width:50%; float:left; clear:none; }
.LINK h3.H3_LINK { width:50%; float:left; clear:none; margin-bottom:0; text-align:center; font-size:20px; color:#1f4253; }
.LINK h3.H3_LINK span { font-size:12px;  line-height:3em; }
.LINK h3.H3_LINK_R { width:50%; float:right; clear:none; margin:0; text-align:center; }
.LINK h3.H3_LINK_R span { font-size:12px;  line-height:3em; }

.SHEET h3 { width:100%; text-align:center; font-size:25px; color:#1f4253; margin:50px 0 10px 0; }
.SHEET h3 em { width:100%; font-size:12px; margin:10px 0 10px 0; float:left; clear:none; text-align:center; }


.LINK_L { width:958px; border:1px solid #78909c; float:left; clear:none; position:relative; background:#fff; 
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
margin:0 0 50px 0; border-radius:4px;  
}
.LINK_L img { width:50%; float:right; clear:none; }
.LINK_L h3.H3_LINK { width:50%; float:left; clear:none; margin-bottom:30px; }
.LINK_L h3.H3_LINK span { font-size:12px;  line-height:3em; }

.fadein { width:960px; float:left; clear:none; }


/*	カルーセルスライダー*/ 
.SLIDER_WRAP { width:958px; border:1px solid #78909c; margin:0 auto 50px auto; background:#35464d; }

#container { width: 100%; height:200px; text-align: center;  background:url(../img/ca_bar.png) no-repeat 0% 100%; }
#carousel { width: 880px; margin: 0 auto; height:200px; text-align: left; position: relative; background:#fff; padding:0 20px; }

#carousel_prev, #carousel_next { top:45px; width:15px; height:15px; float:left; display:inline; clear:none; background: #fff no-repeat 40% 50%; cursor: pointer; position: absolute; }
#carousel_prev { top:80px; left: -17px; background-image:url(../img/cue_l.gif); }
#carousel_next { top:80px; right: -17px; background-image:url(../img/cue_r.gif); }

#carousel ul li { width:220px; height:200px; float: left; display: inline; margin-top:0px;  }
#carousel ul li a { width:220px; height:200px; float: left; display: inline; margin-top:0px; }
#carousel ul li a img { width:80px; float: left; margin-top:18px; }
#carousel ul li a strong.ADRESS { width:120px; float:left; clear:none; font-size:12px; margin:20px 0 0 10px; color:#4F4F4F; }
#carousel ul li a p { width:90%; float:left; clear:none; font-size:12px; line-height:1.7em; color:#4F4F4F; }
#carousel ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
#carousel ul { display: inline-block; overflow: hidden; }


/* Separator About - Parallax Section */
.sep {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 400px;
	position: relative;
	margin-top:00px; 
}
.about {
	background-image: url(../img/osaka.jpg);
}
.DIV_SP { width:960px; display:block; margin:0 auto; }	
.DIV_SP a { width:50%; float:left; clear:none; margin:0 0 30px 0; }

.DIV_SP a h3 { margin:10px; }
.DIV_SP h3 span { font-size:12px; }
.DIV_SP a:link { color:#1f4253; }
.DIV_SP a:visited { color:#1f4253; }
.DIV_SP a:hover { color:#1f4253; }
.DIV_SP a:active { color:#1f4253; }
.DIV_SP h4 { width:100%; text-align:center; color:#1f4253; font-size:20px; margin:10px 0 0 0; float:left; clear:none; letter-spacing:0.1em; }
.DIV_SP h4 span { font-size:13px; letter-spacing:0.1em; }



/*サンプルソース*/
.DIV_LINK a {  color: #FFF; background:none; 
  opacity: 10;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0%,0,0);
  transform: translate3d(00%,0,0);
 }
 
 
.hovereffect {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #00bfff;
}

.hovereffect .overlay {
  width: 90%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 140px 5%;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h4 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 14px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
  background: rgba(000,0,0,0.3);
  letter-spacing:0.1em; 
}

.hovereffect h4:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h4:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;

  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


/*動く文字*/
#sample {
    width: 500px;
    height:500px; 
    padding: 30px;
    font-size: 30px;
    letter-spacing:0.5em; 
    color: #fff;
    text-align: left;
    border-radius: 10px;
    margin:0 auto; 
    line-height:3em; }
.SMART { display:none; }   
    


/*デザイン変更*/
section.BG_W	{ background:#fff;  }
section.BG_B	{ background:#eff5f8; }
.BOX	{ width:1050px; float:left; margin:50px 0 0 0; overflow:visible; position:relative; }
.BOX .TEXT	{ float:left; overflow:visible; position:relative; z-index:10; }
.BOX em.NM	{ float:right; color:#d8e7ee; font-style:italic; font-size:160px; font-family:arial; position:absolute; z-index:0; }
.BOX h2.H2_CONTENTS	{ float:left; margin:0; text-align:left; font-style:italic; font-size:85px; line-height:1.2em; position:relative; z-index:10; letter-spacing:0.05em; }
.BOX h2.H2_CONTENTS strong	{ width:100%; float:left; font-size:23px; line-height:1.5em; }
.BOX .TEXT p	{ width:100%; float:left; }
.BOX a	{ width:250px; height:50px; border:2px solid #1f4253; border-radius:25px; color:#1f4253; font-weight:bold; font-size:14px; line-height:50px; text-align:center; }
.BOX a:hover	{ background:#d8e7ee; }
.BOX a:active	{ background:#d8e7ee; }
.BOX a img	{ width:5px; margin:0 0 0 10px; }
section.BG_W .BOX	{ width:1050px; border:1px solid #c7b361; }
section.BG_W .BOX .TEXT	{ width:700px; margin:50px -350px 0 50px; }
section.BG_W .BOX .TEXT a	{ float:left; }
section.BG_W .IMAGE	{ width:700px; float:right; margin:-50px -50px -150px 0; position:relative; }
section.BG_W .IMAGE .PHOTO	{ width:580px; float:right; margin:0 0 60px 0; position:relative; z-index:10; display:block; }
section.BG_W .IMAGE .PHOTO_SP { display:none; }
section.BG_W .IMAGE .BORDER	{ float:right; position:absolute; bottom:-150px; z-index:0; }

section.BG_B .BOX	{ width:1100px; }
section.BG_B .BOX .TEXT	{ width:520px; float:right; margin:50px 0 0 -150px; }
section.BG_B .BOX h2.H2_CONTENTS	{ float:right; text-align:right; }
section.BG_B .BOX h2.H2_CONTENTS strong	{ float:right; }
section.BG_B .BOX .TEXT p	{ float:right; text-align:right; }
section.BG_B .BOX .TEXT a	{ float:right; }
section.BG_B .IMAGE	{ width:800px; float:left; margin:50px -100px 0 0; position:relative; }
section.BG_B .IMAGE .PHOTO	{ width:800px; float:left; margin:0; position:relative; z-index:10; display:block; }
section.BG_B .IMAGE .PHOTO_SP { display:none; }	

section#CON1 .BOX	{ margin:100px 0 150px 0; }
section#CON1 .BOX em.NM	{ top:20px; right:250px; display:block; }
section#CON2 .BOX	{ margin:50px 0 100px 0; }
section#CON2 .BOX em.NM	{ top:-30px; right:0; display:block; }
section#CON3 .BOX	{ margin:100px 0 150px 0; }
section#CON3 .BOX em.NM	{ top:-80px; left:0; display:block; }
section#CON4 .BOX	{ margin:50px 0 100px 0; }
section#CON4 .BOX em.NM	{ top:-30px; right:0; display:block; }
section#CON4 .BOX  h2.H2_CONTENTS	{ margin:30px 0 0 0; }
section#CON4 .IMAGE	{ margin:0 -100px 0 0; }

#PRO	{}
#PRO h2	{ font-style:italic; font-size:50px; }
#PRO h2 strong	{ width:100%; float:left; font-style:normal; font-size:20px; }
.RECOM	{ width:1000px; margin:0 0 0 50px; float:left; }
.RECOM li	{ width:230px; float:left; margin:20px 18px 0 0; border:1px solid #1f4253; }
p.ALERT { width:100%; float:left; clear:none; text-align:center; margin-bottom:50px; }
.RECOM li a	{ width:230px; float:left; margin:0; background:#fff; color:#1f4253; }
.RECOM li a span	{ width:230px; height:160px; float:left; overflow:hidden; }
.RECOM li a img	{ width:230px; float:left; margin:0; }
.RECOM li a strong	{ width:220px; float:left; margin:5px 0 0 5px; line-height:1.5em; }
.RECOM li a p	{ width:220px; height:8em; float:left; margin:5px 0 0 5px; line-height:1.5em; }
a.MORE	{ width:250px; height:50px; float:left; margin:30px 0 50px 425px; border:2px solid #1f4253; border-radius:25px; color:#1f4253; font-weight:bold; font-size:14px; line-height:50px; text-align:center; }
a.MORE:hover	{ background:#d8e7ee; }
a.MORE:active	{ background:#d8e7ee; }
a.MORE img	{ width:5px; margin:0 0 0 50px; }

#COM	{ position:relative; }
#COM .OSAKA	{ width:100%; float:left; overflow:hidden; }
#COM .OSAKA img	{ min-width:100%; }
#COM .SHEET	{ width:650px; margin:50px 0 0 -325px; padding:30px 0 80px 0; background:rgba(255,255,255,0.9); color:#1f4253; position:absolute; top:30px; left:50%; }
#COM .SHEET h2	{ font-style:italic; font-size:50px; }
#COM .SHEET h2 strong	{ width:100%; float:left; font-style:normal; font-size:20px; }
#COM .SHEET p	{ width:100%; float:left; margin:0; color:#1f4253; text-align:center; font-size:14px; line-height:2.5em; }
#COM .SHEET a.MORE	{ margin:30px 0 0 200px; }

dl.DL_SP { display:none; }
#COM img.IMG_OSKA { display:block; }

br.PC { display:block; }
em.NM_SP { display:none; }








@media screen and (max-width: 640px){
/*以下スマホ*/
body { background:none; }
#TOP { width:100%; height:auto; float:left; clear:none; margin:0px 0 0 0; overflow:hidden; position:relative; z-index:0; }
#TOP_IMAGE	{ width:100%; float:left; position:relative; }
#TOP_IMAGE .PHOTO	{ display:block; }
#TOP_IMAGE .PHOTO_SP	{ width:100%; float:left; display:block; margin:70px 0 0 0; }
#TOP_IMAGE .DEBUT	{ width:100%; float:right; position:absolute; bottom:20px; right:0px; }
section.BG_B .BOX .TEXT a	{ float:left; }


h2	{ width:100%; float:left; margin:30px 0 0px 0px; font-size:20px; line-height:1.2em; text-align:center; color:#fff; letter-spacing:0.1em ;}
h3	{ width:100%; margin:20px 0 20px 0; }
h3 em	{ width:100%; }
br.PC { display:none; }


/*	NEWS*/ 
.NEWS	{ width:96%; margin:30px 0 30px 2%; float:left; clear:none; background:none; padding:0; }
.NEWS strong { width:100%; margin:10px 0 0 0px; padding:0; float:left; clear:none; text-align:left; font-size:15px; letter-spacing:0.2em; border-left:5px solid #1f4253; }
.NEWS dl	{ width:100%; padding:10px 0px; font-size:13px; line-height:1.5em; border-bottom:1px dotted #948063; margin:0; }
.NEWS dl dt	{ width:100%; padding:0px 0px; }
.NEWS dl dd	{ width:100%; padding:0px 0px;  }
.BOX h2.H2_CONTENTS	{ width:96%; float:left; margin:0 0 10px 0; text-align:center; font-style:italic; font-size:20px; line-height:1.2em; position:relative; z-index:10; letter-spacing:0.05em; padding:10px 2% 10px 2%; font-weight:normal; }

.NEWS dl dt em	{ float:right; padding:2px 5px; background:#ec8000; font-size:11px; line-height:1.2em; color:#fff; margin:0px 60% 0 0; }
.NEWS h2 { width:auto; margin:10px 0 0 0; padding:0; float:left; clear:none; text-align:center; font-size:15px; color:#1f4253; }

.DIV_LINK { display:none; }

.SMART { width:100%; display:block; margin:0 0 5px 0; }
.SMART a.LINK { width:100%; float:left; clear:none; position:relative; }
.SMART a img { width:100%; float:left; clear:none; }
.SMART a strong { width:100%; text-align:center; position:absolute; z-index:100; top:35%; left:0; color:#fff; letter-spacing:0.2em; font-size:15px; background:#000; background: rgba(000,0,0,0.2); }

/*	BOX*/ 
h2	{ width:100%; margin:0 0 30px 0%; font-size:15px; line-height:1.2em; background:#a6b7bf; margin:0; padding:10px 0; color:#fff; }

em.NM_SP { float:right; color:#d8e7ee; font-style:italic; font-size:100px; font-family:arial; position:absolute; z-index:100; display:block; bottom:30px; }

section#CON4 .BOX  h2.H2_CONTENTS	{ margin:0px 0 0 0; }
section#CON1 .BOX em.NM	{ top:20px; right:60%; display:none; }
section#CON2 .BOX em.NM	{ top:-30px; right:0; display:none; }
section#CON3 .BOX em.NM	{ top:-80px; left:0; display:none; }
section#CON4 .BOX em.NM	{ top:-30px; right:0; display:none; }

section#CON4 .BOX	{ margin:0px 0 30px 0; }
#PRO h2 strong	{ width:100%; float:left; font-style:normal; font-size:15px; }
.BOX h2.H2_CONTENTS strong	{ width:100%; float:left; font-size:15px; line-height:1.5em; }
section.BG_B .BOX h2.H2_CONTENTS	{ float:right; text-align:center; }
section#CON1 .BOX	{ width:100%; float:left; clear:none; margin:0px 0 30px 0%; }
section.BG_W .IMAGE .PHOTO	{ width:100%; float:left; margin:0 0 0px 0; position:relative; z-index:10; display:none; }
section.BG_W .IMAGE .PHOTO_SP	{ width:100%; float:left; margin:0 0 0px 0; position:relative; z-index:10; display:block;}

section.BG_W .IMAGE	{ width:100%; float:right; margin:0px 0px 0px 0; position:relative; }
section.BG_W .BOX .TEXT	{ width:100%; float:left; clear:none; margin:0px 0% 0 0px; }
br.PC { display:none; }
section.BG_W .BOX .TEXT p { width:96%; float:left; clear:none; margin:0 0 0 2%; }
.BOX a	{ width:90%; height:50px; border:2px solid #1f4253; border-radius:25px; color:#1f4253; font-weight:bold; font-size:14px; line-height:50px; text-align:center; margin:20px 0 0px 5%; }
.BOX em.NM	{ float:right; color:#d8e7ee; font-style:italic; font-size:50px; font-family:arial; position:absolute; z-index:50; }

section#CON2 .BOX	{ width:100%; float:left; clear:none; margin:0px 0 20px 0; }
section.BG_B .IMAGE	{ width:100%; float:left; margin:0px 0px 0 0; position:relative; }
section.BG_B .IMAGE .PHOTO	{ width:100%; float:left; margin:0; position:relative; z-index:10; display:none; }
section.BG_B .IMAGE .PHOTO_SP	{ width:100%; float:left; margin:0; position:relative; z-index:10; display:block; }
section.BG_B .BOX .TEXT	{ width:100%; float:right; margin:0px 0 0 -0px; padding-bottom:30px; }

section#CON3 .BOX	{ width:100%; margin:0px 0 50px 0; }
section.BG_B .BOX	{ width:100%; float:left; clear:none; }
section#CON4 .IMAGE	{ width:100%; float:left; clear:none; margin:0; }

section.BG_B .BOX .TEXT p	{ width:96%; float:left; text-align:left; margin:10px 0 0 2%; }

#COM .OSAKA	{ width:100%; float:left; overflow:hidden; margin-top:0px; }

/*	COMPANY 会社案内*/ 
section.BG_W .BOX	{ width:100%; border:0px solid #c7b361; }

/*	おすすめ物件情報*/ 
#PRO { margin-top:30px; }
#PRO h2	{ font-style:italic; font-size:20px; }
.RECOM	{ width:96%; margin:20px 0 0 2%; float:left; }
.RECOM li { width:100%; float:left; clear:none; margin:0; }
.RECOM li a	{ width:99%; float:left; margin:0; background:#fff; color:#1f4253; }
.RECOM li a span	{ width:40%; height:auto; float:left; overflow:hidden; }
.RECOM li a img	{ width:90%; float:left; margin:0; }
.RECOM li a strong	{ width:60%; float:right; margin:5px 0 0 0; line-height:1.5em; font-weight:bold; font-size:15px; }
.RECOM li a p	{ width:60%; height:8em; float:left; margin:5px 0 0 0px; line-height:1.5em; }

a.MORE	{ width:90%; height:50px; float:left; margin:20px 0 20px 5%; border:2px solid #1f4253; border-radius:25px; color:#1f4253; font-weight:bold; font-size:14px; line-height:50px; text-align:center; }
a.MORE:hover	{ background:#d8e7ee; }
a.MORE:active	{ background:#d8e7ee; }
a.MORE img	{ width:5px; margin:0 0 0 10px; }

#COM .SHEET	{ width:100%; margin:0px 0 0 0x; padding:20px 0 20px 0; background:rgba(255,255,255,0.9); color:#1f4253; position:relative; top:0px; left:0%; }



/*	会社情報*/ 
#COM	{ width:100%; float:left; clear:none; position:relative; }
#COM .SHEET	{ width:100%; margin:0px 0 0 0; padding:0px 0 20px 0; background:rgba(255,255,255,0.9); color:#1f4253; position:relative; top:0px; left:0%; }
#COM .SHEET h2	{ font-style:italic; font-size:20px; }
#COM .SHEET h2 strong	{ width:100%; float:left; font-style:normal; font-size:15px; margin-top:0px; }
#COM .SHEET p	{ width:96%; float:left; margin:0; color:#4F4F4F; text-align:left; font-size:14px; line-height:2.5em; margin:0 0 0 2%; display:none; }
#COM .SHEET a.MORE	{ width:90%; margin:30px 0 0 5%;  }
#COM .OSAKA img	{display:none; }
#COM dl.DL_SP { width:90%; float:left; clear:none; display:block; margin:0 0 0 5%; }
#COM dl.DL_SP dt  { width:30%; float:left; clear:none; }
#COM dl.DL_SP dd  { width:70%; float:right; clear:none; }
#COM dl.DL_SP dd link { color:#000; }
#COM img.IMG_OSKA { width:100%; float:left; clear:none; display:block; margin:0 0 20px 0; }
#COM img.IMG_OSKA_SP { display:none; } 

.fadein { width:100%; float:left; clear:none; margin:0 0 0 0%; }
.LINK { width:100%; border-bottom:1px solid #78909c; border-top:1px solid #78909c;float:left; clear:none; position:relative; 
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
margin:0 0 20px 0%; border-radius:0px; 
}
.LINK img { width:100%; float:left; clear:none; }
.SHEET a.A_LINK { width:96%; float:left; clear:none; color:#1f4253; margin:0 0 0 2%; }
.LINK h3.H3_LINK_R { width:90%; float:left; clear:none; margin:0 5% 0 5%; text-align:center; }
.LINK h3.H3_LINK_R span { font-size:11px;  line-height:1.7em; margin-top:0px; float:left; clear:none; }


.LINK_L { width:100%; border-top:1px solid #78909c; border-bottom:1px solid #78909c; float:left; clear:none; position:relative; 
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
margin:0 0 20px 0%; border-radius:0px;  
}
.LINK_L h3.H3_LINK span { font-size:11px;  line-height:1.7em; }
.LINK_L h3.H3_LINK {width:90%;float:left;clear:none; margin:0 5% 0 5%; }
.SHEET h3 { width:100%; text-align:center; font-size:15px; color:#1f4253; margin:20px 0 10px 0; }


/*	カルーセルスライダー*/ 

.SLIDER_WRAP { width:100%;  }

#container { width: 100%; height:200px; text-align: center;  background:url(../img/ca_bar.png) no-repeat 0% 100%; }
#carousel { width: 90%; margin: 0 auto; height:200px; text-align: left; position: relative; background:#fff; padding:0 0px; }

#carousel_prev, #carousel_next { top:45px; width:15px; height:15px; float:left; display:inline; clear:none; background: #fff no-repeat 40% 50%; cursor: pointer; position: absolute; }
#carousel_prev { top:80px; left: -17px; background-image:url(../img/cue_l.gif); }
#carousel_next { top:80px; right: -17px; background-image:url(../img/cue_r.gif); }

#carousel ul li { width:100%; height:200px; float: left; display: inline; margin-top:0px;  }
#carousel ul li a { width:100%; height:200px; float: left; display: inline; margin-top:0px; }
#carousel ul li a img { width:33%; float: left; margin-top:18px; margin-right:2%; }
#carousel ul li a strong.ADRESS { width:63%; float:left; clear:none; font-size:12px; margin:20px 0 0 0px; color:#666360; font-weight:bold; }
#carousel ul li a p { width:62%; float:left; clear:none; font-size:12px; line-height:1.7em; color:#666360; }
#carousel ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
#carousel ul { display: inline-block; overflow: hidden; }


/* ---------- 以下がエフェクトに関するcssです。 ---------- */

.fadein { width:100%; float:left; clear:none; 
	opacity : 0.1;
	transform : translate(0px, 00px);
	transition : all50ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}

#effect2 .fadein:nth-of-type(2) {
	-moz-transition-delay:00ms;
	-webkit-transition-delay:00ms;
	-o-transition-delay:00ms;
	-ms-transition-delay:00ms;
	}
#effect2 .fadein:nth-of-type(3) {
	-moz-transition-delay:00ms;
	-webkit-transition-delay:00ms;
	-o-transition-delay:00ms;
	-ms-transition-delay:00ms;
	}
.fadein { display:none; }	
	
.DIV_SP { width:100%; float:left; clear:none; display:block; }	
.DIV_SP a { width:100%; margin:0 0 50px 0; float:left; clear:none; }
.DIV_SP img { width:100%; float:left; clear:none; margin:0 0 10px 0; }
.DIV_SP h3 { width:96%; float:left; clear:none; margin:0 0 0 2%; }
.DIV_SP h3 span { font-size:12px; }
.DIV_SP a:link { color:#1f4253; }
.DIV_SP a:visited { color:#1f4253; }
.DIV_SP a:hover { color:#1f4253; }
.DIV_SP a:active { color:#1f4253; }

.about { display:none; }
.SHEET { background:none; }

#anim { display:none; }

.TOP { display:none; }
img.TOP_SP { width:100%; float:left; clear:none; dispaly:block; }

#TOP span strong{ width:100%; float:left; margin:0; font-size:15px; line-height:2em; }
#TOP span{ width:100%; text-align:center; position:absolute; top:35%; left:0; z-index:30; }

section.BG_W	{ height:auto; background:#fff;  }
section.BG_B	{ height:auto; background:#eff5f8; }

#PAGE { padding-bottom:0; }



}