@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box; }

html {
  text-size-adjust: 100%;
  font-size: 62.5%; }

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  background: #fff;
  font-size: 1.6rem;
  opacity: 0;
  transition: 0.3s ease; }
  body.load {
    opacity: 1; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0; }

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

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ""; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input,
textarea,
select,
button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  /**font-size: 100%;
  border-radius: 0;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: inherit;*/ }

textarea {
  resize: vertical;
  display: block; }

button {
  padding: 0;
  cursor: pointer; }

legend {
  color: #000; }

main {
  display: block;
  position: relative; }

a {
  text-decoration: none;
  color: inherit;
  transition: 0.3s ease;
  text-underline-offset: .5rem; }
  a:hover img {
    opacity: .7; }

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: 0.3s ease; }

svg {
  display: block; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  font-feature-settings: "palt";
  image-rendering: -webkit-optimize-contrast; }

*::before,
*::after {
  box-sizing: border-box; }

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

.hidden {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: inline-block; }

.move {
  transition: all 1s ease;
  opacity: 0;
  transform: translate(0, 3.3333333333vw);
  -webkit-transform: translate(0, 3.3333333333vw); }
  @media screen and (min-width: 1201px) {
    .move {
      transform: translate(0, 40px);
      -webkit-transform: translate(0, 40px); } }
  @media screen and (max-width: 768px) {
    .move {
      transform: translate(0, 5.3333333333vw);
      -webkit-transform: translate(0, 5.3333333333vw); } }

.move-in {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.move-side {
  transition: all 2s ease;
  opacity: 0;
  transform: translate(10%, 0);
  -webkit-transform: translate(10%, 0); }
  @media screen and (min-width: 1201px) {
    .move-side {
      transform: translate(10%, 0);
      -webkit-transform: translate(10%, 0); } }
  @media screen and (max-width: 768px) {
    .move-side {
      transform: translate(0, 10%);
      -webkit-transform: translate(0, 10%); } }

.move-side-in {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.fade {
  transition: all 1s ease;
  opacity: 0; }

.fade-in {
  opacity: 1; }

#wrapper {
  width: calc(100vw - calc(100vw - 100%));
  overflow: hidden;
  position: relative; }

.inner {
  margin: 0 auto;
  padding: 0 3.3333333333vw;
  width: 100vw; }
  @media screen and (min-width: 1201px) {
    .inner {
      width: 1200px;
      padding: 0; } }
  @media screen and (max-width: 768px) {
    .inner {
      width: auto;
      padding: 0 5.3333333333vw; } }

header {
  width: calc(100vw - 6.25vw);
  height: 8.3333333333vw;
  background-color: #fff;
  position: fixed;
  top: 3.3333333333vw;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%);
  border-radius: 8.3333333333vw; }
  @media screen and (min-width: 1201px) {
    header {
      top: 40px;
      width: calc(100vw - 120px);
      height: 100px;
      border-radius: 100px; } }
  @media screen and (max-width: 768px) {
    header {
      top: 5.3333333333vw;
      width: calc(100vw - 10.667vw);
      height: 16vw;
      border-radius: 16vw; } }
  header .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.5vw 0 3.3333333333vw; }
    @media screen and (min-width: 1201px) {
      header .wrap {
        padding: 0 30px 0 40px; } }
    @media screen and (max-width: 768px) {
      header .wrap {
        padding: 0 5.3333333333vw; } }
  header .header-logo {
    padding: 0.8333333333vw 0 0; }
    @media screen and (min-width: 1201px) {
      header .header-logo {
        padding: 10px 0 0; } }
    @media screen and (max-width: 768px) {
      header .header-logo {
        padding: 2.6666666667vw 0 0; } }
    header .header-logo h1 img {
      width: 17.1666666667vw;
      height: auto; }
      @media screen and (min-width: 1201px) {
        header .header-logo h1 img {
          width: 206px; } }
      @media screen and (max-width: 768px) {
        header .header-logo h1 img {
          width: 27.4666666667vw; } }

.header-navi {
  display: flex;
  align-items: center;
  padding: 0.8333333333vw 0 0;
  gap: 2.5vw; }
  @media screen and (min-width: 1201px) {
    .header-navi {
      padding: 10px 0 0;
      gap: 30px; } }
  @media screen and (max-width: 768px) {
    .header-navi {
      display: none; } }
  .header-navi ul {
    display: flex;
    align-items: center;
    gap: 2.9166666667vw; }
    @media screen and (min-width: 1201px) {
      .header-navi ul {
        gap: 35px; } }
    .header-navi ul li {
      font-size: 1.3333333333vw;
      font-weight: 600; }
      @media screen and (min-width: 1201px) {
        .header-navi ul li {
          font-size: 16px; } }
      .header-navi ul li a {
        display: inline-block;
        position: relative; }
        .header-navi ul li a:before {
          content: "";
          position: absolute;
          left: 0;
          bottom: -.5em;
          background-color: #ffe323;
          width: 0;
          height: 0.1666666667vw;
          transition: 0.3s ease; }
          @media screen and (min-width: 1201px) {
            .header-navi ul li a:before {
              height: 2px; } }
        .header-navi ul li a:hover:before {
          width: 100%; }
  .header-navi .header-navi-contact a {
    display: inline-block;
    font-size: 1.3333333333vw;
    font-weight: 600;
    background-color: #ffe323;
    padding: 1em 2em;
    border-radius: 5vw;
    line-height: 1;
    letter-spacing: .1em; }
    @media screen and (min-width: 1201px) {
      .header-navi .header-navi-contact a {
        font-size: 16px;
        border-radius: 60px; } }
    .header-navi .header-navi-contact a span {
      display: block;
      padding: 0 0 0 2em;
      background: url(../img/footer-contact-email.png) no-repeat center left/contain; }
    .header-navi .header-navi-contact a:hover {
      opacity: .7; }

.header-menu {
  position: fixed;
  top: 3.3333333333vw;
  right: 3.3333333333vw;
  z-index: 10010;
  display: none; }
  @media screen and (min-width: 1201px) {
    .header-menu {
      top: 40px;
      right: 40px; } }
  @media screen and (max-width: 768px) {
    .header-menu {
      top: 11.2vw;
      right: 10.6666666667vw;
      display: block; } }
  .header-menu a {
    display: block;
    width: 2.9166666667vw;
    height: 1.3333333333vw;
    position: relative; }
    @media screen and (min-width: 1201px) {
      .header-menu a {
        width: 35px;
        height: 16px; } }
    @media screen and (max-width: 768px) {
      .header-menu a {
        width: 9.3333333333vw;
        height: 4.2666666667vw; } }
    .header-menu a span {
      display: inline-block;
      width: 100%;
      height: 0.1666666667vw;
      background-color: #000;
      position: absolute;
      left: 0;
      transition: 0.3s ease; }
      @media screen and (min-width: 1201px) {
        .header-menu a span {
          height: 2px; } }
      @media screen and (max-width: 768px) {
        .header-menu a span {
          height: 0.5333333333vw; } }
      .header-menu a span:nth-child(1) {
        top: 0;
        transform: translate(0, 0) rotate(0deg); }
      .header-menu a span:nth-child(2) {
        top: 0.5833333333vw;
        transform: translate(0, 0); }
        @media screen and (min-width: 1201px) {
          .header-menu a span:nth-child(2) {
            top: 7px; } }
        @media screen and (max-width: 768px) {
          .header-menu a span:nth-child(2) {
            top: 1.8666666667vw; } }
      .header-menu a span:nth-child(3) {
        bottom: 0;
        transform: translate(0, 0) rotate(0deg); }
  .header-menu.active a span {
    background-color: #000; }
    .header-menu.active a span:nth-child(1) {
      transform: translate(0, 0.5833333333vw) rotate(45deg); }
      @media screen and (min-width: 1201px) {
        .header-menu.active a span:nth-child(1) {
          transform: translate(0, 7px) rotate(45deg); } }
      @media screen and (max-width: 768px) {
        .header-menu.active a span:nth-child(1) {
          transform: translate(0, 1.8666666667vw) rotate(45deg); } }
    .header-menu.active a span:nth-child(2) {
      opacity: 0;
      transform: translate(0.8333333333vw, 0); }
      @media screen and (min-width: 1201px) {
        .header-menu.active a span:nth-child(2) {
          transform: translate(10px, 0); } }
      @media screen and (max-width: 768px) {
        .header-menu.active a span:nth-child(2) {
          transform: translate(2.6666666667vw, 0); } }
    .header-menu.active a span:nth-child(3) {
      transform: translate(0, -0.5833333333vw) rotate(-45deg); }
      @media screen and (min-width: 1201px) {
        .header-menu.active a span:nth-child(3) {
          transform: translate(0, -7px) rotate(-45deg); } }
      @media screen and (max-width: 768px) {
        .header-menu.active a span:nth-child(3) {
          transform: translate(0, -1.8666666667vw) rotate(-45deg); } }

#gnavi {
  display: none;
  width: 21.6666666667vw;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  background-color: #fff;
  color: #000; }
  @media screen and (min-width: 1201px) {
    #gnavi {
      width: 260px; } }
  @media screen and (max-width: 768px) {
    #gnavi {
      width: 69.3333333333vw; } }
  #gnavi .gmenu {
    padding: 8.75vw 3.3333333333vw 5vw 3.3333333333vw; }
    @media screen and (min-width: 1201px) {
      #gnavi .gmenu {
        padding: 105px 40px 60px 40px; } }
    @media screen and (max-width: 768px) {
      #gnavi .gmenu {
        padding: 13.3333333333vw 5.3333333333vw 10.6666666667vw 5.3333333333vw; } }
    #gnavi .gmenu ul {
      display: grid;
      gap: 2.9166666667vw;
      grid-template-columns: 1fr; }
      @media screen and (min-width: 1201px) {
        #gnavi .gmenu ul {
          gap: 35px; } }
      @media screen and (max-width: 768px) {
        #gnavi .gmenu ul {
          gap: 9.3333333333vw; } }
      #gnavi .gmenu ul li a {
        color: #000;
        display: block;
        font-size: 1.3333333333vw;
        font-weight: bold;
        position: relative; }
        @media screen and (min-width: 1201px) {
          #gnavi .gmenu ul li a {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #gnavi .gmenu ul li a {
            font-size: 3.7333333333vw; } }
        #gnavi .gmenu ul li a:before {
          content: "";
          position: absolute;
          bottom: -.5em;
          left: 0;
          width: 0;
          height: 1px;
          background-color: #000;
          transition: 0.3s ease; }
        #gnavi .gmenu ul li a:hover:before {
          width: 20%; }

#pagetop {
  position: fixed;
  bottom: 2.5vw;
  right: 2.5vw;
  z-index: 9999;
  width: 6.6666666667vw;
  height: 6.6666666667vw; }
  @media screen and (min-width: 1201px) {
    #pagetop {
      bottom: 30px;
      right: 30px;
      width: 80px;
      height: 80px; } }
  @media screen and (max-width: 768px) {
    #pagetop {
      bottom: 2.6666666667vw;
      right: 2.6666666667vw;
      width: 10.6666666667vw;
      height: 10.6666666667vw; } }
  #pagetop a {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/pagetop.png) no-repeat center/contain; }

#footer-contact {
  background: url(../img/footer-contact-bg.jpg) no-repeat center/cover;
  padding: 7.5vw 0 8.3333333333vw; }
  @media screen and (min-width: 1201px) {
    #footer-contact {
      padding: 90px 0 100px; } }
  @media screen and (max-width: 768px) {
    #footer-contact {
      padding: 10.6666666667vw 0 13.3333333333vw; } }
  #footer-contact .footer-contact-ttl {
    text-align: center;
    color: #fff;
    margin: 0 0 3.3333333333vw; }
    @media screen and (min-width: 1201px) {
      #footer-contact .footer-contact-ttl {
        margin: 0 0 40px; } }
    @media screen and (max-width: 768px) {
      #footer-contact .footer-contact-ttl {
        margin: 0 0 8vw; } }
    #footer-contact .footer-contact-ttl h2 {
      font-size: 2vw;
      font-weight: 700; }
      @media screen and (min-width: 1201px) {
        #footer-contact .footer-contact-ttl h2 {
          font-size: 24px; } }
      @media screen and (max-width: 768px) {
        #footer-contact .footer-contact-ttl h2 {
          font-size: 4.2666666667vw; } }
      #footer-contact .footer-contact-ttl h2 strong {
        font-size: 2.5vw;
        font-weight: 700;
        margin: 0 0 0 .5em; }
        @media screen and (min-width: 1201px) {
          #footer-contact .footer-contact-ttl h2 strong {
            font-size: 30px; } }
        @media screen and (max-width: 768px) {
          #footer-contact .footer-contact-ttl h2 strong {
            font-size: 5.3333333333vw;
            margin: 0;
            display: block; } }
  #footer-contact .footer-contact-cnt {
    display: flex;
    justify-content: space-between;
    padding: 0 5.8333333333vw; }
    @media screen and (min-width: 1201px) {
      #footer-contact .footer-contact-cnt {
        padding: 0 70px; } }
    @media screen and (max-width: 768px) {
      #footer-contact .footer-contact-cnt {
        display: block;
        padding: 0; } }
    #footer-contact .footer-contact-cnt .cnt-box {
      width: 41.6666666667vw;
      height: 13.3333333333vw;
      border: solid #fff 1px;
      color: #fff; }
      @media screen and (min-width: 1201px) {
        #footer-contact .footer-contact-cnt .cnt-box {
          width: 500px;
          height: 160px; } }
      @media screen and (max-width: 768px) {
        #footer-contact .footer-contact-cnt .cnt-box {
          width: auto;
          height: auto;
          padding: 5.3333333333vw;
          margin: 0 0 8vw; } }
      #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column; }
        #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap h3 {
          font-size: 1.5vw;
          margin: 0 0 .3em; }
          @media screen and (min-width: 1201px) {
            #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap h3 {
              font-size: 18px; } }
          @media screen and (max-width: 768px) {
            #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap h3 {
              font-size: 3.7333333333vw; } }
        #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap p {
          font-size: 1.1666666667vw;
          line-height: 1.8;
          padding: .5em 0 0;
          text-align: center; }
          @media screen and (min-width: 1201px) {
            #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap p {
              font-size: 14px; } }
          @media screen and (max-width: 768px) {
            #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap p {
              font-size: 3.2vw; } }
        #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap .tel strong {
          font-size: 3.3333333333vw;
          font-family: "Ropa Sans", sans-serif;
          padding: 0 0 0 .8em;
          background: url(../img/footer-contact-tel.png) no-repeat center left/2.0833333333vw auto; }
          @media screen and (min-width: 1201px) {
            #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap .tel strong {
              font-size: 40px;
              background-size: 25px auto; } }
          @media screen and (max-width: 768px) {
            #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap .tel strong {
              font-size: 6.4vw;
              background-size: 4.8vw auto; } }
        #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap .btn {
          padding: 1.25vw 0 0; }
          @media screen and (min-width: 1201px) {
            #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap .btn {
              padding: 15px 0 0; } }
          @media screen and (max-width: 768px) {
            #footer-contact .footer-contact-cnt .cnt-box .cnt-box-wrap .btn {
              padding: 4vw 0 0; } }

#footer-gmap {
  width: 100vw;
  height: 45vw;
  overflow: hidden; }
  @media screen and (min-width: 1201px) {
    #footer-gmap {
      height: 540px; } }
  @media screen and (max-width: 768px) {
    #footer-gmap {
      height: 80vw; } }
  #footer-gmap iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }

footer {
  border-top: solid #ffe323 0.25vw;
  padding: 4.1666666667vw 0 2.5vw;
  position: relative;
  background-color: #fbf8e6; }
  @media screen and (min-width: 1201px) {
    footer {
      border-top: solid #ffe323 3px;
      padding: 50px 0 30px; } }
  @media screen and (max-width: 768px) {
    footer {
      border-top: solid #ffe323 0.5333333333vw;
      padding: 10.6666666667vw 0 5.3333333333vw; } }
  footer .footer-fl {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      footer .footer-fl {
        flex-direction: column; } }
  footer .footer-logo {
    display: flex;
    align-items: center;
    gap: 3.3333333333vw; }
    @media screen and (min-width: 1201px) {
      footer .footer-logo {
        gap: 40px; } }
    @media screen and (max-width: 768px) {
      footer .footer-logo {
        display: block; } }
    footer .footer-logo .logo {
      text-align: center; }
      @media screen and (max-width: 768px) {
        footer .footer-logo .logo {
          margin: 0 0 5.3333333333vw; } }
      footer .footer-logo .logo h2 img {
        width: 17.5vw; }
        @media screen and (min-width: 1201px) {
          footer .footer-logo .logo h2 img {
            width: 210px; } }
        @media screen and (max-width: 768px) {
          footer .footer-logo .logo h2 img {
            width: 28vw; } }
      footer .footer-logo .logo p {
        padding: .3em 0 0;
        font-size: 1.6666666667vw;
        font-weight: 700; }
        @media screen and (min-width: 1201px) {
          footer .footer-logo .logo p {
            font-size: 20px; } }
        @media screen and (max-width: 768px) {
          footer .footer-logo .logo p {
            text-align: center;
            font-size: 3.7333333333vw; } }
    footer .footer-logo .address p {
      font-size: 1.1666666667vw;
      line-height: 1.8;
      margin: 0 0 .5em; }
      @media screen and (min-width: 1201px) {
        footer .footer-logo .address p {
          font-size: 14px; } }
      @media screen and (max-width: 768px) {
        footer .footer-logo .address p {
          text-align: center;
          font-size: 3.2vw; } }
    @media screen and (max-width: 768px) {
      footer .footer-logo .address .address-tel {
        text-align: center; } }
    footer .footer-logo .address .address-tel strong {
      line-height: 1;
      font-size: 1.6666666667vw;
      font-family: "Ropa Sans", sans-serif;
      font-weight: 700;
      display: inline-block;
      padding: 0 0 0 1.3333333333vw;
      background: url(../img/footer-tel.png) no-repeat center left/1.0416666667vw auto; }
      @media screen and (min-width: 1201px) {
        footer .footer-logo .address .address-tel strong {
          font-size: 20px;
          padding: 0 0 0 16px;
          background-size: 12.5px auto; } }
      @media screen and (max-width: 768px) {
        footer .footer-logo .address .address-tel strong {
          font-size: 5.3333333333vw;
          padding: 0 0 0 5.3333333333vw;
          background-size: 3.3333333333vw auto; } }
  footer .footer-menu {
    display: flex;
    align-items: center;
    gap: 4.5833333333vw; }
    @media screen and (min-width: 1201px) {
      footer .footer-menu {
        gap: 55px; } }
    @media screen and (max-width: 768px) {
      footer .footer-menu {
        display: none;
        flex-direction: column;
        gap: 3.2vw; } }
    footer .footer-menu ul li {
      font-size: 1.1666666667vw;
      padding: 0 0 0 1em;
      margin: 0 0 1em;
      position: relative; }
      @media screen and (min-width: 1201px) {
        footer .footer-menu ul li {
          font-size: 14px; } }
      @media screen and (max-width: 768px) {
        footer .footer-menu ul li {
          font-size: 3.2vw; } }
      footer .footer-menu ul li:last-child {
        margin: 0; }
      footer .footer-menu ul li:before {
        content: "";
        background: url(../img/footer-arrow.png) no-repeat center/contain;
        width: 0.5vw;
        height: 0.8333333333vw;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
  footer .copyright {
    text-align: center;
    padding: 3.3333333333vw 0 0; }
    @media screen and (min-width: 1201px) {
      footer .copyright {
        padding: 40px 0 0; } }
    @media screen and (max-width: 768px) {
      footer .copyright {
        text-align: center;
        padding: 10.6666666667vw 0 0; } }
    footer .copyright small {
      font-size: 1.1666666667vw;
      line-height: 1; }
      @media screen and (min-width: 1201px) {
        footer .copyright small {
          font-size: 14px; } }
      @media screen and (max-width: 768px) {
        footer .copyright small {
          font-size: 3.2vw; } }

#mainvisual {
  width: 100vw;
  height: 90vw;
  position: relative;
  overflow: hidden;
  z-index: 10; }
  @media screen and (min-width: 1201px) {
    #mainvisual {
      height: 1080px; } }
  @media screen and (max-width: 768px) {
    #mainvisual {
      height: 106.6666666667vw; } }
  #mainvisual .mv-copy {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    #mainvisual .mv-copy .mv-copy-wrap {
      text-align: center;
      padding: 0 0 15vw; }
      @media screen and (min-width: 1201px) {
        #mainvisual .mv-copy .mv-copy-wrap {
          padding: 0 0 180px; } }
      @media screen and (max-width: 768px) {
        #mainvisual .mv-copy .mv-copy-wrap {
          padding: 0 0 24vw; } }
      #mainvisual .mv-copy .mv-copy-wrap p {
        font-size: 2vw;
        font-weight: 500;
        margin: 0 0 1em; }
        @media screen and (min-width: 1201px) {
          #mainvisual .mv-copy .mv-copy-wrap p {
            font-size: 24px; } }
        @media screen and (max-width: 768px) {
          #mainvisual .mv-copy .mv-copy-wrap p {
            font-size: 3.7333333333vw; } }
      #mainvisual .mv-copy .mv-copy-wrap h2 {
        font-size: 3vw;
        font-weight: 700; }
        @media screen and (min-width: 1201px) {
          #mainvisual .mv-copy .mv-copy-wrap h2 {
            font-size: 36px; } }
        @media screen and (max-width: 768px) {
          #mainvisual .mv-copy .mv-copy-wrap h2 {
            font-size: 4.8vw; } }
        #mainvisual .mv-copy .mv-copy-wrap h2 strong {
          font-size: 5vw;
          font-weight: 700; }
          @media screen and (min-width: 1201px) {
            #mainvisual .mv-copy .mv-copy-wrap h2 strong {
              font-size: 60px; } }
          @media screen and (max-width: 768px) {
            #mainvisual .mv-copy .mv-copy-wrap h2 strong {
              font-size: 6.4vw; } }
  #mainvisual .mv-bg {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    #mainvisual .mv-bg figure {
      height: 90vw; }
      @media screen and (min-width: 1201px) {
        #mainvisual .mv-bg figure {
          height: 1080px; } }
      @media screen and (max-width: 768px) {
        #mainvisual .mv-bg figure {
          height: 106.6666666667vw; } }
    #mainvisual .mv-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

#top-service {
  position: relative;
  top: -25.8333333333vw;
  z-index: 11;
  margin: 0 0 -17.5vw; }
  @media screen and (min-width: 1201px) {
    #top-service {
      top: -310px;
      margin: 0 0 -210px; } }
  @media screen and (max-width: 768px) {
    #top-service {
      top: -42.6666666667vw;
      margin: 0 0 -26.6666666667vw; } }
  #top-service .top-service-wrap {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #top-service .top-service-wrap {
        display: block; } }
    #top-service .top-service-wrap .box {
      width: 31.6666666667vw;
      background-color: #fff;
      box-shadow: 0 0 0.8333333333vw rgba(0, 0, 0, 0.16);
      text-align: center;
      padding: 0 0 2.5vw; }
      @media screen and (min-width: 1201px) {
        #top-service .top-service-wrap .box {
          width: 380px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
          padding: 0 0 30px; } }
      @media screen and (max-width: 768px) {
        #top-service .top-service-wrap .box {
          width: auto;
          box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.16);
          padding: 0 0 5.3333333333vw;
          margin: 0 0 8vw; } }
      #top-service .top-service-wrap .box h2 {
        background-color: #ffe323;
        font-size: 2.1666666667vw;
        font-weight: 700;
        padding: .3em 0; }
        @media screen and (min-width: 1201px) {
          #top-service .top-service-wrap .box h2 {
            font-size: 26px; } }
        @media screen and (max-width: 768px) {
          #top-service .top-service-wrap .box h2 {
            font-size: 4.2666666667vw; } }
      #top-service .top-service-wrap .box figure {
        padding: 0.8333333333vw; }
        @media screen and (min-width: 1201px) {
          #top-service .top-service-wrap .box figure {
            padding: 10px; } }
        @media screen and (max-width: 768px) {
          #top-service .top-service-wrap .box figure {
            padding: 2.6666666667vw; } }
      #top-service .top-service-wrap .box p {
        font-size: 1.5vw;
        font-weight: 600;
        line-height: 2;
        padding: 0.8333333333vw 0 1.6666666667vw; }
        @media screen and (min-width: 1201px) {
          #top-service .top-service-wrap .box p {
            font-size: 18px;
            padding: 10px 0 20px; } }
        @media screen and (max-width: 768px) {
          #top-service .top-service-wrap .box p {
            font-size: 3.7333333333vw;
            padding: 2.6666666667vw 0 5.3333333333vw; } }
      @media screen and (max-width: 768px) {
        #top-service .top-service-wrap .box .btn {
          padding: 0 5.3333333333vw; } }

.btn-common {
  display: inline-block;
  position: relative;
  width: 21.6666666667vw;
  height: 4.1666666667vw;
  line-height: 4.1666666667vw;
  background-color: #ffe323;
  color: #000;
  text-align: center;
  padding: 0 1.6666666667vw;
  border-radius: 5vw;
  overflow: hidden; }
  @media screen and (min-width: 1201px) {
    .btn-common {
      width: 260px;
      height: 50px;
      line-height: 50px;
      padding: 0 20px;
      border-radius: 60px;
      border-width: 1px; } }
  @media screen and (max-width: 768px) {
    .btn-common {
      display: block;
      width: auto;
      height: 13.3333333333vw;
      line-height: 13.3333333333vw;
      padding: 0 5.3333333333vw;
      border-radius: 13.3333333333vw;
      border-width: 0.2666666667vw; } }
  .btn-common span {
    font-size: 1.3333333333vw;
    display: block;
    position: relative;
    z-index: 2;
    font-weight: 600; }
    @media screen and (min-width: 1201px) {
      .btn-common span {
        font-size: 16px; } }
    @media screen and (max-width: 768px) {
      .btn-common span {
        font-size: 3.7333333333vw; } }
  .btn-common:hover {
    opacity: .7; }
  .btn-common.btn-arrow span {
    background: url(../img/btn-arrow.png) no-repeat center right/0.4583333333vw auto; }
    @media screen and (min-width: 1201px) {
      .btn-common.btn-arrow span {
        background-size: 5.5px auto; } }
    @media screen and (max-width: 768px) {
      .btn-common.btn-arrow span {
        background-size: 1.4666666667vw auto; } }
  .btn-common.btn-prev span {
    background: url(../img/btn-prev.png) no-repeat center left/0.4583333333vw auto; }
    @media screen and (min-width: 1201px) {
      .btn-common.btn-prev span {
        background-size: 5.5px auto; } }
    @media screen and (max-width: 768px) {
      .btn-common.btn-prev span {
        background-size: 1.4666666667vw auto; } }
  .btn-common.btn-back {
    background-color: #000;
    color: #fff; }
    .btn-common.btn-back span {
      background: url(../img/btn-arrow_w.png) no-repeat center right/0.4583333333vw auto; }
      @media screen and (min-width: 1201px) {
        .btn-common.btn-back span {
          background-size: 5.5px auto; } }
      @media screen and (max-width: 768px) {
        .btn-common.btn-back span {
          background-size: 1.4666666667vw auto; } }
  .btn-common.btn-email span {
    display: inline-block;
    padding: 0 0 0 3.5vw;
    background: url(../img/footer-contact-email.png) no-repeat center left/2.6666666667vw auto; }
    @media screen and (min-width: 1201px) {
      .btn-common.btn-email span {
        padding: 0 0 0 42px;
        background-size: 32px auto; } }
    @media screen and (max-width: 768px) {
      .btn-common.btn-email span {
        padding: 0 0 0 11.2vw;
        background-size: 8.5333333333vw auto; } }

#top-reason {
  margin: 0 0 10.8333333333vw; }
  @media screen and (min-width: 1201px) {
    #top-reason {
      margin: 0 0 130px; } }
  @media screen and (max-width: 768px) {
    #top-reason {
      margin: 0 0 16vw; } }
  #top-reason .top-reason-ttl {
    text-align: center;
    margin: 0 0 5vw; }
    @media screen and (min-width: 1201px) {
      #top-reason .top-reason-ttl {
        margin: 0 0 60px; } }
    @media screen and (max-width: 768px) {
      #top-reason .top-reason-ttl {
        margin: 0 0 8vw; } }
    #top-reason .top-reason-ttl h2 {
      font-size: 2.3333333333vw;
      font-weight: 700; }
      @media screen and (min-width: 1201px) {
        #top-reason .top-reason-ttl h2 {
          font-size: 28px; } }
      @media screen and (max-width: 768px) {
        #top-reason .top-reason-ttl h2 {
          font-size: 4.8vw; } }
      #top-reason .top-reason-ttl h2 strong {
        font-size: 2.8333333333vw;
        font-weight: 900;
        display: inline-block;
        background: linear-gradient(transparent 70%, #ffe323 70%); }
        @media screen and (min-width: 1201px) {
          #top-reason .top-reason-ttl h2 strong {
            font-size: 34px; } }
        @media screen and (max-width: 768px) {
          #top-reason .top-reason-ttl h2 strong {
            font-size: 5.8666666667vw; } }
  #top-reason .top-reason-wrap {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #top-reason .top-reason-wrap {
        display: block; } }
    #top-reason .top-reason-wrap .box {
      width: 31.6666666667vw; }
      @media screen and (min-width: 1201px) {
        #top-reason .top-reason-wrap .box {
          width: 380px; } }
      @media screen and (max-width: 768px) {
        #top-reason .top-reason-wrap .box {
          width: auto;
          margin: 0 0 8vw; } }
      #top-reason .top-reason-wrap .box h3 {
        font-size: 2vw;
        font-weight: 700;
        padding: 0 0 0 .5em;
        margin: 0 0 1.6666666667vw;
        border-left: solid #ffe323 0.3333333333vw; }
        @media screen and (min-width: 1201px) {
          #top-reason .top-reason-wrap .box h3 {
            font-size: 24px;
            margin: 0 0 20px;
            border-left: solid #ffe323 4px; } }
        @media screen and (max-width: 768px) {
          #top-reason .top-reason-wrap .box h3 {
            font-size: 4.2666666667vw;
            margin: 0 0 5.3333333333vw;
            border-left: solid #ffe323 1.0666666667vw; } }
      #top-reason .top-reason-wrap .box figure {
        margin: 0 0 1.3333333333vw; }
        @media screen and (min-width: 1201px) {
          #top-reason .top-reason-wrap .box figure {
            margin: 0 0 16px; } }
        @media screen and (max-width: 768px) {
          #top-reason .top-reason-wrap .box figure {
            margin: 0 0 2.6666666667vw; } }
      #top-reason .top-reason-wrap .box p {
        font-size: 1.3333333333vw;
        font-weight: 500;
        line-height: 2; }
        @media screen and (min-width: 1201px) {
          #top-reason .top-reason-wrap .box p {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #top-reason .top-reason-wrap .box p {
            font-size: 3.4666666667vw; } }

#top-guide article {
  margin: 0 0 18.3333333333vw;
  padding: 0 0 0 3.3333333333vw;
  width: 100vw; }
  @media screen and (min-width: 1201px) {
    #top-guide article {
      margin: 0 0 220px;
      padding: 0 0 0 calc((100vw - 1200px)/2); } }
  @media screen and (max-width: 768px) {
    #top-guide article {
      margin: 0;
      padding: 0 0 0 5.3333333333vw; } }
  #top-guide article .top-guide-blk {
    border-left: solid #ffe323 0.8333333333vw; }
    @media screen and (min-width: 1201px) {
      #top-guide article .top-guide-blk {
        border-left: solid #ffe323 10px; } }
    @media screen and (max-width: 768px) {
      #top-guide article .top-guide-blk {
        border-left: none;
        border-top: solid #ffe323 1.3333333333vw; } }
    #top-guide article .top-guide-blk .head {
      margin: 0 0 3.3333333333vw;
      position: relative;
      z-index: 1; }
      @media screen and (min-width: 1201px) {
        #top-guide article .top-guide-blk .head {
          margin: 0 0 40px; } }
      @media screen and (max-width: 768px) {
        #top-guide article .top-guide-blk .head {
          margin: 0 0 5.3333333333vw;
          padding: 5.3333333333vw 0 0; } }
      #top-guide article .top-guide-blk .head h2 {
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 2;
        padding: 0 0 0 1em; }
        @media screen and (min-width: 1201px) {
          #top-guide article .top-guide-blk .head h2 {
            font-size: 30px; } }
        @media screen and (max-width: 768px) {
          #top-guide article .top-guide-blk .head h2 {
            font-size: 4.8vw;
            padding: 0 1em 0 0; } }
    #top-guide article .top-guide-blk .image {
      padding: 0 0 0 29.1666666667vw;
      position: relative;
      z-index: 1; }
      @media screen and (min-width: 1201px) {
        #top-guide article .top-guide-blk .image {
          padding: 0 0 0 350px; } }
      @media screen and (max-width: 768px) {
        #top-guide article .top-guide-blk .image {
          padding: 0 0 0 5.3333333333vw; } }
      #top-guide article .top-guide-blk .image figure {
        width: 100%;
        height: 50vw;
        overflow: hidden; }
        @media screen and (min-width: 1201px) {
          #top-guide article .top-guide-blk .image figure {
            height: 600px; } }
        @media screen and (max-width: 768px) {
          #top-guide article .top-guide-blk .image figure {
            height: 53.3333333333vw; } }
        #top-guide article .top-guide-blk .image figure img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    #top-guide article .top-guide-blk .cnt {
      padding: 3.3333333333vw 4.1666666667vw 0;
      border-top: solid #ffe323 0.4166666667vw;
      background-color: #fff;
      position: absolute;
      bottom: -7.5vw;
      left: -0.8333333333vw;
      z-index: 10;
      width: 50vw; }
      @media screen and (min-width: 1201px) {
        #top-guide article .top-guide-blk .cnt {
          padding: 40px 50px 0;
          border-top: solid #ffe323 5px;
          left: -10px;
          bottom: -90px;
          width: 600px; } }
      @media screen and (max-width: 768px) {
        #top-guide article .top-guide-blk .cnt {
          padding: 5.3333333333vw 5.3333333333vw 0;
          border-top: solid #ffe323 1.3333333333vw;
          left: -5.3333333333vw;
          width: 95%;
          bottom: auto;
          position: relative;
          bottom: 16vw; } }
      #top-guide article .top-guide-blk .cnt h3 {
        font-size: 2vw;
        line-height: 2;
        font-weight: 700;
        margin: 0 0 1em; }
        @media screen and (min-width: 1201px) {
          #top-guide article .top-guide-blk .cnt h3 {
            font-size: 24px; } }
        @media screen and (max-width: 768px) {
          #top-guide article .top-guide-blk .cnt h3 {
            font-size: 4.2666666667vw; } }
      #top-guide article .top-guide-blk .cnt p {
        font-size: 1.3333333333vw;
        line-height: 2;
        font-weight: 500; }
        @media screen and (min-width: 1201px) {
          #top-guide article .top-guide-blk .cnt p {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #top-guide article .top-guide-blk .cnt p {
            font-size: 3.4666666667vw; } }
      #top-guide article .top-guide-blk .cnt .btn {
        padding: 2.5vw 0 0;
        text-align: center; }
        @media screen and (min-width: 1201px) {
          #top-guide article .top-guide-blk .cnt .btn {
            padding: 30px 0 0; } }
        @media screen and (max-width: 768px) {
          #top-guide article .top-guide-blk .cnt .btn {
            padding: 5.3333333333vw 0 0; } }
  #top-guide article:nth-child(2) {
    padding: 0 3.3333333333vw 0 0; }
    @media screen and (min-width: 1201px) {
      #top-guide article:nth-child(2) {
        padding: 0 calc((100vw - 1200px)/2) 0 0; } }
    @media screen and (max-width: 768px) {
      #top-guide article:nth-child(2) {
        padding: 0 5.3333333333vw 0 0; } }
    #top-guide article:nth-child(2) .top-guide-blk {
      border-left: none;
      border-right: solid #ffe323 0.8333333333vw; }
      @media screen and (min-width: 1201px) {
        #top-guide article:nth-child(2) .top-guide-blk {
          border-right: solid #ffe323 10px; } }
      @media screen and (max-width: 768px) {
        #top-guide article:nth-child(2) .top-guide-blk {
          border-right: none;
          border-top: solid #ffe323 1.3333333333vw; } }
      #top-guide article:nth-child(2) .top-guide-blk .head {
        padding: 0 0 0 3.3333333333vw; }
        @media screen and (min-width: 1201px) {
          #top-guide article:nth-child(2) .top-guide-blk .head {
            padding: 0 0 0 calc((100vw - 1200px)/2); } }
        @media screen and (max-width: 768px) {
          #top-guide article:nth-child(2) .top-guide-blk .head {
            padding: 5.3333333333vw 0 0 0; } }
        #top-guide article:nth-child(2) .top-guide-blk .head h2 {
          padding: 0 1em 0 4.1666666667vw; }
          @media screen and (min-width: 1201px) {
            #top-guide article:nth-child(2) .top-guide-blk .head h2 {
              padding: 0 1em 0 50px; } }
          @media screen and (max-width: 768px) {
            #top-guide article:nth-child(2) .top-guide-blk .head h2 {
              padding: 0 0 0 1em; } }
      #top-guide article:nth-child(2) .top-guide-blk .image {
        padding: 0 29.1666666667vw 0 0; }
        @media screen and (min-width: 1201px) {
          #top-guide article:nth-child(2) .top-guide-blk .image {
            padding: 0 350px 0 0; } }
        @media screen and (max-width: 768px) {
          #top-guide article:nth-child(2) .top-guide-blk .image {
            padding: 0 8vw 0 0; } }
      #top-guide article:nth-child(2) .top-guide-blk .cnt {
        left: auto;
        right: -0.8333333333vw; }
        @media screen and (min-width: 1201px) {
          #top-guide article:nth-child(2) .top-guide-blk .cnt {
            right: -10px; } }
        @media screen and (max-width: 768px) {
          #top-guide article:nth-child(2) .top-guide-blk .cnt {
            padding: 5.3333333333vw 5.3333333333vw 0;
            right: -10.6666666667vw; } }

#top-strength {
  background-color: #f7f7f7;
  padding: 8.3333333333vw 0 9.1666666667vw; }
  @media screen and (min-width: 1201px) {
    #top-strength {
      padding: 100px 0 110px; } }
  @media screen and (max-width: 768px) {
    #top-strength {
      padding: 13.3333333333vw 0 16vw; } }
  #top-strength .top-strength-ttl {
    text-align: center;
    margin: 0 0 5.4166666667vw; }
    @media screen and (min-width: 1201px) {
      #top-strength .top-strength-ttl {
        margin: 0 0 65px; } }
    @media screen and (max-width: 768px) {
      #top-strength .top-strength-ttl {
        margin: 0 0 8vw; } }
    #top-strength .top-strength-ttl h2 {
      font-size: 2.5vw;
      font-weight: 700;
      padding: 7.9166666667vw 0 0;
      background: url(../img/footer-logo.png) no-repeat center top/17.5vw auto; }
      @media screen and (min-width: 1201px) {
        #top-strength .top-strength-ttl h2 {
          font-size: 30px;
          padding: 95px 0 0;
          background-size: 210px auto; } }
      @media screen and (max-width: 768px) {
        #top-strength .top-strength-ttl h2 {
          font-size: 4.8vw;
          padding: 16vw 0 0;
          background-size: 28vw auto; } }
  #top-strength .top-strength-cnt {
    display: flex;
    flex-wrap: wrap;
    gap: 3.3333333333vw; }
    @media screen and (min-width: 1201px) {
      #top-strength .top-strength-cnt {
        gap: 40px; } }
    @media screen and (max-width: 768px) {
      #top-strength .top-strength-cnt {
        display: block; } }
    #top-strength .top-strength-cnt .box {
      width: 45vw;
      background-color: #fff;
      box-shadow: 0 0 0.8333333333vw rgba(0, 0, 0, 0.16);
      position: relative; }
      @media screen and (min-width: 1201px) {
        #top-strength .top-strength-cnt .box {
          width: 580px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); } }
      @media screen and (max-width: 768px) {
        #top-strength .top-strength-cnt .box {
          width: auto;
          box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.16);
          margin: 0 0 8vw; } }
      #top-strength .top-strength-cnt .box:before {
        position: absolute;
        color: #fff;
        font-size: 6vw;
        font-weight: 500;
        font-family: "Ropa Sans", sans-serif;
        top: 0.8333333333vw;
        left: 1.25vw;
        line-height: 1; }
        @media screen and (min-width: 1201px) {
          #top-strength .top-strength-cnt .box:before {
            font-size: 72px;
            top: 10px;
            left: 15px; } }
        @media screen and (max-width: 768px) {
          #top-strength .top-strength-cnt .box:before {
            font-size: 8vw;
            top: 2.6666666667vw;
            left: 4vw; } }
      #top-strength .top-strength-cnt .box .box-wrap {
        display: flex; }
        #top-strength .top-strength-cnt .box .box-wrap figure {
          width: 20vw;
          height: 29.1666666667vw;
          overflow: hidden; }
          @media screen and (min-width: 1201px) {
            #top-strength .top-strength-cnt .box .box-wrap figure {
              width: 260px;
              height: 350px; } }
          @media screen and (max-width: 768px) {
            #top-strength .top-strength-cnt .box .box-wrap figure {
              width: 42.6666666667vw;
              height: 66.6666666667vw; } }
          #top-strength .top-strength-cnt .box .box-wrap figure img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        #top-strength .top-strength-cnt .box .box-wrap .txt {
          width: 25vw;
          padding: 1.6666666667vw 2.5vw; }
          @media screen and (min-width: 1201px) {
            #top-strength .top-strength-cnt .box .box-wrap .txt {
              width: 320px;
              padding: 20px 30px; } }
          @media screen and (max-width: 768px) {
            #top-strength .top-strength-cnt .box .box-wrap .txt {
              width: 58.6666666667vw;
              padding: 5.3333333333vw 5.3333333333vw 0; } }
          #top-strength .top-strength-cnt .box .box-wrap .txt .en {
            font-size: 3.3333333333vw;
            font-weight: 600;
            color: #ffe323;
            text-align: center;
            line-height: 1;
            margin: 0 0 .2em; }
            @media screen and (min-width: 1201px) {
              #top-strength .top-strength-cnt .box .box-wrap .txt .en {
                font-size: 40px; } }
            @media screen and (max-width: 768px) {
              #top-strength .top-strength-cnt .box .box-wrap .txt .en {
                font-size: 6.4vw; } }
          #top-strength .top-strength-cnt .box .box-wrap .txt h3 {
            font-size: 2vw;
            font-weight: 700;
            text-align: center;
            margin: 0 0 1.6666666667vw; }
            @media screen and (min-width: 1201px) {
              #top-strength .top-strength-cnt .box .box-wrap .txt h3 {
                font-size: 24px;
                margin: 0 0 20px; } }
            @media screen and (max-width: 768px) {
              #top-strength .top-strength-cnt .box .box-wrap .txt h3 {
                font-size: 3.7333333333vw;
                margin: 0 0 2.6666666667vw; } }
          #top-strength .top-strength-cnt .box .box-wrap .txt p {
            font-size: 1.3333333333vw;
            line-height: 2; }
            @media screen and (min-width: 1201px) {
              #top-strength .top-strength-cnt .box .box-wrap .txt p {
                font-size: 16px; } }
            @media screen and (max-width: 768px) {
              #top-strength .top-strength-cnt .box .box-wrap .txt p {
                font-size: 3.2vw;
                line-height: 1.6; } }
      #top-strength .top-strength-cnt .box:nth-child(1):before {
        content: "01"; }
      #top-strength .top-strength-cnt .box:nth-child(2):before {
        content: "02"; }
      #top-strength .top-strength-cnt .box:nth-child(3):before {
        content: "03"; }
      #top-strength .top-strength-cnt .box:nth-child(4):before {
        content: "04"; }

#top-property {
  padding: 7.5vw 0 8.3333333333vw;
  width: 100vw; }
  @media screen and (min-width: 1201px) {
    #top-property {
      padding: 90px 0 100px; } }
  @media screen and (max-width: 768px) {
    #top-property {
      padding: 10.6666666667vw 0 13.3333333333vw; } }
  #top-property .top-property-ttl {
    text-align: center;
    margin: 0 0 4.1666666667vw; }
    @media screen and (min-width: 1201px) {
      #top-property .top-property-ttl {
        margin: 0 0 50px; } }
    @media screen and (max-width: 768px) {
      #top-property .top-property-ttl {
        margin: 0 0 8vw; } }
    #top-property .top-property-ttl h2 {
      font-size: 4vw;
      font-weight: 600;
      font-family: "Ropa Sans", sans-serif;
      padding: 0 0 0.8333333333vw;
      display: inline-block;
      position: relative; }
      @media screen and (min-width: 1201px) {
        #top-property .top-property-ttl h2 {
          font-size: 48px;
          padding: 0 0 10px; } }
      @media screen and (max-width: 768px) {
        #top-property .top-property-ttl h2 {
          font-size: 6.4vw;
          padding: 0 0 2.6666666667vw; } }
      #top-property .top-property-ttl h2:after {
        content: "";
        background-color: #ffe323;
        width: 8.3333333333vw;
        height: 0.4166666667vw;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
        @media screen and (min-width: 1201px) {
          #top-property .top-property-ttl h2:after {
            width: 100px;
            height: 5px; } }
        @media screen and (max-width: 768px) {
          #top-property .top-property-ttl h2:after {
            width: 16vw;
            height: 1.3333333333vw; } }
    #top-property .top-property-ttl p {
      font-size: 2vw;
      font-weight: 600;
      display: block;
      position: relative;
      padding: .3em 0 0; }
      @media screen and (min-width: 1201px) {
        #top-property .top-property-ttl p {
          font-size: 24px; } }
      @media screen and (max-width: 768px) {
        #top-property .top-property-ttl p {
          font-size: 4.2666666667vw; } }
  #top-property .top-property-slider .swiper {
    overflow: visible; }
    @media screen and (max-width: 768px) {
      #top-property .top-property-slider .swiper {
        padding: 0 5.3333333333vw; } }
  #top-property .top-property-slider .top-property-slider-prev {
    position: absolute;
    top: 50%;
    left: 5vw;
    transform: translateY(-50%);
    z-index: 10; }
    @media screen and (min-width: 1201px) {
      #top-property .top-property-slider .top-property-slider-prev {
        left: 60px; } }
    @media screen and (max-width: 768px) {
      #top-property .top-property-slider .top-property-slider-prev {
        left: 2.6666666667vw; } }
  #top-property .top-property-slider .top-property-slider-next {
    position: absolute;
    top: 50%;
    right: 5vw;
    transform: translateY(-50%);
    z-index: 10; }
    @media screen and (min-width: 1201px) {
      #top-property .top-property-slider .top-property-slider-next {
        right: 60px; } }
    @media screen and (max-width: 768px) {
      #top-property .top-property-slider .top-property-slider-next {
        right: 2.6666666667vw; } }
  #top-property .top-property-slider .slide-item a {
    display: block;
    background-color: #fff;
    box-shadow: 0 0 0.8333333333vw rgba(0, 0, 0, 0.16);
    padding: 0.8333333333vw; }
    @media screen and (min-width: 1201px) {
      #top-property .top-property-slider .slide-item a {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
        padding: 10px; } }
    @media screen and (max-width: 768px) {
      #top-property .top-property-slider .slide-item a {
        box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.16);
        padding: 2.6666666667vw; } }
    #top-property .top-property-slider .slide-item a figure {
      width: 100%;
      height: 20vw;
      overflow: hidden;
      margin: 0 0 1.6666666667vw; }
      @media screen and (min-width: 1201px) {
        #top-property .top-property-slider .slide-item a figure {
          height: 240px;
          margin: 0 0 20px; } }
      @media screen and (max-width: 768px) {
        #top-property .top-property-slider .slide-item a figure {
          height: 64vw;
          margin: 0 0 5.3333333333vw; } }
      #top-property .top-property-slider .slide-item a figure img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    #top-property .top-property-slider .slide-item a h3 {
      font-size: 1.5vw;
      font-weight: 700;
      padding: 0 0.8333333333vw;
      margin: 0 0 .5em; }
      @media screen and (min-width: 1201px) {
        #top-property .top-property-slider .slide-item a h3 {
          font-size: 18px;
          padding: 0 10px; } }
      @media screen and (max-width: 768px) {
        #top-property .top-property-slider .slide-item a h3 {
          font-size: 3.7333333333vw;
          padding: 0 2.6666666667vw; } }
    #top-property .top-property-slider .slide-item a .price {
      font-size: 1.5vw;
      font-weight: 700;
      margin: 0 0 .5em;
      padding: 0 0.8333333333vw; }
      @media screen and (min-width: 1201px) {
        #top-property .top-property-slider .slide-item a .price {
          font-size: 18px;
          padding: 0 10px; } }
      @media screen and (max-width: 768px) {
        #top-property .top-property-slider .slide-item a .price {
          font-size: 3.7333333333vw;
          padding: 0 2.6666666667vw; } }
      #top-property .top-property-slider .slide-item a .price strong {
        font-size: 2vw;
        font-weight: 700; }
        @media screen and (min-width: 1201px) {
          #top-property .top-property-slider .slide-item a .price strong {
            font-size: 24px; } }
        @media screen and (max-width: 768px) {
          #top-property .top-property-slider .slide-item a .price strong {
            font-size: 4.2666666667vw; } }
      #top-property .top-property-slider .slide-item a .price small {
        font-size: 1.3333333333vw;
        font-weight: 400; }
        @media screen and (min-width: 1201px) {
          #top-property .top-property-slider .slide-item a .price small {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #top-property .top-property-slider .slide-item a .price small {
            font-size: 3.2vw; } }
    #top-property .top-property-slider .slide-item a p {
      font-size: 1.3333333333vw;
      font-weight: 400;
      line-height: 1.8;
      padding: 0 0.8333333333vw 0.8333333333vw; }
      @media screen and (min-width: 1201px) {
        #top-property .top-property-slider .slide-item a p {
          font-size: 16px;
          padding: 0 10px 10px; } }
      @media screen and (max-width: 768px) {
        #top-property .top-property-slider .slide-item a p {
          font-size: 3.2vw;
          padding: 0 2.6666666667vw 2.6666666667vw; } }
    #top-property .top-property-slider .slide-item a ul {
      display: flex;
      flex-wrap: wrap;
      font-size: 1.1666666667vw;
      gap: .4em;
      padding: 0.8333333333vw; }
      @media screen and (min-width: 1201px) {
        #top-property .top-property-slider .slide-item a ul {
          font-size: 14px;
          padding: 10px; } }
      @media screen and (max-width: 768px) {
        #top-property .top-property-slider .slide-item a ul {
          font-size: 2.9333333333vw;
          padding: 2.6666666667vw; } }
      #top-property .top-property-slider .slide-item a ul li span {
        display: inline-block;
        border: solid #ffe323 0.0833333333vw;
        padding: .1em 1em;
        border-radius: 2.5vw; }
        @media screen and (min-width: 1201px) {
          #top-property .top-property-slider .slide-item a ul li span {
            border: solid #ffe323 1px;
            border-radius: 30px; } }
        @media screen and (max-width: 768px) {
          #top-property .top-property-slider .slide-item a ul li span {
            border: solid #ffe323 0.2666666667vw;
            border-radius: 8vw; } }
  #top-property .btn {
    padding: 5vw 0 0;
    text-align: center; }
    @media screen and (min-width: 1201px) {
      #top-property .btn {
        padding: 60px 0 0; } }
    @media screen and (max-width: 768px) {
      #top-property .btn {
        padding: 10.6666666667vw 5.3333333333vw 0; } }

.slider-prev {
  background: url(../img/slider-arrow-l.png) no-repeat center/contain;
  width: 6.6666666667vw;
  height: 6.6666666667vw; }
  @media screen and (min-width: 1201px) {
    .slider-prev {
      width: 80px;
      height: 80px; } }
  @media screen and (max-width: 768px) {
    .slider-prev {
      width: 10.6666666667vw;
      height: 10.6666666667vw; } }

.slider-next {
  background: url(../img/slider-arrow-r.png) no-repeat center/contain;
  width: 6.6666666667vw;
  height: 6.6666666667vw; }
  @media screen and (min-width: 1201px) {
    .slider-next {
      width: 80px;
      height: 80px; } }
  @media screen and (max-width: 768px) {
    .slider-next {
      width: 10.6666666667vw;
      height: 10.6666666667vw; } }

#top-works {
  padding: 8.3333333333vw 0 8.3333333333vw;
  width: 100vw;
  background-color: #fbf8e6; }
  @media screen and (min-width: 1201px) {
    #top-works {
      padding: 100px 0 100px; } }
  @media screen and (max-width: 768px) {
    #top-works {
      padding: 10.6666666667vw 0 10.6666666667vw; } }
  #top-works .top-works-wrap {
    padding: 0 0 0 3.3333333333vw;
    display: flex; }
    @media screen and (min-width: 1201px) {
      #top-works .top-works-wrap {
        padding: 0 0 0 calc((100vw - 1200px)/2); } }
    @media screen and (max-width: 768px) {
      #top-works .top-works-wrap {
        display: block;
        padding: 0; } }
  #top-works .top-works-ttl {
    width: 21.6666666667vw;
    padding: 0 5vw 0 0; }
    @media screen and (min-width: 1201px) {
      #top-works .top-works-ttl {
        width: 260px;
        padding: 0 60px 0 0; } }
    @media screen and (max-width: 768px) {
      #top-works .top-works-ttl {
        width: auto;
        padding: 0 5.3333333333vw;
        margin: 0 0 10.6666666667vw; } }
    @media screen and (max-width: 768px) {
      #top-works .top-works-ttl.pc .navi, #top-works .top-works-ttl.pc .btn {
        display: none; } }
    #top-works .top-works-ttl.sp {
      display: none; }
      @media screen and (max-width: 768px) {
        #top-works .top-works-ttl.sp {
          display: block; } }
    #top-works .top-works-ttl .ttl {
      margin: 0 0 15vw; }
      @media screen and (min-width: 1201px) {
        #top-works .top-works-ttl .ttl {
          margin: 0 0 180px; } }
      @media screen and (max-width: 768px) {
        #top-works .top-works-ttl .ttl {
          margin: 0 0 10.6666666667vw;
          text-align: center; } }
    #top-works .top-works-ttl h2 {
      font-size: 4vw;
      font-weight: 600;
      font-family: "Ropa Sans", sans-serif;
      padding: 0 0 0.8333333333vw;
      display: inline-block;
      position: relative; }
      @media screen and (min-width: 1201px) {
        #top-works .top-works-ttl h2 {
          font-size: 48px;
          padding: 0 0 10px; } }
      @media screen and (max-width: 768px) {
        #top-works .top-works-ttl h2 {
          font-size: 6.4vw;
          padding: 0 0 2.6666666667vw; } }
      #top-works .top-works-ttl h2:after {
        content: "";
        background-color: #ffe323;
        width: 8.3333333333vw;
        height: 0.4166666667vw;
        position: absolute;
        bottom: 0;
        left: 0; }
        @media screen and (min-width: 1201px) {
          #top-works .top-works-ttl h2:after {
            width: 100px;
            height: 5px; } }
        @media screen and (max-width: 768px) {
          #top-works .top-works-ttl h2:after {
            width: 16vw;
            height: 1.3333333333vw;
            left: 50%;
            transform: translateX(-50%); } }
    #top-works .top-works-ttl p {
      font-size: 2vw;
      font-weight: 600;
      display: block;
      position: relative;
      padding: .3em 0 0; }
      @media screen and (min-width: 1201px) {
        #top-works .top-works-ttl p {
          font-size: 24px; } }
      @media screen and (max-width: 768px) {
        #top-works .top-works-ttl p {
          font-size: 4.2666666667vw; } }
    #top-works .top-works-ttl .navi {
      display: flex;
      gap: 0.8333333333vw;
      justify-content: center; }
      @media screen and (min-width: 1201px) {
        #top-works .top-works-ttl .navi {
          gap: 10px; } }
      @media screen and (max-width: 768px) {
        #top-works .top-works-ttl .navi {
          gap: 2.6666666667vw; } }
      @media screen and (max-width: 768px) {
        #top-works .top-works-ttl .navi .top-works-slider-prev {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 10;
          left: 2.6666666667vw; } }
      @media screen and (max-width: 768px) {
        #top-works .top-works-ttl .navi .top-works-slider-next {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 10;
          right: 2.6666666667vw; } }
    #top-works .top-works-ttl .btn {
      padding: 4.1666666667vw 0 0; }
      @media screen and (min-width: 1201px) {
        #top-works .top-works-ttl .btn {
          padding: 50px 0 0; } }
      @media screen and (max-width: 768px) {
        #top-works .top-works-ttl .btn {
          padding: 10.6666666667vw 0 0; } }
      #top-works .top-works-ttl .btn a {
        width: 100%; }
  #top-works .top-works-slider {
    width: calc(100vw - 2.083vw - 13.542vw); }
    @media screen and (min-width: 1201px) {
      #top-works .top-works-slider {
        width: calc(100vw - (100vw - 1200px)/2 - 260px); } }
    @media screen and (max-width: 768px) {
      #top-works .top-works-slider {
        width: auto; } }
    #top-works .top-works-slider .swiper {
      padding: 0 11.6666666667vw 0 0; }
      @media screen and (min-width: 1201px) {
        #top-works .top-works-slider .swiper {
          padding: 0 140px 0 0; } }
      @media screen and (max-width: 768px) {
        #top-works .top-works-slider .swiper {
          padding: 0 5.3333333333vw; } }
    #top-works .top-works-slider .slide-item a {
      display: block; }
      #top-works .top-works-slider .slide-item a figure {
        width: 100%;
        height: 31.6666666667vw;
        overflow: hidden;
        margin: 0 0 0.8333333333vw; }
        @media screen and (min-width: 1201px) {
          #top-works .top-works-slider .slide-item a figure {
            height: 380px;
            margin: 0 0 10px; } }
        @media screen and (max-width: 768px) {
          #top-works .top-works-slider .slide-item a figure {
            height: 101.3333333333vw;
            margin: 0 0 2.6666666667vw; } }
        #top-works .top-works-slider .slide-item a figure img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      #top-works .top-works-slider .slide-item a h3 {
        font-size: 1.5vw;
        font-weight: 700;
        padding: 0 0.8333333333vw;
        margin: 0 0 .5em; }
        @media screen and (min-width: 1201px) {
          #top-works .top-works-slider .slide-item a h3 {
            font-size: 18px;
            padding: 0 10px; } }
        @media screen and (max-width: 768px) {
          #top-works .top-works-slider .slide-item a h3 {
            font-size: 3.7333333333vw;
            padding: 0 2.6666666667vw; } }
      #top-works .top-works-slider .slide-item a ul {
        display: flex;
        flex-wrap: wrap;
        font-size: 1.1666666667vw;
        gap: .4em;
        padding: 0.8333333333vw; }
        @media screen and (min-width: 1201px) {
          #top-works .top-works-slider .slide-item a ul {
            font-size: 14px;
            padding: 10px; } }
        @media screen and (max-width: 768px) {
          #top-works .top-works-slider .slide-item a ul {
            font-size: 2.9333333333vw;
            padding: 2.6666666667vw; } }
        #top-works .top-works-slider .slide-item a ul li span {
          display: inline-block;
          border: solid #ffe323 0.0833333333vw;
          background-color: #fff;
          padding: .1em 1em;
          border-radius: 2.5vw; }
          @media screen and (min-width: 1201px) {
            #top-works .top-works-slider .slide-item a ul li span {
              border: solid #ffe323 1px;
              border-radius: 30px; } }
          @media screen and (max-width: 768px) {
            #top-works .top-works-slider .slide-item a ul li span {
              border: solid #ffe323 0.2666666667vw;
              border-radius: 8vw; } }

#top-voice {
  padding: 7.5vw 0 8.3333333333vw;
  width: 100vw; }
  @media screen and (min-width: 1201px) {
    #top-voice {
      padding: 90px 0 100px; } }
  @media screen and (max-width: 768px) {
    #top-voice {
      padding: 10.6666666667vw 0 13.3333333333vw; } }
  #top-voice .top-voice-ttl {
    text-align: center;
    margin: 0 0 4.1666666667vw; }
    @media screen and (min-width: 1201px) {
      #top-voice .top-voice-ttl {
        margin: 0 0 50px; } }
    @media screen and (max-width: 768px) {
      #top-voice .top-voice-ttl {
        margin: 0 0 8vw; } }
    #top-voice .top-voice-ttl h2 {
      font-size: 4vw;
      font-weight: 600;
      font-family: "Ropa Sans", sans-serif;
      padding: 0 0 0.8333333333vw;
      display: inline-block;
      position: relative; }
      @media screen and (min-width: 1201px) {
        #top-voice .top-voice-ttl h2 {
          font-size: 48px;
          padding: 0 0 10px; } }
      @media screen and (max-width: 768px) {
        #top-voice .top-voice-ttl h2 {
          font-size: 6.4vw;
          padding: 0 0 2.6666666667vw; } }
      #top-voice .top-voice-ttl h2:after {
        content: "";
        background-color: #ffe323;
        width: 8.3333333333vw;
        height: 0.4166666667vw;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
        @media screen and (min-width: 1201px) {
          #top-voice .top-voice-ttl h2:after {
            width: 100px;
            height: 5px; } }
        @media screen and (max-width: 768px) {
          #top-voice .top-voice-ttl h2:after {
            width: 16vw;
            height: 1.3333333333vw; } }
    #top-voice .top-voice-ttl p {
      font-size: 2vw;
      font-weight: 600;
      display: block;
      position: relative;
      padding: .3em 0 0; }
      @media screen and (min-width: 1201px) {
        #top-voice .top-voice-ttl p {
          font-size: 24px; } }
      @media screen and (max-width: 768px) {
        #top-voice .top-voice-ttl p {
          font-size: 4.2666666667vw; } }
  #top-voice .top-voice-cnt .ttl {
    padding: 0 0 0.8333333333vw;
    margin: 0 0 4.1666666667vw;
    border-bottom: solid #ffe323 0.25vw;
    text-align: center; }
    @media screen and (min-width: 1201px) {
      #top-voice .top-voice-cnt .ttl {
        padding: 0 0 10px;
        margin: 0 0 50px;
        border-bottom: solid #ffe323 3px; } }
    @media screen and (max-width: 768px) {
      #top-voice .top-voice-cnt .ttl {
        padding: 0 0 1.3333333333vw;
        margin: 0 0 8vw;
        border-bottom: solid #ffe323 0.8vw; } }
    #top-voice .top-voice-cnt .ttl h3 {
      font-size: 2.5vw;
      font-weight: 700; }
      @media screen and (min-width: 1201px) {
        #top-voice .top-voice-cnt .ttl h3 {
          font-size: 30px; } }
      @media screen and (max-width: 768px) {
        #top-voice .top-voice-cnt .ttl h3 {
          font-size: 4.8vw; } }
  #top-voice .top-voice-cnt .cnt {
    display: flex;
    flex-wrap: wrap;
    gap: 4.5833333333vw;
    margin: 0 0 5.8333333333vw; }
    @media screen and (min-width: 1201px) {
      #top-voice .top-voice-cnt .cnt {
        gap: 55px;
        margin: 0 0 70px; } }
    @media screen and (max-width: 768px) {
      #top-voice .top-voice-cnt .cnt {
        gap: 10.6666666667vw;
        margin: 0 0 10.6666666667vw; } }
    #top-voice .top-voice-cnt .cnt:last-child {
      margin: 0; }
    #top-voice .top-voice-cnt .cnt .item {
      width: 27.9166666667vw;
      background-color: #f7f7f7;
      box-shadow: 0 0 0.8333333333vw rgba(0, 0, 0, 0.16); }
      @media screen and (min-width: 1201px) {
        #top-voice .top-voice-cnt .cnt .item {
          width: 360px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); } }
      @media screen and (max-width: 768px) {
        #top-voice .top-voice-cnt .cnt .item {
          width: 100%;
          box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.16); } }
      #top-voice .top-voice-cnt .cnt .item figure {
        width: 100%;
        height: 20vw;
        overflow: hidden; }
        @media screen and (min-width: 1201px) {
          #top-voice .top-voice-cnt .cnt .item figure {
            height: 240px; } }
        @media screen and (max-width: 768px) {
          #top-voice .top-voice-cnt .cnt .item figure {
            height: 64vw; } }
        #top-voice .top-voice-cnt .cnt .item figure img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      #top-voice .top-voice-cnt .cnt .item .txt {
        padding: 1.6666666667vw 2.5vw; }
        @media screen and (min-width: 1201px) {
          #top-voice .top-voice-cnt .cnt .item .txt {
            padding: 20px 30px; } }
        @media screen and (max-width: 768px) {
          #top-voice .top-voice-cnt .cnt .item .txt {
            padding: 5.3333333333vw; } }
      #top-voice .top-voice-cnt .cnt .item p {
        font-size: 1.3333333333vw;
        font-weight: 400;
        line-height: 2;
        padding: 0 0 .8em; }
        @media screen and (min-width: 1201px) {
          #top-voice .top-voice-cnt .cnt .item p {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #top-voice .top-voice-cnt .cnt .item p {
            font-size: 3.2vw; } }
      #top-voice .top-voice-cnt .cnt .item h4 {
        font-size: 1.3333333333vw;
        font-weight: 700;
        padding: .8em 0 0;
        border-top: solid #000 0.1666666667vw;
        text-align: right; }
        @media screen and (min-width: 1201px) {
          #top-voice .top-voice-cnt .cnt .item h4 {
            font-size: 16px;
            border-top: solid #000 2px; } }
        @media screen and (max-width: 768px) {
          #top-voice .top-voice-cnt .cnt .item h4 {
            font-size: 3.2vw;
            border-top: solid #000 0.5333333333vw; } }

.service-bnr {
  padding: 7.5vw 0 9.1666666667vw;
  background: url(../img/bnr-bg.jpg) no-repeat center/cover; }
  @media screen and (min-width: 1201px) {
    .service-bnr {
      padding: 90px 0 110px; } }
  @media screen and (max-width: 768px) {
    .service-bnr {
      padding: 10.6666666667vw 5.3333333333vw 13.3333333333vw; } }
  .service-bnr .service-bnr-wrap {
    text-align: center; }
    .service-bnr .service-bnr-wrap .txt p {
      font-size: 2vw;
      font-weight: 700;
      margin: 0 0 2.5vw; }
      @media screen and (min-width: 1201px) {
        .service-bnr .service-bnr-wrap .txt p {
          font-size: 24px;
          margin: 0 0 30px; } }
      @media screen and (max-width: 768px) {
        .service-bnr .service-bnr-wrap .txt p {
          font-size: 4.2666666667vw;
          margin: 0 0 5.3333333333vw; } }
      .service-bnr .service-bnr-wrap .txt p strong {
        font-weight: 700;
        background: linear-gradient(transparent 70%, #ffe323 70%); }
    .service-bnr .service-bnr-wrap .txt h2 {
      font-size: 2.5vw;
      font-weight: 700;
      line-height: 1.8; }
      @media screen and (min-width: 1201px) {
        .service-bnr .service-bnr-wrap .txt h2 {
          font-size: 30px; } }
      @media screen and (max-width: 768px) {
        .service-bnr .service-bnr-wrap .txt h2 {
          font-size: 4.8vw; } }
      .service-bnr .service-bnr-wrap .txt h2 strong {
        font-size: 4vw;
        font-weight: 700; }
        @media screen and (min-width: 1201px) {
          .service-bnr .service-bnr-wrap .txt h2 strong {
            font-size: 48px; } }
        @media screen and (max-width: 768px) {
          .service-bnr .service-bnr-wrap .txt h2 strong {
            font-size: 6.4vw; } }
    .service-bnr .service-bnr-wrap .txt .btn {
      padding: 3.3333333333vw 0 0; }
      @media screen and (min-width: 1201px) {
        .service-bnr .service-bnr-wrap .txt .btn {
          padding: 40px 0 0; } }
      @media screen and (max-width: 768px) {
        .service-bnr .service-bnr-wrap .txt .btn {
          padding: 5.3333333333vw 0 0; } }

#top-news {
  padding: 8.3333333333vw 0 8.3333333333vw; }
  @media screen and (min-width: 1201px) {
    #top-news {
      padding: 100px 0 100px; } }
  @media screen and (max-width: 768px) {
    #top-news {
      padding: 10.6666666667vw 0 10.6666666667vw; } }
  #top-news .inner {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #top-news .inner {
        display: block; } }
  #top-news .top-news-ttl {
    width: 21.6666666667vw;
    padding: 0 5vw 0 0; }
    @media screen and (min-width: 1201px) {
      #top-news .top-news-ttl {
        width: 260px;
        padding: 0 60px 0 0; } }
    @media screen and (max-width: 768px) {
      #top-news .top-news-ttl {
        width: auto;
        padding: 0;
        margin: 0 0 10.6666666667vw; } }
    @media screen and (max-width: 768px) {
      #top-news .top-news-ttl.pc .navi, #top-news .top-news-ttl.pc .btn {
        display: none; } }
    #top-news .top-news-ttl.sp {
      display: none; }
      @media screen and (max-width: 768px) {
        #top-news .top-news-ttl.sp {
          display: block; } }
    @media screen and (max-width: 768px) {
      #top-news .top-news-ttl .ttl {
        margin: 0 0 10.6666666667vw;
        text-align: center; } }
    #top-news .top-news-ttl h2 {
      font-size: 4vw;
      font-weight: 600;
      font-family: "Ropa Sans", sans-serif;
      padding: 0 0 0.8333333333vw;
      display: inline-block;
      position: relative; }
      @media screen and (min-width: 1201px) {
        #top-news .top-news-ttl h2 {
          font-size: 48px;
          padding: 0 0 10px; } }
      @media screen and (max-width: 768px) {
        #top-news .top-news-ttl h2 {
          font-size: 6.4vw;
          padding: 0 0 2.6666666667vw; } }
      #top-news .top-news-ttl h2:after {
        content: "";
        background-color: #ffe323;
        width: 8.3333333333vw;
        height: 0.4166666667vw;
        position: absolute;
        bottom: 0;
        left: 0; }
        @media screen and (min-width: 1201px) {
          #top-news .top-news-ttl h2:after {
            width: 100px;
            height: 5px; } }
        @media screen and (max-width: 768px) {
          #top-news .top-news-ttl h2:after {
            width: 16vw;
            height: 1.3333333333vw;
            left: 50%;
            transform: translateX(-50%); } }
    #top-news .top-news-ttl p {
      font-size: 2vw;
      font-weight: 600;
      display: block;
      position: relative;
      padding: .3em 0 0; }
      @media screen and (min-width: 1201px) {
        #top-news .top-news-ttl p {
          font-size: 24px; } }
      @media screen and (max-width: 768px) {
        #top-news .top-news-ttl p {
          font-size: 4.2666666667vw; } }
    #top-news .top-news-ttl .btn {
      padding: 18.3333333333vw 0 0; }
      @media screen and (min-width: 1201px) {
        #top-news .top-news-ttl .btn {
          padding: 220px 0 0; } }
      @media screen and (max-width: 768px) {
        #top-news .top-news-ttl .btn {
          padding: 10.6666666667vw 0 0; } }
      #top-news .top-news-ttl .btn a {
        width: 100%; }
  #top-news .top-news-list {
    width: 71.6666666667vw; }
    @media screen and (min-width: 1201px) {
      #top-news .top-news-list {
        width: 860px; } }
    @media screen and (max-width: 768px) {
      #top-news .top-news-list {
        width: auto; } }
    #top-news .top-news-list ul {
      border-top: solid #ccc 1px; }
      #top-news .top-news-list ul li {
        border-bottom: solid #ccc 1px; }
      #top-news .top-news-list ul a {
        display: block;
        padding: 2.5vw 0; }
        @media screen and (min-width: 1201px) {
          #top-news .top-news-list ul a {
            padding: 30px 0; } }
        @media screen and (max-width: 768px) {
          #top-news .top-news-list ul a {
            padding: 5.3333333333vw 0; } }
        #top-news .top-news-list ul a p {
          font-size: 1.3333333333vw;
          font-weight: 700; }
          @media screen and (min-width: 1201px) {
            #top-news .top-news-list ul a p {
              font-size: 16px; } }
          @media screen and (max-width: 768px) {
            #top-news .top-news-list ul a p {
              font-size: 3.4666666667vw; } }
        #top-news .top-news-list ul a .meta {
          display: flex;
          align-items: center;
          margin: 0 0 1.25vw; }
          @media screen and (min-width: 1201px) {
            #top-news .top-news-list ul a .meta {
              margin: 0 0 15px; } }
          @media screen and (max-width: 768px) {
            #top-news .top-news-list ul a .meta {
              margin: 0 0 2.6666666667vw; } }
          #top-news .top-news-list ul a .meta time {
            font-size: 1.3333333333vw;
            font-weight: 600;
            font-family: "Ropa Sans", sans-serif;
            margin: 0 1em 0 0; }
            @media screen and (min-width: 1201px) {
              #top-news .top-news-list ul a .meta time {
                font-size: 16px; } }
            @media screen and (max-width: 768px) {
              #top-news .top-news-list ul a .meta time {
                font-size: 3.4666666667vw; } }
          #top-news .top-news-list ul a .meta .cat {
            display: flex;
            font-size: 1.1666666667vw;
            gap: .4em; }
            @media screen and (min-width: 1201px) {
              #top-news .top-news-list ul a .meta .cat {
                font-size: 14px; } }
            @media screen and (max-width: 768px) {
              #top-news .top-news-list ul a .meta .cat {
                font-size: 2.9333333333vw; } }
            #top-news .top-news-list ul a .meta .cat span {
              display: inline-block;
              border: solid #ffe323 0.0833333333vw;
              background-color: #fff;
              padding: .1em 1em;
              border-radius: 2.5vw; }
              @media screen and (min-width: 1201px) {
                #top-news .top-news-list ul a .meta .cat span {
                  border: solid #ffe323 1px;
                  border-radius: 30px; } }
              @media screen and (max-width: 768px) {
                #top-news .top-news-list ul a .meta .cat span {
                  border: solid #ffe323 0.2666666667vw;
                  border-radius: 8vw; } }

/*---------------------------------
PAGE
---------------------------------*/
.page-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vw;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 1201px) {
    .page-header {
      height: 600px; } }
  @media screen and (max-width: 768px) {
    .page-header {
      height: 64vw; } }
  .page-header .page-header-copy {
    padding: 10vw 0 0; }
    @media screen and (min-width: 1201px) {
      .page-header .page-header-copy {
        padding: 120px 0 0; } }
    @media screen and (max-width: 768px) {
      .page-header .page-header-copy {
        padding: 16vw 0 0; } }
    .page-header .page-header-copy h2 {
      color: #fff;
      text-align: center; }
      .page-header .page-header-copy h2 span {
        display: block;
        font-size: 4vw;
        font-weight: 700;
        font-family: "Ropa Sans", sans-serif;
        padding: 0 0 0.8333333333vw;
        margin: 0 0 0.4166666667vw;
        position: relative; }
        @media screen and (min-width: 1201px) {
          .page-header .page-header-copy h2 span {
            font-size: 48px;
            padding: 0 0 10px;
            margin: 0 0 5px; } }
        @media screen and (max-width: 768px) {
          .page-header .page-header-copy h2 span {
            font-size: 6.4vw;
            padding: 0 0 3.4666666667vw;
            margin: 0 0 0.8vw; } }
        .page-header .page-header-copy h2 span:after {
          content: "";
          background-color: #ffe323;
          width: 8.3333333333vw;
          height: 0.4166666667vw;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
          @media screen and (min-width: 1201px) {
            .page-header .page-header-copy h2 span:after {
              width: 100px;
              height: 5px; } }
          @media screen and (max-width: 768px) {
            .page-header .page-header-copy h2 span:after {
              width: 16vw;
              height: 0.8vw;
              margin: 0 0 1.3333333333vw; } }
      .page-header .page-header-copy h2 small {
        display: block;
        font-size: 2vw;
        font-weight: 700;
        letter-spacing: .1em; }
        @media screen and (min-width: 1201px) {
          .page-header .page-header-copy h2 small {
            font-size: 24px; } }
        @media screen and (max-width: 768px) {
          .page-header .page-header-copy h2 small {
            font-size: 4.2666666667vw; } }

.breadcrumbs {
  padding: 2.0833333333vw 0 7.5vw;
  font-size: 1.1666666667vw; }
  @media screen and (min-width: 1201px) {
    .breadcrumbs {
      padding: 25px 0 90px;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .breadcrumbs {
      padding: 5.3333333333vw 0 10.6666666667vw;
      font-size: 3.2vw; } }
  .breadcrumbs a {
    text-decoration: none; }
    .breadcrumbs a:hover {
      text-decoration: underline; }

.content-ttl {
  margin: 0 0 4.1666666667vw;
  text-align: center; }
  @media screen and (min-width: 1201px) {
    .content-ttl {
      margin: 0 0 50px; } }
  @media screen and (max-width: 768px) {
    .content-ttl {
      margin: 0 0 5.3333333333vw; } }
  .content-ttl h2 {
    font-size: 3vw;
    font-weight: 700;
    color: #ffe323;
    font-family: "Ropa Sans", sans-serif; }
    @media screen and (min-width: 1201px) {
      .content-ttl h2 {
        font-size: 36px; } }
    @media screen and (max-width: 768px) {
      .content-ttl h2 {
        font-size: 6.4vw; } }
  .content-ttl small {
    display: block;
    line-height: 2;
    font-size: 2vw;
    padding: 0.4166666667vw 0 0;
    font-weight: 700; }
    @media screen and (min-width: 1201px) {
      .content-ttl small {
        font-size: 24px;
        padding: 5px 0 0; } }
    @media screen and (max-width: 768px) {
      .content-ttl small {
        font-size: 4.2666666667vw;
        padding: 1.3333333333vw 0 0; } }

.content-ttl_2 {
  margin: 0 0 4.1666666667vw;
  text-align: center; }
  @media screen and (min-width: 1201px) {
    .content-ttl_2 {
      margin: 0 0 50px; } }
  @media screen and (max-width: 768px) {
    .content-ttl_2 {
      margin: 0 0 5.3333333333vw; } }
  .content-ttl_2 h2 {
    font-size: 4vw;
    font-weight: 600;
    font-family: "Ropa Sans", sans-serif;
    padding: 0 0 0.8333333333vw;
    display: inline-block;
    position: relative; }
    @media screen and (min-width: 1201px) {
      .content-ttl_2 h2 {
        font-size: 48px;
        padding: 0 0 10px; } }
    @media screen and (max-width: 768px) {
      .content-ttl_2 h2 {
        font-size: 6.4vw;
        padding: 0 0 2.6666666667vw; } }
    .content-ttl_2 h2:after {
      content: "";
      background-color: #ffe323;
      width: 8.3333333333vw;
      height: 0.4166666667vw;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (min-width: 1201px) {
        .content-ttl_2 h2:after {
          width: 100px;
          height: 5px; } }
      @media screen and (max-width: 768px) {
        .content-ttl_2 h2:after {
          width: 16vw;
          height: 1.3333333333vw; } }
  .content-ttl_2 small {
    font-size: 2vw;
    font-weight: 600;
    display: block;
    position: relative;
    padding: .3em 0 0; }
    @media screen and (min-width: 1201px) {
      .content-ttl_2 small {
        font-size: 24px; } }
    @media screen and (max-width: 768px) {
      .content-ttl_2 small {
        font-size: 4.2666666667vw; } }

/*---------------------------------
FOR SALE
---------------------------------*/
#page-header-forsale {
  background-image: url(../img/page-header-forsale.jpg); }

#forsale-flow {
  background: #fbf8e6;
  padding: 8.3333333333vw 0 6.6666666667vw; }
  @media screen and (min-width: 1201px) {
    #forsale-flow {
      padding: 100px 0 80px; } }
  @media screen and (max-width: 768px) {
    #forsale-flow {
      padding: 10.6666666667vw 0 5.3333333333vw; } }
  #forsale-flow .content-cnt .flow-wrap .flow-item {
    background-color: #fff;
    box-shadow: 0 0 0.8333333333vw rgba(0, 0, 0, 0.16);
    margin: 0 0 2.5vw;
    position: relative; }
    @media screen and (min-width: 1201px) {
      #forsale-flow .content-cnt .flow-wrap .flow-item {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
        margin: 0 0 30px; } }
    @media screen and (max-width: 768px) {
      #forsale-flow .content-cnt .flow-wrap .flow-item {
        box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.16);
        margin: 0 0 5.3333333333vw; } }
    #forsale-flow .content-cnt .flow-wrap .flow-item:before {
      content: "";
      background: url(../img/flow-arrow.png) no-repeat center/contain;
      width: 2.5vw;
      height: 4.4166666667vw;
      position: absolute;
      top: -3.5833333333vw;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (min-width: 1201px) {
        #forsale-flow .content-cnt .flow-wrap .flow-item:before {
          width: 30px;
          height: 53px;
          top: -43px; } }
      @media screen and (max-width: 768px) {
        #forsale-flow .content-cnt .flow-wrap .flow-item:before {
          width: 8vw;
          height: 14.1333333333vw;
          top: -11.4666666667vw; } }
    #forsale-flow .content-cnt .flow-wrap .flow-item:first-child:before {
      content: none; }
    #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt {
      padding: 2.5vw;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (min-width: 1201px) {
        #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt {
          padding: 30px; } }
      @media screen and (max-width: 768px) {
        #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt {
          display: block;
          padding: 5.3333333333vw; } }
      #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt figure {
        width: 33.3333333333vw;
        height: 16.6666666667vw;
        overflow: hidden; }
        @media screen and (min-width: 1201px) {
          #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt figure {
            width: 400px;
            height: 200px; } }
        @media screen and (max-width: 768px) {
          #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt figure {
            width: 100%;
            height: 37.3333333333vw;
            margin: 0 0 5.3333333333vw; } }
        #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt figure img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt {
        width: 52.5vw; }
        @media screen and (min-width: 1201px) {
          #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt {
            width: 710px; } }
        @media screen and (max-width: 768px) {
          #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt {
            width: 100%; } }
        #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl {
          display: flex;
          align-items: end;
          margin: 0 0 1.6666666667vw; }
          @media screen and (min-width: 1201px) {
            #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl {
              margin: 0 0 20px; } }
          @media screen and (max-width: 768px) {
            #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl {
              margin: 0 0 2.6666666667vw; } }
          #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl .step {
            font-size: 3vw;
            font-weight: 700;
            color: #ffe323;
            font-family: "Ropa Sans", sans-serif;
            line-height: 1; }
            @media screen and (min-width: 1201px) {
              #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl .step {
                font-size: 36px; } }
            @media screen and (max-width: 768px) {
              #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl .step {
                font-size: 5.3333333333vw; } }
            #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl .step strong {
              font-size: 4vw;
              font-weight: 700;
              color: #000;
              margin: 0 0 0 .2em; }
              @media screen and (min-width: 1201px) {
                #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl .step strong {
                  font-size: 48px; } }
              @media screen and (max-width: 768px) {
                #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl .step strong {
                  font-size: 6.4vw; } }
          #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl h3 {
            font-size: 2vw;
            margin: 0 0 0 .7em;
            font-weight: 700; }
            @media screen and (min-width: 1201px) {
              #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl h3 {
                font-size: 24px; } }
            @media screen and (max-width: 768px) {
              #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-ttl h3 {
                font-size: 4.2666666667vw; } }
        #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-bdy p {
          font-size: 1.3333333333vw;
          line-height: 2; }
          @media screen and (min-width: 1201px) {
            #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-bdy p {
              font-size: 16px; } }
          @media screen and (max-width: 768px) {
            #forsale-flow .content-cnt .flow-wrap .flow-item .flow-item-cnt .txt .txt-bdy p {
              font-size: 3.7333333333vw; } }

#forsale-faq {
  padding: 9.1666666667vw 0 0; }
  @media screen and (min-width: 1201px) {
    #forsale-faq {
      padding: 110px 0 0; } }
  @media screen and (max-width: 768px) {
    #forsale-faq {
      padding: 13.3333333333vw 0 0; } }
  #forsale-faq .content-cnt .faq-wrap dl {
    margin: 0 0 1.6666666667vw;
    border: solid #e6e6e6 0.0833333333vw;
    position: relative;
    cursor: pointer; }
    @media screen and (min-width: 1201px) {
      #forsale-faq .content-cnt .faq-wrap dl {
        margin: 0 0 20px;
        border: solid #e6e6e6 1px; } }
    @media screen and (max-width: 768px) {
      #forsale-faq .content-cnt .faq-wrap dl {
        margin: 0 0 5.3333333333vw;
        border: solid #e6e6e6 0.2666666667vw; } }
    #forsale-faq .content-cnt .faq-wrap dl:before {
      content: "";
      position: absolute;
      top: 3.3333333333vw;
      right: 2.5vw;
      width: 2.1666666667vw;
      height: 0.25vw;
      background-color: #000;
      z-index: 10; }
      @media screen and (min-width: 1201px) {
        #forsale-faq .content-cnt .faq-wrap dl:before {
          top: 40px;
          right: 30px;
          width: 26px;
          height: 3px; } }
      @media screen and (max-width: 768px) {
        #forsale-faq .content-cnt .faq-wrap dl:before {
          top: 8.8vw;
          right: 5.3333333333vw;
          width: 5.3333333333vw;
          height: 0.5333333333vw; } }
    #forsale-faq .content-cnt .faq-wrap dl:after {
      content: "";
      position: absolute;
      top: 3.3333333333vw;
      right: 2.5vw;
      width: 2.1666666667vw;
      height: 0.25vw;
      background-color: #000;
      z-index: 10;
      transform: rotate(90deg);
      transition: 0.3s ease; }
      @media screen and (min-width: 1201px) {
        #forsale-faq .content-cnt .faq-wrap dl:after {
          top: 40px;
          right: 30px;
          width: 26px;
          height: 3px; } }
      @media screen and (max-width: 768px) {
        #forsale-faq .content-cnt .faq-wrap dl:after {
          top: 8.8vw;
          right: 5.3333333333vw;
          width: 5.3333333333vw;
          height: 0.5333333333vw; } }
    #forsale-faq .content-cnt .faq-wrap dl.open:after {
      transform: rotate(360deg); }
    #forsale-faq .content-cnt .faq-wrap dl dt {
      background-color: #e6e6e6;
      position: relative;
      padding: 1.6666666667vw 6.6666666667vw; }
      @media screen and (min-width: 1201px) {
        #forsale-faq .content-cnt .faq-wrap dl dt {
          padding: 20px 80px; } }
      @media screen and (max-width: 768px) {
        #forsale-faq .content-cnt .faq-wrap dl dt {
          padding: 5.3333333333vw 16vw; } }
      #forsale-faq .content-cnt .faq-wrap dl dt:before {
        content: "Q";
        position: absolute;
        top: 1.6666666667vw;
        left: 1.6666666667vw;
        width: 3.3333333333vw;
        height: 3.3333333333vw;
        line-height: 3.3333333333vw;
        text-align: center;
        background-color: #000;
        color: #fff;
        font-family: "Ropa Sans", sans-serif;
        font-size: 2vw;
        font-weight: 700;
        display: inline-block;
        border-radius: 50%; }
        @media screen and (min-width: 1201px) {
          #forsale-faq .content-cnt .faq-wrap dl dt:before {
            top: 20px;
            left: 20px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 24px; } }
        @media screen and (max-width: 768px) {
          #forsale-faq .content-cnt .faq-wrap dl dt:before {
            top: 5.3333333333vw;
            left: 5.3333333333vw;
            width: 8vw;
            height: 8vw;
            line-height: 8vw;
            font-size: 4.8vw; } }
      #forsale-faq .content-cnt .faq-wrap dl dt span {
        display: inline-block;
        font-weight: 600;
        font-size: 1.3333333333vw;
        line-height: 2.4; }
        @media screen and (min-width: 1201px) {
          #forsale-faq .content-cnt .faq-wrap dl dt span {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #forsale-faq .content-cnt .faq-wrap dl dt span {
            font-size: 3.7333333333vw;
            line-height: 2; } }
    #forsale-faq .content-cnt .faq-wrap dl dd {
      padding: 1.6666666667vw 3.3333333333vw 1.6666666667vw 6.6666666667vw;
      position: relative;
      display: none; }
      @media screen and (min-width: 1201px) {
        #forsale-faq .content-cnt .faq-wrap dl dd {
          padding: 20px 40px 20px 80px; } }
      @media screen and (max-width: 768px) {
        #forsale-faq .content-cnt .faq-wrap dl dd {
          padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 16vw; } }
      #forsale-faq .content-cnt .faq-wrap dl dd:before {
        content: "A";
        position: absolute;
        top: 1.6666666667vw;
        left: 1.6666666667vw;
        width: 3.3333333333vw;
        height: 3.3333333333vw;
        line-height: 3.3333333333vw;
        text-align: center;
        background-color: #ffe323;
        color: #000;
        font-family: "Ropa Sans", sans-serif;
        font-size: 2vw;
        font-weight: 700;
        display: inline-block;
        border-radius: 50%; }
        @media screen and (min-width: 1201px) {
          #forsale-faq .content-cnt .faq-wrap dl dd:before {
            top: 20px;
            left: 20px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 24px; } }
        @media screen and (max-width: 768px) {
          #forsale-faq .content-cnt .faq-wrap dl dd:before {
            top: 5.3333333333vw;
            left: 5.3333333333vw;
            width: 8vw;
            height: 8vw;
            line-height: 8vw;
            font-size: 4.8vw; } }
      #forsale-faq .content-cnt .faq-wrap dl dd p {
        font-size: 1.3333333333vw;
        line-height: 2;
        font-weight: 600; }
        @media screen and (min-width: 1201px) {
          #forsale-faq .content-cnt .faq-wrap dl dd p {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #forsale-faq .content-cnt .faq-wrap dl dd p {
            font-size: 3.7333333333vw; } }

/*---------------------------------
RENOVATION
---------------------------------*/
#page-header-renovation {
  background-image: url(../img/page-header-renovation.jpg); }

#renovation-list {
  padding: 8.3333333333vw 0 8.3333333333vw;
  background-color: #fbf8e6; }
  @media screen and (min-width: 1201px) {
    #renovation-list {
      padding: 100px 0 100px; } }
  @media screen and (max-width: 768px) {
    #renovation-list {
      padding: 13.3333333333vw 0 13.3333333333vw; } }
  #renovation-list .content-cnt article {
    margin: 0 0 10vw; }
    @media screen and (min-width: 1201px) {
      #renovation-list .content-cnt article {
        margin: 0 0 120px; } }
    @media screen and (max-width: 768px) {
      #renovation-list .content-cnt article {
        margin: 0 0 16vw; } }
    #renovation-list .content-cnt article:last-child {
      margin: 0; }
    #renovation-list .content-cnt article .head {
      display: flex;
      justify-content: space-between;
      margin: 0 0 2.9166666667vw; }
      @media screen and (max-width: 768px) {
        #renovation-list .content-cnt article .head {
          display: block;
          margin: 0 0 5.3333333333vw; } }
      #renovation-list .content-cnt article .head .head-txt {
        width: 41.6666666667vw; }
        @media screen and (min-width: 1201px) {
          #renovation-list .content-cnt article .head .head-txt {
            width: 540px; } }
        @media screen and (max-width: 768px) {
          #renovation-list .content-cnt article .head .head-txt {
            width: auto;
            margin: 0 0 5.3333333333vw; } }
        #renovation-list .content-cnt article .head .head-txt .content-ttl_2 {
          text-align: left;
          margin: 0 0 2.5vw; }
          @media screen and (min-width: 1201px) {
            #renovation-list .content-cnt article .head .head-txt .content-ttl_2 {
              margin: 0 0 30px; } }
          @media screen and (max-width: 768px) {
            #renovation-list .content-cnt article .head .head-txt .content-ttl_2 {
              margin: 0 0 5.3333333333vw; } }
          #renovation-list .content-cnt article .head .head-txt .content-ttl_2 h2:after {
            left: 0;
            transform: translateX(0); }
        #renovation-list .content-cnt article .head .head-txt p {
          font-size: 1.3333333333vw;
          line-height: 2;
          margin: 0 0 1em; }
          @media screen and (min-width: 1201px) {
            #renovation-list .content-cnt article .head .head-txt p {
              font-size: 16px; } }
          @media screen and (max-width: 768px) {
            #renovation-list .content-cnt article .head .head-txt p {
              font-size: 3.7333333333vw; } }
          #renovation-list .content-cnt article .head .head-txt p:last-child {
            margin: 0; }
      #renovation-list .content-cnt article .head figure {
        width: 46.6666666667vw; }
        @media screen and (min-width: 1201px) {
          #renovation-list .content-cnt article .head figure {
            width: 600px; } }
        @media screen and (max-width: 768px) {
          #renovation-list .content-cnt article .head figure {
            width: auto; } }
    #renovation-list .content-cnt article .image ul {
      display: flex;
      justify-content: space-between; }
      #renovation-list .content-cnt article .image ul li {
        width: 29.6666666667vw; }
        @media screen and (min-width: 1201px) {
          #renovation-list .content-cnt article .image ul li {
            width: 372px; } }
        @media screen and (max-width: 768px) {
          #renovation-list .content-cnt article .image ul li {
            width: 32%; } }

#renovation-works {
  padding: 9.1666666667vw 0 10.8333333333vw; }
  @media screen and (min-width: 1201px) {
    #renovation-works {
      padding: 110px 0 130px; } }
  @media screen and (max-width: 768px) {
    #renovation-works {
      padding: 13.3333333333vw 0 18.6666666667vw; } }
  #renovation-works .content-cnt {
    display: flex;
    flex-wrap: wrap;
    gap: 4.1666666667vw 1.6666666667vw; }
    @media screen and (min-width: 1201px) {
      #renovation-works .content-cnt {
        gap: 50px 60px; } }
    @media screen and (max-width: 768px) {
      #renovation-works .content-cnt {
        display: block; } }
    @media screen and (max-width: 768px) {
      #renovation-works .content-cnt .item {
        margin: 0 0 8vw; } }
    #renovation-works .content-cnt .item a {
      display: block; }
      #renovation-works .content-cnt .item a figure {
        width: 100%;
        height: 31.6666666667vw;
        overflow: hidden;
        margin: 0 0 0.8333333333vw; }
        @media screen and (min-width: 1201px) {
          #renovation-works .content-cnt .item a figure {
            height: 380px;
            margin: 0 0 10px; } }
        @media screen and (max-width: 768px) {
          #renovation-works .content-cnt .item a figure {
            height: 101.3333333333vw;
            margin: 0 0 2.6666666667vw; } }
        #renovation-works .content-cnt .item a figure img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: 0.3s ease; }
      #renovation-works .content-cnt .item a h3 {
        font-size: 1.5vw;
        font-weight: 700;
        padding: 0;
        margin: 0 0 .5em; }
        @media screen and (min-width: 1201px) {
          #renovation-works .content-cnt .item a h3 {
            font-size: 18px;
            padding: 0; } }
        @media screen and (max-width: 768px) {
          #renovation-works .content-cnt .item a h3 {
            font-size: 3.7333333333vw;
            padding: 0; } }
      #renovation-works .content-cnt .item a ul {
        display: flex;
        flex-wrap: wrap;
        font-size: 1.1666666667vw;
        gap: .4em;
        padding: 0.8333333333vw 0; }
        @media screen and (min-width: 1201px) {
          #renovation-works .content-cnt .item a ul {
            font-size: 14px;
            padding: 10px 0; } }
        @media screen and (max-width: 768px) {
          #renovation-works .content-cnt .item a ul {
            font-size: 2.9333333333vw;
            padding: 2.6666666667vw 0; } }
        #renovation-works .content-cnt .item a ul li span {
          display: inline-block;
          border: solid #ffe323 0.0833333333vw;
          background-color: #fff;
          padding: .1em 1em;
          border-radius: 2.5vw; }
          @media screen and (min-width: 1201px) {
            #renovation-works .content-cnt .item a ul li span {
              border: solid #ffe323 1px;
              border-radius: 30px; } }
          @media screen and (max-width: 768px) {
            #renovation-works .content-cnt .item a ul li span {
              border: solid #ffe323 0.2666666667vw;
              border-radius: 8vw; } }
      #renovation-works .content-cnt .item a:hover {
        opacity: 1; }
        #renovation-works .content-cnt .item a:hover figure img {
          scale: 1.05; }

#renovation-post {
  padding: 0 0 10vw; }
  @media screen and (min-width: 1201px) {
    #renovation-post {
      padding: 0 0 120px; } }
  @media screen and (max-width: 768px) {
    #renovation-post {
      padding: 0 0 21.3333333333vw; } }
  #renovation-post .renovation-post-ttl {
    margin: 0 0 4.1666666667vw;
    text-align: center; }
    @media screen and (min-width: 1201px) {
      #renovation-post .renovation-post-ttl {
        margin: 0 0 50px; } }
    @media screen and (max-width: 768px) {
      #renovation-post .renovation-post-ttl {
        margin: 0 0 8vw; } }
    #renovation-post .renovation-post-ttl .tag {
      display: inline-block;
      padding: .2em 1em;
      color: #fff;
      font-size: 1.5vw;
      font-weight: bold;
      background-color: #000;
      margin: 0 0 .5em; }
      @media screen and (min-width: 1201px) {
        #renovation-post .renovation-post-ttl .tag {
          font-size: 18px; } }
      @media screen and (max-width: 768px) {
        #renovation-post .renovation-post-ttl .tag {
          font-size: 3.7333333333vw; } }
      #renovation-post .renovation-post-ttl .tag strong {
        color: #ffe323;
        font-size: 2vw;
        font-weight: bold;
        font-family: "Ropa Sans", sans-serif;
        margin: 0 .5em 0 0; }
        @media screen and (min-width: 1201px) {
          #renovation-post .renovation-post-ttl .tag strong {
            font-size: 24px; } }
        @media screen and (max-width: 768px) {
          #renovation-post .renovation-post-ttl .tag strong {
            font-size: 4.2666666667vw; } }
    #renovation-post .renovation-post-ttl h2 {
      font-size: 3vw;
      font-weight: bold;
      position: relative;
      padding: 0 0 1.6666666667vw;
      letter-spacing: .1em; }
      @media screen and (min-width: 1201px) {
        #renovation-post .renovation-post-ttl h2 {
          font-size: 36px;
          padding: 0 0 20px; } }
      @media screen and (max-width: 768px) {
        #renovation-post .renovation-post-ttl h2 {
          font-size: 4.8vw;
          padding: 0 0 2.6666666667vw; } }
      #renovation-post .renovation-post-ttl h2:after {
        content: "";
        background-color: #ffe323;
        width: 8.3333333333vw;
        height: 0.4166666667vw;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
        @media screen and (min-width: 1201px) {
          #renovation-post .renovation-post-ttl h2:after {
            width: 100px;
            height: 5px; } }
        @media screen and (max-width: 768px) {
          #renovation-post .renovation-post-ttl h2:after {
            width: 16vw;
            height: 1.3333333333vw; } }
  @media screen and (max-width: 768px) {
    #renovation-post .renovation-post-top {
      display: block; } }
  #renovation-post .renovation-post-top .slider {
    margin: 0 0 6.6666666667vw; }
    @media screen and (min-width: 1201px) {
      #renovation-post .renovation-post-top .slider {
        margin: 0 0 80px; } }
    @media screen and (max-width: 768px) {
      #renovation-post .renovation-post-top .slider {
        margin: 0 0 10.6666666667vw; } }
    #renovation-post .renovation-post-top .slider .slider-main {
      position: relative;
      margin: 0 0 1.6666666667vw; }
      @media screen and (min-width: 1201px) {
        #renovation-post .renovation-post-top .slider .slider-main {
          margin: 0 0 20px; } }
      @media screen and (max-width: 768px) {
        #renovation-post .renovation-post-top .slider .slider-main {
          margin: 0 0 4vw; } }
    #renovation-post .renovation-post-top .slider .slider-thumb {
      position: relative;
      padding: 0 8.3333333333vw; }
      @media screen and (min-width: 1201px) {
        #renovation-post .renovation-post-top .slider .slider-thumb {
          padding: 0 100px; } }
      @media screen and (max-width: 768px) {
        #renovation-post .renovation-post-top .slider .slider-thumb {
          padding: 0 13.3333333333vw; } }
      #renovation-post .renovation-post-top .slider .slider-thumb .slider-main-prev {
        position: absolute;
        transform: translateY(-50%);
        z-index: 10;
        top: 50%;
        left: 0; }
      #renovation-post .renovation-post-top .slider .slider-thumb .slider-main-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        right: 0; }
  #renovation-post .renovation-post-top .renovation-data {
    background-color: #fbf8e6;
    padding: 1.6666666667vw; }
    @media screen and (min-width: 1201px) {
      #renovation-post .renovation-post-top .renovation-data {
        padding: 20px; } }
    @media screen and (max-width: 768px) {
      #renovation-post .renovation-post-top .renovation-data {
        padding: 5.3333333333vw; } }
    #renovation-post .renovation-post-top .renovation-data h3 {
      font-size: 2.5vw;
      font-weight: bold;
      font-family: "Ropa Sans", sans-serif;
      position: relative;
      padding: 0 0 0.8333333333vw;
      margin: 0 0 1.6666666667vw;
      display: inline-block; }
      @media screen and (min-width: 1201px) {
        #renovation-post .renovation-post-top .renovation-data h3 {
          font-size: 30px;
          padding: 0 0 10px;
          margin: 0 0 20px; } }
      @media screen and (max-width: 768px) {
        #renovation-post .renovation-post-top .renovation-data h3 {
          font-size: 4.8vw;
          padding: 0 0 2.6666666667vw;
          margin: 0 0 5.3333333333vw; } }
      #renovation-post .renovation-post-top .renovation-data h3:after {
        content: "";
        background-color: #ffe323;
        width: 100%;
        height: 0.4166666667vw;
        position: absolute;
        bottom: 0;
        left: 0; }
        @media screen and (min-width: 1201px) {
          #renovation-post .renovation-post-top .renovation-data h3:after {
            height: 5px; } }
        @media screen and (max-width: 768px) {
          #renovation-post .renovation-post-top .renovation-data h3:after {
            height: 1.3333333333vw; } }
    #renovation-post .renovation-post-top .renovation-data p {
      font-size: 1.3333333333vw;
      line-height: 2; }
      @media screen and (min-width: 1201px) {
        #renovation-post .renovation-post-top .renovation-data p {
          font-size: 16px; } }
      @media screen and (max-width: 768px) {
        #renovation-post .renovation-post-top .renovation-data p {
          font-size: 3.7333333333vw; } }

.post-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6666666667vw;
  padding: 5vw 0 5vw; }
  @media screen and (min-width: 1201px) {
    .post-nav {
      gap: 20px;
      padding: 60px 0 60px; } }
  @media screen and (max-width: 768px) {
    .post-nav {
      flex-direction: column;
      gap: 5.3333333333vw;
      padding: 10.6666666667vw 0 10.6666666667vw; } }

/*---------------------------------
USED
---------------------------------*/
#page-header-used {
  background-image: url(../img/page-header-used.jpg); }

#used-feature {
  margin: 0 0 10vw; }
  @media screen and (min-width: 1201px) {
    #used-feature {
      margin: 0 0 120px; } }
  @media screen and (max-width: 768px) {
    #used-feature {
      margin: 0 0 16vw; } }
  #used-feature .content-cnt article {
    display: flex;
    align-items: end;
    margin: 0 0 7.5vw; }
    @media screen and (min-width: 1201px) {
      #used-feature .content-cnt article {
        margin: 0 0 90px; } }
    @media screen and (max-width: 768px) {
      #used-feature .content-cnt article {
        display: block;
        margin: 0 0 10.6666666667vw; } }
    #used-feature .content-cnt article:last-child {
      margin: 0; }
    #used-feature .content-cnt article:nth-child(even) {
      flex-direction: row-reverse; }
      #used-feature .content-cnt article:nth-child(even) figure {
        margin: 0 -12.5vw 0 0; }
        @media screen and (min-width: 1201px) {
          #used-feature .content-cnt article:nth-child(even) figure {
            margin: 0 -150px 0 0; } }
        @media screen and (max-width: 768px) {
          #used-feature .content-cnt article:nth-child(even) figure {
            margin: 0; } }
    #used-feature .content-cnt article figure {
      width: 65vw;
      margin: 0 0 0 -12.5vw; }
      @media screen and (min-width: 1201px) {
        #used-feature .content-cnt article figure {
          width: 780px;
          margin: 0 0 0 -150px; } }
      @media screen and (max-width: 768px) {
        #used-feature .content-cnt article figure {
          width: auto;
          margin: 0; } }
    #used-feature .content-cnt article .txt {
      width: 47.5vw;
      position: relative;
      z-index: 10;
      background-color: #fff;
      padding: 1.6666666667vw 2.5vw;
      border-top: solid 0.4166666667vw #ffe323;
      border-left: solid 0.8333333333vw #ffe323; }
      @media screen and (min-width: 1201px) {
        #used-feature .content-cnt article .txt {
          width: 570px;
          padding: 20px 30px;
          border-top: solid 5px #ffe323;
          border-left: solid 10px #ffe323; } }
      @media screen and (max-width: 768px) {
        #used-feature .content-cnt article .txt {
          width: auto;
          padding: 5.3333333333vw;
          border-top: solid 1.3333333333vw #ffe323;
          border-left: solid 2.6666666667vw #ffe323; } }
      #used-feature .content-cnt article .txt .point {
        color: #ffe323;
        font-weight: 700;
        font-family: "Ropa Sans", sans-serif;
        font-size: 3vw; }
        @media screen and (min-width: 1201px) {
          #used-feature .content-cnt article .txt .point {
            font-size: 36px; } }
        @media screen and (max-width: 768px) {
          #used-feature .content-cnt article .txt .point {
            font-size: 4.8vw; } }
        #used-feature .content-cnt article .txt .point strong {
          color: #000;
          font-weight: 700;
          font-size: 4vw;
          margin: 0 0 0 .2em; }
          @media screen and (min-width: 1201px) {
            #used-feature .content-cnt article .txt .point strong {
              font-size: 48px; } }
          @media screen and (max-width: 768px) {
            #used-feature .content-cnt article .txt .point strong {
              font-size: 6.4vw; } }
      #used-feature .content-cnt article .txt h3 {
        font-size: 2vw;
        line-height: 1.6;
        font-weight: 700;
        margin: 0 0 1em; }
        @media screen and (min-width: 1201px) {
          #used-feature .content-cnt article .txt h3 {
            font-size: 24px; } }
        @media screen and (max-width: 768px) {
          #used-feature .content-cnt article .txt h3 {
            font-size: 4.2666666667vw; } }
      #used-feature .content-cnt article .txt p {
        font-size: 1.3333333333vw;
        line-height: 2; }
        @media screen and (min-width: 1201px) {
          #used-feature .content-cnt article .txt p {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #used-feature .content-cnt article .txt p {
            font-size: 3.7333333333vw; } }

#used-property {
  background-color: #fbf8e6;
  padding: 8.3333333333vw 0 9.1666666667vw; }
  @media screen and (min-width: 1201px) {
    #used-property {
      padding: 100px 0 110px; } }
  @media screen and (max-width: 768px) {
    #used-property {
      padding: 3.3333333333vw 0 4.1666666667vw; } }
  #used-property .content-cnt {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6666666667vw; }
    @media screen and (min-width: 1201px) {
      #used-property .content-cnt {
        gap: 30px; } }
    @media screen and (max-width: 768px) {
      #used-property .content-cnt {
        gap: 5.3333333333vw; } }
    #used-property .content-cnt .item {
      width: 30vw; }
      @media screen and (min-width: 1201px) {
        #used-property .content-cnt .item {
          width: 380px; } }
      @media screen and (max-width: 768px) {
        #used-property .content-cnt .item {
          width: 100%; } }
      #used-property .content-cnt .item a {
        display: block;
        background-color: #fff;
        box-shadow: 0 0 0.8333333333vw rgba(0, 0, 0, 0.16);
        padding: 0.8333333333vw; }
        @media screen and (min-width: 1201px) {
          #used-property .content-cnt .item a {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
            padding: 10px; } }
        @media screen and (max-width: 768px) {
          #used-property .content-cnt .item a {
            box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.16);
            padding: 2.6666666667vw; } }
        #used-property .content-cnt .item a figure {
          width: 100%;
          height: 20vw;
          overflow: hidden;
          margin: 0 0 1.6666666667vw; }
          @media screen and (min-width: 1201px) {
            #used-property .content-cnt .item a figure {
              height: 240px;
              margin: 0 0 20px; } }
          @media screen and (max-width: 768px) {
            #used-property .content-cnt .item a figure {
              height: 64vw;
              margin: 0 0 5.3333333333vw; } }
          #used-property .content-cnt .item a figure img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        #used-property .content-cnt .item a h3 {
          font-size: 1.5vw;
          font-weight: 700;
          padding: 0 0.8333333333vw;
          margin: 0 0 .5em; }
          @media screen and (min-width: 1201px) {
            #used-property .content-cnt .item a h3 {
              font-size: 18px;
              padding: 0 10px; } }
          @media screen and (max-width: 768px) {
            #used-property .content-cnt .item a h3 {
              font-size: 3.7333333333vw;
              padding: 0 2.6666666667vw; } }
        #used-property .content-cnt .item a .price {
          font-size: 1.5vw;
          font-weight: 700;
          margin: 0 0 .5em;
          padding: 0 0.8333333333vw; }
          @media screen and (min-width: 1201px) {
            #used-property .content-cnt .item a .price {
              font-size: 18px;
              padding: 0 10px; } }
          @media screen and (max-width: 768px) {
            #used-property .content-cnt .item a .price {
              font-size: 3.7333333333vw;
              padding: 0 2.6666666667vw; } }
          #used-property .content-cnt .item a .price strong {
            font-size: 2vw;
            font-weight: 700; }
            @media screen and (min-width: 1201px) {
              #used-property .content-cnt .item a .price strong {
                font-size: 24px; } }
            @media screen and (max-width: 768px) {
              #used-property .content-cnt .item a .price strong {
                font-size: 4.2666666667vw; } }
          #used-property .content-cnt .item a .price small {
            font-size: 1.3333333333vw;
            font-weight: 400; }
            @media screen and (min-width: 1201px) {
              #used-property .content-cnt .item a .price small {
                font-size: 16px; } }
            @media screen and (max-width: 768px) {
              #used-property .content-cnt .item a .price small {
                font-size: 3.2vw; } }
        #used-property .content-cnt .item a p {
          font-size: 1.3333333333vw;
          font-weight: 400;
          line-height: 1.8;
          padding: 0 0.8333333333vw 0.8333333333vw; }
          @media screen and (min-width: 1201px) {
            #used-property .content-cnt .item a p {
              font-size: 16px;
              padding: 0 10px 10px; } }
          @media screen and (max-width: 768px) {
            #used-property .content-cnt .item a p {
              font-size: 3.2vw;
              padding: 0 2.6666666667vw 2.6666666667vw; } }
        #used-property .content-cnt .item a ul {
          display: flex;
          flex-wrap: wrap;
          font-size: 1.1666666667vw;
          gap: .4em;
          padding: 0.8333333333vw; }
          @media screen and (min-width: 1201px) {
            #used-property .content-cnt .item a ul {
              font-size: 14px;
              padding: 10px; } }
          @media screen and (max-width: 768px) {
            #used-property .content-cnt .item a ul {
              font-size: 2.9333333333vw;
              padding: 2.6666666667vw; } }
          #used-property .content-cnt .item a ul li span {
            display: inline-block;
            border: solid #ffe323 0.0833333333vw;
            padding: .1em 1em;
            border-radius: 2.5vw; }
            @media screen and (min-width: 1201px) {
              #used-property .content-cnt .item a ul li span {
                border: solid #ffe323 1px;
                border-radius: 30px; } }
            @media screen and (max-width: 768px) {
              #used-property .content-cnt .item a ul li span {
                border: solid #ffe323 0.2666666667vw;
                border-radius: 8vw; } }

#used-post {
  padding: 0 0 10vw; }
  @media screen and (min-width: 1201px) {
    #used-post {
      padding: 0 0 120px; } }
  @media screen and (max-width: 768px) {
    #used-post {
      padding: 0 0 21.3333333333vw; } }
  #used-post .property-post-ttl {
    margin: 0 0 4.1666666667vw; }
    @media screen and (min-width: 1201px) {
      #used-post .property-post-ttl {
        margin: 0 0 50px; } }
    @media screen and (max-width: 768px) {
      #used-post .property-post-ttl {
        margin: 0 0 8vw; } }
    #used-post .property-post-ttl h2 {
      font-size: 3vw;
      font-weight: bold;
      margin: 0 0 .5em; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-ttl h2 {
          font-size: 36px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-ttl h2 {
          font-size: 4.8vw; } }
    #used-post .property-post-ttl ul {
      display: flex;
      flex-wrap: wrap;
      font-size: 1.1666666667vw;
      gap: .4em;
      padding: 0.8333333333vw; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-ttl ul {
          font-size: 14px;
          padding: 10px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-ttl ul {
          font-size: 2.9333333333vw;
          padding: 2.6666666667vw; } }
      #used-post .property-post-ttl ul li span {
        display: inline-block;
        border: solid #ffe323 0.0833333333vw;
        background-color: #fff;
        padding: .1em 1em;
        border-radius: 2.5vw; }
        @media screen and (min-width: 1201px) {
          #used-post .property-post-ttl ul li span {
            border: solid #ffe323 1px;
            border-radius: 30px; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-ttl ul li span {
            border: solid #ffe323 0.2666666667vw;
            border-radius: 8vw; } }
  #used-post .property-post-top {
    margin: 0 0 6.6666666667vw;
    display: flex;
    justify-content: space-between; }
    @media screen and (min-width: 1201px) {
      #used-post .property-post-top {
        margin: 0 0 80px; } }
    @media screen and (max-width: 768px) {
      #used-post .property-post-top {
        display: block;
        margin: 0 0 10.6666666667vw; } }
    #used-post .property-post-top .slider {
      width: 62.5vw; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-top .slider {
          width: 750px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-top .slider {
          width: auto; } }
      #used-post .property-post-top .slider .slider-main {
        position: relative;
        margin: 0 0 1.6666666667vw; }
        @media screen and (min-width: 1201px) {
          #used-post .property-post-top .slider .slider-main {
            margin: 0 0 20px; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-top .slider .slider-main {
            margin: 0 0 4vw; } }
        #used-post .property-post-top .slider .slider-main .slider-main-prev {
          position: absolute;
          transform: translateY(-50%);
          z-index: 10;
          top: 50%;
          left: -3.3333333333vw; }
          @media screen and (min-width: 1201px) {
            #used-post .property-post-top .slider .slider-main .slider-main-prev {
              left: -40px; } }
          @media screen and (max-width: 768px) {
            #used-post .property-post-top .slider .slider-main .slider-main-prev {
              left: -2.6666666667vw; } }
        #used-post .property-post-top .slider .slider-main .slider-main-next {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 10;
          right: -3.3333333333vw; }
          @media screen and (min-width: 1201px) {
            #used-post .property-post-top .slider .slider-main .slider-main-next {
              right: -40px; } }
          @media screen and (max-width: 768px) {
            #used-post .property-post-top .slider .slider-main .slider-main-next {
              right: -2.6666666667vw; } }
    #used-post .property-post-top .info {
      width: 31.6666666667vw; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-top .info {
          width: 380px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-top .info {
          padding: 10.6666666667vw 0 0;
          width: auto; } }
      #used-post .property-post-top .info table {
        width: 100%;
        font-size: 1.3333333333vw;
        line-height: 1.8;
        border-top: solid #ccc 1px; }
        @media screen and (min-width: 1201px) {
          #used-post .property-post-top .info table {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-top .info table {
            font-size: 3.7333333333vw; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-top .info table tr, #used-post .property-post-top .info table tbody {
            display: block; } }
        #used-post .property-post-top .info table th {
          font-weight: 600;
          padding: .6em 0;
          border-bottom: solid #ccc 1px; }
          @media screen and (max-width: 768px) {
            #used-post .property-post-top .info table th {
              display: block;
              border-bottom: none; } }
        #used-post .property-post-top .info table td {
          padding: .6em 0;
          border-bottom: solid #ccc 1px; }
          @media screen and (max-width: 768px) {
            #used-post .property-post-top .info table td {
              padding: 0 0 .6em;
              display: block; } }
  #used-post .property-post-point {
    margin: 0 0 5.8333333333vw; }
    @media screen and (min-width: 1201px) {
      #used-post .property-post-point {
        margin: 0 0 70px; } }
    @media screen and (max-width: 768px) {
      #used-post .property-post-point {
        margin: 0 0 10.6666666667vw; } }
    #used-post .property-post-point h3 {
      font-size: 2vw;
      font-weight: bold;
      padding: 0 0 .5em;
      border-bottom: solid #ffe323 0.25vw; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-point h3 {
          font-size: 24px;
          border-bottom: solid #ffe323 3px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-point h3 {
          font-size: 4.2666666667vw;
          border-bottom: solid #ffe323 0.5333333333vw; } }
    #used-post .property-post-point ul li {
      font-size: 1.3333333333vw;
      border-bottom: solid #ccc 1px;
      padding: 1.5em 0; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-point ul li {
          font-size: 16px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-point ul li {
          font-size: 4.2666666667vw; } }
      #used-post .property-post-point ul li span {
        display: block;
        font-weight: 600;
        line-height: 2;
        padding: 0 0 0 3.3333333333vw;
        background: url(../img/check.png) no-repeat top left/2.5833333333vw auto; }
        @media screen and (min-width: 1201px) {
          #used-post .property-post-point ul li span {
            padding: 0 0 0 40px;
            background-size: 31px auto; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-point ul li span {
            padding: 0 0 0 10.6666666667vw;
            background-size: 8.2666666667vw auto; } }
  #used-post .property-post-madori {
    margin: 0 0 5.8333333333vw; }
    @media screen and (min-width: 1201px) {
      #used-post .property-post-madori {
        margin: 0 0 70px; } }
    @media screen and (max-width: 768px) {
      #used-post .property-post-madori {
        margin: 0 0 10.6666666667vw; } }
    #used-post .property-post-madori h3 {
      font-size: 2vw;
      font-weight: bold;
      padding: 0 0 .5em;
      border-bottom: solid #ffe323 0.25vw;
      margin: 0 0 3.3333333333vw; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-madori h3 {
          font-size: 24px;
          border-bottom: solid #ffe323 3px;
          margin: 0 0 40px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-madori h3 {
          font-size: 4.2666666667vw;
          border-bottom: solid #ffe323 0.5333333333vw;
          margin: 0 0 5.3333333333vw; } }
    #used-post .property-post-madori figure {
      text-align: center; }
      #used-post .property-post-madori figure img {
        max-width: 83.3333333333vw; }
        @media screen and (min-width: 1201px) {
          #used-post .property-post-madori figure img {
            max-width: 1000px; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-madori figure img {
            max-width: 100%; } }
  #used-post .property-post-env {
    margin: 0 0 5.8333333333vw; }
    @media screen and (min-width: 1201px) {
      #used-post .property-post-env {
        margin: 0 0 70px; } }
    @media screen and (max-width: 768px) {
      #used-post .property-post-env {
        margin: 0 0 10.6666666667vw; } }
    #used-post .property-post-env h3 {
      font-size: 2vw;
      font-weight: bold;
      padding: 0 0 .5em;
      border-bottom: solid #ffe323 0.25vw;
      margin: 0 0 3.3333333333vw; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-env h3 {
          font-size: 24px;
          border-bottom: solid #ffe323 3px;
          margin: 0 0 40px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-env h3 {
          font-size: 4.2666666667vw;
          border-bottom: solid #ffe323 0.5333333333vw;
          margin: 0 0 5.3333333333vw; } }
    #used-post .property-post-env .env-list {
      display: flex;
      flex-wrap: wrap;
      gap: 2.5vw 0; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-env .env-list {
          gap: 30px 0; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-env .env-list {
          display: block; } }
      #used-post .property-post-env .env-list dl {
        width: 50%;
        display: flex;
        align-items: center;
        font-size: 1.3333333333vw; }
        @media screen and (min-width: 1201px) {
          #used-post .property-post-env .env-list dl {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-env .env-list dl {
            width: auto;
            margin: 0 0 5.3333333333vw;
            font-size: 3.7333333333vw; } }
        #used-post .property-post-env .env-list dl dt {
          width: 25%;
          background-color: #000;
          color: #fff;
          font-weight: 600;
          text-align: center;
          padding: .3em 0; }
        #used-post .property-post-env .env-list dl dd {
          padding: .3em 0 0 1em; }
    #used-post .property-post-env .env-gmap {
      padding: 4.1666666667vw 0 0; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-env .env-gmap {
          padding: 50px 0 0; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-env .env-gmap {
          padding: 8vw 0 0; } }
      #used-post .property-post-env .env-gmap .gmap iframe {
        width: 100%;
        height: 41.6666666667vw; }
        @media screen and (min-width: 1201px) {
          #used-post .property-post-env .env-gmap .gmap iframe {
            height: 500px; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-env .env-gmap .gmap iframe {
            height: 80vw; } }
      #used-post .property-post-env .env-gmap .btn {
        padding: 3.3333333333vw 0 0;
        text-align: center; }
        @media screen and (min-width: 1201px) {
          #used-post .property-post-env .env-gmap .btn {
            padding: 40px 0 0; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-env .env-gmap .btn {
            padding: 5.3333333333vw 0 0; } }
  #used-post .property-post-about {
    margin: 0 0 5.8333333333vw; }
    @media screen and (min-width: 1201px) {
      #used-post .property-post-about {
        margin: 0 0 70px; } }
    @media screen and (max-width: 768px) {
      #used-post .property-post-about {
        margin: 0 0 10.6666666667vw; } }
    #used-post .property-post-about h3 {
      font-size: 2vw;
      font-weight: bold;
      padding: 0 0 .5em;
      border-bottom: solid #ffe323 0.25vw;
      margin: 0 0 3.3333333333vw; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-about h3 {
          font-size: 24px;
          border-bottom: solid #ffe323 3px;
          margin: 0 0 40px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-about h3 {
          font-size: 4.2666666667vw;
          border-bottom: solid #ffe323 0.5333333333vw;
          margin: 0 0 5.3333333333vw; } }
    #used-post .property-post-about .about-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0 0.8333333333vw; }
      @media screen and (min-width: 1201px) {
        #used-post .property-post-about .about-list {
          gap: 0 50px; } }
      @media screen and (max-width: 768px) {
        #used-post .property-post-about .about-list {
          display: block; } }
      #used-post .property-post-about .about-list dl {
        width: 45.8333333333vw;
        display: flex;
        align-items: center;
        font-size: 1.3333333333vw;
        padding: 1em 0;
        border-bottom: solid #ccc 1px; }
        @media screen and (min-width: 1201px) {
          #used-post .property-post-about .about-list dl {
            width: 570px;
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #used-post .property-post-about .about-list dl {
            width: auto;
            font-size: 3.7333333333vw; } }
        #used-post .property-post-about .about-list dl dt {
          width: 20%;
          font-weight: 600; }
        #used-post .property-post-about .about-list dl dd {
          padding: 0 0 0 1em; }
  #used-post .btn-reserve {
    text-align: center; }
  #used-post .btn-list {
    padding: 2.5vw 0 0;
    text-align: center; }
    @media screen and (min-width: 1201px) {
      #used-post .btn-list {
        padding: 30px 0 0; } }
    @media screen and (max-width: 768px) {
      #used-post .btn-list {
        padding: 5.3333333333vw 0 0; } }

/*---------------------------------
COMPANY
---------------------------------*/
#page-header-company {
  background-image: url(../img/page-header-company.jpg); }

#company-message {
  margin: 0 0 10vw; }
  @media screen and (min-width: 1201px) {
    #company-message {
      margin: 0 0 120px; } }
  @media screen and (max-width: 768px) {
    #company-message {
      margin: 0 0 16vw; } }
  #company-message .content-cnt {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #company-message .content-cnt {
        display: block; } }
    #company-message .content-cnt figure {
      width: 26.6666666667vw; }
      @media screen and (min-width: 1201px) {
        #company-message .content-cnt figure {
          width: 320px; } }
      @media screen and (max-width: 768px) {
        #company-message .content-cnt figure {
          width: auto;
          margin: 0 0 5.3333333333vw; } }
    #company-message .content-cnt .txt {
      width: 63.3333333333vw; }
      @media screen and (min-width: 1201px) {
        #company-message .content-cnt .txt {
          width: 800px; } }
      @media screen and (max-width: 768px) {
        #company-message .content-cnt .txt {
          width: auto; } }
      #company-message .content-cnt .txt p {
        font-size: 1.3333333333vw;
        line-height: 2; }
        @media screen and (min-width: 1201px) {
          #company-message .content-cnt .txt p {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #company-message .content-cnt .txt p {
            font-size: 3.7333333333vw; } }
      #company-message .content-cnt .txt .sign {
        text-align: right;
        font-size: 1.3333333333vw;
        font-weight: 700;
        padding: 2.5vw 0 0; }
        @media screen and (min-width: 1201px) {
          #company-message .content-cnt .txt .sign {
            font-size: 16px;
            padding: 30px 0 0; } }
        @media screen and (max-width: 768px) {
          #company-message .content-cnt .txt .sign {
            font-size: 3.7333333333vw;
            padding: 5.3333333333vw 0 0; } }
        #company-message .content-cnt .txt .sign strong {
          margin: 0 0 0 .5em;
          font-size: 1.6666666667vw;
          font-weight: 700; }
          @media screen and (min-width: 1201px) {
            #company-message .content-cnt .txt .sign strong {
              font-size: 20px; } }
          @media screen and (max-width: 768px) {
            #company-message .content-cnt .txt .sign strong {
              font-size: 4.2666666667vw; } }

#company-info {
  margin: 0 0 10.8333333333vw; }
  @media screen and (min-width: 1201px) {
    #company-info {
      margin: 0 0 130px; } }
  @media screen and (max-width: 768px) {
    #company-info {
      margin: 0 0 21.3333333333vw; } }
  #company-info .content-cnt {
    padding: 0 3.3333333333vw; }
    @media screen and (min-width: 1201px) {
      #company-info .content-cnt {
        padding: 0 180px; } }
    @media screen and (max-width: 768px) {
      #company-info .content-cnt {
        padding: 0; } }
    #company-info .content-cnt table {
      width: 100%;
      border-top: solid #ccc 1px;
      border-collapse: collapse;
      font-size: 1.3333333333vw;
      line-height: 2; }
      @media screen and (min-width: 1201px) {
        #company-info .content-cnt table {
          font-size: 16px; } }
      @media screen and (max-width: 768px) {
        #company-info .content-cnt table {
          display: block;
          font-size: 3.2vw; } }
      @media screen and (max-width: 768px) {
        #company-info .content-cnt table tr, #company-info .content-cnt table tbody {
          display: block; } }
      #company-info .content-cnt table th {
        text-align: left;
        vertical-align: top;
        padding: 1.6666666667vw 0;
        width: 20%;
        border-bottom: solid #ccc 1px;
        font-weight: 700; }
        @media screen and (min-width: 1201px) {
          #company-info .content-cnt table th {
            padding: 20px 0; } }
        @media screen and (max-width: 768px) {
          #company-info .content-cnt table th {
            display: block;
            padding: 5.3333333333vw 0 2.6666666667vw;
            border-bottom: none; } }
      #company-info .content-cnt table td {
        text-align: left;
        vertical-align: top;
        padding: 1.6666666667vw 0;
        border-bottom: solid #ccc 1px; }
        @media screen and (min-width: 1201px) {
          #company-info .content-cnt table td {
            padding: 20px 0; } }
        @media screen and (max-width: 768px) {
          #company-info .content-cnt table td {
            display: block;
            padding: 0 0 5.3333333333vw; } }

/*---------------------------------
CONTACT
---------------------------------*/
#page-header-contact {
  background-image: url(../img/page-header-contact.jpg); }

#contact-top {
  padding: 0 0 10.8333333333vw;
  position: relative; }
  @media screen and (min-width: 1201px) {
    #contact-top {
      padding: 0 0 130px; } }
  @media screen and (max-width: 768px) {
    #contact-top {
      padding: 0 0 16vw; } }
  #contact-top .message {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #contact-top .message {
        display: block; } }
    #contact-top .message p {
      font-size: 1.3333333333vw;
      line-height: 2;
      width: 65.8333333333vw; }
      @media screen and (min-width: 1201px) {
        #contact-top .message p {
          font-size: 16px;
          width: 790px; } }
      @media screen and (max-width: 768px) {
        #contact-top .message p {
          font-size: 3.7333333333vw;
          margin: 0 0 5.3333333333vw;
          width: auto; } }
      #contact-top .message p small {
        font-size: 1.1666666667vw;
        display: block;
        padding: 0 0 0 1em;
        position: relative; }
        @media screen and (min-width: 1201px) {
          #contact-top .message p small {
            font-size: 14px; } }
        @media screen and (max-width: 768px) {
          #contact-top .message p small {
            font-size: 3.2vw; } }
        #contact-top .message p small:before {
          content: "※";
          position: absolute;
          top: 0;
          left: 0; }
    #contact-top .message .tel {
      width: 28.3333333333vw;
      border: solid #000 0.0833333333vw;
      text-align: center;
      padding: 1.25vw; }
      @media screen and (min-width: 1201px) {
        #contact-top .message .tel {
          width: 340px;
          border: solid #000 1px;
          padding: 15px; } }
      @media screen and (max-width: 768px) {
        #contact-top .message .tel {
          width: auto;
          border: solid #000 0.2666666667vw;
          padding: 5.3333333333vw; } }
      #contact-top .message .tel h3 {
        font-size: 1.5vw;
        font-weight: 600;
        margin: 0 0 .5em; }
        @media screen and (min-width: 1201px) {
          #contact-top .message .tel h3 {
            font-size: 18px; } }
        @media screen and (max-width: 768px) {
          #contact-top .message .tel h3 {
            font-size: 3.7333333333vw; } }
      #contact-top .message .tel .number strong {
        font-family: "Ropa Sans", sans-serif;
        display: inline-block;
        padding: 0 0 0 .8em;
        background: url(../img/icon-tel.png) no-repeat center left/2.0833333333vw auto;
        line-height: 1;
        font-size: 3.3333333333vw;
        font-weight: 500;
        margin: 0 0 0.4166666667vw; }
        @media screen and (min-width: 1201px) {
          #contact-top .message .tel .number strong {
            font-size: 40px;
            background-size: 25px auto;
            margin: 0 0 5px; } }
        @media screen and (max-width: 768px) {
          #contact-top .message .tel .number strong {
            font-size: 6.9333333333vw;
            background-size: 4vw auto;
            margin: 0 0 1.3333333333vw; } }
      #contact-top .message .tel small {
        display: block;
        font-size: 1.1666666667vw;
        line-height: 1.8; }
        @media screen and (min-width: 1201px) {
          #contact-top .message .tel small {
            font-size: 14px; } }
        @media screen and (max-width: 768px) {
          #contact-top .message .tel small {
            font-size: 3.2vw; } }
  #contact-top .nnotice {
    margin: 0 0 4.1666666667vw; }
    @media screen and (min-width: 1201px) {
      #contact-top .nnotice {
        margin: 0 0 50px; } }
    @media screen and (max-width: 768px) {
      #contact-top .nnotice {
        margin: 0 0 8vw; } }
    #contact-top .nnotice p {
      font-size: 1.3333333333vw;
      line-height: 2; }
      @media screen and (min-width: 1201px) {
        #contact-top .nnotice p {
          font-size: 16px; } }
      @media screen and (max-width: 768px) {
        #contact-top .nnotice p {
          font-size: 3.7333333333vw; } }
    #contact-top .nnotice .tel {
      width: 28.3333333333vw;
      border: solid #000 0.0833333333vw;
      text-align: center;
      padding: 1.25vw; }
      @media screen and (min-width: 1201px) {
        #contact-top .nnotice .tel {
          width: 340px;
          border: solid #000 1px;
          padding: 15px; } }
      @media screen and (max-width: 768px) {
        #contact-top .nnotice .tel {
          width: auto;
          border: solid #000 0.2666666667vw;
          padding: 5.3333333333vw; } }
      #contact-top .nnotice .tel h3 {
        font-size: 1.5vw;
        font-weight: 600;
        margin: 0 0 .5em; }
        @media screen and (min-width: 1201px) {
          #contact-top .nnotice .tel h3 {
            font-size: 18px; } }
        @media screen and (max-width: 768px) {
          #contact-top .nnotice .tel h3 {
            font-size: 3.7333333333vw; } }
      #contact-top .nnotice .tel .number strong {
        font-family: "Ropa Sans", sans-serif;
        display: inline-block;
        padding: 0 0 0 .8em;
        background: url(../img/icon-tel.png) no-repeat center left/2.0833333333vw auto;
        line-height: 1;
        font-size: 3.3333333333vw;
        font-weight: 500;
        margin: 0 0 0.4166666667vw; }
        @media screen and (min-width: 1201px) {
          #contact-top .nnotice .tel .number strong {
            font-size: 40px;
            background-size: 25px auto;
            margin: 0 0 5px; } }
        @media screen and (max-width: 768px) {
          #contact-top .nnotice .tel .number strong {
            font-size: 6.9333333333vw;
            background-size: 4vw auto;
            margin: 0 0 1.3333333333vw; } }
      #contact-top .nnotice .tel small {
        display: block;
        font-size: 1.1666666667vw;
        line-height: 1.8; }
        @media screen and (min-width: 1201px) {
          #contact-top .nnotice .tel small {
            font-size: 14px; } }
        @media screen and (max-width: 768px) {
          #contact-top .nnotice .tel small {
            font-size: 3.2vw; } }
  #contact-top .flow {
    padding: 4.1666666667vw 0 4.1666666667vw;
    text-align: center; }
    @media screen and (min-width: 1201px) {
      #contact-top .flow {
        padding: 50px 0 50px; } }
    @media screen and (max-width: 768px) {
      #contact-top .flow {
        padding: 5.3333333333vw 0 5.3333333333vw; } }
    #contact-top .flow img {
      width: 45.8333333333vw; }
      @media screen and (min-width: 1201px) {
        #contact-top .flow img {
          width: 550px; } }
      @media screen and (max-width: 768px) {
        #contact-top .flow img {
          width: 100%; } }
  #contact-top .form {
    padding: 4.1666666667vw 7.5vw 7.5vw;
    background-color: #f7f7f7;
    color: #000; }
    @media screen and (min-width: 1201px) {
      #contact-top .form {
        padding: 50px 90px 90px; } }
    @media screen and (max-width: 768px) {
      #contact-top .form {
        padding: 5.3333333333vw 5.3333333333vw 10.6666666667vw; } }
    #contact-top .form table {
      width: 100%;
      border-collapse: collapse;
      font-size: 1.3333333333vw; }
      @media screen and (min-width: 1201px) {
        #contact-top .form table {
          font-size: 16px; } }
      @media screen and (max-width: 768px) {
        #contact-top .form table {
          display: block;
          font-size: 3.7333333333vw; } }
      @media screen and (max-width: 768px) {
        #contact-top .form table tr, #contact-top .form table tbody {
          display: block; } }
      #contact-top .form table th {
        text-align: left;
        vertical-align: top;
        font-weight: 600;
        padding: 2.0833333333vw 0; }
        @media screen and (min-width: 1201px) {
          #contact-top .form table th {
            padding: 25px 0; } }
        @media screen and (max-width: 768px) {
          #contact-top .form table th {
            display: block;
            padding: 5.3333333333vw 0 2.6666666667vw;
            border: none; } }
        #contact-top .form table th .req {
          display: inline-block;
          background-color: #ffe323;
          color: #000;
          font-weight: 600;
          margin: 0 0 0 1em;
          padding: 0 .3em .1em;
          font-size: 0.9166666667vw; }
          @media screen and (min-width: 1201px) {
            #contact-top .form table th .req {
              font-size: 11px; } }
          @media screen and (max-width: 768px) {
            #contact-top .form table th .req {
              font-size: 2.6666666667vw; } }
      #contact-top .form table td {
        text-align: left;
        vertical-align: top;
        font-weight: 600;
        padding: 1.25vw 0; }
        @media screen and (min-width: 1201px) {
          #contact-top .form table td {
            padding: 15px 0; } }
        @media screen and (max-width: 768px) {
          #contact-top .form table td {
            display: block;
            padding: 0 0 5.3333333333vw; } }
        #contact-top .form table td .multistep {
          padding: 0.8333333333vw 0; }
          @media screen and (min-width: 1201px) {
            #contact-top .form table td .multistep {
              padding: 10px 0; } }
          @media screen and (max-width: 768px) {
            #contact-top .form table td .multistep {
              padding: 0; } }
        #contact-top .form table td input {
          padding: .6em 1em;
          border: solid #ccc 1px;
          border-radius: 0.3333333333vw;
          background-color: #fff;
          width: 100%; }
          @media screen and (min-width: 1201px) {
            #contact-top .form table td input {
              border-radius: 4px; } }
          @media screen and (max-width: 768px) {
            #contact-top .form table td input {
              border-radius: 1.0666666667vw; } }
        #contact-top .form table td textarea {
          padding: .6em 1em;
          border: solid #ccc 1px;
          border-radius: 0.3333333333vw;
          background-color: #white;
          width: 100%; }
          @media screen and (min-width: 1201px) {
            #contact-top .form table td textarea {
              border-radius: 4px; } }
          @media screen and (max-width: 768px) {
            #contact-top .form table td textarea {
              border-radius: 1.0666666667vw; } }
        #contact-top .form table td.col .col-fl {
          display: flex;
          align-items: center;
          gap: 1em; }
          #contact-top .form table td.col .col-fl input {
            width: 6em; }
        #contact-top .form table td.radio .mwform-radio-field {
          display: inline-block;
          padding: 0.8333333333vw 0 0; }
          @media screen and (min-width: 1201px) {
            #contact-top .form table td.radio .mwform-radio-field {
              padding: 10px 0 0; } }
          @media screen and (max-width: 768px) {
            #contact-top .form table td.radio .mwform-radio-field {
              padding: 0; } }
          #contact-top .form table td.radio .mwform-radio-field input {
            width: auto; }
    #contact-top .form .btn {
      display: flex;
      justify-content: center;
      padding: 5vw 0 0; }
      @media screen and (min-width: 1201px) {
        #contact-top .form .btn {
          padding: 60px 0 0; } }
      @media screen and (max-width: 768px) {
        #contact-top .form .btn {
          padding: 10.6666666667vw 0 0; } }
      #contact-top .form .btn .btn-area {
        display: inline-block;
        position: relative;
        width: 21.6666666667vw;
        height: 4.1666666667vw;
        line-height: 4.1666666667vw;
        background-color: #ffe323;
        color: #000;
        text-align: center;
        padding: 0 1.6666666667vw;
        border-radius: 5vw;
        overflow: hidden; }
        @media screen and (min-width: 1201px) {
          #contact-top .form .btn .btn-area {
            width: 260px;
            height: 50px;
            line-height: 50px;
            padding: 0 20px;
            border-radius: 60px;
            border-width: 1px; } }
        @media screen and (max-width: 768px) {
          #contact-top .form .btn .btn-area {
            display: block;
            width: 100%;
            height: 13.3333333333vw;
            line-height: 13.3333333333vw;
            padding: 0 5.3333333333vw;
            border-radius: 13.3333333333vw;
            border-width: 0.2666666667vw; } }
        #contact-top .form .btn .btn-area:after {
          content: "";
          position: absolute;
          top: 50%;
          right: 1.6666666667vw;
          background: url(../img/btn-arrow.png) no-repeat center/contain;
          width: 0.4583333333vw;
          height: 0.8333333333vw;
          transform: translateY(-50%);
          transition: 0.3s ease; }
          @media screen and (min-width: 1201px) {
            #contact-top .form .btn .btn-area:after {
              right: 20px;
              width: 5.5px;
              height: 10px; } }
          @media screen and (max-width: 768px) {
            #contact-top .form .btn .btn-area:after {
              right: 5.3333333333vw;
              width: 1.4666666667vw;
              height: 2.6666666667vw; } }
        #contact-top .form .btn .btn-area input {
          background-color: transparent;
          display: inline-block;
          border: none;
          padding: 0;
          width: 100%;
          height: 100%;
          font-size: 1.3333333333vw;
          letter-spacing: .05em;
          font-weight: 600; }
          @media screen and (min-width: 1201px) {
            #contact-top .form .btn .btn-area input {
              font-size: 16px; } }
          @media screen and (max-width: 768px) {
            #contact-top .form .btn .btn-area input {
              display: block;
              font-size: 3.7333333333vw; } }
        #contact-top .form .btn .btn-area:hover {
          opacity: .7; }

/*---------------------------------
NEWS
---------------------------------*/
#page-header-news {
  background-image: url(../img/page-header-news.jpg); }

#news-column {
  padding: 0 0 10.8333333333vw; }
  @media screen and (min-width: 1201px) {
    #news-column {
      padding: 0 0 130px; } }
  @media screen and (max-width: 768px) {
    #news-column {
      padding: 0 0 16vw; } }
  #news-column .column {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; }
    @media screen and (max-width: 768px) {
      #news-column .column {
        display: block; } }
  #news-column .main-column {
    width: 71.6666666667vw; }
    @media screen and (min-width: 1201px) {
      #news-column .main-column {
        width: 860px; } }
    @media screen and (max-width: 768px) {
      #news-column .main-column {
        width: auto;
        margin: 0 0 16vw; } }
    #news-column .main-column article {
      padding: 2.5vw 0;
      border-bottom: solid #ccc 1px; }
      @media screen and (min-width: 1201px) {
        #news-column .main-column article {
          padding: 30px 0; } }
      @media screen and (max-width: 768px) {
        #news-column .main-column article {
          padding: 5.3333333333vw 0; } }
      #news-column .main-column article:nth-child(1) {
        border-top: solid #ccc 1px; }
      #news-column .main-column article .post-body {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #news-column .main-column article .post-body {
            display: block; } }
        #news-column .main-column article .post-body figure {
          width: 25vw;
          height: 16.6666666667vw;
          overflow: hidden; }
          @media screen and (min-width: 1201px) {
            #news-column .main-column article .post-body figure {
              width: 300px;
              height: 200px; } }
          @media screen and (max-width: 768px) {
            #news-column .main-column article .post-body figure {
              width: auto;
              height: 53.3333333333vw;
              margin: 0 0 5.3333333333vw; } }
          #news-column .main-column article .post-body figure img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        #news-column .main-column article .post-body .txt {
          width: 44.1666666667vw; }
          @media screen and (min-width: 1201px) {
            #news-column .main-column article .post-body .txt {
              width: 530px; } }
          @media screen and (max-width: 768px) {
            #news-column .main-column article .post-body .txt {
              width: auto; } }
          #news-column .main-column article .post-body .txt .meta {
            display: flex;
            align-items: center; }
            #news-column .main-column article .post-body .txt .meta time {
              font-size: 1.3333333333vw;
              margin: 0 1em 0 0;
              color: #666;
              font-weight: 600;
              font-family: "Ropa Sans", sans-serif; }
              @media screen and (min-width: 1201px) {
                #news-column .main-column article .post-body .txt .meta time {
                  font-size: 16px; } }
              @media screen and (max-width: 768px) {
                #news-column .main-column article .post-body .txt .meta time {
                  font-size: 3.7333333333vw; } }
            #news-column .main-column article .post-body .txt .meta .cat {
              border: solid #ffe323 0.0833333333vw;
              padding: .1em 1em;
              border-radius: 3.3333333333vw;
              font-size: 1.1666666667vw; }
              @media screen and (min-width: 1201px) {
                #news-column .main-column article .post-body .txt .meta .cat {
                  font-size: 14px;
                  border-radius: 40px; } }
              @media screen and (max-width: 768px) {
                #news-column .main-column article .post-body .txt .meta .cat {
                  font-size: 3.2vw;
                  border-radius: 10.6666666667vw; } }
          #news-column .main-column article .post-body .txt h2 {
            font-size: 1.5vw;
            font-weight: bold;
            margin: .5em 0; }
            @media screen and (min-width: 1201px) {
              #news-column .main-column article .post-body .txt h2 {
                font-size: 18px; } }
            @media screen and (max-width: 768px) {
              #news-column .main-column article .post-body .txt h2 {
                font-size: 4.2666666667vw; } }
          #news-column .main-column article .post-body .txt p {
            font-size: 1.3333333333vw;
            line-height: 1.8; }
            @media screen and (min-width: 1201px) {
              #news-column .main-column article .post-body .txt p {
                font-size: 16px; } }
            @media screen and (max-width: 768px) {
              #news-column .main-column article .post-body .txt p {
                font-size: 3.7333333333vw; } }
          #news-column .main-column article .post-body .txt .more {
            text-align: right;
            padding: 0.4166666667vw 0 0;
            line-height: 1; }
            @media screen and (min-width: 1201px) {
              #news-column .main-column article .post-body .txt .more {
                padding: 5px 0 0; } }
            @media screen and (max-width: 768px) {
              #news-column .main-column article .post-body .txt .more {
                padding: 1.3333333333vw 0 0; } }
            #news-column .main-column article .post-body .txt .more a {
              display: inline-block;
              width: 8.3333333333vw;
              height: 2.1666666667vw;
              line-height: 2.1666666667vw;
              position: relative;
              font-size: 1.1666666667vw;
              font-family: "Ropa Sans", sans-serif;
              font-weight: 600;
              padding: 0 0.8333333333vw; }
              @media screen and (min-width: 1201px) {
                #news-column .main-column article .post-body .txt .more a {
                  width: 100px;
                  height: 26px;
                  line-height: 26px;
                  padding: 0 10px; } }
              @media screen and (max-width: 768px) {
                #news-column .main-column article .post-body .txt .more a {
                  width: 26.6666666667vw;
                  height: 6.9333333333vw;
                  line-height: 6.9333333333vw;
                  padding: 0 2.6666666667vw; } }
    #news-column .main-column .post-detail {
      background-color: #fff;
      color: #000; }
      #news-column .main-column .post-detail .txt figure {
        margin: 0 0 3.3333333333vw; }
        @media screen and (min-width: 1201px) {
          #news-column .main-column .post-detail .txt figure {
            margin: 0 0 3.3333333333vw; } }
        @media screen and (max-width: 768px) {
          #news-column .main-column .post-detail .txt figure {
            margin: 0 0 5.3333333333vw; } }
      #news-column .main-column .post-detail .txt img {
        max-width: 100%;
        width: auto;
        height: auto; }
      #news-column .main-column .post-detail .txt .meta {
        display: flex;
        align-items: center; }
        #news-column .main-column .post-detail .txt .meta time {
          font-size: 1.3333333333vw;
          margin: 0 1em 0 0; }
          @media screen and (min-width: 1201px) {
            #news-column .main-column .post-detail .txt .meta time {
              font-size: 16px; } }
          @media screen and (max-width: 768px) {
            #news-column .main-column .post-detail .txt .meta time {
              font-size: 3.7333333333vw; } }
        #news-column .main-column .post-detail .txt .meta .cat {
          border: solid #ffe323 0.0833333333vw;
          font-size: 1.1666666667vw;
          padding: .1em 1em;
          border-radius: 3.3333333333vw; }
          @media screen and (min-width: 1201px) {
            #news-column .main-column .post-detail .txt .meta .cat {
              border: solid #ffe323 1px;
              font-size: 14px;
              border-radius: 40px; } }
          @media screen and (max-width: 768px) {
            #news-column .main-column .post-detail .txt .meta .cat {
              border: solid #ffe323 0.2666666667vw;
              font-size: 3.7333333333vw;
              border-radius: 10.6666666667vw; } }
      #news-column .main-column .post-detail .txt .ttl h2 {
        font-size: 2vw;
        font-weight: bold;
        margin: 1em 0 1em; }
        @media screen and (min-width: 1201px) {
          #news-column .main-column .post-detail .txt .ttl h2 {
            font-size: 24px; } }
        @media screen and (max-width: 768px) {
          #news-column .main-column .post-detail .txt .ttl h2 {
            font-size: 4.8vw; } }
      #news-column .main-column .post-detail .txt p {
        font-size: 1.3333333333vw;
        line-height: 2;
        margin: 0 0 2.5em; }
        @media screen and (min-width: 1201px) {
          #news-column .main-column .post-detail .txt p {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          #news-column .main-column .post-detail .txt p {
            font-size: 3.7333333333vw; } }
      #news-column .main-column .post-detail .txt .img-col2 {
        text-align: center;
        display: flex;
        justify-content: center;
        gap: 2em;
        margin: 0 0 2.5em; }
        @media screen and (max-width: 768px) {
          #news-column .main-column .post-detail .txt .img-col2 {
            flex-direction: column;
            text-align: center; } }
        #news-column .main-column .post-detail .txt .img-col2 br {
          display: none; }
        #news-column .main-column .post-detail .txt .img-col2 img {
          width: 48%;
          height: auto; }
          @media screen and (max-width: 768px) {
            #news-column .main-column .post-detail .txt .img-col2 img {
              width: auto; } }
    #news-column .main-column .btn {
      display: flex;
      justify-content: center;
      padding: 3.3333333333vw 0 0; }
      @media screen and (min-width: 1201px) {
        #news-column .main-column .btn {
          padding: 3.3333333333vw 0 0; } }
      @media screen and (max-width: 768px) {
        #news-column .main-column .btn {
          padding: 10.6666666667vw 0 0; } }
  #news-column .side-column {
    width: 20vw; }
    @media screen and (min-width: 1201px) {
      #news-column .side-column {
        width: 240px; } }
    @media screen and (max-width: 768px) {
      #news-column .side-column {
        width: auto; } }
    #news-column .side-column aside h3 {
      font-size: 1.5vw;
      font-weight: bold;
      text-align: left;
      border-bottom: solid #ffe323 0.1666666667vw;
      padding: 0 0 .5em 0; }
      @media screen and (min-width: 1201px) {
        #news-column .side-column aside h3 {
          font-size: 18px;
          border-bottom: solid #ffe323 2px; } }
      @media screen and (max-width: 768px) {
        #news-column .side-column aside h3 {
          font-size: 3.7333333333vw;
          border-bottom: solid #ffe323 0.5333333333vw; } }
    #news-column .side-column aside ul {
      padding: 0 0 4.1666666667vw; }
      @media screen and (min-width: 1201px) {
        #news-column .side-column aside ul {
          padding: 0 0 50px; } }
      @media screen and (max-width: 768px) {
        #news-column .side-column aside ul {
          padding: 0 0 10.6666666667vw; } }
      #news-column .side-column aside ul li {
        border-bottom: solid #ccc 1px; }
        #news-column .side-column aside ul li a {
          color: #000;
          display: block;
          padding: .85em 0;
          font-size: 1.3333333333vw; }
          @media screen and (min-width: 1201px) {
            #news-column .side-column aside ul li a {
              font-size: 16px; } }
          @media screen and (max-width: 768px) {
            #news-column .side-column aside ul li a {
              font-size: 3.7333333333vw; } }
    #news-column .side-column aside.side-recent h3 {
      font-size: 1.5vw;
      font-weight: bold;
      text-align: left;
      border-bottom: solid #ffe323 0.1666666667vw;
      padding: 0 0 .5em 0; }
      @media screen and (min-width: 1201px) {
        #news-column .side-column aside.side-recent h3 {
          font-size: 18px;
          border-bottom: solid #ffe323 2px; } }
      @media screen and (max-width: 768px) {
        #news-column .side-column aside.side-recent h3 {
          font-size: 3.7333333333vw;
          border-bottom: solid #ffe323 0.5333333333vw; } }
    #news-column .side-column aside.side-recent ul {
      padding: 0; }
      @media screen and (min-width: 1201px) {
        #news-column .side-column aside.side-recent ul {
          padding: 0 0; } }
      @media screen and (max-width: 768px) {
        #news-column .side-column aside.side-recent ul {
          padding: 0; } }
      #news-column .side-column aside.side-recent ul li {
        border-bottom: solid #ccc 1px; }
        #news-column .side-column aside.side-recent ul li a {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 1.6666666667vw 0;
          background: none;
          color: #000; }
          @media screen and (min-width: 1201px) {
            #news-column .side-column aside.side-recent ul li a {
              padding: 20px 0; } }
          @media screen and (max-width: 768px) {
            #news-column .side-column aside.side-recent ul li a {
              padding: 5.3333333333vw 0; } }
        #news-column .side-column aside.side-recent ul li figure {
          width: 6.6666666667vw;
          height: 6.6666666667vw;
          overflow: hidden; }
          @media screen and (min-width: 1201px) {
            #news-column .side-column aside.side-recent ul li figure {
              width: 80px;
              height: 80px; } }
          @media screen and (max-width: 768px) {
            #news-column .side-column aside.side-recent ul li figure {
              width: 21.3333333333vw;
              height: 21.3333333333vw; } }
          #news-column .side-column aside.side-recent ul li figure img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        #news-column .side-column aside.side-recent ul li .txt {
          width: 12.0833333333vw;
          color: #000; }
          @media screen and (min-width: 1201px) {
            #news-column .side-column aside.side-recent ul li .txt {
              width: 145px; } }
          @media screen and (max-width: 768px) {
            #news-column .side-column aside.side-recent ul li .txt {
              width: 48vw; } }
          #news-column .side-column aside.side-recent ul li .txt h4 {
            font-size: 1.1666666667vw;
            margin: 0 0 .3em;
            font-weight: 600; }
            @media screen and (min-width: 1201px) {
              #news-column .side-column aside.side-recent ul li .txt h4 {
                font-size: 14px; } }
            @media screen and (max-width: 768px) {
              #news-column .side-column aside.side-recent ul li .txt h4 {
                font-size: 3.2vw; } }
          #news-column .side-column aside.side-recent ul li .txt p {
            font-size: 1vw;
            line-height: 1.3; }
            @media screen and (min-width: 1201px) {
              #news-column .side-column aside.side-recent ul li .txt p {
                font-size: 12px; } }
            @media screen and (max-width: 768px) {
              #news-column .side-column aside.side-recent ul li .txt p {
                font-size: 2.9333333333vw; } }

.wp-pagenavi {
  padding: 5vw 0 0;
  text-align: center;
  display: flex;
  gap: .8em;
  justify-content: center;
  align-items: center;
  font-size: 1.3333333333vw; }
  @media screen and (min-width: 1201px) {
    .wp-pagenavi {
      padding: 60px 0 0;
      font-size: 16px; } }
  @media screen and (max-width: 768px) {
    .wp-pagenavi {
      padding: 10.6666666667vw 0 0;
      font-size: 3.7333333333vw; } }
  .wp-pagenavi a {
    width: 2.8333333333vw;
    height: 2.8333333333vw;
    line-height: 2.8333333333vw;
    background-color: #c7c7c7;
    color: #666;
    text-align: center;
    font-weight: bold;
    border-radius: 50%; }
    @media screen and (min-width: 1201px) {
      .wp-pagenavi a {
        width: 34px;
        height: 34px;
        line-height: 34px; } }
    @media screen and (max-width: 768px) {
      .wp-pagenavi a {
        width: 8vw;
        height: 8vw;
        line-height: 8vw; } }
    .wp-pagenavi a:hover {
      opacity: 1;
      background-color: #ffe323;
      color: #000; }
    .wp-pagenavi a.previouspostslink {
      background-color: #fff;
      border: solid #000 0.0833333333vw;
      color: #000;
      line-height: 2.5vw; }
      @media screen and (min-width: 1201px) {
        .wp-pagenavi a.previouspostslink {
          border: solid #000 1px;
          line-height: 30px; } }
      @media screen and (max-width: 768px) {
        .wp-pagenavi a.previouspostslink {
          border: solid #000 0.2666666667vw;
          line-height: 8vw; } }
    .wp-pagenavi a.nextpostslink {
      background-color: #fff;
      border: solid #000 0.0833333333vw;
      color: #000;
      line-height: 2.5vw; }
      @media screen and (min-width: 1201px) {
        .wp-pagenavi a.nextpostslink {
          border: solid #000 1px;
          line-height: 30px; } }
      @media screen and (max-width: 768px) {
        .wp-pagenavi a.nextpostslink {
          border: solid #000 0.2666666667vw;
          line-height: 8vw; } }
  .wp-pagenavi span {
    width: 2.8333333333vw;
    height: 2.8333333333vw;
    line-height: 2.8333333333vw;
    background-color: #ffe323;
    color: #000;
    text-align: center;
    font-weight: bold;
    border-radius: 50%; }
    @media screen and (min-width: 1201px) {
      .wp-pagenavi span {
        width: 34px;
        height: 34px;
        line-height: 34px; } }
    @media screen and (max-width: 768px) {
      .wp-pagenavi span {
        width: 8vw;
        height: 8vw;
        line-height: 8vw; } }

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