/*********************************************************************************************************************
/* PC専用のスタイル (min-width: 1025px)
*********************************************************************************************************************/
@media (min-width: 1025px) {
/*****************************************************************************/
@charset "utf-8";


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;o
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


body{
	color:#000000;
	/*font:100% verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ ProN" , sans-serif;*/
	line-height:1.5;
	-webkit-text-size-adjust: none;
	text-align:left;
 font-family: 'Noto Sans', 'Noto Sans JP', YuGothic, YuGothicM, "メイリオ", sans-serif;
}

@font-face {
	font-family: 'Sawarabi Mincho', sans-serif;
   /*-family: MyWebFont;
   src: url('../wf/みかちゃん.otf') format("opentype");*/
  /* src: url('../wf/07にくまるフォント.otf') format("opentype");*/
  /* src: url('../wf/uzura.ttf') format("truetype");*/
}

/*グーグルフォント*/
.wf-roundedmplus1p { font-family: "M PLUS Rounded 1p"; }
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }
.wf-hannari { font-family: "Hannari"; }
.wf-kokoro { font-family: "Kokoro"; }
.wf-kokoro { font-family: "Sawarabi Mincho"; }
.wf-kokoro { font-family: "Sawarabi Gothic"; }
.wf-notosansjapanese { font-family: "Noto Sans JP"; }



p,li,td,dt,dd {
	font-size: 100%;
	font-weight: normal;
	}
	
	
h1,h2,h3,h4{
	margin:0;
	padding:0;
	}

p,ul,ol,dl,blockquote,pre {
	margin-bottom: 1.0em;
	}
p{
	font-size:100%;
	line-height:1.7;
	text-align:left;
    }
hr	{
	clear: both;
	display: none;
	visibility: hidden;
	}
a:link		{
	color: #003277;
	text-decoration: none;
	}
a:visited	{
	color: #003277;
	text-decoration: none;
	}
a:hover		{
	color: #003277;
	text-decoration: none;
	}
a:active		{
	color: #003277;
	text-decoration: none;
	}
img	{
	border: none;
	}
form {
	margin: 0;
	}

a img:hover {
	opacity: 0.7;
	filter: alpha( opacity=70 );
	-ms-filter: "alpha( opacity=70 )";
	}


/*****************************************************************
pcNonespNone
*****************************************************************/
.pcNone {display:none; }
.spNone { display:block;}



/*****************************************************************
img
*****************************************************************/
img{
    max-width:100%;
	height:auto;
}



/*****************************************************************
margin set
*****************************************************************/
	
.ml1{margin-left:1%;}	
.ml2{margin-left:2%;}	

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}	

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}	



/*****************************************************************
align set
*****************************************************************/
.ac{text-align:center;}
.al{text-align:left;}	
.ar{text-align:right;}

/*****************************************************************
txt set
*****************************************************************/
.txt50{
    font-size:50%;
	font-weight:normal;
    letter-spacing: 0px;
}
.txt60{
    font-size:60%;
	font-weight:normal;
    letter-spacing: 0px;
}
.txt70{
    font-size:70%;
	font-weight:normal;
}

.txt80{
    font-size:80%;
	font-weight:normal;
}

.txt120{
    font-size:120%;
	font-weight:normal;
}

.txt140{
    font-size:140%;
	font-weight:bold;
    font-family: "M PLUS Rounded 1p", sans-serif;
}
   
.txt_r{
    color:#B1257D;
    font-weight: bold;
}    
/*****************************************************************
br
*****************************************************************/

/*スマホサイトのみ改行*/
.br-sp { display:none; }

/*****************************************************************
h 
*****************************************************************/
h1{
	font-size:1.7em;
    line-height: 1.1;
    font-family: "M PLUS Rounded 1p", sans-serif;
    color:#000000;
    letter-spacing: 6px;
    margin: 0px 0 15px 0;
    padding: 0 0 15px 0;
	}	
h2{
	font-size:1.7em;
    line-height: 1.1;
    font-family: "M PLUS Rounded 1p", sans-serif;
    color:#214183;
    letter-spacing: 6px;
    margin: 0px 0 15px 0;
    padding: 0 0 15px 0;
	text-align: center;
	}
    
    .line{text-decoration:#555555 underline 1px solid;
    text-underline-offset: 0.3em;
    margin: 20px 0 0;
	}
    .eng{
	font-size:0.9em;
    line-height: 1.1;
    font-family: "M PLUS Rounded 1p", sans-serif;
    color:#666666;
    letter-spacing: 4px;
    margin: 0px 0 15px 0;
    padding: 0 0 0 0;
    text-align:center; 
	}
    .bd_l{
    margin: 0 0 0;
    padding: 0.25em 0.5em;
  color: #1B61A7;
  background: transparent;
  border-left: solid 5px #1B61A7;
  background: #D5F1FF;
  border-radius:0px;
	}
    
    
h3{
	margin:20px 0 10px 0;
	padding: 0 0 10px 20px;
	font-size:1.3em;
    letter-spacing: 2px;
    color:#1B61A7;
    font-family: "M PLUS Rounded 1p", sans-serif;
    border-bottom: #1B61A7 1px dashed;
	}
	
    
.tit_top{
	font-size:1.4em;
    line-height: 1.1;
    font-family: 'Sawarabi Mincho', sans-serif;
    color:#000000;
    letter-spacing: 6px;
    margin:10px 0 15px 0;
    padding: 0 0 15px 0;
	}    
    
/*****************************************************************
 Clear fix
*****************************************************************/
.clfix {display: block;}
.clearLeft { clear: left; }




/*****************************************************************
wrapper
*****************************************************************/
#Wrapper{
　　width:100%;
　　margin:0;
　　padding:0;
}
.Wrapperinner{
　　width:100%;
    margin:0 ;
　　padding:0 ;
}

/****************************************************************
gridWrapper
*****************************************************************/
.gridWrapper{
	width:100%;
	margin:0 auto;
	padding:0 ;
	text-align:center;
}
* html .gridWrapper{height:1%;}

.gridWrapperinner{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	}
	
/*****************************************************************
.fade-up 
*****************************************************************/
.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
	}
/*****************************************************************
.down-to-top
*****************************************************************/
.down-to-top {
  opacity: 0.1;
  transform: translateY(20px);
  transition: all 1s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}
/*****************************************************************
.page-top 
*****************************************************************/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 20px;
    padding: 6px 0 0 0;
    color: #000000;
    text-align: center;
    background-color: #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	}
/*****************************************************************
nav
*****************************************************************/
nav.globalMenuSp {
    width: 100%;
    margin:20px auto 20px;
	padding:0px 0 ;
	color:#000;
    background:#fff;
    overflow: hidden;
	    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
 
nav.globalMenuSp ul {
    width: 90%;/*960px*/
    margin:  0 0 0;
	padding:0 5%;
}
 
nav.globalMenuSp ul li {
	width:17.8%;
	margin:0  0 0 ;
	padding:0px 1%;
	font-size:0.95em;
    font-weight: bold;
	line-height:1.6;
    letter-spacing:3px;
	/*position: relative;*/
    float: left;
    text-align:center;
    transition: .4s;
    /*background: #1B61A7;
    border-radius: 5px;*/
    color: #000;
    border-left: 1px solid #ccc;
}
nav.globalMenuSp ul li:last-child {
	margin:0 0 0 0 ;
    border-right: 1px solid;
}


 .bg_contact {
   /* background: #F0BA71;*/
}
 .bg_res {
    /*background: #EB9B5A;*/
}
 a.bg_contact {
    color:#000;
} 
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {

}
 
nav.globalMenuSp ul li a {
    display: block;
    padding: 0.2em 0;
	color:#000;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}


nav .txt_menu_w{
	font-size:45%;
	color:#333;
	margin: 10px 0 0;
	padding:0 0 0;
    letter-spacing:1px;
	font-weight: normal;
}



nav.globalMenuSp ul li:hover{
	opacity:0.6;
}

.blue_line{
    width:100%;
    margin: 0;
    padding:3px 0;
    background:#1B61A7;
 } 
 .blue_line_inner{
  width: 90%;
      margin: 0 5%;
	color: #fff;
	font-size: 0.85em;
 } 

/*****************************************************************
.breadcrumbs 
*****************************************************************/
.breadarea{
    width:100%;
    margin: 5px 0 0;
    padding:10px 0;
    background:#eee;
	color: #000;
	font-size: 0.9em;
	border-radius: 5px;
 } 
.breadarea_inner{
    width:90%;
    margin: 0 5%;
    padding: 0;
    } 
 

.breadcrumbs{
    text-align: left;
    font-size: 0.8em;
    margin:0px 0px;
 }    
.breadcrumbs li:first-child {
	margin-left:0;
	padding-left: 0;
}   
.breadcrumbs li::after{
  content: '/';  
  padding: 0 10px;    
}    
 .breadcrumbs li:last-child::after{
  display: none;  
}   
.breadcrumbs li {
	display: inline-block;	
	content: '/';
    list-style: none;
}

/*****************************************************************
top
*****************************************************************/
.top{
	width:100%;
	margin:0 auto 0;
	padding:  0 ;
	color:#000;
	z-index:100;
	    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    
}
.topinner{
	width:90%;
	margin:0 5%;
	padding:0  ;
}



.top_gird02_all{
	width:100%;
	margin:0 0%;
	paddig:0;
    background: #784B4C;
}

.top_gird02_logo{
	width:42%;/*45%*/
	margin:0 15% 0 0;
	paddig:0 0 0;
	float:left;
	text-align:left;
    overflow:hidden;
}
	.top_gird02_logo img{
    margin: 10px 0 0 ;
	max-width:70%;
	height:auto;
    text-align: left;
}

.top_gird02_txt{
	width:43%;/*40%*/
	margin:10px 0 0 0;
	paddig:0 0 0 0;
	float:right;
	text-align:left;
	font-size: 0.95em;
	   /* font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}
.top_gird02_tx{
	margin:0 10px 0 0;
	padding: 1px 0;
    float:left;
}
.top_gird02_wel{
    font-size:0.8em;
    line-height: 0.8em;
    letter-spacing: 3px;
    margin: 5px 0;
    padding: 5px 0;
    background: #599DE1;
    color:#fff;
    border-radius:50px;
    text-align: center;
}

.tel{
	color:#214183;
    font-size:1.8em;
    line-height: 0.9em;
    letter-spacing: 1px;
    margin: 3px 0 0 0;
    padding: 0;
    font-family: 'Archivo Black', sans-serif;
    font-weight: bold;
}
.tel_s{
    font-size:1.2em;
    line-height: 0.9em;
    margin: 0;
    padding: 0;
    font-family: 'Archivo Black', sans-serif;
    font-weight: bold;
}

.tel_access{
	color:#B1257D;
    font-size:1.4em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    font-family: 'Archivo Black', sans-serif;
}
.tel_s_access{
    font-size:1.4em;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    font-family: 'Archivo Black', sans-serif;
    font-weight: bold;
}
.tel_txt{
	font-size:0.5em;
    font-weight: nomal;
    letter-spacing: 0;
	color:#000;
	  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.tel_s_txt{
	font-size:0.54em;
}
.top_tel_bg{
    color:#214183;
	background: #CBD8F1;
	border-radius: 5px;
	padding: 5px 8px;
	font-size: 0.8em;
	letter-spacing: 1px;
}
/*****************************************************************
fade
*****************************************************************/
.fade{
    margin:0;
	padding:20px 0;
    animation: fadeIn 0.2s ease 0.3s 1 normal;
}






/*****************************************************************
grid set
***************************************************************/
.gridall{
    width:100%;
    margin: 0;
	padding:0;
}
    .bg_w{
    background: #FFFFFF;
}  
    .bg_grey{
    background:#EBEBEB;
}


.gridall img{
    max-width:100%;
	height:auto;
}


.gridall_inner{
    width:90%;
    margin: 0 5%;
	padding:0;
}


/*****************************************************************
footer
*****************************************************************/
.footer_grid{
	color:#fff;
	text-align:center;
	background:#214183;
    width: 100%;
	margin:0px 0 0 0;
    padding:20px 0 ;
    font-size: 0.9em;
}


.footer_inner{
    width: 90%;
	margin:0;
    padding:0 5%;
    overflow:hidden;
}
.footer_inner_logo{
    width: 28%;
	margin:0 2% 0 0 ;
    padding:20px 0 ;
    float: left;
}
  .footer_inner_logo img{
    max-width: 80%;
    height: auto;
}

.footer_inner_txt{
    width:70%;
	margin:0 ;
    padding:0;
    text-align: left;
    float: left;
}      
.footer_grid a{
	color:#fff;
}


/*****************************************************************
mainimage　ページ一番上画像
*****************************************************************/
.mainimage img {/**/
	width: 100%;
    height:auto;
	position:relative;
}	
	.mainimage_txt{
	position:absolute;
	top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-align:center;
	font-size:2.0em;
    line-height: 1.2;    
	letter-spacing:5px;
	color:#ffffff;
    font-weight:800px;
    font-family: "Shippori Mincho B1", sans-serif;    
    font-family: ', sans-serif;
    /*text-shadow:1px 0 5px white;*/
	}



/*****************************************************************
トップページ　新規分譲
*****************************************************************/ /*top_new02**********************/
ul.top_new02{
	width:100%;
	margin: 0;
	padding:20px 0 20px 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}

ul.top_new02 li.top_new02_ph{
	width:33%;
	margin: 0 2% 0 0 ;
	padding:0;
	float:left;
    text-align:center;
	}

ul.top_new02 li.top_new02_txt{
	width:65%;
	margin: 0 0 ;
	padding:0 0;
	float:left;
    text-align: left;
	}
	.top_new02_tit img{
	max-width: 100%;
	height: auto;
    text-align: center;
	}
	.top_new02_tit01{
	margin: 0 0 ;
	padding:0 0;
	font-size: 1.4em;
	font-family: 'Sawarabi Mincho', sans-serif;
	}
    .top_new02_tit02{
	margin: 0 0 ;
	padding:0 0;
	font-size: 1.8em;
	letter-spacing: 3px;
	font-family: 'Sawarabi Mincho', sans-serif;
	} 


/*top_new_merit05**********************/
ul.top_new_merit05{
	width:100%;
	margin:10px 0 0px 0;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}

ul.top_new_merit05 li.top_new_merit05_txt{
    width:15.0%;
	margin: 0 0.4% 30px 0;
	padding:7px 0.6%;
    text-align: left;
    font-size: 0.65em;
    line-height: 1.3;
    /*border: 1px solid #666666;*/
    background:#12588B;
    border-radius: 3px;
    letter-spacing: 1px;
	color:#FFFFFF;
	font-family: 'Sawarabi Mincho', sans-serif;
	}
ul.top_new_merit05 li a{
    display: block;
    height: 100%;
    width: 100%
}


/*page_new_merit05**********************/
ul.page_new_merit05{
	width:100%;
	margin:25px 0 0px 0;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}

ul.page_new_merit05 li.page_new_merit05_txt{
    width:15.3%;
	margin: 0 0.7% 30px 0;
	padding:15px 0.3%;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.4;
    /*border: 1px solid #666666;*/
    background:#12588B;
    border-radius: 3px;
    letter-spacing:0px;
	color:#FFFFFF;
	font-family: 'Sawarabi Mincho', sans-serif;
	}
ul.page_new_merit05 li a{
    display: block;
    height: 100%;
    width: 100%
}


/*youtube**********************/
ul.youtube02{
	width:90%;
	margin:15px 5% 15px ;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
	background: #EFEFEF;
}

ul.youtube02 li.youtube02_ph{
    width:46%;
	margin: 0 2% 0px 0;
	padding:2%;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.3;
    /*border: 1px solid #666666;*/
    border-radius: 3px;
    letter-spacing: 1px;
	color:#FFFFFF;
	font-family: 'Sawarabi Mincho', sans-serif;
	}
ul.youtube02 li.youtube02_txt{
    width:44%;
	margin: 0;
	padding:2%;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.3;
    /*border: 1px solid #666666;*/
    border-radius: 3px;
    letter-spacing: 1px;
	color:#000;
	/*font-family: 'Sawarabi Mincho', sans-serif; */
	}
.tit_youtubename{
margin:0px 0  20px 0;
 font-size: 1.4em;
 color:#214183;
 letter-spacing: 1px;
 font-weight: 500;
 text-align: left;
} 

.grid_youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.grid_youtube iframe {
  width: 100%;
  height: 100%;
}


/*****************************************************************
トップページ　物件
*****************************************************************/
/*top_grid02**********************/
ul.top_grid02{
	width:100%;
	margin:20px 0 20px 0;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}

ul.top_grid02 li{
	width:49%;
	margin: 0 0.5%  20px 0.5% ;
	padding:0;
	float:left;
    text-align:center;
	}

ul.top_grid02 li:last-child{
	width:49%;
	margin: 0 0.5%  20px 0.5% ;
	padding:0 0;
	float:left;
    text-align: left;
	}

ul.top_grid02 li img{
  max-width: 100%;
  height: auto;
  border-radius: 3px;
  margin: 0 0 10px 0;
	}

.ph_novacancy{
  position: relative;
  display:table;
}
.novacancy {
  position: absolute;
    background-color: rgba(0,0,0,0.80);
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 20%;
    text-align: center;
    font-size: 1.1em;
    padding: 5px 0;
	color:#fff;
	font-weight: bold;
	letter-spacing: 10px;
}
    .ico_novacancy {
    background-color:#C3C3C3;
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 20%;
    text-align: center;
    font-size: 0.7em;
	margin:0  0 0 10px;
    padding: 4px 20px;
	color:#000;
	font-weight: bold;
	letter-spacing: 10px;
}
.ico_new {
    background-color:#FD0004;
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 20%;
    text-align: center;
    font-size: 0.7em;
	margin:0  0 0 10px;
    padding: 4px 20px;
	font-weight: bold;
	letter-spacing: 10px;
}
.new {
  position: absolute;
    background-color: rgba(255,0,0,0.80);
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 20%;
    text-align: center;
    font-size: 1.1em;
    padding: 5px 0;
	color:#fff;
	font-weight: bold;
	letter-spacing: 1px;
}
.new_open {
  position: absolute;
    background-color: rgba(255,121,0,0.80);
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 40%;
    text-align: center;
    font-size: 1.1em;
    padding: 5px 0;
	color:#fff;
	font-weight: bold;
	letter-spacing: 3px;
}
.new_open_red {
  position: absolute;
    background-color: rgba(255,0,0,0.80);
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 60%;
    text-align: center;
    font-size: 1.1em;
    padding:5px 0;
	color:#fff;
	font-weight: bold;
	letter-spacing: 2px;
}
/*tbl_rooms**********************/
 .tbl_rooms{
  width: 100%;
  margin: 10px 0 10px;
  border-spacing: 0;
}
.tbl_rooms tr{
  padding: 1px 0;
} 


.tbl_rooms th{
  padding:1% 2%;
  width: 18%;
  font-size: 0.85em;
  text-align: left;
  color:#111;
  /*background: #F9F4E8;
  border-radius: 3px;*/
  border-bottom: solid 1px #ddd;
  }

.tbl_rooms td{
  border-bottom: solid 1px #ddd;
  text-align: left;
  padding: 2%; 
  color:#000;
    font-size: 0.9em;
} 
.tit_manshionname{
margin:0px 0  0px 0;
 font-size: 1.2em;
 color:#214183;
 letter-spacing: 1px;
 font-weight: 500;
 text-align: left;
 padding-left: 10px;
 border-left: solid 4px;
} 
.tit_manshionname_txt{
margin:10px 0  0px 0;
 font-size: 0.9em;
 color:#000;
 text-align: left;
 padding-left: 10px;
} 
.tit_estate_toptxt{
margin:0px 0  0px 0;
 font-size: 1.0em;
 line-height: 1.3;
 color:#000;
 font-weight: 700;
 text-align: left;
} 	



/*****************************************************************
賃貸物件ページ
*****************************************************************/
/*rental_grid03**********************/
ul.rental_grid03{
	width:100%;
	margin:20px 0 20px 0;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}

ul.rental_grid03 li{
	width:32%;
	margin: 0 0.5%  20px 0.5% ;
	padding:0;
	float:left;
    text-align:center;
	}

ul.rental_grid03 li:last-child{
	width:32%;
	margin: 0 0.5%  20px 0.5% ;
	padding:0 0;
	float:left;
    text-align: left;
	}

ul.rental_grid03 li img{
  max-width: 100%;
  height: auto;
  border-radius: 3px;
  margin: 0 0 10px 0;
	}
.rental_novacancy {
  position: absolute;
    background-color: rgba(0,0,51,0.80);
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 20%;
    text-align: center;
    font-size: 1.0em;
    padding: 2px 0;
	color:#fff;
	font-weight: bold;
	letter-spacing: 4px;
}
.rental_new {
  position: absolute;
    background-color: rgba(255,0,0,0.80);
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 20%;
    text-align: center;
    font-size: 1.0em;
    padding: 7px 0;
	color:#fff;
	font-weight: bold;
	letter-spacing: 1px;
}
.rental_new_open {
  position: absolute;
    background-color: rgba(255,121,0,0.80);
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 30%;
    text-align: center;
    font-size: 1.0em;
    padding: 7px 0;
	color:#fff;
	font-weight: bold;
	letter-spacing: 3px;
}
.rental_new_open_red {
  position: absolute;
    background-color: rgba(255,0,0,0.80);
    color: #FFF;
    top: 3%;
	left: 2%;
    width: 40%;
    text-align: center;
    font-size:0.8em;
    padding: 7px 0;
	color:#fff;
	font-weight: bold;
	letter-spacing: 1px;
}	
	
/*****************************************************************
btn
*****************************************************************/ 
.btn_det,
a.btn_det,
button.btn_det {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 7px 8%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  background: #042C4D;
  border-radius: 100vh;
  float: right;
}
.btn-border {
  border-radius: 0;
  background: #fff;
}

a.btn-border:hover {
  color: #fff;
  background:#0961A8;
}  




/*****************************************************************
access
*****************************************************************/

/*access_grid02**********************/
ul.access_grid02{
	width:100%;
	margin:20px 0 20px 0;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}

ul.access_grid02 li{
	width:54%;
	margin: 0 0 20px 0;
	padding:0;
	float:left;
    text-align:center;
	}

ul.access_grid02 li:last-child{
	width:40%;
	margin: 0 0 0 0;
	padding:0 3%;
	float:left;
    text-align: left;
	}


.aceess_grid02_tit{
    width:100%;
    margin: 0px 0 30px 0;
    padding:12% 0%;
    /*color:#FFFFFF;
    background: #000000;
        border: 1px solid;*/
    text-align: center;
    font-size:1.4em;
    font-weight: bold;
    letter-spacing: 6px;
    line-height: 2.8em;
    font-family: 'Sawarabi Mincho', sans-serif;
    }

table.access{
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

table.access tr{
  border-collapse: collapse;
}

table.access th{
  color:#333;	
  border-bottom: solid 1px #999;
  border-collapse: collapse;
  margin:0 0 0 0;
  padding: 15px;
  width:22%;
}
table.access td{
  border-bottom: solid 1px #ddd;
  
  text-align: left;
  padding: 15px;
}




/*背景　斜線******************/
.bg_box_blue{
    padding: 20px 0 20px;
    margin: 0;
    background: -webkit-repeating-linear-gradient(-45deg, #F4F4F4, #F4F4F4 3px,#fff 3px, #fff 7px);
    background: repeating-linear-gradient(-45deg, #F4F4F4, #F4F4F4 3px,#fff 3px, #fff 7px);
}


.bg_box_photo {
	position: relative;
    clear: both;
}

.bg_box_photo::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border-image-source: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(0 0 0 / 0) 0, rgba(0 0 0 / 0) 6px);
	border-image-slice: 20;
	border-image-repeat: round;
	border-style: solid;
	border-width: 20px;
}


/*****************************************************************
分譲マンション
*****************************************************************/

/*estate_grid04**********************/
ul.estate_grid04{
	width:100%;
	margin:20px 0% 10px;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}

ul.estate_grid04 li.estate_grid04_txt{
	width:24%;
	margin: 0 1% 20px 0;
	padding:1% 0 ;
	text-align: center;
    position: relative;
    color:#445A8A;
    font-size: 0.8em;
	}

ul.estate_grid04 li img{
max-width:800px;
height: auto;
	}
	
.tit_estate_manshionname{
margin:0px 0  0px 0;
 font-size: 1.6em;
 color:#214183;
 letter-spacing: 3px;
 font-weight: 700;
 text-align: left;
 padding-left: 10px;
 border-left: solid 4px;
} 
.tit_estate_toptxt{
margin:0px 0  0px 0;
 font-size: 1.25em;
 line-height: 1.6;
 color:#000;
 font-weight: 700;
 text-align: left;
} 	


/*tbl_estate**********************/

.tbl_estate_tit{
  font-size: 1.1em;
  border-bottom: 2px solid #ccc;
  font-weight: bold;
  margin: 40px 0 20px 0;
  padding: 0 0 5px 0;
  color: #214183;
  letter-spacing: 3px;
}

 .tbl_estate{
  width: 100%;
  margin: 10px 0 10px;
  border-spacing: 0;
}
.tbl_estate tr{
  padding: 1px 0;

} 
.tbl_estate th{
  padding:8px 1%; 
  width: 20%;
  font-size: 0.85em;
  text-align: left;
  color:#111;
  background: #eee;
  border-radius: 3px;
  border-bottom: solid 1px #fff;
  }

.tbl_estate td{
  border-bottom: solid 1px #ddd;
  text-align: left;
  padding:8px 1%; 
  color:#000;
    font-size: 0.9em;
} 
.tbl_estate_price{
	/*color:#E30003;*/
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 2px;
} 

ol.estate_att{  
    width: 98%;
	margin: 10px 1% 30px;
    padding: 0;
}
ol.estate_att li{
	text-align: left;
    list-style:none;
    font-size: 1em;
    line-height: 1.4;
    padding-left:20px;
    margin: 0 0 20px 0;
}


ul.estate_box{
 display: flex;
}
ul.estate_box li{
  list-style: none;
	text-align:center;
    list-style:none;
    padding:10px 12px;
    margin: 0 5px 0  0;
    /*border: 1px solid #ccc;*/
    border-radius: 5px;
    background: #C9E4FC;
}

.estate_grid01{
	width:100%;
	margin:0px 0% 10px;
	padding:0;
}

/*間取り**********************/
ul.layout_grid03{
	width:100%;
	margin:20px 0% 10px;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}

ul.layout_grid03 li.layout_grid03_ph{
	width:33%;
	margin: 0 1% 20px 0;
	padding:1% 0 ;
	text-align: center;
    position: relative;
    color:#445A8A;
    font-size: 0.8em;
	}

/* 画像を拡大 */
.expansion-img {
  cursor: pointer;
  max-width:800px;
  width: 100%;
}
.expansion-img img {
  height: auto;
  transition: transform .6s ease;/* ゆっくり変化させる */
  width: 100%;
}
.expansion-img:hover img {
  transform: scale(1.1);/* 拡大 */
}

/*map**********************/
ul.map_grid02{
	width:100%;
	margin:20px 0% 10px;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}

ul.map_grid02 li.map_grid02_ph{
	width:46.5%;	margin: 0 2% 20px 0;
	padding:1% ;
	text-align: center;
    position: relative;
    color:#445A8A;
    font-size: 0.8em;
	border: #E2E2E2 1px solid;
	border-radius: 3px;
	}
	ul.map_grid02 li.map_grid02_ph:last-child{
	width:46.5%;
	margin: 0 0% 20px 0;
	padding: 1%;
	border: #E2E2E2 1px solid;
	border-radius: 3px;
	}
	
/*価格**********************/	
	.price_ph img{
	max-width: 70%;
	height: auto;
	text-align: center;
	}
	

/*****************************************************************
会社案内
*****************************************************************/

/*tbl_company**********************/
 .tbl_company{
  width: 90%;
  margin: 10px 5% 20px;
  border-spacing: 0;
}
.tbl_company tr{
  padding: 1px 0;
} 
.tbl_company th{
  padding:1% 2%;
  width: 25%;
  font-size: 0.85em;
  text-align: left;
  color:#111;
  background: #eee;
  border-radius: 3px;
 border-bottom: solid 1px #fff;
  }

.tbl_company td{
  border-bottom: solid 1px #ddd;
  text-align: left;
  padding: 2%; 
  color:#000;
    font-size: 0.9em;
} 


/*****************************************************************
お問い合わせ　form-tbl
****************************************************************/
.form-tbl{
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

.form-tbl th,
.form-tbl td{
	padding: 13px;
	font-size: 1.0em;
	border: 1px solid #fff;
	border-radius:0px;
}

.form-tbl th.form-header{
	background: #999;
	text-align: center;
	color: #fff;
}
 .form-tbl .td01{
     background: rgb(243, 243, 243);
     
}
.form-tbl .td02{
	background: rgb(233, 233, 233);
     border-radius: 5px;
    color:#000000;
} 

.form-btn-wrapper {
	margin: 10px 0 0 0;
	font-size: 12px;
	text-align: center;
} 
	

}