@charset "utf-8";
/* CSS Document */

html {
  font-size: 62.5% !important;
}
/* Reset
------------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

address,
em {
  font-style: normal;
}

strong,
th {
  font-weight: normal;
}

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

th {
  text-align: left;
}

hr,
legend {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  position: relative;
  color: #121826;
}

img,
fieldset {
  border: 0;
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

.IE8 img {
  width: auto;
}


li {
  list-style-type: none;
}


input[type="submit"], button, label, select {
  cursor: pointer;
}
input[type="submit"], input[type="button"] { -webkit-appearance: none; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  * {
    box-shadow: none!important;
  }
}

img.detail_icon {
  width: 17px !important;
  height: 17px !important;
  margin-right: 10px !important;
  margin-left: 5px !important;
  vertical-align: middle !important;
  object-fit: contain !important;
  display: inline-block !important;
}


@media screen and (max-width: 768px) {
  img.detail_icon {
  }

}

/* link
------------------------------------------------------------*/

a {
  outline: none;
  color: #121826;
  text-decoration: none;
	transition: .3s;

}

a:hover {
  text-decoration: none !important;
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {

a:hover {
  }
}

/* Fonts
------------------------------------------------------------*/

html {
  font-size: 62.5%;
  overflow-x: hidden;
  color: #121826;
}


body {
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* font-family:Lato,"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Verdana", "Arial", "MS P Gothic", "MS Pゴシック", sans-serif !important; */
  font-family: "Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic","Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif !important;
	/* font-size: 12px; */
	font-size: 13px;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
body{
  overflow-x: hidden;
}
}

body > div, input, button, textarea, select {

}
@media only screen and (max-width: 767px) {

  body > div, input, button, textarea, select {
    line-height: 1.5;
  }
}

/* text
------------------------------------------------------------*/
.TxtCenter{
	text-align: center !important;
}
.TxtLeft{
	text-align: left !important;
}
.TxtRight{
	text-align: right !important;
}
.TxtBold {
  font-weight: bold !important;
}

/* color
------------------------------------------------------------*/
.orange{
  color: #f39700;
}
.white{
  color: #fff !important;
}
.black{
  color: #121826 !important;
}

/* link
------------------------------------------------------------*/
.btn{
  text-align: center;
  max-width: 270px;
  margin: 30px auto 15px;
  font-size: 13px;
  display: block;
}
@media screen and (max-width: 768px) {
  .btn{
    margin: 30px 5% 0;
    max-width: unset;
  }
}
.btn a{
  text-align: center;
  padding: .5em;
  border-radius: 6px;
  display: block;
  background: #009977;
  color: #fff;
  cursor: pointer;
  position: relative;
  top: 0;
  font-size: 1.4rem;
  transition: .3s;
  height: 39px;
  /*box-shadow: 0px 6px 1px #028760;*/
}
@media screen and (max-width: 768px) {
  .btn a{
    box-shadow: none;
  }
}
.btn a:after{
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 7px;
}
.btn a:hover{
  /*box-shadow: 0px 1px 1px #028760;*/
  position: relative;
  /* top: 6px; */
}

.online_link{
  max-width: 600px;
  margin: 60px auto;
}
.online_link-inner{

}
@media screen and (max-width: 768px) {
  .online_link{
    margin: 40px auto;
  }
}


/* grid
------------------------------------------------------------*/
.Grid {
  width: 100%;
  *zoom: 1;

}

.Grid:before,
.Grid:after {
  display: table;
  line-height: 0;
  content: "";
}

.Grid:after {
  clear: both;
}

.Grid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.Grid [class*="span"]:first-child,.Grid [class*="span"]:nth-child(4) {
  margin-left: 0;
}

.Grid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.Grid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.Grid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.Grid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.Grid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.Grid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.Grid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.Grid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.Grid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.Grid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.Grid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.Grid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.Grid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}


.entry-content h2::after{
  background: transparent !important;
}

body .color_em{
  color: #121826 !important;
}

.container{
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}


/* HTML.html共通ここから
---------------------------------------------------------------------------*/
html.html {
  font-size: 92% !important;
}
.html .tenantHeader {
  display: none;
}
.html .site-footer {
  display: none;
}
.html .site-content a:hover img {
  transform: unset !important;
}
.html .es-list a:hover h3.wrap {
  text-decoration: none !important;
}
/*breadcrumb*/
.es-header-breadcrumb {
  background: #fff !important;
  font-size: 12px !important;
}
@media screen and (max-width: 768px) {
  .es-header-breadcrumb{
    display: none !important;
  }
}
.es-header-breadcrumb li a:hover {
  text-decoration: none !important;
}
.es-header-breadcrumb .es-container {
  padding: 0 !important;
}
.skip-link.screen-reader-text {
  display: none !important;
}
.main-header-bar.es-header-breadcrumb ol {
  padding: 0 !important;
  line-height: 1.8 !important;
}
.main-header-bar.es-header-breadcrumb li>span {
  margin-left: 0 !important;
}
.es-header-breadcrumb {
  border-top: 4px solid #f2f2f2 !important;
  border-bottom: 4px solid #f2f2f2 !important;
}
/*breadcrumbここまで*/
.html .footer_inner-List p, .html .footer_inner-List .footer_inner-company p, .html .footer_inner-List .PcOnly li a, .html #copy{
  color: #121826 !important;
  font-size: 12px !important;
}
.html .footer_inner-sitemap-List li p {
  line-height: 1.427 !important;
  font-size: 12px !important;
}
.html .footer_inner-sitemap-List2 #myModal3_open + label {
  font-size: 14px !important;
  line-height: 2.5 !important;
}
.html .footer_inner-List .footer_inner-contact a span {
  font-size: 22px !important;
  color: #121826 !important;
}
.html .footer_inner-List p.footer_inner-sns span {
  font-size: 14px !important;
}
.html .footer_inner-sitemap-List li h3 a, .html .footer_inner-sitemap-List li p a {
  line-height: 1.8 !important;
}
@media  (min-width: 481px) and (max-width: 768px) {
	.html #content, body.single #content {
    margin: 160px auto 40px !important;
	}
  .html .building-search-address {
    flex-wrap: wrap;
  }
  .html .building-search-form {
    max-width: min(100%, 630px) !important;
  }
}
/* .html table.room_data a:hover{
  opacity: 1 !important;
}
.html table.room_data :not(.abs_link) {
  z-index: 1 !important;
}
.html .site-content a figure {
  z-index: 3 !important;
}
.html .table.room_data td.new:before, .html table.room_data td.update:before {
  z-index: 4 !important;
}
*/
/* .html span.fav {
  z-index: 5 !important;
} */
/* .html .feature-detail-condition__img a{
  position: relative;
} */
/* HTML.html共通ここまで
---------------------------------------------------------------------------*/