@charset "UTF-8";
/* コンテンツ共通
********************************* */
.infoTtl {
  width: 100%;
  color: #000;
  font-size: 2rem;
  line-height: 2;
  text-align: center;
  margin: 0 auto 20px; }
  .infoTtl span {
    font-size: 1.8rem;
    border-top: 1px solid #000;
    padding: 10px 5px 0; }

/* トップコンテンツ
******************************* */
#topContent {
  padding: 10px 0 0;
  margin: 0 auto 50px; }
  #topContent #topImage {
    background: url(../indexImage/topImage.jpg) no-repeat center 50%;
    background-size: 100%;
    width: 90%;
    height: auto;
    margin: 0 auto 10px;
    position: relative; }
    #topContent #topImage::before {
      display: block;
      content: "";
      padding-top: 52.7%; }
  #topContent #topCommentWrap {
    transform: translate(0, -50%);
    position: absolute;
    top: calc(50% - 22px);
    left: 0;
    bottom: 0;
    right: 0; }
    #topContent #topCommentWrap #topLogoWrap {
      width: 100%;
      text-align: center;
      margin: 0 auto; }
      #topContent #topCommentWrap #topLogoWrap #topLogo {
        width: 70px; }
    #topContent #topCommentWrap #topNote {
      width: 90%;
      color: #fff;
      font-size: 1.2rem;
      font-weight: normal;
      text-align: center;
      line-height: 1.5;
      left: 0;
      right: 0;
      margin: 0 auto; }
  #topContent #siteAdd {
    width: 100%;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    position: absolute;
    bottom: 1rem; }
  #topContent #infoWrap {
    background: url(../indexImage/info_bg.jpg) repeat center;
    background-size: 60%;
    padding: 20px; }
    #topContent #infoWrap #info {
      background: #fff;
      padding: 10px;
      /* お休みのお知らせ */
      /* 最新広告用-コロナ用 */ }
      #topContent #infoWrap #info #free_consultation {
        width: 100%;
        height: auto;
        margin: 20px 0; }
        #topContent #infoWrap #info #free_consultation h5 {
          color: #133859;
          border-bottom: 1px solid #133859;
          width: 90%;
          font-size: 2rem;
          font-weight: bold;
          line-height: 1.2;
          margin: 0 auto 15px; }
        #topContent #infoWrap #info #free_consultation p {
          width: 90%;
          font-size: 1.6rem;
          line-height: 1.5;
          height: auto;
          margin: 0 auto; }
      #topContent #infoWrap #info .info-p {
        width: 100%;
        margin: 20px auto; }
        #topContent #infoWrap #info .info-p h5 {
          width: 90%;
          font-size: 1.6rem;
          font-weight: bold;
          line-height: 1.2;
          color: #444;
          margin: 0 auto 10px; }
          #topContent #infoWrap #info .info-p h5 span {
            background: #910000;
            border-radius: 3px;
            color: #fff;
            vertical-align: middle;
            font-size: 1rem;
            font-weight: bold;
            line-height: 1.2;
            margin: 0 5px 2px 0;
            padding: 0 2px; }
        #topContent #infoWrap #info .info-p p {
          width: 90%;
          font-size: 1.6rem;
          line-height: 1.5;
          margin: 0 auto; }
      #topContent #infoWrap #info .infoLine {
        width: 80px;
        height: 0;
        border-top: 1px solid #333;
        margin: 0 auto 20px; }
      #topContent #infoWrap #info #property_info {
        margin: 0 auto; }
        #topContent #infoWrap #info #property_info li {
          line-height: 1.8; }
          #topContent #infoWrap #info #property_info li span {
            background: #910000;
            font-size: 1rem;
            color: #fff;
            vertical-align: text-top;
            border-radius: 3px;
            margin: 0 3px 0 0;
            padding: 1px 5px 2px; }
      #topContent #infoWrap #info #adWrap {
        width: 100%;
        margin: 0 auto 50px; }
        #topContent #infoWrap #info #adWrap hr {
          width: 80px;
          height: 0;
          border-top: 1px solid #333;
          margin: 0 auto;
          padding: 0; }
        #topContent #infoWrap #info #adWrap p.date {
          width: 100%;
          height: auto;
          line-height: 1.5;
          text-align: center;
          margin: 10px 0 0;
          padding: 0; }
        #topContent #infoWrap #info #adWrap p.content {
          width: 100%;
          height: auto;
          font-size: 2rem;
          font-weight: bold;
          line-height: 1.5;
          text-align: center;
          margin: 30px 0;
          padding: 0; }
          #topContent #infoWrap #info #adWrap p.content a {
            color: #78BBE6; }

/* 物件
********************************* */
#propertyWrap {
  width: 100%;
  margin: 0 auto 50px;
  /* youtubeサムネイル埋め込み */ }
  #propertyWrap #property {
    width: 80%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 auto 0;
    /*　リンク無し */
    /* ここまで */ }
    #propertyWrap #property a article {
      width: 100%;
      box-sizing: border-box;
      border: 2px solid #133859;
      margin: 0 auto 20px;
      padding: 10px;
      position: relative;
      top: 0; }
      #propertyWrap #property a article .iconNew {
        background: #910000;
        font-size: 1.3rem;
        font-weight: bold;
        color: #fff;
        padding: 5px 10px;
        position: absolute;
        top: 5px;
        left: -10px; }
        #propertyWrap #property a article .iconNew:before {
          content: '';
          width: 0;
          height: 0;
          border-top: 5px solid #000;
          border-left: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 5px solid #000;
          position: absolute;
          bottom: -10px;
          left: 0;
          margin: 0;
          padding: 0; }
      #propertyWrap #property a article .iconUpdate {
        background: #133859;
        font-size: 1.3rem;
        font-weight: bold;
        color: #fff;
        padding: 5px 10px;
        position: absolute;
        top: 5px;
        left: -10px; }
        #propertyWrap #property a article .iconUpdate:before {
          content: '';
          width: 0;
          height: 0;
          border-top: 5px solid #000;
          border-left: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 5px solid #000;
          position: absolute;
          bottom: -10px;
          left: 0;
          margin: 0;
          padding: 0; }
      #propertyWrap #property a article img {
        width: 100%;
        height: auto;
        margin: 0 0 10px; }
      #propertyWrap #property a article .infoWrap h2 {
        border-bottom: 1px solid #133859;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.5;
        margin: 0 auto 5px;
        padding: 0 0 5px; }
        #propertyWrap #property a article .infoWrap h2 span {
          border-radius: 3px;
          color: #fff;
          font-size: 1.2rem;
          background: #133859;
          vertical-align: middle;
          margin: 0 10px 0 0;
          padding: 0 10px; }
      #propertyWrap #property a article .infoWrap .price {
        border-bottom: 1px solid #133859;
        margin: 0 0 5px;
        padding: 0 0 5px; }
      #propertyWrap #property a article .infoWrap .property_icon {
        width: 100%;
        border-bottom: 1px solid #133859;
        margin: 0 0 5px;
        padding: 0 0 5px;
        float: right; }
        #propertyWrap #property a article .infoWrap .property_icon li {
          background: url(../indexImage/property_icon.svg) no-repeat;
          width: 20px;
          height: 20px;
          margin: 0 10px 0 0;
          float: left; }
        #propertyWrap #property a article .infoWrap .property_icon .icon_house {
          background-position: 0 0; }
        #propertyWrap #property a article .infoWrap .property_icon .icon_land {
          background-position: -20px 0; }
      #propertyWrap #property a article .infoWrap .infomation {
        color: #133859;
        border-bottom: 1px dotted #133859;
        margin: 0 0 5px;
        padding: 0 0 5px;
        clear: both; }
      #propertyWrap #property a article .infoWrap h3 {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 2;
        text-align: center;
        padding: 0;
        margin: 0 auto 5px; }
      #propertyWrap #property a article .infoWrap p {
        font-size: 1.4rem;
        line-height: 1.5; }
      #propertyWrap #property a article .infoWrap .comment {
        width: 100%; }
        #propertyWrap #property a article .infoWrap .comment li {
          width: calc(100% - 1em);
          font-size: 1.4rem;
          line-height: 1.5;
          text-indent: -1em;
          margin: 0 0 10px 1em; }
          #propertyWrap #property a article .infoWrap .comment li::before {
            content: "■"; }
          #propertyWrap #property a article .infoWrap .comment li:last-of-type {
            margin: 0 0 0 1em; }
    #propertyWrap #property article {
      width: 100%;
      box-sizing: border-box;
      border: 2px solid #133859;
      margin: 0 auto 20px;
      padding: 10px;
      position: relative;
      top: 0; }
      #propertyWrap #property article .iconNew {
        background: #910000;
        font-size: 1.3rem;
        font-weight: bold;
        color: #fff;
        padding: 5px 10px;
        position: absolute;
        top: 5px;
        left: -10px; }
        #propertyWrap #property article .iconNew:before {
          content: '';
          width: 0;
          height: 0;
          border-top: 5px solid #000;
          border-left: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 5px solid #000;
          position: absolute;
          bottom: -10px;
          left: 0;
          margin: 0;
          padding: 0; }
      #propertyWrap #property article .iconUpdate {
        background: #133859;
        font-size: 1.3rem;
        font-weight: bold;
        color: #fff;
        padding: 5px 10px;
        position: absolute;
        top: 5px;
        left: -10px; }
        #propertyWrap #property article .iconUpdate:before {
          content: '';
          width: 0;
          height: 0;
          border-top: 5px solid #000;
          border-left: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 5px solid #000;
          position: absolute;
          bottom: -10px;
          left: 0;
          margin: 0;
          padding: 0; }
      #propertyWrap #property article img {
        width: 100%;
        height: auto;
        margin: 0 0 10px; }
      #propertyWrap #property article .infoWrap h2 {
        border-bottom: 1px solid #133859;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.5;
        margin: 0 auto 5px;
        padding: 0 0 5px; }
        #propertyWrap #property article .infoWrap h2 span {
          border-radius: 3px;
          color: #fff;
          font-size: 1.2rem;
          background: #133859;
          vertical-align: middle;
          margin: 0 10px 0 0;
          padding: 0 10px; }
      #propertyWrap #property article .infoWrap .price {
        border-bottom: 1px solid #133859;
        margin: 0 0 5px;
        padding: 0 0 5px; }
      #propertyWrap #property article .infoWrap .property_icon {
        width: 100%;
        border-bottom: 1px solid #133859;
        margin: 0 0 5px;
        padding: 0 0 5px;
        float: right; }
        #propertyWrap #property article .infoWrap .property_icon li {
          background: url(../indexImage/property_icon.svg) no-repeat;
          width: 20px;
          height: 20px;
          margin: 0 10px 0 0;
          float: left; }
        #propertyWrap #property article .infoWrap .property_icon .icon_house {
          background-position: 0 0; }
        #propertyWrap #property article .infoWrap .property_icon .icon_land {
          background-position: -20px 0; }
      #propertyWrap #property article .infoWrap .infomation {
        color: #133859;
        border-bottom: 1px dotted #133859;
        margin: 0 0 5px;
        padding: 0 0 5px;
        clear: both; }
      #propertyWrap #property article .infoWrap h3 {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 2;
        text-align: center;
        padding: 0;
        margin: 0 auto 5px; }
      #propertyWrap #property article .infoWrap p {
        font-size: 1.4rem;
        line-height: 1.5; }
      #propertyWrap #property article .infoWrap .comment {
        width: 100%; }
        #propertyWrap #property article .infoWrap .comment li {
          width: calc(100% - 1em);
          font-size: 1.4rem;
          line-height: 1.5;
          text-indent: -1em;
          margin: 0 0 10px 1em; }
          #propertyWrap #property article .infoWrap .comment li::before {
            content: "■"; }
          #propertyWrap #property article .infoWrap .comment li:last-of-type {
            margin: 0 0 0 1em; }
    #propertyWrap #property a {
      width: 100%;
      color: #555;
      text-decoration: none;
      display: inline-block;
      margin: 0;
      transition: 0.3s; }
      #propertyWrap #property a:visited {
        color: #555; }
      #propertyWrap #property a:hover {
        opacity: 0.7; }
  #propertyWrap #commingsoon {
    width: 80%;
    background: #eee;
    color: #666;
    font-size: 1.2rem;
    text-align: center;
    box-shadow: 0 0 10px 5px #999 inset;
    border-radius: 5px;
    margin: 0 auto;
    padding: 80px 0; }
  #propertyWrap .youtube-thumb {
    position: relative;
    /*&::before{
        width: 90px;
        height: 40px;
        background: url( "../commonImage/play-btn.svg") center center no-repeat;
        content: "";
        display:inline-block;
        margin: -20px auto auto -45px;
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 50%;
    }*/ }

#contactWrap {
  background: #133859;
  color: #fff;
  font-size: 1rem;
  position: relative;
  margin: 0 auto;
  padding-top: 25px; }
  #contactWrap:before {
    content: '';
    background: #133859;
    position: absolute;
    height: 50%;
    width: 50%;
    bottom: -50px;
    left: 0;
    z-index: 2;
    transform: skewY(3deg); }
  #contactWrap:after {
    content: '';
    background: #133859;
    position: absolute;
    height: 50%;
    width: 50%;
    bottom: -50px;
    right: 0;
    z-index: 2;
    transform: skewY(-3deg); }
  #contactWrap #content {
    position: relative;
    z-index: 10; }
    #contactWrap #content h3 {
      color: #fff; }
      #contactWrap #content h3 span {
        border-top: 1px solid #fff; }
    #contactWrap #content #contactList {
      list-style: none;
      display: flex;
      justify-content: center;
      margin: 0;
      padding-top: 0; }
      #contactWrap #content #contactList li {
        width: 50%;
        font-size: 1.6rem;
        text-align: center; }
        #contactWrap #content #contactList li a {
          color: #fff;
          text-decoration: none;
          transition: 0.3s; }
          #contactWrap #content #contactList li a img {
            margin: 0 0 10px; }
          #contactWrap #content #contactList li a:hover {
            opacity: 0.8; }

#aboutUs {
  background: url(../indexImage/footer_bg.jpg);
  color: #000;
  padding-top: 80px;
  padding-bottom: 20px;
  margin: 0 auto; }
  #aboutUs #aboutInfo {
    width: 80%;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff;
    margin: 0 auto 50px; }
  #aboutUs #photos {
    display: flex;
    margin: 0 auto 50px; }
    #aboutUs #photos li {
      width: 100%;
      text-align: center; }
      #aboutUs #photos li img {
        width: 70%;
        box-shadow: 0 0 10px #666; }
  #aboutUs #map {
    width: 90%;
    height: 300px;
    box-shadow: 0 0 10px #666;
    margin: 0 auto 50px;
    position: relative; }
    #aboutUs #map iframe {
      width: 100% !important;
      height: 100% !important;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      position: absolute; }
  #aboutUs #aboutNote {
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto 20px; }
    #aboutUs #aboutNote #footerLogo_wrap {
      width: 100%;
      text-align: center;
      margin: 0 auto 20px; }
      #aboutUs #aboutNote #footerLogo_wrap #footer_logo {
        height: 16px; }
    #aboutUs #aboutNote .bm {
      margin-bottom: 1em; }
  #aboutUs #footerAdd {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5;
    margin: 0 auto; }
    #aboutUs #footerAdd small {
      width: 100%;
      font-size: 1.2rem;
      display: inline-block;
      text-align: center; }
  #aboutUs #goals {
    background: #fff;
    text-align: center;
    margin: 0 auto 20px;
    padding: 20px 0; }
    #aboutUs #goals p {
      font-size: 1.2rem;
      line-height: 1.5;
      margin: 0 auto 10px;
      padding: 0; }

@media screen and (max-width: 768px) {
  .none-sp {
    display: none; }

  #aboutUs #goals {
    width: 100%;
    background: #fff; }
    #aboutUs #goals p {
      width: 90%; }
    #aboutUs #goals img {
      width: 95%;
      display: block;
      margin: 0 auto; } }
@media screen and (min-width: 769px) {
  /* 共通設定
  ************************************ */
  .pc_br {
    display: none; }

  .infoTtl {
    margin: 0 auto 40px; }

  /* TOPコンテンツ
  ************************************ */
  #topContent {
    padding: 50px 0 0; }
    #topContent #topImage {
      width: 1024px;
      height: 540px;
      margin-bottom: 50px; }
      #topContent #topImage #topCommentWrap {
        top: 50%; }
        #topContent #topImage #topCommentWrap #topLogoWrap {
          position: static;
          margin: 0 auto 20px; }
          #topContent #topImage #topCommentWrap #topLogoWrap #topLogo {
            width: 130px;
            height: 130px; }
        #topContent #topImage #topCommentWrap::before {
          display: inline;
          content: none;
          padding-top: 0; }
        #topContent #topImage #topCommentWrap #topNote {
          font-size: 1.8rem;
          margin: 0 auto;
          position: static; }
      #topContent #topImage #siteAdd {
        font-size: 1.4rem;
        position: absolute;
        bottom: 30px; }
    #topContent #infoWrap {
      background-size: auto;
      padding: 50px 0 100px; }
      #topContent #infoWrap #info {
        width: 1024px;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 50px; }
        #topContent #infoWrap #info .infoLine {
          width: 80px; }

  /* pc-物件
  ********************************** */
  #propertyWrap {
    width: 1024px;
    margin: 0 auto 50px; }
    #propertyWrap #property a article img {
      width: 250px;
      margin: 0 10px 0 0;
      float: left; }
    #propertyWrap #property a article .infoWrap {
      width: calc(100% - 250px - 10px);
      float: right;
      position: relative; }
      #propertyWrap #property a article .infoWrap .property_icon {
        width: calc((20px * 4) + 30px);
        border-bottom: none;
        display: flex;
        justify-content: flex-end;
        position: absolute;
        right: 0; }
        #propertyWrap #property a article .infoWrap .property_icon li {
          float: right; }
    #propertyWrap #property article {
      /* youtubeサムネイル */ }
      #propertyWrap #property article img {
        width: 250px;
        margin: 0 10px 0 0;
        float: left; }
      #propertyWrap #property article .infoWrap {
        width: calc(100% - 250px - 10px);
        float: right;
        position: relative; }
        #propertyWrap #property article .infoWrap .property_icon {
          width: calc((20px * 4) + 30px);
          border-bottom: none;
          display: flex;
          justify-content: flex-end;
          position: absolute;
          right: 0; }
          #propertyWrap #property article .infoWrap .property_icon li {
            float: right; }
      #propertyWrap #property article a .youtubeWrap {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between; }
        #propertyWrap #property article a .youtubeWrap .youtube-thumb {
          width: 260px;
          height: auto;
          display: inline-block; }
        #propertyWrap #property article a .youtubeWrap .youtube-comment {
          width: calc(100% - 260px); }
          #propertyWrap #property article a .youtubeWrap .youtube-comment img {
            width: 100%; }
    #propertyWrap #commingsoon {
      width: 400px; }

  /* contact
  ********************************** */
  #contactWrap {
    padding: 100px 0; }
    #contactWrap #content #contactList {
      width: 1024px;
      margin: 0 auto; }

  /* 会社概要
  ************************************ */
  #aboutUs {
    padding-top: 150px; }
    #aboutUs #aboutInfo {
      line-height: 2; }
    #aboutUs #photos {
      width: 1024px;
      margin: 0 auto 80px; }
      #aboutUs #photos li img {
        width: 500px; }
    #aboutUs #map {
      width: 1024px;
      height: 425px; }
    #aboutUs #goals {
      width: 1024px; } }