@charset "UTF-8";
.text-red {
  color: #CC0000; }

/*                   */
/*     component     */
/*                   */
.c-title {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 2px; }
  .c-title span {
    font-size: 1.4rem;
    display: block;
    letter-spacing: 1px; }

.c-btn {
  border: solid 1px #3FACFD;
  width: 100%;
  min-width: 250px; }
  @media screen and (min-width: 600px) {
    .c-btn {
      width: 300px; } }
  .c-btn:hover {
    text-decoration: none;
    opacity: 1;
    background: #212126; }
  .c-btn-main {
    background: #0464E1;
    background: -moz-linear-gradient(bottom left, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    background: -webkit-linear-gradient(bottom left, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    background: -o-linear-gradient(bottom left, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    background: linear-gradient(to top right, #3FACFD 0%, #0F71E6 65%, #0464E1 100%); }
  .c-btn-skeleton {
    color: #fff;
    border-color: #fff;
    background: rgba(255, 255, 255, 0.2);
    padding: 1.4rem;
    margin-top: 6rem;
    width: 300px; }
    .c-btn-skeleton:hover {
      color: #fff; }

/* contactform7 フォーム基本セット*/
.c-contactTable {
  background: #fff;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
  border-collapse: separate;
  padding: 2.4rem;
  /*　既存スタイル消し */ }
  @media screen and (min-width: 1000px) {
    .c-contactTable {
      padding: 2.4rem 4rem; } }
  @media screen and (max-width: 768.98px) {
    .c-contactTable td, .c-contactTable th {
      display: block;
      width: 100% !important;
      padding: 1rem; } }
  @media screen and (min-width: 1000px) {
    .c-contactTable td, .c-contactTable th {
      padding-bottom: 3rem; } }
  .c-contactTable tr th {
    min-width: 200px;
    vertical-align: top; }
    @media screen and (max-width: 768.98px) {
      .c-contactTable tr th {
        background: #E9F5FF; } }
  @media screen and (max-width: 768.98px) {
    .c-contactTable tr td {
      padding: 2rem .5rem 2.5rem; } }
  @media screen and (min-width: 769px) {
    .c-contactTable tr td {
      padding: 0 .5rem 2.5rem 3rem; } }
  .c-contactTable .c-required {
    display: inline-block;
    width: 40px;
    text-align: center;
    margin-left: .5rem;
    font-size: 1.3rem;
    color: #fff;
    background: #0464E1;
    background: -moz-linear-gradient(bottom left, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    background: -webkit-linear-gradient(bottom left, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    background: -o-linear-gradient(bottom left, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    background: linear-gradient(to top right, #3FACFD 0%, #0F71E6 65%, #0464E1 100%); }
  .c-contactTable br {
    display: block;
    content: "";
    padding: .2em; }
  .c-contactTable .wpcf7-radio {
    display: block;
    margin-left: -1rem; }
  .c-contactTable input[type="text"],
  .c-contactTable input[type="number"],
  .c-contactTable input[type="email"],
  .c-contactTable input[type="date"],
  .c-contactTable input[type="tel"],
  .c-contactTable .wpcf7-textarea {
    border: 2px solid #f5f5f5;
    width: 100%;
    background: #F5F5F5; }
    .c-contactTable input[type="text"]:focus,
    .c-contactTable input[type="number"]:focus,
    .c-contactTable input[type="email"]:focus,
    .c-contactTable input[type="date"]:focus,
    .c-contactTable input[type="tel"]:focus,
    .c-contactTable .wpcf7-textarea:focus {
      outline: none;
      border-radius: 2px;
      border-width: 2px;
      border-style: solid;
      border-color: #0077FF; }
  .c-contactTable input[name="yourproperty-income01"],
  .c-contactTable input[name="yourproperty-income02"],
  .c-contactTable input[name="yourproperty-price"],
  .c-contactTable input[name="yourproperty-area01"],
  .c-contactTable input[name="yourproperty-area02"],
  .c-contactTable input[name="yourproperty-units01"],
  .c-contactTable input[name="yourproperty-units02"],
  .c-contactTable input[name="yourproperty-floor"],
  .c-contactTable input[name="your-realestate01-num"],
  .c-contactTable input[name="your-realestate02-num"],
  .c-contactTable input[name="your-realestate03-num"],
  .c-contactTable input[name="your-realestate04-text"] {
    width: 40%;
    margin: 0 .5rem; }
  .c-contactTable .wpcf7-select {
    padding: .2rem .5rem;
    border-color: #bbb; }
    .c-contactTable .wpcf7-select:focus {
      outline: none;
      border-radius: 2px;
      border-width: 2px;
      border-style: solid;
      border-color: #0077FF; }

.wpcf7-submit {
  display: block;
  width: 300px;
  cursor: pointer;
  padding: 1rem 0;
  margin: 4rem auto 0; }

/* 物件情報リスト*/
.c-investment-lists .c-investment-list {
  background: #fff;
  margin-bottom: 3rem;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); }
  .c-investment-lists .c-investment-list > a {
    color: inherit;
    position: relative;
    transition: .3s; }
    .c-investment-lists .c-investment-list > a:hover {
      text-decoration: none;
      opacity: 1;
      transition: .3s; }
      .c-investment-lists .c-investment-list > a:hover::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        border: 4px solid #1458E4; }
  .c-investment-lists .c-investment-list figure {
    max-height: 270px;
    overflow: hidden; }
    @media screen and (min-width: 769px) {
      .c-investment-lists .c-investment-list figure {
        max-height: 168px; } }
    .c-investment-lists .c-investment-list figure img {
      width: 100%;
      max-height: 270px;
      object-position: 50% 50%; }
      @media screen and (min-width: 769px) {
        .c-investment-lists .c-investment-list figure img {
          max-height: 168px; } }

.c-term {
  background: #0077FF;
  font-size: 1.4rem;
  padding: 0.5rem 0; }

/* タイトル */
.c-page-title {
  padding: 10rem 0;
  font-size: 3.2rem;
  letter-spacing: .15em;
  font-weight: bold;
  text-shadow: 0px 3px 3px #0F006E; }

.c-page-subtitle {
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: .05em;
  color: #212126; }
  .c-page-subtitle span {
    display: block;
    font-size: 1.4rem;
    color: #1458E4; }

.c-page-bordertitle {
  position: relative;
  font-size: 2.6rem;
  padding-bottom: .5rem; }
  .c-page-bordertitle::before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 3px solid #B9DAFF; }
  .c-page-bordertitle::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15%;
    border-bottom: 3px solid #0077FF; }

.c-page-gradienttitle {
  position: relative; }
  .c-page-gradienttitle::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #0464E1;
    background: -moz-linear-gradient(bottom left, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    background: -webkit-linear-gradient(bottom left, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    background: -o-linear-gradient(bottom left, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    background: linear-gradient(to top right, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
    position: absolute;
    left: 0;
    bottom: 0; }

.c-pagenation {
  margin: 60px auto 0; }
  .c-pagenation ul {
    justify-content: center; }
    .c-pagenation ul li {
      width: 40px;
      height: 41px;
      background: #fff;
      border-radius: 50%;
      margin-right: 5px;
      border: 2px solid #CCCCCC;
      text-align: center;
      line-height: 36px; }
      .c-pagenation ul li.active {
        background: #0077FF;
        color: #fff;
        border-color: #0077FF; }
      .c-pagenation ul li a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #212126; }
        .c-pagenation ul li a:hover {
          text-decoration: none; }

/*                   */
/*     utility       */
/*                   */
.u-section {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important; }
  .u-section-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important; }

.u-container {
  padding-left: 20px;
  padding-right: 20px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1140px; }

.u-has-aside {
  max-width: calc(1140px + 20%);
  margin-right: auto;
  margin-left: auto; }

.u-mb-05 {
  margin-bottom: .5rem; }

.u-mb-1 {
  margin-bottom: 1rem; }

.u-mb-2 {
  margin-bottom: 2rem; }

.u-mb-3 {
  margin-bottom: 3rem; }

.u-mb-4 {
  margin-bottom: 4rem; }

.u-mb-5 {
  margin-bottom: 5rem; }

.u-mb-6 {
  margin-bottom: 6rem; }

.u-mb-7 {
  margin-bottom: 7rem; }

.u-mb-8 {
  margin-bottom: 8rem; }

.u-mt-6 {
  margin-top: 6rem; }

.u-my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.u-sp-column {
  flex-direction: row-reverse; }
  @media screen and (max-width: 999.98px) {
    .u-sp-column {
      flex-direction: column; } }
  .u-sp-column > main {
    width: 79%; }
    @media screen and (max-width: 999.98px) {
      .u-sp-column > main {
        width: 100%; } }
  .u-sp-column > aside {
    background: #fff;
    width: 20%; }
    @media screen and (max-width: 999.98px) {
      .u-sp-column > aside {
        width: 95%; } }

.u-md-row {
  flex-direction: column; }
  @media screen and (max-width: 768.98px) {
    .u-md-row {
      flex-direction: row; } }

.u-md-column {
  flex-direction: row; }
  @media screen and (max-width: 768.98px) {
    .u-md-column {
      flex-direction: column; } }

@media screen and (min-width: 600px) {
  .u-forSM {
    display: none; } }

@media screen and (max-width: 599.98px) {
  .u-forSM-up {
    display: none; } }

@media screen and (max-width: 768.98px) {
  .u-forPC {
    display: none; } }

.t-mv {
  min-height: 78vh;
  background: url(../images/top/mv.jpg) no-repeat center bottom;
  background-size: cover;
  position: relative; }
  @media screen and (min-width: 400px) {
    .t-mv {
      min-height: 50vh; } }
  @media screen and (min-width: 769px) {
    .t-mv {
      min-height: 65vh; } }
  .t-mv h1 {
    padding-top: 5vw;
    padding-left: 2.5vw;
    color: #fff; }
    .t-mv h1 > span {
      display: block;
      font-weight: bold; }
      .t-mv h1 > span:nth-of-type(1) {
        font-size: clamp(3.4rem, 6.5vw, 6rem);
        margin-bottom: 5rem; }
      .t-mv h1 > span:nth-of-type(2) {
        font-size: clamp(2.8rem, 4.5vw, 4rem);
        font-weight: 500;
        margin-bottom: 1rem; }
        .t-mv h1 > span:nth-of-type(2) > span {
          font-size: clamp(2.8rem, 4.5vw, 4rem); }
      .t-mv h1 > span:nth-of-type(3) {
        font-size: clamp(4.3rem, 7vw, 7rem); }

.section__news {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
  width: 90%;
  padding: 2rem;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: -8rem; }
  @media screen and (min-width: 769px) {
    .section__news {
      padding: 2.4rem;
      background: rgba(255, 255, 255, 0.8);
      width: 610px;
      right: 0;
      bottom: 1rem;
      transform: inherit; } }
  @media screen and (max-width: 768.98px) {
    .section__news-left {
      justify-content: space-between;
      align-items: center; } }
  .section__news-left h2 {
    color: #0077FF;
    font-size: 2.4rem; }
  .section__news-left > a {
    padding: .4rem;
    height: 31px;
    font-size: 1.2rem;
    width: 150px;
    min-width: inherit; }
  .section__news-right {
    margin-top: auto;
    margin-left: 3.5rem; }
    @media screen and (max-width: 768.98px) {
      .section__news-right {
        margin-top: .5rem;
        margin-left: 0; } }
    .section__news-right ul {
      font-size: 1.4rem; }
      .section__news-right ul li {
        padding-bottom: .5rem;
        border-bottom: solid 1px #707070; }
        .section__news-right ul li:not(.section__news-right ul li:first-of-type) {
          padding-top: .5rem; }
        .section__news-right ul li dl .dd_title {
          padding-left: 2rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          height: 1.5em; }
          .section__news-right ul li dl .dd_title > a {
            color: #212126; }
          @media screen and (min-width: 769px) {
            .section__news-right ul li dl .dd_title {
              min-width: 300px;
              padding-left: 3rem; } }

.section__about {
  position: relative; }
  @media screen and (min-width: 769px) {
    .section__about {
      height: 66vh; } }
  @media screen and (min-width: 1000px) {
    .section__about {
      height: 80vh; } }
  .section__about-left {
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
    z-index: 2;
    position: relative; }
    .section__about-left a {
      border: solid 1px #3FACFD; }
      .section__about-left a:hover {
        text-decoration: none;
        opacity: 1;
        background: #212126 !important; }
    @media screen and (min-width: 769px) {
      .section__about-left {
        position: absolute;
        left: 20px;
        bottom: -4vh; } }
  .section__about-right {
    z-index: 1;
    position: relative;
    top: 12vw;
    width: 100% !important; }
    @media screen and (min-width: 769px) {
      .section__about-right {
        padding-left: 40%;
        position: relative;
        right: 0;
        top: 0; } }

.section__searchbox {
  background-color: transparent;
  background-image: linear-gradient(90deg, #e5f4ff 0%, #c6e0ff 53%, #c5deff 100%); }
  .section__searchbox h3 {
    line-height: 1.5; }
    .section__searchbox h3 span {
      display: block;
      font-weight: bold;
      font-size: 120%;
      color: #1458E4; }
  @media screen and (min-width: 769px) {
    .section__searchbox .p-buttonlist {
      border-left: 2px solid #DFDFDF; } }
  .section__searchbox-top {
    max-width: 1140px; }
    .section__searchbox-top ul li {
      display: inline-block;
      color: #fff;
      background: #0464E1;
      background: linear-gradient(to top right, #3FACFD 0%, #0F71E6 65%, #0464E1 100%);
      margin-left: .8rem;
      margin-bottom: 1rem;
      font-size: 1.4rem; }
      .section__searchbox-top ul li:hover {
        opacity: .7; }
      @media screen and (min-width: 769px) {
        .section__searchbox-top ul li {
          font-size: 1.6rem; } }
      .section__searchbox-top ul li label {
        cursor: pointer;
        padding: 0.5rem 2.5rem; }
  .section__searchbox-bottom {
    max-width: 1140px; }
    .section__searchbox-bottom ul li {
      display: inline-block;
      color: #1458E4;
      border: 2px solid #1458E4;
      -o-border-image: linear-gradient(to right, #3FACFD 0%, #0464E1 100%);
      border-image: linear-gradient(to right, #3FACFD 0%, #0464E1 100%);
      border-image-slice: 1;
      margin-left: .8rem;
      margin-bottom: 1rem;
      cursor: pointer;
      font-size: 1.4rem; }
      .section__searchbox-bottom ul li:hover {
        opacity: .6; }
      @media screen and (min-width: 769px) {
        .section__searchbox-bottom ul li {
          font-size: 1.6rem; } }
      .section__searchbox-bottom ul li label {
        cursor: pointer;
        padding: .5rem 2rem; }
        @media screen and (min-width: 769px) {
          .section__searchbox-bottom ul li label {
            padding: .5rem 2.5rem; } }

.section__search-result {
  position: relative; }
  .section__search-result::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 6rem solid #C7E1FF;
    border-right: 9rem solid transparent;
    border-left: 9rem solid transparent; }
  .section__search-result h2 {
    margin-top: 4rem;
    font-size: clamp(1.8rem, 2.2vw, 2.4rem); }
    .section__search-result h2 span {
      color: #1458E4;
      font-weight: bold;
      font-size: 130%; }
  .section__search-result .c-investment-lists {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-2% + -15px);
    margin-right: -15px; }
    .section__search-result .c-investment-lists .c-investment-list {
      width: 100%;
      margin-left: 2%; }
      @media screen and (min-width: 769px) {
        .section__search-result .c-investment-lists .c-investment-list {
          width: 31%; } }
      @media screen and (min-width: 1000px) {
        .section__search-result .c-investment-lists .c-investment-list {
          width: 23%; } }
      .section__search-result .c-investment-lists .c-investment-list div {
        padding: .8rem 1.2rem; }
        .section__search-result .c-investment-lists .c-investment-list div h3 {
          font-size: clamp(1.8rem, 3vw, 2rem);
          line-height: 1.5;
          white-space: pre-wrap;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          height: 2.7em; }
        .section__search-result .c-investment-lists .c-investment-list div .price {
          font-size: 150%;
          font-weight: 500; }
        .section__search-result .c-investment-lists .c-investment-list div .yield {
          color: #747474; }
          .section__search-result .c-investment-lists .c-investment-list div .yield span {
            margin-left: .3rem;
            font-size: 120%;
            font-weight: 500; }
        .section__search-result .c-investment-lists .c-investment-list div .address {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          height: 1.6em; }
  .section__search-result .c-btn {
    width: 100%;
    min-width: 250px;
    padding: 1rem 0; }
    @media screen and (min-width: 600px) {
      .section__search-result .c-btn {
        width: 300px; } }

form input[type="radio"][name="search"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; }

/*# sourceMappingURL=frontpage.css.map */