@charset "UTF-8";/* ====================================
reset
==================================== */
/* html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}html{overflow-y:scroll;}blockquote,q{quotes:none;}blockquote:before,blockquote:after{content:"";content:none;}q:before,q:after{content:"";content:none;}input,textarea{margin:0;padding:0;}ol,ul{list-style:none;} */
/* table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}a:focus{outline:none;}.blue{color:#0d3764;}.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}img{vertical-align:top;}a{color:inherit;text-decoration:none;} */
/* ====================================
common
==================================== */
/* body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin:0;padding:0;}#container{width:100%;overflow:hidden;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb60{margin-bottom:60px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.mt10{margin-top:10px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}.mt60{margin-top:60px !important;}.mt70{margin-top:70px !important;}.mt80{margin-top:80px !important;}.mr10{margin-right:10px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.ml40{margin-left:40px !important;}.ml20{margin-left:20px !important;} */
/* .floatL{ float:left;}.floatR{ float:right;}.txtL{ text-align:left}.txtR{ text-align:right}.txtC{ text-align:center}.txt12{ font-size:12px;} */

.fontM{ font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-weight: 700; fotransform: rotate(.03deg);-webkit-transform: rotate(.03deg);font-size:14px;}
.fontM,.min{ font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;-webkit-transform: rotate(0.03deg);-ms-transform: rotate(0.03deg);transform: rotate(0.03deg);}
.fontM{font-family: 'Noto Serif JP', serif;font-weight: 400; foline-height: 1.4em}

/*【タブレット縦以上】*/
/* @media screen and (min-width: 769px) {
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
}

a:hover img {filter:Alpha(opacity=60);	opacity:0.60; }
img{ vertical-align:bottom;}
.bttop{ text-align:right; padding-top:50px;}
.padTB20{ padding:20px 0}
.padT20{ padding-top: 20px}
.padB20{padding-bottom: 20px}
.font10{ font-size:77%}
.font20{ font-size:154%}
.pt5{padding-top: 5px}
.mt15{margin-top: 15px}
.mt37{margin-top: 37px}
.mt25{margin-top: 24px}
.floatL{float: left}
.floatR{float: right}
.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;} */

/*PC独自設定*/
/* @media screen and (min-width:768px){ 
.sp{display:none !important;}
} */
/*スマホ対応*/
/* @media screen and (max-width:767px){
.pc{display:none !important;}
} */

.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;-webkit-justify-content: space-around;}
/*col*/
.col1{width:100%;}.col2{width:48%;}.col3{width:32%;}.col3_2{width:64%;}.col4{width:22.5%;}.col5{width:18.4%;}.col6{width:15%;}.col4_3{width: 76%}.col42{width:42%;}.vaC{align-items: center;}.vaB{align-items: baseline;}
/* 下階層メインイメージエリア */
.pages_main_image{overflow:hidden;text-align: center; width:100%;height:250px;text-align:center;margin:0;padding:0;position:relative;}.pages_main_image .inner{position:relative;width:1200px;margin:0 auto;}.pages_main_image .inner .image{position:relative;margin-left:-360px;z-index:0;}.pages_main_image .inner .text_content{position:absolute;text-align:left;}.pages_main_image .breadcrumb{width:1200px;margin:0 auto;color:#FFF;font-size:11px;text-align:left;padding:8px 0 0 0;position:absolute;top:0;left:0;right:0;}.pages_main_image .breadcrumb a{padding-bottom:1px;border-bottom:1px solid #FFF;color: #fff!important;}
.pages_main_image .breadcrumb.black{color: #000}.pages_main_image .breadcrumb.black a{border-bottom:1px solid #000;color: #000!important}
/* 下階層メインイメージなし ページタイトル */
.pages_main_title .inner{position:relative;max-width:1200px;margin:0 auto;text-align:center;padding:53px 0 35px;}.pages_main_title .breadcrumb{max-width:1200px;margin:0 auto;color:#fff;font-size:11px;text-align:left;padding:8px 0 0 0;position:absolute;top:0;left:0;right:0;}.pages_main_title .breadcrumb a{padding-bottom:1px;	color:#fff;border-bottom:1px solid #fff;}
.pages_main_title .breadcrumb.black{color: #000}.pages_main_title .breadcrumb.black a{border-bottom:1px solid #000;color: #000}

/* 下階層 注釈エリア */
/* #annotation_area{background:#f7f4ee;width:100%;font-size:11px;line-height:15px;padding:30px 0 25px;}#annotation_inner{max-width:1200px;margin:0 auto;}#annotation_inner .ind{margin-left:1em;margin-bottom:10px;text-indent:-1em;}
.body_area_inner{width: 1200px;margin: auto}
.w960{ width:960px; margin:auto;position:relative;}
.w760{ width:760px; margin:auto;position:relative;overflow:hidden }
.print_only{ display:none} */

/*スマホ対応*/
/* @media screen and (max-width:767px){
.body_area_inner{width: 96%;margin: auto}
.pages_main_image{height:auto;}
.pages_main_image .inner{ width:100%;}
} */

/*順番入れ替え*/
#wrap{display:-webkit-box;display: -webkit-flex;display:-ms-flexbox;display: flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
main{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
footer{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
h1{-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;display: block; text-align: center; width: 100%; margin-block: 2rem !important;}
#common_footer_area{-webkit-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4;}

/* @media screen{

#container{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#footer_contents_menu_area{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#annotation_area{-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;}
#box_kodate_bukken{-webkit-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4;}
#footer_navi_area{-webkit-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5;}
#top_footer_banner_area{-webkit-box-ordinal-group:7;-ms-flex-order:7;-webkit-order:7;order:7;}
#common_footer_area,
#footer{-webkit-box-ordinal-group:8;-ms-flex-order:8;-webkit-order:8;order:8;}
} */
/* h1{text-align: center;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 20px 0;font-size: 14px;letter-spacing: 0.1em;text-indent: 0.1em;width:100%;} */
/*スマホ対応*/
/* @media screen and (max-width:767px){
h1{font-size: 12px;padding: 10px;}
} */
@media print{
h1{text-align: left;border-top: none;padding: 0;}
}

@media print,screen and (min-width:768px){ /*PC独自設定*/
.tel_Link{pointer-events: none;}
.sp{display:none !important;}
/* ---------------------------------------------------------------------
 * ヘッダー
 * --------------------------------------------------------------------- */
/* body{min-width:960px;}
#header{width:100%; height:118px; text-align:center;position:fixed;left:0;top:0;z-index:100;background:#fff;}
#container{padding-top:118px;}

#header_box{max-width:1200px;min-width:960px;height:118px;margin:0 auto;position:relative;}

#logo{position:absolute;left:0;top:19px;text-align: left;}
#logo img{width: 400px;}
#logo:hover{-ms-filter:"alpha( opacity=80 )";filter:alpha(opacity=80);opacity:0.8;}
#hbt{position: absolute;top: 12px;right: 0}
#hbt li{margin-left:20px;letter-spacing: 0.1em;}
#hbt li a{display: block}
#hbt li a:hover{color: #b59032;}
#hbt li.st1{font-size: 12px;position: relative; display: inline-block;padding-right: 10px;}
#hbt li.st1 a::after{position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;right: 3px;width: 4px;height: 4px;border-top: 1px solid #000;border-right: 1px solid #000;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
#hbt li.st2{margin-left: 30px}
#hbt li.st2 a{background: #982124;color: #fff;padding: 12px 0px;text-align: center;width: 250px;border: 2px solid #982124;  -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;  -moz-box-shadow:0px 0px 0px 1px #ffffff inset;  box-shadow:0px 0px 0px 1px #ffffff inset;  display: block;  position:relative;  -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;  -o-transition: 0.3s ease-out;  transition: 0.3s ease-out;}
#hbt li.st2 a:hover{background: #42010f}
#hbt li.st3{margin-left: 30px}
#hbt li.st3 a{background: #4c4f71;color: #fff;padding: 12px 0px;text-align: center;width: 250px;border: 2px solid #4c4f71;  -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;  -moz-box-shadow:0px 0px 0px 1px #ffffff inset;  box-shadow:0px 0px 0px 1px #ffffff inset;  display: block;  position:relative;  -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;  -o-transition: 0.3s ease-out;  transition: 0.3s ease-out;}
#hbt li.st3 a:hover{background: #6f738e} */


/* ---------------------------------------------------------------------
 * グローバルメニュー
 * --------------------------------------------------------------------- */
/* #global{position:absolute;width: 100%;min-width: 1200px; bottom:0px;left:0;background: #FFF;}
#global_list{width: 1200px;margin:0 auto;background: url("../images/common/gnav_line.png") no-repeat left center;
display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;
justify-content: space-between;-webkit-justify-content: space-between;}
#global_list>li{margin:0;position:relative;text-align: center; font-size: 13px;line-height: 1.3em;vertical-align: middle;color: #333;letter-spacing: 0.1em;text-indent: 0.1em;
background: url("../images/common/gnav_line.png") no-repeat right center;flex-grow: 2;flex-shrink: 0; padding: 0;}
#global_list>li.close{pointer-events:none;-ms-filter:"alpha( opacity=50 )";filter:alpha(opacity=50);opacity:0.5;}
#global_list>li.new:after{content:"";width:27px;height:13px;background:url(../images/common/gnav_ico_new.png) no-repeat 0 0;position:absolute;top:-3px;right:50px;z-index:1;pointer-events:none;}
#global_list>li.menber:before{content:"";width:33px;height:30px;background:url(../images/common/gnav_ico_menber.png) no-repeat 0 0;position:absolute;top:8px;left:10px;z-index:1;pointer-events:none;}
#global_list>li.menber{padding-left: 20px}
#global_list>li a{display: inline-block;position: relative; color: #333;padding: 12px 0;}
#global_list>li>a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
#global_list>li>a:hover::after {
  transform: scale(1, 1);
}
#global_list>li>a:hover{color: #000}
#toppage #global_list li#globalnav01 a,
#conceptpage #global_list li#globalnav02 a,
#locationpage #global_list li#globalnav03 a,
#planpage #global_list li#globalnav04 a,
#zehpage #global_list li#globalnav07 a,
#housingqualitypage #global_list li#globalnav08 a,
#equipmentpage #global_list li#globalnav05 a{

color:#000;
border-bottom: 3px solid #333
}
} */

}
/* ---------------------------------------------------------------------
/*物件別フッターメニューエリア*/
/* --------------------------------------------------------------------- */
#footer_contents_menu_area{ width: 100%; overflow: hidden; padding: 40px 0;}
#footer_contents_menu_area ul{ width: 1200px; margin: 0 auto;}
#footer_contents_menu_area ul li { width: 240px; height: 214px; background-color: #888;}
#footer_contents_menu_area ul li:nth-child(1){background: url("../images/common/footer_menu01.jpg") no-repeat center top; background-size: cover;}
#footer_contents_menu_area ul li:nth-child(2){background: url("../images/common/footer_menu02.jpg") no-repeat center top; background-size: cover;}

#footer_contents_menu_area ul li:nth-child(3){background: url("../images/common/footer_menu03.jpg") no-repeat center top; background-size: cover;}
#footer_contents_menu_area ul li:nth-child(4){background: url("../images/common/footer_menu04.jpg") no-repeat center top; background-size: cover;}
#footer_contents_menu_area ul li:nth-child(5){background: url("../images/common/footer_menu05.jpg") no-repeat center top; background-size: cover;}
#footer_contents_menu_area ul li:nth-child(6){background: url("../images/common/footer_menu06.jpg") no-repeat center top; background-size: cover;}
#footer_contents_menu_area ul li:nth-child(7){background: url("../images/common/footer_menu07.jpg") no-repeat center top; background-size: cover;}
#footer_contents_menu_area ul li:nth-child(8){background: url("../images/common/footer_menu08.jpg") no-repeat center top; background-size: cover;}
#footer_contents_menu_area ul li:nth-child(9){background: url("../images/common/footer_menu09.jpg") no-repeat center top; background-size: cover;}


#footer_contents_menu_area ul li a { display: block; color: #fff; text-align: center; overflow: hidden; width: 240px; height: 214px; transition: 0.2s;}
#footer_contents_menu_area ul li a strong { display: block; letter-spacing: 0.1em; font-weight: bold; font-size: 22px; padding-top: 40%; text-shadow: 0 0 10px  #000;}
#footer_contents_menu_area li a:hover {opacity: 0.7}
#footer_contents_menu_area li.close{ display: none;}
/*
#footer_contents_menu_area li.close{ pointer-events:none;-ms-filter:"alpha( opacity=40 )"; filter:alpha(opacity=40);opacity:0.4;}
#footer_contents_menu_area li.close a strong{ color: #CCC;}
*/

@media screen and (max-width:767px){/*スマホ設定*/
#footer_contents_menu_area{overflow: hidden; padding: 40px 0 0;}
#footer_contents_menu_area ul{ width: 100%; margin: 0 auto;}
#footer_contents_menu_area ul li { width: 50%; height: 0; /*padding-top: 44.58%;*/padding-top: 44.5%; margin: 0; display: inline-block;}
#footer_contents_menu_area ul li figure { width: 100%; margin-top: -50%;}
#footer_contents_menu_area ul li figure a { width: 100%; height: 100%; margin-top: -90%;}
#footer_contents_menu_area ul li figure a strong { font-size: 16px; padding: 38% 0;}
}


/* ---------------------------------------------------------------------
 * 予約・資料請求バナー
 * --------------------------------------------------------------------- */
#footer_navi_area{position:relative;width:100%;text-align:center;
background: #000;/* 物件別設定 */padding-bottom:40px;color: #fff}
#footer_navi_area:before{content:"";display:block;width:100%;height:3px;/*background:url(../images/common/footer_navi_box_top.png) repeat center top; 物件別設定 */
position:absolute;top:0;}
#footer_navibox{background:#BCC7CC;clear:both;padding:27px 0 24px 0;width:100%;margin:0 auto;border-bottom:1px solid #37485a;}
#footer_navi_tel{ padding:50px 0 0;margin:0 0 15px;}
#footer_navi_tel h3{font-size:18px;padding-bottom:15px;}
#footer_navi_tel #tel_free{font-size:30px;-webkit-font-smoothing:antialiased;letter-spacing:2px;/*background:url(../images/common/footer_tel.png) no-repeat left center;*/display:table;margin:0 auto;padding:0 0 0 0px;}
#footer_navi_tel #tel_std{font-size:17px;letter-spacing:1px;display:table;margin:0 auto;padding:0 10px 0 0px;}
#footer_navi_tel #opan_time{font-size:16px;letter-spacing:1px;}
#footer_navi_tel #opan_time span{font-size:14px;}
#footer_navi_document{display:none;text-align:center;}
#footer_navi_document li{display:inline-block;line-height:0;}
#footer_navi_document li:first-child{margin-right:10px;}
#footer_navi_document.act{display:block;}


@media screen and (max-width:767px){/*スマホ設定*/
#footer_navi_area{padding-bottom:20px;}
#footer_navi_tel{ padding:30px 0 0; margin:0 0 15px;}
#footer_navi_tel h3{ font-size:18px;}
#footer_navi_tel #tel_free{font-size:30px;}
#footer_navi_tel #tel_std{font-size:16px; margin:0 auto 10px;}
#footer_navi_tel #opan_time{font-size:14px;}
#footer_navi_tel #opan_time span{font-size:14px;}
}


/* ---------------------------------------------------------------------
 * フッター　サイト共通メニュー
 * --------------------------------------------------------------------- */
#common_footer_area{ width: 100%; min-width: 1200px; background: #FFF; margin: 0 auto;}
#common_footer_menu_list{ width: 1200px; margin: 16px auto 0; border-left: 1px solid #333; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#common_footer_menu_list li{ margin:0; text-align: center; font-size: 12px; line-height: 1; color: #333; letter-spacing: 0.1em; text-indent: 0.1em; border-right: 1px solid #333; flex-grow: 2; flex-shrink: 0;}
#common_footer_area .footer_sns{ width: 28px; height: 28px; margin: 20px auto 0;}
#common_footer_area .footer_logo{ width: 109px; height: 20px; margin: 10px auto 0;}
#common_footer_area .footer_sns img,
#common_footer_area .footer_logo img{ max-width: 100%; height: auto;}
#common_footer_area .copyright{ margin-top: 10px; margin-bottom: 20px; text-align: center; font-size: 11px;}


@media screen and (max-width:767px){/*スマホ設定*/
#common_footer_area{ width: 100%; min-width: 100%; background: #FFF; margin: 0 auto;}
#common_footer_menu_list{ width: 96%; margin: 10px auto 16px; border-left: none; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#common_footer_menu_list li{ margin:6px 0; text-align: center; font-size: 11px; line-height: 1; color: #333; letter-spacing: 0.1em; text-indent: 0.1em; border-right: none;}
#common_footer_menu_list li a{ text-decoration: underline;}
#common_footer_area .footer_sns{ width: 28px; height: 28px; margin: 10px auto 0;}
#common_footer_area .footer_logo{ width: 109px; height: 20px; margin: 10px auto 0;}
#common_footer_area .footer_sns img,
#common_footer_area .footer_logo img{ max-width: 100%; height: auto;}
#common_footer_area .copyright{ margin-top: 10px; margin-bottom: 10px; text-align: center; font-size: 11px;}
}


@media print,screen and (max-width:1200px){ /*1200px以下*/
#global_list{width: 100%;min-width: 100%;}
#global_list>li{font-size: 12px;}
}


/* ---------------------------------------------------------------------
 * ページトップ
 * --------------------------------------------------------------------- */
p.menu_top{position: fixed;z-index: 100; bottom: 0;right: 0;font-size: 11px;text-align: center;display: none;}
p.menu_top img{width: 60px;height: 60px;}
p.menu_top a:hover{opacity: 0.7}
/* ---------------------------------------------------------------------
 * スマホ横表示
 * --------------------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width: 481px){
p.menu_top{bottom: 6vw}
}
/* ---------------------------------------------------------------------
 * スマホ縦表示
 * --------------------------------------------------------------------- */
@media screen and (max-width:480px){
p.menu_top{bottom: 76px}
}



/* ---------------------------------------------------------------------
 * スマホ横のメニュー表示
 * --------------------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width: 481px){
#header{width:100%; height:50px; text-align:left;padding: 0; position: fixed; top: 0; left: 0; z-index:99999; background: #FFF;}
#container{padding-top:50px;}
p#description{display:none}
#header_box{position: relative; width: 100%; height: 50px; margin: 0 auto; z-index: 99999; background: #FFF;}
#logo{position:absolute;top:5px;left:3px!important; text-align: left; width: 90%;}
#logo img{ height: 40px!important; width: auto!important;}
#logo:hover{-ms-filter:"alpha( opacity=80 )";filter:alpha(opacity=80);opacity:0.8;}
#menu_btn{position:absolute; top: 0; right: 0; cursor:pointer; width: auto; height: 50px; z-index: 99999;}
#menu_btn .close{position:absolute; top: 0; right: 0; display:none;}
#menu_btn img{ width: auto; height: 50px!important;}

#top_footer_menu_area{width:100%;position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#FFFFFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
#top_footer_menu_list{width:100%;display: flex; }
#top_footer_menu_list li{margin:0 auto;float:left;text-align:center;width:33.333%;display: flex;  flex-direction: column;}
#top_footer_menu_list li:last-child{ background-color: #1D2B49;}
#top_footer_menu_list li{width:25%;padding: 0 3%}
#top_footer_menu_list li.online{ background-color: #4c4f71;}
#top_footer_menu_list li.contact{ background-color: #1D2B49;padding: 0 6%}
#top_footer_menu_list li img{ max-width: auto; height: 6vw;}

#global{font-size:12px;width:100%;position:fixed; top: -100%; right: 0; z-index:1;background:#161e23; padding-bottom: 10px;}
#global_list>li{border-bottom:1px solid #25313d; color:#FFF; width: 20%; text-align:center; text-indent: 2em; float:left;-webkit-text-size-adjust:100%;font-size:12px;position: relative;}
#global_list>li a{ border-right:1px solid #25313d; display:block;width:100%;padding:10% 0;text-decoration:none;}
#global_list>li.current a{ color: #FFF; pointer-events:none;}
#global_list>li.close{pointer-events:none;-ms-filter:"alpha( opacity=50 )";filter:alpha(opacity=50);opacity:0.5;}
/*#global_list>li.new:after{content:"new"; color: #FF2626; font-size: 12px; position:absolute; top:8px; left: 0; text-indent: 2em; z-index:1; pointer-events:none;}*/
/*#global_list>li.member:before{content:"限定公開"; color: #FFF; font-size: 12px; background: #982124; padding: 0.4em; text-indent: 0; position:absolute; top:1em; left:7em; z-index:1; pointer-events:none;}*/

#common_menu>li{color:#666666;font-weight:bold;width:98%;background:#FEFEFE; margin: 4px auto; text-align:center;-webkit-text-size-adjust:100%;font-size:12px;}
#common_menu>li:first-child{ color: #FFF; margin-top: 10px; margin-bottom: 4px; outline:1px solid #FFF; outline-offset: -4px; background-color: #982224; font-size: 12px; letter-spacing: 0.1em;}
#common_menu>li a{color:inherit;text-decoration:none;display:block;padding:6px 0;}
#common_menu>li .icon{ margin-left: 0;}
#common_menu>li .icon img{width:18px; vertical-align: middle;}
}


/* ---------------------------------------------------------------------
 * スマホ縦のメニュー表示
 * --------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
#header{width:100%; height:60px; text-align:left; padding: 0; position: fixed; top: 0; left: 0; z-index:99999; background: #FFF; background: red;}
#container{padding-top:60px;/*padding-top:0px;*/}
p#description{display:none}
#header_box{position: relative; width: 100%; height: 60px; margin: 0 auto; z-index: 99999; background: #FFF;}
#logo{position:absolute;top:7px;left:5px;text-align: left;}
#logo img{ max-width: 76%!important; height: 48px!important;}
#logo:hover{-ms-filter:"alpha( opacity=80 )";filter:alpha(opacity=80);opacity:0.8;}
#menu_btn{position:absolute; top: 0; right: 0; cursor:pointer; width: auto; /*height: 16vw;*/height: 60px; z-index: 99999;}
#menu_btn .close{position:absolute; top: 0; right: 0; display:none;}
#menu_btn img{ width: auto; height: 60px!important;}

#top_footer_menu_area{width:100%;position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#FFFFFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
#top_footer_menu_list{width:100%;display: flex;}/*20220309修正*/
#top_footer_menu_list li{margin:0 auto;float:left;text-align:center;width:30%;display: flex;flex-direction: column;}
#top_footer_menu_list li{width:23%;padding: 0 2%}
#top_footer_menu_list li.contact{ /*width:31%;*/width:34%;padding: 0 3%}
#top_footer_menu_list li.contact{background-color: #1D2B49;}
#top_footer_menu_list li.online{ background-color: #4c4f71;}
#top_footer_menu_list li img{max-width:100%;height: auto}

#global{font-size:12px;width:100%;position:fixed; top: -100%; right: 0; z-index:1;background:#161e23; padding-bottom: 20px;}
#global_list>li{border-bottom:1px solid #25313d; color:#FFF; width: 50%; text-align:center; text-indent: 2em; float:left;-webkit-text-size-adjust:100%;font-size:12px;position: relative;}
#global_list>li a{ border-right:1px solid #25313d; display:block;width:100%;padding:10% 0;text-decoration:none;}
#global_list>li.current a{ color: #FFF; pointer-events:none;}
#global_list>li.close{pointer-events:none;-ms-filter:"alpha( opacity=50 )";filter:alpha(opacity=50);opacity:0.5;}
/*#global_list>li.new:after{content:"new"; color: #FF2626; font-size: 12px; position:absolute; top:8px; left: 0; text-indent: 2em; z-index:1; pointer-events:none;}*/
/*#global_list>li.member:before{content:"限定公開"; color: #FFF; font-size: 12px; background: #982124; padding: 0.4em; text-indent: 0; position:absolute; top:1em; left:7em; z-index:1; pointer-events:none;}*/

#common_menu>li{color:#666666;font-weight:bold;width:90%;background:#FEFEFE; margin: 8px auto; text-align:center;-webkit-text-size-adjust:100%;font-size:16px;}
#common_menu>li:first-child{ color: #FFF; margin-top: 10px; margin-bottom: 20px; outline:1px solid #FFF; outline-offset: -4px; background-color: #982224; font-size: 18px; letter-spacing: 0.1em;}
#common_menu>li a{color:inherit;text-decoration:none;display:block;padding:20px 0;}
#common_menu>li .icon{ margin-left: 0;}
#common_menu>li .icon img{width:18px; vertical-align: middle;}
}







/* LAYOUT
 * --------------------------------------- */
#wrap{width:100%;overflow:hidden;}
#wrap h2.title{font-size: 30px;text-align: center; margin-top: 40px;margin-bottom: 30px; line-height: 1.3em; letter-spacing: 0.2em;text-indent: 0.2em}
#wrap h2.title span{font-size: 16px;display: block;}
#coution{padding: 25px 0; background:#f7f4ee;}
#coution p{font-size: 11px;margin-left: 1em;text-indent: -1em;text-align: left;margin-bottom: 8px}




/*===============================================================================
===============================================================================*/
@media screen and (max-width:767px){/*スマホ対応*/
.tel_Link{pointer-events: auto;}
.pc{display:none !important;}
body{ width:100%; min-width: 100%;margin:0 auto; font-size:14px; padding-bottom: 80px}
.body_area{padding:0;background-size:contain}
.body_area_inner{width:96%;padding-bottom:0px;}
.body_area_inner img{max-width: 100%;height: auto}
.body_area h2{margin-bottom:0px;}
.contents_box{width:94%;margin:0 auto;padding:0;}
.contents_border_pc{background:none;}
.contents_border_sp{background-size:100% auto;padding:60px 0 0 0;}

/* 下階層 modal */
/*
#modals{}
#modals .modal_box{margin:0 10px 25px 10px;}
#modals .modal_fmt{width:75%;max-width:480px;left:0;right:0;margin:auto;-webkit-background-size:100% auto, 100% auto;padding:30px 0 25px 0;background-size:100% auto, 100% auto;}
#security #modals .modal_fmt{height:290px;}
#modals .modal_left{right:88%;width:36px;}
#modals .modal_right{left:88%;width:36px;}
#modals .modal_arrow{width:auto;}
#modals .modal_title{text-align:center;margin:0 0 15px 0;}
#modals .modal_lead{font-size:10px;padding:0 10px;}
#modals .modal_close{margin:0 20px;}
#annotation_inner{width:90%;padding:0 5%;-webkit-text-size-adjust:100%;}
.mb10{margin-bottom:20px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:20px !important;}
.mb40{margin-bottom:20px !important;}
.mb50{margin-bottom:20px !important;}
.mb60{margin-bottom:20px !important;}
.mb70{margin-bottom:20px !important;}
.mb80{margin-bottom:20px !important;}
.mt10{margin-top:20px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:20px !important;}
.mt40{margin-top:20px !important;}
.mt50{margin-top:20px !important;}
.mt60{margin-top:20px !important;}
.mt70{margin-top:20px !important;}
.mt80{margin-top:20px !important;}
.mr10{margin-right:0 !important;}
.mr20{margin-right:0 !important;}
.mr30{margin-right:0 !important;}
.variable img{ max-width:100%;height:auto}
*/

#annotation_inner{width:90%;padding:0 5%;-webkit-text-size-adjust:100%;}

/* 下階層メインイメージエリア */
.pages_main_image{height:auto;}

.pages_main_title .inner{width:100%;padding:30px 0 30px;}
.pages_main_image img,
.pages_main_title img{max-width: 100%;height: auto}



/*a {display: block; -webkit-tap-highlight-color:transparent;}*/
/*img {max-width: 100%; height:auto;}}*/

.w960,.w760{ display:block; width:100%; margin:auto}
#inc_footer{ display:none; }
#wrap{/*padding-top: 50px;*/ padding-top: 0;}
#wrap h2.title{font-size: 20px;margin-top: 40px;margin-bottom: 30px;}
#wrap h2.title span{font-size: 14px}
#coution{ padding:20px;}

.w80{ width:77%; padding-right:3%}
.w20{ width:10%}
#floatMenu{ position:relative; width:100%; margin:auto; top:auto; right:auto; padding:12px 0px;background:#003656; display:none}
#floatMenu a{ display:inline;}
#floatMenu img{ vertical-align:middle;}




}




/*--------------------------
お問い合わせ
--------------------------*/
.contact_area {background: #000; /* 物件別設定 */background-size: 100% 100%;width: 100%;color: #fff;/*min-width: 960px;*/padding: 50px 0 60px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.9) 0 10 10 inset;-webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 10 10 inset;-moz-box-shadow: rgba(0, 0, 0, 0.9) 0 10 10 inset;}
.contact_area .inner {width: 960px;margin: 0 auto; }
.contact_area .inner:after {content: "";clear: both;display: block;}
.contact_area .detail {float: left;width: 635px;}
.contact_area .banner {float: right; width: 323px;margin-top: 10px;}
.contact_area .banner a:hover {opacity: 0.6;filter: alpha(opacity=60);-ms-filter: "alpha(opacity=60)";-moz-opacity: 0.6;-khtml-opacity: 0.6; }
.contact_area .detail_copy {font-size: 15px;font-weight: bold;margin: 0 0 25px 0;}
.contact_area .detail_wrap:after {content: "";clear: both;display: block;}
.contact_area .detail_tel {float: left;width: 310px;padding: 10px 0;/*min-height: 50px;*/font-size: 27px;font-weight: bold;line-height: 1em;letter-spacing: 0.0em;box-sizing: border-box;}
.contact_area .detail_tel span {font-size: 17px; }
.contact_area .detail_tel span.txt12{display: block; font-size:12px; line-height:1.5em}
.contact_area .detail_time {float: right;width: 318px;font-size: 13px;padding-top: 10px; line-height: 1.6em; }


@media print{
.print_only{ display:block;width: 100%;height: auto}
html,body{width:1020px;overflow:hidden;}
.sp{display:none !important;}
img{max-width: 100%;height: auto}
#logo,
#global,#side,#footer_upper_banner_area,#footer_under_area,#inc_footer,#footer_policy,#footer_logo,
#footer_navi_document.act,
#footer_upper_banner_area,
#footer_under_area,
#hbt,
#footer,
.breadcrumb,
.menu_top{display:none;}
#global_list{left:30px !important;}
#container{padding-top:0 !important;}
#container{width:100%;min-width:960px;margin:0;padding:0;}
.fixed #header{position:static;top:0;z-index:100;}
#header{position:static;top:0;z-index:100;}
.body_area_inner,
.inner,
.pages_main_title .inner,
.pages_main_title .breadcrumb,
#annotation_inner,
#header_box{width:100%;min-width:960px;}
.pages_main_image{ height: 0;}
.pages_main_image .inner .image{margin-left:0px;}
#footer_contents_menu_area,
#common_footer_area,
#box_kodate_bukken{display: none;}
}

@media screen{
/****************************************
effect-fade
*****************************************/
.effect-fade {opacity : 0;transform : translate(0, 45px);transform : translate(0, 50px);  transition : all 1500ms;}
.effect-fade.effect-scroll {opacity : 1;transform : translate(0, 0);}
}