@charset "UTF-8";
/*----------------
フォント読み込み 
----------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/*-----------------
基本設定
------------------*/
html {
  scroll-behavior: smooth;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body {
  font-size: 16px;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #404040;
  line-height: 2;
  font-feature-settings: "palt";
  letter-spacing: 0.032em;
}

.inner {
  margin: 0 auto;
  width: 86.11%;
}

.inner--size-s {
  width: 79.16%;
  margin: 0 auto;
}

.textCenter {
  text-align: center;
}

.notosans {
  font-family: "Noto Sans JP", sans-serif;
}

.only-pc {
  display: block;
}

.pc-tab1280 {
  display: block;
}

.pc-tab1024 {
  display: block;
}

.tab1280 {
  display: none;
}

.tab1280-tab1024 {
  display: none;
}

.tab1280-sp {
  display: none;
}

.tab1024 {
  display: none;
}

.tab1024-sp {
  display: none;
}

.only-sp {
  display: none;
}

@media screen and (max-width: 1280px) {
  .only-pc {
    display: none;
  }
  .pc-tab1280 {
    display: block;
  }
  .pc-tab1024 {
    display: block;
  }
  .tab1280 {
    display: block;
  }
  .tab1280-tab1024 {
    display: block;
  }
  .tab1280-sp {
    display: block;
  }
  .tab1024 {
    display: none;
  }
  .tab1024-sp {
    display: none;
  }
  .only-sp {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .only-pc {
    display: none;
  }
  .pc-tab1280 {
    display: none;
  }
  .pc-tab1024 {
    display: block;
  }
  .only-tab1280 {
    display: none;
  }
  .tab1280-tab1024 {
    display: block;
  }
  .tab1280-sp {
    display: block;
  }
  .only-tab1024 {
    display: block;
  }
  .tab1024-sp {
    display: block;
  }
  .only-sp {
    display: none;
  }
  .inner {
    width: 89.333%;
    margin: 0 auto;
  }
  .inner--size-s {
    width: 89.333%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .only-pc {
    display: none;
  }
  .pc-tab1280 {
    display: none;
  }
  .pc-tab1024 {
    display: none;
  }
  .only-tab1280 {
    display: none;
  }
  .tab1280-tab1024 {
    display: none;
  }
  .tab1280-sp {
    display: block;
  }
  .only-tab1024 {
    display: none;
  }
  .tab1024-sp {
    display: block;
  }
  .only-sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}
/*==================================
ふわっ
===================================*/
/* その場で */
.fadeIn {
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 下から */
.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 左から */
.fadeLeft {
  -webkit-animation-name: fadeLeftAnime;
          animation-name: fadeLeftAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeLeftAnime {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeLeftAnime {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* 右から */
.fadeRight {
  -webkit-animation-name: fadeRightAnime;
          animation-name: fadeRightAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeInTrigger,
.fadeUpTrigger,
.fadeLeftTrigger,
.fadeRightTrigger,
.fadeInLoadTrigger,
.fadeUpLoadTrigger,
.fadeLeftLoadTrigger,
.fadeRightLoadTrigger {
  opacity: 0;
}

/*=================================
  ボンッ、ヒュッ
===================================*/
/* 拡大 */
.zoomIn {
  -webkit-animation-name: zoomInAnime;
          animation-name: zoomInAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes zoomInAnime {
  from {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomInAnime {
  from {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/* 縮小 */
.zoomOut {
  -webkit-animation-name: zoomOutAnime;
          animation-name: zoomOutAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes zoomOutAnime {
  from {
    transform: scale(1.2);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOutAnime {
  from {
    transform: scale(1.2);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.zoomInTrigger,
.zoomOutTrigger,
.zoomInLoadTrigger,
.zoomOutLoadTrigger {
  opacity: 0;
}

/*==================================
  じわっ
===================================*/
/* ぼかしから出現 */
.blur {
  -webkit-animation-name: blurAnime;
          animation-name: blurAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes blurAnime {
  from {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes blurAnime {
  from {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.blurTrigger,
.blurLoadTrigger {
  opacity: 0;
}

.delay-time05 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.delay-time1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.delay-time15 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.delay-time2 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.delay-time25 {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

/* アニメーション自体が変化する時間を決めるCSS*/
.change-time05 {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

.change-time1 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.change-time15 {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

.change-time2 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

.change-time25 {
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
}

.l-center {
  margin-right: auto;
  margin-left: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.l-left {
  margin-left: 0;
  margin-right: auto;
}

.l-right {
  margin-right: 0;
  margin-left: auto;
}

.bl-btn {
  width: max-content;
  height: 150px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .bl-btn {
    height: 110px;
  }
}
.bl-btn::before {
    content: "";
    position: absolute;
    width: 96px;
    height: 1px;
    background-color: #707070;
    top: 50%;
    right: -30px;
    pointer-events: none;
    transform: translate(100%, -50%);
    transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .bl-btn::before {
        width: 65px;
        transform: translate(100%, -50%);
        right: -5px;
  }
}
.bl-btn::after {
content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: 8px solid #404040;
    border-right: 0;
    top: 50%;
    right: -124px;
    pointer-events: none;
    transform: translate(100%, -50%);
    transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .bl-btn::after {
        right: -68px;
  }
}
.bl-btn a {
  display: block;
  width: calc(100% + 200px);
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  height: 100%;
  position: relative;
  padding: 55px 0;
}
@media screen and (max-width: 960px) {
  .bl-btn a {
    padding: 35px 0;
  width: calc(100% + 120px);
  }
}
.bl-btn a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 150px;
  height: 150px;
  border: 1px solid #F87D30;
  transition: all 0.5s;
  border-radius: 50%;
  pointer-events: none;
  background-color: rgba(248, 125, 48, 0.03);
}
@media screen and (max-width: 960px) {
  .bl-btn a::after {
    width: 100px;
    height: 100px;
  }
}
.bl-btn:hover::before {
    right: -40px;
  transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .bl-btn:hover::before {
    left: 106px;
  }
}
.bl-btn:hover::after {
    right: -134px;
  transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .bl-btn:hover::after {
    left: 167px;
  }
}
.bl-btn:hover a::after {
  transition: all 0.5s;
  background-color: rgba(248, 125, 48, 0.1);
}

.bl-btn--orange {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .bl-btn--orange {
    width: 100%;
  }
}
.bl-btn--orange a {
  display: block;
  width: 450px;
  text-align: center;
  font-size: 24px;
  letter-spacing: 0.088em;
  line-height: 1;
  padding: 22px 0;
  border-radius: 15px;
  background-color: #F87D30;
  font-family: "Noto Sans JP", sans-serif;
  color: #FFFFFF;
  opacity: 1;
  transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .bl-btn--orange a {
    width: 100%;
    font-size: 18px;
  }
}
.bl-btn--orange a:hover {
  opacity: 0.8;
  transition: all 0.5s;
}

.bl-btn--red {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .bl-btn--red {
    width: 100%;
  }
}
.bl-btn--red a {
  display: block;
  width: 430px;
  text-align: center;
  font-size: 24px;
  letter-spacing: 0.088em;
  line-height: 1;
  padding: 22px 0;
  background-color: #D71718;
  font-family: "Noto Sans JP", sans-serif;
  color: #FFFFFF;
  opacity: 1;
  transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .bl-btn--red a {
    width: 100%;
    font-size: 18px;
  }
}
.bl-btn--red a:hover {
  opacity: 0.8;
  transition: all 0.5s;
}

.bl-btn--black {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 81px auto 0;
}
@media screen and (max-width: 960px) {
  .bl-btn--black {
    margin: 50px auto 0;
  }
}
.bl-btn--black a {
  display: block;
  width: 261px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.088em;
  font-weight: 400;
  line-height: 1;
  padding: 17px 0;
  background-color: #404040;
  font-family: "Noto Sans JP", sans-serif;
  color: #FFFFFF;
  opacity: 1;
  transition: all 0.5s;
}
.bl-btn--black a:hover {
  opacity: 0.8;
  transition: all 0.5s;
}

.bl-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bl-flex__rowCenter {
  justify-content: center;
}

.bl-flex__leftAlignment {
  justify-content: flex-start;
}

.bl-flex__rightAlignment {
  justify-content: flex-end;
}

.bl-flex__topAlignment {
  align-items: flex-start;
}

.bl-flex__bottomAlignment {
  align-items: flex-start;
}

/*====== ページタイトル ======*/
.page-ttl {
  font-size: 16px;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  color: #959595;
  border: 1px solid #959595;
  letter-spacing: 0.072em;
  margin-bottom: 22px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 10px;
}

/*===== セクションタイトル =====*/
.section-ttl {
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.2em;
  padding-bottom: 13px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .section-ttl {
    font-size: 25px;
	  line-height: 1.5;
  }
}
.section-ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95px;
  height: 3px;
  background-color: #F87D30;
}
.section-ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 95px);
  height: 3px;
  background-color: #EAEAEA;
}

.section-ttl--animation {
  height: 55px;
  padding-top: 55px;
}
@media screen and (max-width: 960px) {
  .section-ttl--animation {
    padding-top: 42px;
  }
}

.section-ttl--size-s {
  font-size: 28px;
}
@media screen and (max-width: 960px) {
  .section-ttl--size-s {
    font-size: 21px;
  }
}

.section-ttl--size-l {
  font-size: 45px;
  letter-spacing: 0.028em;
}

.section-ttl--noBorder::before {
  display: none;
}
.section-ttl--noBorder::after {
  display: none;
}

.section-ttl--vertical {
  writing-mode: vertical-lr;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  min-height: 500px;
  overflow: hidden;
  width: 36px;
}
@media screen and (max-width: 960px) {
  .section-ttl--vertical {
    writing-mode: horizontal-tb;
  }
}

.section-ttl--padding-left {
  padding-left: min(3.477vw, 50px);
}

.ttl-sideTxt {
  position: absolute;
  font-size: 16px;
  line-height: 1.75;
  bottom: 10px;
  right: 4.03%;
  letter-spacing: 0.032em;
}
@media screen and (max-width: 960px) {
  .ttl-sideTxt {
    width: 89.33%;
    position: relative;
    font-size: 14px;
    line-height: 1.75;
    bottom: unset;
    right: unset;
    letter-spacing: 0.032em;
    margin: 20px auto;
  }
}

.titleTrigger {
  top: 0;
  left: 0;
  position: absolute;
  transform: translateY(190%);
}

.titleAppear {
  -webkit-animation-name: titleAppearAnime;
          animation-name: titleAppearAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes titleAppearAnime {
  0% {
    transform: translateY(190%);
  }
  100% {
    transform: translateY(10px);
  }
}

@keyframes titleAppearAnime {
  0% {
    transform: translateY(190%);
  }
  100% {
    transform: translateY(10px);
  }
}
.titleVerticalTrigger {
  top: 0;
  right: 0;
  position: absolute;
  transform: translateX(calc(-100% - 15px));
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  visibility: visible !important;
}

.titleVerticalAppear {
  -webkit-animation-name: titleVerticalAppearAnime;
          animation-name: titleVerticalAppearAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes titleVerticalAppearAnime {
  0% {
    transform: translateX(calc(-100% - 15px));
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes titleVerticalAppearAnime {
  0% {
    transform: translateX(calc(-100% - 15px));
  }
  100% {
    transform: translateX(0);
  }
}
.section-ttl--contact {
  height: 98px;
}
@media screen and (max-width: 960px) {
  .section-ttl--contact {
    height: 213px;
  }
}

/*===== オレンジ四角タイトル =====*/
.squareDot-ttl {
  padding-left: 46px;
  font-size: 22px;
  letter-spacing: 0.072em;
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 960px) {
  .squareDot-ttl {
    font-size: 18px;
    padding-left: 20px;
  }
}
.squareDot-ttl::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #F87D30;
  top: 50%;
  left: 11px;
  transform: translateY(-50%);
}
@media screen and (max-width: 960px) {
  .squareDot-ttl::before {
    width: 15px;
    height: 15px;
    left: 0;
  }
}

/*====== オレンジ縦棒タイトル ======*/
.left-bar-ttl {
  padding-left: 18px;
  position: relative;
  font-size: 24px;
  letter-spacing: 0.072em;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .left-bar-ttl {
    font-size: 18px;
  }
}
.left-bar-ttl::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background-color: #F87D30;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/*===========================
ページ共通
============================*/
.txt-orange {
  color: #F87D30;
}

.vertical-txt {
  writing-mode: vertical-lr;
}

.under-fv {
  margin-top: 130px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .under-fv {
    margin-top: 100px;
  }
}

.under-fv__circle {
  position: absolute;
  top: -55px;
  right: 0;
  width: 22.22%;
  z-index: -1;
}

.gradient-square-box {
  font-size: 18px;
  color: #FFFFFF;
  background-image: linear-gradient(145deg, rgb(255, 157, 23) 18%, rgb(255, 211, 64));
  font-weight: 700;
  letter-spacing: 0.088em;
  line-height: 1;
  padding: 5px 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sub-ttl {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.09em;
  line-height: 1.9;
}
@media screen and (max-width: 960px) {
  .sub-ttl {
    font-size: 23px;
  }
}

/*====== 横並びセクションコンテンツ ======*/
.section-commonContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .section-commonContent {
    flex-direction: column-reverse;
  }
}

.section-commonContent__side-l {
  width: 61.4%;
}
@media screen and (max-width: 960px) {
  .section-commonContent__side-l {
    width: 100%;
  }
}

.section-commonContent__side-r {
  width: 28.42%;
}
@media screen and (max-width: 960px) {
  .section-commonContent__side-r {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
}

/*====== リンクボタン ======*/
.links__list {
  margin-top: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .links__list {
    display: block;
  }
}
.links__list .links__item:first-of-type {
  margin-right: 37px;
}
@media screen and (max-width: 768px) {
  .links__list .links__item:first-of-type {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.links__list .links__item a {
  position: relative;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  box-shadow: 4px 5px 11px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  display: block;
  transition: all 0.5s;
  top: 0;
}
.links__list .links__item a:hover {
  top: -10px;
  transition: all 0.5s;
}
.links__list .links__item a img {
  width: 100%;
  height: auto;
}
.links__list .links__item a .links-txt {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.072em;
  color: #FFFFFF;
  padding-right: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-family: "Noto Sans JP", sans-serif;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 768px) {
  .links__list .links__item a .links-txt {
    font-size: 25px;
    padding-right: 50px;
  }
}
.links__list .links__item a .links-txt::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.links__list .links__item a .links-txt::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  transform: translateY(-50%) rotate(-45deg);
  right: 12px;
  top: 50%;
}

.links__item {
  width: calc(50% - 18.5px);
}
@media screen and (max-width: 768px) {
  .links__item {
    width: 100%;
  }
}

/*====== お問い合わせ ======*/
.contact {
  margin-top: 133px;
  padding: 70px 0 154px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .contact {
    margin-top: 50px;
    padding: 50px 0 100px;
  }
}

.contact-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.top-section-ttl--contact {
  align-items: center;
}

.contactBtn-wrap {
  margin-top: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 960px) {
  .contactBtn-wrap {
    margin-top: 50px;
    display: block;
  }
}
.contactBtn-wrap .contact-btn-block {
  position: relative;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.contactBtn-wrap .contact-btn-block:first-of-type {
  margin-right: 60px;
}
@media screen and (max-width: 960px) {
  .contactBtn-wrap .contact-btn-block:first-of-type {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.contactBtn-wrap .contact-btn-block:first-of-type a {
  background-color: #FFFFFF;
  border: 2px solid #404040;
  border-radius: 15px;
}
.contactBtn-wrap .contact-btn-block:first-of-type a .contactBtn-txt {
  color: #404040;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.028em;
  font-weight: 600;
}
.contactBtn-wrap .contact-btn-block:last-of-type a {
  background-color: #404040;
  border: 2px solid #707070;
  border-radius: 15px;
}
.contactBtn-wrap .contact-btn-block:last-of-type a .contactBtn-txt {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 600;
  letter-spacing: 0.044em;
  line-height: 1;
}

.contact-btn-block {
  width: 39.4%;
  height: 100px;
}
@media screen and (max-width: 960px) {
  .contact-btn-block {
    width: 100%;
  }
}
.contact-btn-block a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.contact-btn-block a:hover {
  top: -10px;
  transition: all 0.5s;
}

.contactBtn-icon {
  width: 32px;
  height: 32px;
  margin-right: 15px;
}

/*====== 詳細ページ前次一覧遷移ボタン ======*/
.detailPage-btn__list {
  width: 83.3%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 95px auto 0;
}
@media screen and (max-width: 960px) {
  .detailPage-btn__list {
    width: 100%;
    margin: 95px auto 0;
  }
}

.detailPage__btn a {
  padding: 13px 74px;
  border: 1px solid #404040;
  border-radius: 28px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.042em;
  line-height: 1;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 960px) {
  .detailPage__btn a {
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 14px;
  }
}

.detailPage__btn--all {
  margin: 0 16.8%;
}
@media screen and (max-width: 960px) {
  .detailPage__btn--all {
    margin: 0 5%;
  }
}

/*---------------------------
ヘッダー
---------------------------*/
.burger-open-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}
.burger-open-cover.appear {
  opacity: 1;
  transition: all 0.5s;
}

.head {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 22px 134px 0 6.94%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
}
@media screen and (max-width: 960px) {
  .head {
    display: block;
    padding: 15px 5.33%;
  }
}

.head__logo {
  width: 19.9%;
}
@media screen and (max-width: 960px) {
  .head__logo {
    width: 30%;
    min-width: 230px;
  }
}

.head__nav {
  padding: 10px 3.19vw 10px 4.3vw;
  background-color: #FFFFFF;
  border-radius: 28px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 960px) {
  .head__nav {
    display: none;
  }
}

.headNav-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.headNav-list .headNav-list__item {
  margin-right: 50px;
}
.headNav-list .headNav-list__item:nth-of-type(3) {
  margin-right: 0;
}
.headNav-list .headNav-list__item:last-of-type {
  margin-right: 0;
}
.headNav-list .headNav-list__item:nth-last-of-type(2) {
  margin-right: 32px;
}
.headNav-list .headNav-list__item a {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.088em;
  line-height: 1;
}

.headNav-list__item--instagram,
.headNav-list__item--facebook {
  width: 32px;
  height: auto;
}

/*========= ナビゲーションのためのCSS ===============*/
.burger-nav {
  position: fixed;
  z-index: -1;
  opacity: 0;
  top: 0;
  right: 0;
  width: 900px;
  height: 100vh;
  background-image: linear-gradient(154deg, rgb(255, 157, 23), rgb(255, 211, 64));
  transition: all 0.3s;
  box-shadow: -5px 3px 14px rgba(0, 0, 0, 0.16);
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .burger-nav {
    width: 100%;
  }
}

.burger-nav.panelactive {
  opacity: 1;
  pointer-events: all;
  z-index: 9998;
}

.burger-nav.panelactive .burger-nav__listWrap {
  position: fixed;
  z-index: 9998;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.burger-nav-list {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}

.burger-nav .burgerNav-list {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.burger-nav.panelactive .burger-nav__list {
  display: block;
}

.burger-nav .burger-nav__item {
  list-style: none;
  text-align: center;
  color: #FFFFFF;
}

.burgerNav-list .burgerNav-list__item {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  color: #FFFFFF;
  letter-spacing: 0.088em;
  line-height: 1;
}
.burgerNav-list .burgerNav-list__item:not(:last-of-type) {
  margin-bottom: 32px;
}
.burgerNav-list .burgerNav-list__item a {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0.088em;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}
.burgerNav-list .burgerNav-list__item.burgerNav-list__item--contact {
  margin: 45px auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.burgerNav-list .burgerNav-list__item.burgerNav-list__item--contact a {
  padding: 11.5px 90px;
  background-color: #FFFFFF;
  display: block;
  color: #F87D30;
  border-radius: 24px;
  font-size: 16px;
  letter-spacing: 0.088em;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-family: "Noto Sans JP", sans-serif;
}
.burgerNav-list .burgerNav-list__item.burgerNav-list__item--logo {
  width: 206px;
  margin: 0 auto;
}

.burgerNav-list__inList {
  margin-left: 34px;
  display: block;
  margin-top: 10px;
}
.burgerNav-list__inList .burgerNav-list__inList__item {
  display: block;
  margin-top: 5px;
}
.burgerNav-list__inList .burgerNav-list__inList__item a {
  font-size: 14px;
  padding-left: 34px;
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
}
.burgerNav-list__inList .burgerNav-list__inList__item a::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 1px;
  background-color: #FFFFFF;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/*========= ボタンのためのCSS ===============*/
.openbtn1 {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #F87D30;
  cursor: pointer;
  width: 100px;
  height: 75px;
}
@media screen and (max-width: 960px) {
  .openbtn1 {
    width: 70px;
    height: 70px;
  }
}

/*×に変化*/
.openbtn1 span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 50%;
  height: 4px;
  border-radius: 5px;
  background-color: #FFFFFF;
  width: 40px;
  transform: translateX(-50%);
}

.openbtn1 span:nth-of-type(1) {
  top: 13px;
}

.openbtn1 span:nth-of-type(2) {
  top: 24px;
}

.openbtn1 span:nth-of-type(3) {
  top: 35px;
}

.openbtn1.active span:nth-of-type(1) {
  top: 24px;
  left: 50%;
  transform: translateX(-50%) rotate(-35deg);
  width: 40px;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3) {
  top: 24px;
  left: 50%;
  transform: translateX(-50%) rotate(35deg);
  width: 40px;
}

.menu {
  font-size: 14px;
  letter-spacing: 0.028em;
  line-height: 1;
  color: #FFFFFF;
  position: absolute;
  text-transform: uppercase;
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
}

/*
.openbtn1"><span></span><span></span><span></span></div>
  <nav id="g-nav">
    <div id="g-nav-list"><!--ナビの数が増えた場合縦スクロールするためのdiv※不要なら削除-->
      <ul class="burgerNav-list__item">
        <li class="burgerNav-list__item">
          <a href="index.html">トップ</a>
        </li>
        <li class="burgerNav-list__item">
          <a href="about.html">私たちについて</a>
        </li>
        <li class="burgerNav-list__item">
          事業内容
          <ul class="burgerNav-list__inList">
            <l class="burgerNav-list__inList__item"><a href="service01.html">不動産コンサルティング</a></l>
            <l class="burgerNav-list__inList__item"><a href="service02.html">賃貸事業</a></l>
            <l class="burgerNav-list__inList__item"><a href="service03.html">宅地開発事業</a></l>
            <l class="burgerNav-list__inList__item"><a href="service04.html">建築・リフォーム事業</a></l>
            <l class="burgerNav-list__inList__item"><a href="service05.html">店舗開発事業</a></l>
          </ul>
        </li>
        <li class="burgerNav-list__item">
          <a href="property.html">物件一覧</a>
        </li>
        <li class="burgerNav-list__item">
          <a href="works.html">実績</a>
        </li>
        <li class="burgerNav-list__item">
          <a href="voice.html">お客様の声</a>
        </li>
        <li class="burgerNav-list__item">
          <a href="news.html">お知らせ</a>
        </li>
        <li class="burgerNav-list__item burgerNav-list__item--contact">
          <a href="contact.html">
            お問い合わせ
          </a>
        </li>
        <li class="burgerNav-list__item burgerNav-list__item--logo">
          <a href="index.html">
            <img src="assets/images/common/logo.png" alt="玉川工産ロゴ" width="206px" height="40px">
          </a>
        </li>
      </ul>
    </div><!-- /#g-nav-list -->
  </nav>
</header>


<div class="link-lineContact">
<a href="" target="_blank" rel="noopener noreferrer">
  <picture>
    <source srcset="assets/images/top/line-contact.webp" type="image/webp">
    <img src="assets/images/top/line-contact.png" alt="LINEでお問い合わせ" loading="lazy" width="240px" height="102px">
  </picture>
</a>
*/
/*===========================
フッター
============================*/
.foot {
  padding-top: 57px;
  background-color: #F5F5F5;
  font-family: "Noto Sans JP", sans-serif;
}

.foot__logo {
  width: 24.8%;
}
@media screen and (max-width: 1024px) {
  .foot__logo {
    width: 30%;
    min-width: 230px;
  }
}

.foot__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 57px;
}

.foot__side-l {
  width: 352px;
}

.foot-address {
  margin-bottom: 25px;
}

.foot-address__ttl {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.038em;
  margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .foot-address__ttl {
    font-size: 14px;
  }
}

.foot-address__detail {
  font-size: 14px;
  line-height: 1.71;
}
@media screen and (max-width: 1024px) {
  .foot-address__detail {
    font-size: 12px;
  }
}

.foot__side-r {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .foot__side-r {
    display: none;
  }
}
.foot__side-r .foot-nav-block:not(:last-of-type) {
  margin-right: 41px;
}
.foot__side-r .foot-nav-block:last-of-type .foot-nav__item {
  margin-bottom: 30px;
}

.foot-nav-block .foot-nav__item {
  margin-bottom: 12px;
  line-height: 1;
}
.foot-nav-block .foot-nav__item:first-of-type {
  margin-bottom: 16px;
}
.foot-nav-block .foot-nav__item .foot-nav__item-pageName {
  font-size: 14px;
  line-height: 1;
}
.foot-nav-block .foot-nav__item .foot-nav__item {
  font-size: 12px;
  line-height: 1;
  color: rgba(64, 64, 64, 0.54);
}

.footer-copy {
  padding: 12px 0;
  color: #FFFFFF;
  background-color: #404040;
  margin-top: 70px;
  font-size: 12px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer-copy {
    font-size: 10px;
  }
}

/*---------------------------
TOPページ
---------------------------*/
.link-lineContact {
  position: fixed;
  width: 16.66vw;
  max-width: 240px;
  height: auto;
  right: 52px;
  bottom: 43px;
  transition: all 0.5s;
  z-index: 99;
}
@media screen and (max-width: 960px) {
  .link-lineContact {
    position: fixed;
    width: 50%;
    max-width: 250px;
    right: 5.33%;
    bottom: 33px;
  }
}
.link-lineContact:hover {
  transition: all 0.5s;
  bottom: 53px;
}

.link-lineContact {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}

.link-lineContact.visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease;
}

/*===== FV =====*/
.fv {
  width: 100%;
  height: calc(100vh - 142px);
  margin-top: 142px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .fv {
    height: calc(100svh - 95px);
    margin-top: 95px;
  }
}

.fv-img {
  width: 93.05%;
  height: 100%;
  margin-left: 0;
  margin-right: auto;
  border-radius: 0 100px 100px 0;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .fv-img {
    width: 93.33%;
    border-radius: 0 30px 30px 0;
  }
}
.fv-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fv-main-txt {
  position: absolute;
  right: 6.94%;
  top: -33px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
@media screen and (max-width: 960px) {
  .fv-main-txt {
    right: 6.66%;
    top: -10px;
  }
}

.fv-main-txt__txt-block {
  line-height: 1;
  letter-spacing: 0.4em;
  display: block;
  background-color: #FFFFFF;
  border-radius: 26px;
  font-size: 46px;
}
@media screen and (max-width: 960px) {
  .fv-main-txt__txt-block {
    border-radius: 15px 15px 0 15px;
    font-size: 25px;
  }
}
.fv-main-txt__txt-block:first-of-type {
  padding: 0 24px 30px 33px;
}
@media screen and (max-width: 960px) {
  .fv-main-txt__txt-block:first-of-type {
    padding: 0 20px 50px 20px;
  }
}
.fv-main-txt__txt-block:last-of-type {
  padding: 0 24px 30px 33px;
}
@media screen and (max-width: 960px) {
  .fv-main-txt__txt-block:last-of-type {
    padding: 0 20px 30px 20px;
  }
}

.fv-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  padding: 41px 109px 75px 6.94vw;
  border-radius: 0 100px 0 0;
  font-size: 25px;
  letter-spacing: 0.128em;
  line-height: 2.2;
}
@media screen and (max-width: 960px) {
  .fv-txt {
    padding: 21px 8vw 32px 6.94vw;
    border-radius: 0 50px 0 0;
    font-size: 18px;
    width: 88%;
  }
}

.fv-txt__size-l {
  font-size: 33px;
}
@media screen and (max-width: 960px) {
  .fv-txt__size-l {
    font-size: 28px;
  }
}

.fv-bottom {
  margin-top: 30px;
  position: relative;
}

.fv-bottom__size-l {
  font-size: 32px;
}
@media screen and (max-width: 960px) {
  .fv-bottom__size-l {
    font-size: 27px;
  }
}

.fv-circle {
  position: absolute;
  width: 42.15%;
  height: auto;
  bottom: -49px;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 960px) {
  .fv-circle {
    width: 62.15%;
    top: 0;
    bottom: unset;
    transform: translateY(-60%);
  }
}

.fv-bottom__txt {
  font-size: 18px;
  letter-spacing: 0.036em;
}
@media screen and (max-width: 960px) {
  .fv-bottom__txt {
    font-size: 16px;
  }
}

/*===== お知らせ =====*/
.top-news {
  margin-top: 24px;
  padding: 100px 0 64px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .top-news {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    padding: 100px 0 64px;
    position: relative;
  }
}

.top-news__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.top-news-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.top-news-content .section-ttl {
  width: 183px;
}
@media screen and (max-width: 960px) {
  .top-news-content {
    display: block;
  }
}

.top-newsList {
  width: 53.68%;
}
@media screen and (max-width: 960px) {
  .top-newsList {
    width: 100%;
  }
}

.top-newsList__item {
  border-bottom: 1px solid rgba(64, 64, 64, 0.28);
}
.top-newsList__item a {
  display: block;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 960px) {
  .top-newsList__item a {
    flex-wrap: wrap;
  }
}
.top-newsList__item a:hover .newsDate {
  opacity: 0.6;
  transition: all 0.5s;
}
.top-newsList__item a:hover .newsCategory {
  opacity: 0.6;
  transition: all 0.5s;
}
.top-newsList__item a:hover .top-newsList__ttl {
  opacity: 0.6;
  transition: all 0.5s;
}

.newsDate {
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0.088em;
  transition: all 0.5s;
}

.newsCategory {
  width: 120px;
  margin: 0 8.27%;
  transition: all 0.5s;
}

.newsCategory-wrap {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.088em;
  padding: 5px 18px;
  color: #F87D30;
  border: 1px solid #F87D30;
  border-radius: 14px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  margin: 0 auto;
}

.top-newsList__ttl {
  font-size: 17px;
  letter-spacing: 0.088em;
  line-height: 1;
  transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .top-newsList__ttl {
    width: 100%;
    margin-top: 15px;
  }
}

.bl-btn--top-news {
  margin: 48.5px 0 0 63px;
}
@media screen and (max-width: 960px) {
  .bl-btn--top-news {
    margin: 50px auto 0 0;
  }
}

/*===== 私たちについて =====*/
.top-about {
  position: relative;
  margin-top: 145px;
}
@media screen and (max-width: 960px) {
  .top-about {
    margin-top: 100px;
  }
}

.top-about-circle {
  width: 17.15%;
  position: absolute;
  top: 107px;
  left: 0;
}
@media screen and (max-width: 960px) {
  .top-about-circle {
    width: 47.15%;
    top: -30px;
  }
}

.top-about-subTtl {
  text-align: center;
  font-size: 47px;
  letter-spacing: 0.088em;
  line-height: 1;
  margin-top: 50px;
}
@media screen and (max-width: 960px) {
  .top-about-subTtl {
    font-size: 23px;
  }
}

.top-about-content {
  margin-top: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 4.03%;
}
@media screen and (max-width: 960px) {
  .top-about-content {
    padding-left: 0;
    flex-direction: column-reverse;
    margin-top: 45px;
  }
}

.top-about__side-l {
  width: 57.87%;
  padding-left: 4.8%;
}
@media screen and (max-width: 960px) {
  .top-about__side-l {
    width: 100%;
    padding-left: 0;
    max-width: 450px;
    margin: 30px auto 0;
  }
}

.top-about__size-l {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.13em;
  margin-bottom: 36px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .top-about__size-l {
    font-size: 22px;
    margin-bottom: 25px;
    line-height: 1.6;
    text-align: center;
  }
}

.top-about-txt {
  font-size: 18px;
  letter-spacing: 0.036em;
  margin-bottom: 98px;
  margin-right: 35px;
}
@media screen and (max-width: 960px) {
  .top-about-txt {
    font-size: 16px;
    margin-bottom: 60px;
	  margin-right:0;
  }
}

.bl-btn--top-about {
  margin: 0 auto;
}

.top-about__side-r {
  width: 42.13%;
}
@media screen and (max-width: 960px) {
.bl-btn--top-about {
  margin: 0 auto 0 0;
}
  .top-about__side-r {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
}

/*===== 物件一覧 =====*/
.top-property {
  position: relative;
  margin-top: 174px;
}
@media screen and (max-width: 960px) {
  .top-property {
    margin-top: 100px;
  }
}

.top-property-circle {
  width: 18.12%;
  position: absolute;
  top: -104px;
  right: 0;
}
@media screen and (max-width: 960px) {
  .top-property-circle {
    width: 38.12%;
    top: -50px;
  }
}

.top-property-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media screen and (max-width: 960px) {
  .top-property-content {
    display: block;
  }
}

.top-property-images {
  width: calc(100% - 172px);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .top-property-images {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
}

.top-property-images__side-l {
  width: 37.4%;
  aspect-ratio: 1/1.458;
  border-radius: 40px;
  overflow: hidden;
}
@media screen and (max-width: 960px) and (max-width: 1024px) {
  .top-property-images__side-l {
    width: 100%;
    aspect-ratio: 1/0.5;
    border-radius: 30px;
    margin-bottom: 10px;
  }
}

.top-property-images__side-r {
  width: calc(62.6% - 24px);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 960px) {
  .top-property-images__side-r {
    width: 100%;
  }
}
.top-property-images__side-r .property-images__item {
  border-radius: 40px;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .top-property-images__side-r .property-images__item {
    border-radius: 30px;
  }
}
.top-property-images__side-r .property-images__item:not(:last-of-type) {
  width: calc(50% - 12px);
  aspect-ratio: 1/0.88;
}
@media screen and (max-width: 960px) {
  .top-property-images__side-r .property-images__item:not(:last-of-type) {
    width: calc(50% - 5px);
    aspect-ratio: 1/1;
  }
}
.top-property-images__side-r .property-images__item:last-of-type {
  width: 100%;
  margin-top: 24px;
  aspect-ratio: 1/0.44;
}
@media screen and (max-width: 960px) {
  .top-property-images__side-r .property-images__item:last-of-type {
    width: 100%;
    aspect-ratio: 1/0.5;
    margin-top: 10px;
    border-radius: 30px;
  }
}

.zoomOutImgTrigger .top-property-image img {
  position: relative;
  transform: scale(1.2);
  transition: all 1s;
}

.zoomOutImg .top-property-image img {
  position: relative;
  transform: scale(1);
  transition: all 1s;
}

.property-links-wrap {
  padding: 118px 0 55px;
  background-color: #EDEFF2;
  margin-top: -77px;
}
.property-links {
  width: 601px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 960px) {
  .property-links {
    width: 100%;
    justify-content: center;
    gap: 20px;
  }
}
.property-links .property-links__item {
  width: 284px;
  margin-bottom: 22px;
}
@media screen and (max-width: 960px) {
  .property-links .property-links__item {
    width: 230px;
    margin-bottom: 0;
    min-width: 45%;
  }
}
.property-links .property-links__item a {
  display: block;
  font-size: 24px;
  letter-spacing: 0.088em;
  line-height: 1;
  padding: 13.5px 0 13.5px 50px;
  position: relative;
  background-color: #FFFFFF;
  transition: all 0.5s;
  border-radius: 30px;
}
@media screen and (max-width: 960px) {
  .property-links .property-links__item a {
    font-size: 20px;
    padding: 10px 0 10px 20px;
  }
}
.property-links .property-links__item a::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-bottom: 2px solid #F87D30;
  border-right: 2px solid #F87D30;
  transform: translateY(-50%) rotate(-45deg);
  top: 50%;
  right: 24.5px;
  pointer-events: none;
}
.property-links .property-links__item a:hover {
  color: #FFFFFF;
  background-color: #535353;
  transition: all 0.5s;
}

/*===== 事業内容 =====*/


.top-service {
  margin-top: 168px;
}
@media screen and (max-width: 960px) {
  .top-service {
    margin-top: 100px;
  }
}

.top-service-wrap {
  width: 100%;
  aspect-ratio: 1/0.588;
  position: relative;
  margin-top: 95px;
}
@media screen and (max-width: 960px) {
  .top-service-wrap {
    aspect-ratio: unset;
    margin: 70px auto 0;
    width: 89.33%;
  }
}

.top-service-center-wrap {
  width: 31.02%;
  height: auto;
  position: absolute;
  top: 20.25%;
  left: 31.63vw;
}
@media screen and (max-width: 960px) {
  .top-service-center-wrap {
    width: 100%;
    position: relative;
    top: unset;
    left: unset;
  }
}

.top-service-center-img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 960px) {
  .top-service-center-img {
    display: none;
  }
}

.top-service-center {
  font-size: min(1.52vw, 22px);
  letter-spacing: 0.038em;
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .top-service-center {
    font-size: 16px;
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }
}

.top-service-detail {
  border-radius: 25px;
  position: absolute;
  transition: all 0.5s;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 960px) {
  .top-service-detail {
    position: relative;
    margin: 15px auto;
    max-width: 450px;
    width: 100%;
  }
}
.top-service-detail::before {
  content: "";
  position: absolute;
  width: 3.33vw;
  height: 3.33vw;
  bottom: 0;
  right: 0;
  transform: translate(25%, 25%);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 960px) {
  .top-service-detail::before {
    width: 50px;
    height: 50px;
  }
}
.top-service-detail a {
  display: block;
  padding: 12px 3.95vw 25px 1.319vw;
  border-radius: 25px;
  width: 26.4vw;
  height: 12vw;
  border: 4px solid #FFFFFF;
  border-radius: 25px;
  box-shadow: 4px 5px 11px rgba(47, 47, 47, 0.19);
}
@media screen and (max-width: 960px) {
  .top-service-detail a {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    padding: 20px 30px;
    aspect-ratio: 1/0.5;
    max-width: 450px;
    margin: 0 auto;
  }
}

.top-service-detail01 {
  top: 3.7%;
  left: 33.63vw;
  background-image: linear-gradient(145deg, rgb(234, 86, 137), rgb(255, 139, 180));
}
@media screen and (max-width: 960px) {
  .top-service-detail01 {
    top: unset;
    left: unset;
  }
}
.top-service-detail01:hover {
  top: calc(3.7% - 10px);
  transition: all 0.5s;
}
.top-service-detail01::before {
  background-image: url(../../assets/images/top/service-arrow01.svg);
}

.top-service-detail02 {
  top: 26%;
  right: 10.97vw;
  background-image: linear-gradient(145deg, rgb(255, 180, 77), rgb(255, 217, 144));
}
@media screen and (max-width: 960px) {
  .top-service-detail02 {
    top: unset;
    right: unset;
  }
}
.top-service-detail02:hover {
  top: calc(26% - 10px);
  transition: all 0.5s;
}
.top-service-detail02::before {
  background-image: url(../../assets/images/top/service-arrow02.svg);
}

.top-service-detail03 {
  right: 18.97vw;
  bottom: 17.3%;
  background-image: linear-gradient(145deg, #32E57E, #32E57E);
}
@media screen and (max-width: 960px) {
  .top-service-detail03 {
    top: unset;
    right: unset;
  }
}
.top-service-detail03:hover {
  bottom: calc(17.3% + 10px);
  transition: all 0.5s;
}
.top-service-detail03::before {
  background-image: url(../../assets/images/top/service-arrow03.svg);
}

.top-service-detail04 {
  bottom: 17.3%;
  left: 12.75vw;
  background-image: linear-gradient(145deg, #2ED5C8, #2ED5C8);
}
@media screen and (max-width: 960px) {
  .top-service-detail04 {
    bottom: unset;
    left: unset;
  }
}
.top-service-detail04:hover {
  bottom: calc(17.3% + 10px);
  transition: all 0.5s;
}
.top-service-detail04::before {
  background-image: url(../../assets/images/top/service-arrow04.svg);
}

.top-service-detail05 {
  top: 26%;
  left: 5.55vw;
  background-image: linear-gradient(145deg, #3292E5, #3292E5);
}
@media screen and (max-width: 960px) {
  .top-service-detail05 {
    bottom: unset;
    left: unset;
  }
}
.top-service-detail05:hover {
  top: calc(26% - 10px);
  transition: all 0.5s;
}
.top-service-detail05::before {
  background-image: url(../../assets/images/top/service-arrow05.svg);
}

.top-service-detail06 {
  top: 41.9%;
  left: 6.319vw;
  background-image: linear-gradient(145deg, #B532E5, #C396F8);
}
@media screen and (max-width: 960px) {
  .top-service-detail06 {
    top: unset;
    left: unset;
  }
}
.top-service-detail06:hover {
  top: calc(41.9% - 10px);
  transition: all 0.5s;
}
.top-service-detail06::before {
  background-image: url(../../assets/images/top/service-arrow06.svg);
}

.top-service-detail07 {
  top: 21%;
  left: 6.319vw;
  background-image: linear-gradient(145deg, #FF4D68, #FF90A5);
}
@media screen and (max-width: 960px) {
  .top-service-detail07 {
    top: unset;
    left: unset;
  }
}
.top-service-detail07:hover {
  top: calc(21% - 10px);
  transition: all 0.5s;
}
.top-service-detail07::before {
  background-image: url(../../assets/images/top/service-arrow07.svg);
}

.top-service-detail__num {
  height: 3.7vw;
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 960px) {
  .top-service-detail__num {
    height: 33%;
  }
}
.top-service-detail__num img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-service-detail__ttl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.top-service-detail__icon {
  width: min(3.88vw, 56px);
  height: min(3.88vw, 56px);
  position: relative;
  margin-right: 8px;
}
@media screen and (max-width: 960px) {
  .top-service-detail__icon {
    width: 30px;
    height: 30px;
  }
}
.top-service-detail__icon img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
}

.top-service-detail__icon01 img {
  width: 85.7%;
}

.top-service-detail__icon02 img {
  width: 100%;
}

.top-service-detail__icon03 img {
  width: 89%;
}

.top-service-detail__icon04 img {
  width: 58%;
}

.top-service-detail__icon05 img {
  width: 76.7%;
}

.top-service-detail__icon06 img {
  width: 83.9%;
}

.top-service-detail__icon07 img {
  width: 83.9%;
}

.top-service-detail__ttl-txt {
  font-size: min(1.5vw, 24px);
  line-height: 1;
  color: #FFFFFF;
}
@media screen and (max-width: 960px) {
  .top-service-detail__ttl-txt {
    font-size: 23px;
  }
}

.top-service-detail___txt {
  font-size: min(1.25vw, 18px);
  letter-spacing: 0;
  line-height: 1.5;
  margin-top: 8.5px;
  color: #FFFFFF;
}
@media screen and (max-width: 960px) {
  .top-service-detail___txt {
    font-size: 18px;
  }
}

.top-service-img {
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 960px) {
  .top-service-img {
    display: none;
  }
}

.top-service-img01 {
  width: 15vw;
  top: -20.2%;
  transition: all 0.5s;
  left: -6.87vw;
}

.top-service-img02 {
  width: 20.8vw;
  top: -61.2%;
  right: -6.52vw;
  transition: all 0.5s;
}

.top-service-img03 {
  width: 20.95vw;
  right: -18.9vw;
  bottom: -3vw;
  transition: all 0.5s;
}

.top-service-img04 {
  width: 19.5vw;
  top: 10%;
  left: -7.98vw;
  transition: all 0.5s;
}

.top-service-img05 {
  width: 14.65vw;
  bottom: -0.2%;
  transform: translateY(100%);
  right: -19.84vw;
  transition: all 0.5s;
}

.top-service-img06 {
  top: 0;
  width: 208px;
  bottom: unset;
  transform: translateY(-40%);
  left: -6.388vw;
  transition: all 0.5s;
}

.top-service-img07 {
  width: 18.9vw;
  top: -56.6%;
  transition: all 0.5s;
  left: -6.388vw;
}

.zoomUpImgTrigger img {
  position: relative;
  transform: scale(0.9);
  transition: all 1s;
}

.zoomUpImg img {
  position: relative;
  transform: scale(1);
  transition: all 1s;
}

.top-service-detail:hover .top-service-img01 {
  top: calc(-20.2% + 10px);
  transition: all 0.5s;
}
.top-service-detail:hover .top-service-img02 {
  top: calc(-61.2% + 10px);
  transition: all 0.5s;
}
.top-service-detail:hover .top-service-img03 {
  bottom: calc(-3vw - 10px);
  transition: all 0.5s;
}
.top-service-detail:hover .top-service-img04 {
  top: calc(10% + 10px);
  transition: all 0.5s;
}
.top-service-detail:hover .top-service-img05 {
  bottom: calc(-0.2% - 10px);
  transition: all 0.5s;
}
.top-service-detail:hover .top-service-img06 {
  top: 10px;
  transition: all 0.5s;
}
.top-service-detail:hover .top-service-img07 {
  top: calc(-56.6% + 10px);
  transition: all 0.5s;
}

/*===== 実績 =====*/
.top-works {
  position: relative;
  margin-top: 181px;
}
@media screen and (max-width: 960px) {
  .top-works {
    margin-top: 100px;
  }
}

.top-works-circle {
  width: 24.86%;
  position: absolute;
  top: -91px;
  right: 0;
}

.topWorksSlider-wrap {
  width: 100%;
  overflow-x: hidden;
}

.topWorksSlider {
  margin-top: 41.3px;
  width: 299%;
  overflow-y: hidden;
}
@media screen and (max-width: 960px) {
  .topWorksSlider {
    width: 639%;
  }
}

.topWorksSlider .topWorksSlider__block {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.topWorksSlider .topWorksSlider__block .topWorksSlider__list {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  -webkit-animation: infinity-scroll-left 40s infinite linear 0.5s both;
  animation: infinity-scroll-left 40s infinite linear 0.5s both;
}

@media screen and (max-width: 1024px) {
  .topWorksSlider .topWorksSlider__block .topWorksSlider__list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-animation: infinity-scroll-left 30s infinite linear 0.5s both 0.001s;
    animation: infinity-scroll-left 30s infinite linear 0.5s both 0.001s;
  }
}
.topWorksSlider .topWorksSlider__block .topWorksSlider__list .topWorksSlider__item {
  height: auto;
  width: 23.26%;
  margin-right: 52px;
}

.topWorksSlider .topWorksSlider__block .topWorksSlider__list .topWorksSlider__item img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

@-webkit-keyframes infinity-scroll-left {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.bl-btn--top-works {
  margin: 50px auto 0;
}

@media screen and (max-width: 960px) {
	
.topWorksSlider .topWorksSlider__block .topWorksSlider__list .topWorksSlider__item {
  margin-right: 25px;
}

	.bl-btn--top-works {
	  margin: 50px auto 0 5.33%;
	}
}
/*===== お客様の声 =====*/
.top-voice {
  margin-top: 194px;
}
@media screen and (max-width: 960px) {
  .top-voice {
    margin-top: 100px;
  }
}

.top-voice__list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 960px) {
  .top-voice__list {
    flex-direction: column;
    margin-top: 50px;
  }
}

.top-voice__item {
  width: 28.2%;
  min-width: 280px;
  position: relative;
  border-radius: 50px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 960px) {
  .top-voice__item {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    aspect-ratio: 1/0.71;
    border-radius: 30px;
    overflow: hidden;
  }
  .top-voice__item:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
.top-voice__item a:hover .top-voice-hover {
  opacity: 1;
  transition: all 0.5s;
}

.top-voice-img {
  width: 100%;
  aspect-ratio: 1/1.22;
}

@media screen and (max-width: 960px) {
	.top-voice-img {
	  width: 100%;
	  aspect-ratio: 1/0.71
	}
}
.top-voice__txt-wrap {
  position: absolute;
  bottom: 32px;
  left: 0;
}

.top-voice-ttl,
.top-voice-place {
  font-size: 16px;
  letter-spacing: 0.088em;
  line-height: 1;
  border-radius: 0 50px 50px 0;
}
@media screen and (max-width: 960px) {
  .top-voice-ttl,
.top-voice-place {
    font-size: 14px;
    border-radius: 0 10px 10px 0;
  }
}

.top-voice-ttl {
  font-weight: 700;
  padding: 12px 27px 12px 15px;
  background-color: #F87D30;
  margin-bottom: 5px;
  color: #FFFFFF;
}

.top-voice-place {
  padding: 5px 38px 5px 15px;
  background-color: #FFFFFF;
}

.top-voice-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(248, 125, 48, 0.5);
  opacity: 0;
  transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .top-voice-hover {
    display: none;
  }
}

.top-voice-hover-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #FFFFFF;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  padding-right: 70px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.top-voice-hover-txt::after {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  border: 1px solid #FFFFFF;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-radius: 50%;
}
.top-voice-hover-txt::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  top: 50%;
  right: 14px;
  transform: translateY(-50%) rotate(-45deg);
}

.bl-btn--top-voice {
  margin: 60px auto 0;
}

.slick-list.draggable {
  padding: 0 !important;
}

@media screen and (max-width: 960px) {
	
	.bl-btn--top-voice {
	  margin: 60px auto 0 0;
	}

}
/*===== 沿革 =====*/
.top-history {
  margin-top: 135.4px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .top-history {
    margin-top: 100px;
  }
}

.top-history__circle-side-l {
  width: 17.15%;
  position: absolute;
  left: 0;
  top: -180px;
  z-index: -1;
}

.top-history__circle-side-r {
  width: 18.26%;
  position: absolute;
  right: 0;
  top: -180px;
}

.section-ttl--top-history {
  margin-right: 0;
  margin-left: auto;
  height: 100px;
  min-height: unset;
}
@media screen and (max-width: 960px) {
  .section-ttl--top-history {
    height: 60px;
  }
}

.top-history-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: -79px;
}
@media screen and (max-width: 960px) {
  .top-history-content {
    display: block;
    margin-top: 30px;
  }
}

.top-history__side-l {
  width: 32.16%;
}
@media screen and (max-width: 960px) {
  .top-history__side-l {
    width: 100%;
    aspect-ratio: 1/0.7;
    position: relative;
    top: unset;
    left: unset;
  }
}

.top-history-img {
  width: 100%;
}

.top-history__side-r {
  width: 42.9%;
  position: relative;
  margin-top: 5.833vw;
  aspect-ratio: 1/0.834;
}
@media screen and (max-width: 960px) {
  .top-history__side-r {
    width: 70%;
    position: relative;
    margin-top: 50px;
    aspect-ratio: 1/0.834;
    margin-left: auto;
  }
}

.top-history-object {
  position: absolute;
  width: 145.9%;
  max-width: 1000px;
  height: auto;
  left: -55px;
  top: 50%;
  transform: translate(-100%, -50%);
  z-index: -1;
}
@media screen and (max-width: 960px) {
  .top-history-object {
    width: 160%;
    left: 0;
    top: 42%;
    transform: translate(-100%, -50%) rotate(-3deg);
  }
}
.top-history-object .mainObject {
  opacity: 0.15;
}

.top-history__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.top-history__list .top-history__item {
  margin-bottom: 80px;
}

.top-history__item {
  opacity: 0.5;
  transition: all 0.5s;
}

.top-history__item .slick-center {
  opacity: 1;
}

.top-history-year {
  font-size: 28px;
  font-weight: 700;
  color: #F87D30;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  margin-bottom: 12px;
  transition: all 0.5s;
}

.top-history-detail {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.77;
  transition: all 0.5s;
}

.top-history__item {
  opacity: 0.5;
  transition: all 0.5s ease;
}

.top-history__item.slick-current {
  opacity: 1;
}

.top-history__list .slick-slide {
  transition: all 1.5s ease;
  transform: scale(0.8);
}
.top-history__list .slick-slide.slick-current,
.top-history__list .slick-slide.is-active-next {
  transition: all 1.5s ease;
  transform: scale(1);
}
.top-history__list .slick-slide {
  height: auto !important;
}

.bl-btn--top-history {
  margin-top: -29px;
}
@media screen and (max-width: 960px) {
  .bl-btn--top-history {
    margin: 50px auto 0 0;
  }
}

.top-history-content {
  margin-top: -87px;
}
@media screen and (max-width: 960px) {
  .top-history-content {
    max-width: 450px;
    margin: 30px auto 0;
  }
}

.top-history__side-r .slick-slide {
  opacity: 0.7;
  transition: all 1.5s;
  position: relative;
  left: 30px;
}
.top-history__side-r .slick-slide.slick-center {
  opacity: 1;
  transition: all 1.5s;
  left: 0;
}
.top-history__side-r .vertical-center .slick-slide {
  margin: 7% 0; /* 上下に余白を設定 */
	height: 100px;
}

.top-history-dot {
  position: absolute;
  width: 50px;
}

.top-history-dot__top {
  position: absolute;
  width: 2.77vw;
  top: 21%;
  right: 13%;
  transform: translate(50%, -50%);
}
@media screen and (max-width: 960px) {
  .top-history-dot__top {
    width: 20px;
  }
}

.top-history-dot__center {
  position: absolute;
  width: 3.477vw;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}
@media screen and (max-width: 960px) {
  .top-history-dot__center {
    width: 25px;
    top: 51%;
    right: 21px;
  }
}

.top-history-dot__bottom {
  width: 2.77vw;
  bottom: 12%;
  right: 16%;
  transform: translate(50%, -50%);
}
@media screen and (max-width: 960px) {
  .top-history-dot__bottom {
    width: 20px;
    bottom: 14%;
    right: 16%;
  }
}

/*===== SNS =====*/
.top-sns {
  margin-top: 177px;
  background-image: linear-gradient(180deg, rgba(255, 137, 0, 0.26), rgba(241, 201, 54, 0.26));
  padding: 38px;
}
@media screen and (max-width: 960px) {
  .top-sns {
    margin-top: 100px;
    padding: 20px;
  }
}

.top-sns-content-wrap {
  background-color: #FFFFFF;
  border-radius: 50px;
  padding: 34px 0 74px;
}
@media screen and (max-width: 960px) {
  .top-sns-content-wrap {
    border-radius: 30px;
    padding: 20px 0 40px;
  }
}

.top-sns-ttl__img {
  width: 20.9%;
  margin: 0 auto 15px;
  aspect-ratio: 1/0.1;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .top-sns-ttl__img {
    width: 70%;
    max-width: 350px;
    overflow: unset;
  }
}

.followUpImgTrigger {
  top: 0;
  left: 0;
  position: absolute;
  transform: translateY(100%);
}

.followUpImg {
  -webkit-animation-name: followUpImgAnime;
          animation-name: followUpImgAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes followUpImgAnime {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes followUpImgAnime {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.top-sns-ttl__txt {
  font-size: 33px;
  line-height: 1;
  letter-spacing: 0.038em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .top-sns-ttl__txt {
    font-size: 22px;
  }
}

.top-sns__list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 58px;
}
@media screen and (max-width: 960px) {
  .top-sns__list {
    margin: 35px auto;
    flex-wrap: wrap;
    width: 95%;
    gap: 20px;
  }
}
.top-sns__list .top-sns__item {
  width: 28%;
}
@media screen and (max-width: 960px) {
  .top-sns__list .top-sns__item {
    width: 100%;
    margin: 0 auto;
    max-width: 300px;
  }
}
.top-sns__list .top-sns__item:first-of-type {
  margin-right: 7.1%;
}
@media screen and (max-width: 960px) {
  .top-sns__list .top-sns__item:first-of-type {
    margin-right: auto;
  }
}

/*==========================
ABOUTページ
==========================*/
.adjustLink--philosophy {
  padding-top: 80px;
  margin-top: -80px;
}

/*===== 企業理念 =====*/
.philosophy__circle {
  position: absolute;
  width: 11.8%;
  left: 0;
  top: 335px;
}
@media screen and (max-width: 960px) {
  .philosophy__circle {
    width: 25.8%;
    top: 295px;
  }
}

.philosophy-upper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 51px;
}
@media screen and (max-width: 960px) {
  .philosophy-upper {
    display: block;
  }
}

.philosophy__side-l {
  width: 689px;
}
@media screen and (max-width: 960px) {
  .philosophy__side-l {
    width: 100%;
  }
}
.philosophy__side-l .philosophy-block:first-of-type {
  margin-bottom: 58px;
}
@media screen and (max-width: 960px) {
  .philosophy__side-l .philosophy-block:first-of-type {
    margin-bottom: 30px;
  }
}
.philosophy__side-l .philosophy-block:last-of-type {
  margin-left: auto;
  margin-right: 0;
}

.philosophy-block {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 960px) {
  .philosophy-block {
    width: 100%;
  }
}

.sub-ttl--philosophy-upper {
  margin: 15.5px 0 24.5px;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .sub-ttl--philosophy-upper {
    margin: 10px 0;
  }
}

.philosophy__side-r {
  min-width: 280px;
  max-width: 370px;
}
@media screen and (max-width: 960px) {
  .philosophy__side-r {
    width: 100%;
    min-width: unset;
    max-width: unset;
    margin-top: 50px;
  }
}
.philosophy__side-r img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.philosophy-bottom {
  margin-top: 86.5px;
}

.sub-ttl--philosophy {
  margin: 18.5px 0 51px;
}

.philosophy__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .philosophy__list {
    display: block;
  }
}

.philosophy__item {
  width: 46.3%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .philosophy__item {
    width: 100%;
  }
}

.philosophy-detail-gradient {
  width: 96px;
  height: 96px;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 700;
  background-image: linear-gradient(130deg, #FFE388, #FF9300);
  margin-right: 28px;
  border-radius: 50%;
  text-align: center;
	position: relative;
}

.philosophy-detail-gradient span{
	display: block;
    position: absolute;
	width: 100%;
  width: 96px;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 16px;
	line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .philosophy-detail-gradient {
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
.philosophy-detail-gradient span{
    width: 70px;
	font-size: 13px;
}

}

.philosiphy-detail-txt {
  line-height: 1.5;
  width: calc(100% - 124px);
}
@media screen and (max-width: 768px) {
  .philosiphy-detail-txt {
    width: calc(100% - 90px);
  }
}

/*===== 代表挨拶 =====*/
.message {
  margin-top: 140px;
}
@media screen and (max-width: 960px) {
  .message {
    margin-top: 100px;
  }
}

.message-content {
  justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .message-content {
    display: block;
    margin-top: 50px;
  }
}

.message__side-l {
  width: 34.3%;
  height: auto;
	border-radius: 30px;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
  .message__side-l {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
}

.message__side-r {
  width: 65%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .message__side-r {
    width: 100%;
    margin-top: 50px;
  }
}

.message-txt {
  margin-bottom: 50px;
}
.message-ttl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .message-txt {
    margin-bottom: 30px;
  }
.message-ttl {
  font-size: 18px;
}
}

.message-sign {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.message-head {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.072em;
  margin-right: 30px;
}

.message-name {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.072em;
}

/*===== 会社概要 =====*/
.company {
  margin-top: 141px;
}
@media screen and (max-width: 960px) {
  .company {
    margin-top: 100px;
  }
}

.company-table {
  margin: 40px auto 0;
  width: 80.48%;
}
@media screen and (max-width: 768px) {
  .company-table {
    width: 100%;
  }
}

.company-table__body {
  display: block;
  width: 100%;
}

.company-table__row {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #EAEAEA;
}

.company-table__head {
  width: 34.2%;
  padding: 27px 20px 27px 40px;
  letter-spacing: 0.024em;
  display: block;
}
@media screen and (max-width: 768px) {
  .company-table__head {
    padding: 27px 20px 27px 0;
  }
}

.company-table__data {
  letter-spacing: 0.024em;
  width: 65.8%;
  padding: 27px 20px;
  display: block;
}
@media screen and (max-width: 768px) {
  .company-table__data {
    padding: 27px 0 27px 20px;
  }
}

/*===== 事業内容 =====*/
.service {
  margin-top: 130px;
}
@media screen and (max-width: 960px) {
  .service {
    margin-top: 100px;
  }
}

.pamphlet-dl {
  margin: 90px auto 0;
  width: 580px;
}
@media screen and (max-width: 768px) {
  .pamphlet-dl {
    margin: 50px auto 0;
    width: 89.33%;
  }
}
.pamphlet-dl a {
  width: 100%;
  line-height: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.088em;
  color: #FFFFFF;
  padding: 22.5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #D71718;
  opacity: 1;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .pamphlet-dl a {
    font-size: 18px;
    padding: 15px 0;
  }
}
.pamphlet-dl a:hover {
  opacity: 0.7;
  transition: all 0.5s;
}
.pamphlet-dl a img {
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .pamphlet-dl a img {
    width: 28px;
    margin-right: 10px;
  }
}

.service-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .service-content {
    display: block;
    margin-top: 50px;
  }
}

.service__side-r {
  width: 62%;
}
@media screen and (max-width: 768px) {
  .service__side-r {
    width: 100%;
    margin-top: 50px;
  }
}

/*==========================
HISTORYページ
==========================*/
.history-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: 4.03%;
  margin-top: 102px;
}
@media screen and (max-width: 960px) {
  .history-content {
    padding-left: 5.33%;
    margin-top: 100px;
  }
}

.history__list {
  width: calc(100% - 590px);
  padding-left: 49.5px;
  position: relative;
  margin-top: 36px;
}
@media screen and (max-width: 960px) {
  .history__list {
    width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}
.history__list::after {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(100% - 10px);
  background-color: #F87D30;
  left: 16.5px;
  bottom: 0;
}
@media screen and (max-width: 960px) {
  .history__list::after {
    width: 1px;
    height: calc(100% - 10px);
    background-color: #F87D30;
    left: -10px;
  }
}
.history__list .history__item:not(:last-of-type) {
  margin-bottom: 62px;
}

.history-year {
  font-size: 41px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 13px;
  position: relative;
  color: #F87D30;
  padding-left: 10px;
}
@media screen and (max-width: 960px) {
  .history-year {
    font-size: 30px;
  }
}
.history-year::before {
  content: "";
  position: absolute;
  width: 33px;
  height: 33px;
  background-color: #F87D30;
  top: 50%;
  left: -33px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
@media screen and (max-width: 960px) {
  .history-year::before {
    width: 20px;
    height: 20px;
    background-color: #F87D2F;
    top: 50%;
    left: -10px;
  }
}

.history-txt {
  letter-spacing: 0.088em;
}

.history-images {
  width: 590px;
}
@media screen and (max-width: 960px) {
  .history-images {
    width: 50%;
    margin-left: -50%;
  }
}
.history-images .history-image__item {
  border-radius: 40px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item {
    opacity: 0.4;
  }
}
.history-images .history-image__item:nth-of-type(1) {
  width: 49.15%;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item:nth-of-type(1) {
    width: 89.15%;
    margin-left: 0;
    margin-right: auto;
  }
}
.history-images .history-image__item:nth-of-type(2) {
  width: 50.84%;
  margin-right: 0;
  margin-left: auto;
  margin-top: 97px;
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item:nth-of-type(2) {
    width: 70.84%;
    margin-top: 120px;
  }
}
.history-images .history-image__item:nth-of-type(3) {
  width: 33.89%;
  margin: 193px auto 0 217px;
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item:nth-of-type(3) {
    width: 60%;
    margin: 60px auto 0 0;
  }
}
.history-images .history-image__item:nth-of-type(4) {
  width: 46.77%;
  margin: 200px auto 0 71px;
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item:nth-of-type(4) {
    width: 100%;
    margin:140px 0 0 auto;
  }
}
.history-images .history-image__item:nth-of-type(5) {
  width: 36.6%;
  margin: 128px auto 0 251px;
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item:nth-of-type(5) {
    width: 80%;
    margin: 98px auto 0 0;
  }
}
.history-images .history-image__item:nth-of-type(6) {
  width: 44.57%;
  margin: 188px auto 0 40px;
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item:nth-of-type(6) {
    width: 60%;
    margin: 138px 0 0 auto;
  }
}
.history-images .history-image__item:nth-of-type(7) {
  width: 47.6%;
  margin: 141px auto 0 207px;
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item:nth-of-type(7) {
    width: 100%;
    margin: 100px auto 0 0;
  }
}

.history-images .history-image__item:nth-of-type(8) {
  width: 33.8%;
  margin: 200px auto 0 68px;
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item:nth-of-type(8) {
    width: 60%;
    margin: 150px auto 0 0;
  }
}

.history-images .history-image__item:nth-of-type(9) {
  width: 46.75%;
  margin: 128px auto 0 208px;
}
@media screen and (max-width: 960px) {
  .history-images .history-image__item:nth-of-type(9) {
	  width: 85%;
        margin: 220px 0 0 auto;
  }
}

/*========================
SERVICEページ
========================*/
/*===== 店舗開発事業 =====*/
.section-commonContent--store-development {
  margin-top: 52px;
}
@media screen and (max-width: 960px) {
  .section-commonContent--store-development {
    flex-direction: column-reverse;
  }
}

.store-development__sub-ttl {
  font-size: 32px;
  letter-spacing: 0.072em;
  line-height: 1;
  margin-bottom: 49px;
}
@media screen and (max-width: 960px) {
  .store-development__sub-ttl {
    font-size: 25px;
    margin-bottom: 20px;
  }
}

.store-development__list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 100px;
}
@media screen and (max-width: 960px) {
  .store-development__list {
    gap: 40px 20px;
  }
}
.store-development__list .store-development__item {
  width: calc(33% - 30px);
  margin-bottom: 59px;
}
@media screen and (max-width: 960px) {
  .store-development__list .store-development__item {
    width: calc(50% - 10px);
    margin-bottom: 0;
  }
}

.store-development-img {
  width: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 16px;
  border-radius: 20px;
}

.store-development-name {
  letter-spacing: 0.072em;
  text-align: center;
  line-height: 1.2;
}

.bl-btn--store-development {
  margin-top: 100px;
}
@media screen and (max-width: 960px) {
  .bl-btn--store-development {
    margin-top: 80px;
  }
}

.bg-gray-list-wrap{
	padding: 45px 4%;
	background-color: #F5F5F5;
	border-radius: 15px;
}

.bg-gray-list-ttl{
	font-size: 18px;
	text-align: center;
	margin-bottom: 43px;
}

.bg-gray-list-wrap--size-s{
	margin-top: 30px;
}

.bg-gray-list{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
		flex-wrap: wrap;
	gap: 45px 0;
}

.rental-management__list--size-l{
	justify-content: center;
	gap: 45px;
}
.bg-gray-list__item{
	width: 30%;
}

.real-estate-development__item--size-s{
	width: 21.77%;
}
.real-estate-development__item--size-l{
	width: 34%;
}

.bg-gray-list-name{
	margin-top: 38px;
	text-align: center;
}

.bg-gray-list-wrap--firstList{
	margin-top: 83px;
}

.bg-gray-list-wrap--secondList{
	margin-top: 30px;
}

.bg-gray-bottom-ttl{
	text-align: center;
	margin-top: 16px;
}
@media screen and (max-width: 960px) {
	.bg-gray-list-wrap{
		padding: 20px 4% 5px;
	}
	.bg-gray-list{
		flex-wrap: wrap;
		gap: 20px 0;
	}
	.bg-gray-list__item{
		width: calc(50% - 10px);
	}
	.bg-gray-list-name{
		margin-top: 5px;
		text-align: center;
		line-height: 1.4;
	}
	.bg-gray-list-ttl{
		font-size: 16px;
		margin-bottom: 25px;
	}
	.bg-gray-list-wrap--firstList{
		margin-top: 50px;
	}
	.bg-gray-bottom-ttl{
		text-align: center;
		margin-top: 5px;
	}
	.rental-management__list--size-l{
		justify-content: center;
		gap: 20px;
	}
}
.bg-gray-list-img{
	box-shadow:  0 3px 6px rgba(0,0,0,.16);
	border-radius: 30px;
}
/*===== 宅地開発事業 =====*/
.residential-development {
  margin-top: 200px;
}
@media screen and (max-width: 960px) {
  .residential-development {
    margin-top: 100px;
  }
}

.section-commonContent--residential-development {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 64px;
}
@media screen and (max-width: 960px) {
  .section-commonContent--residential-development {
    margin-top: 50px;
  }
}

.squareDot-ttl--residential-development {
  margin-bottom: 36px;
}
@media screen and (max-width: 960px) {
  .squareDot-ttl--residential-development {
    margin: 30px 0 20px;
  }
}

/*===== 宅地開発事業 =====*/
.land-for-sale {
  margin-top: 150px;
}
@media screen and (max-width: 960px) {
  .land-for-sale {
    margin-top: 100px;
  }
}

.property-sales-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 38px;
  margin-bottom: 87px;
}
@media screen and (max-width: 960px) {
  .property-sales-list {
    gap: 20px;
  }
}
.property-sales-list .property-sales__item:not(:nth-of-type(3n)) {
  margin-right: 43px;
}
@media screen and (max-width: 960px) {
  .property-sales-list .property-sales__item:not(:nth-of-type(3n)) {
    margin-right: 0;
  }
}


/*.property-sales-list .property-sales__item:hover {
  top: -10px;
  transition: all 0.5s;
}*/

.property-sales__item {
  width: calc(33% - 28.66px);
  border-radius: 15px;
  background-color: #FFFFFF;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  padding: 0 0 34px;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 38px;
  position: relative;
  top: 0;
  transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .property-sales__item {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 650px) {
  .property-sales__item {
    width: 100%;
    margin-bottom: 20px;
  }
}

.property-sales-img {
  width: 100%;
  aspect-ratio: 1/0.589;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
	margin-bottom: 30px;
}

.property-sales-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 17px 0 10px;
}

.property-sales-head__genre {
  font-size: 18px;
  font-weight: 600;
  margin-right: 19px;
}
@media screen and (max-width: 960px) {
  .property-sales-head__genre {
    font-size: 16px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 650px) {
  .property-sales-head__genre {
    font-size: 18px;
  }
}

.property-sales-head__place {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.072em;
}
@media screen and (max-width: 960px) {
  .property-sales-head__place {
    font-size: 16px;
  }
}
@media screen and (max-width: 650px) {
  .property-sales-head__place {
    font-size: 18px;
  }
}

.property-sales__price-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #F87D30;
  width: 100%;
  margin-bottom: 11px;
}

.property-sales__price-head,
.property-sales__price-main,
.property-sales__price-unit {
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: #F87D30;
}
@media screen and (max-width: 960px) {
  .property-sales__price-head,
.property-sales__price-main,
.property-sales__price-unit {
    font-size: 12px;
  }
}
@media screen and (max-width: 650px) {
  .property-sales__price-head,
.property-sales__price-main,
.property-sales__price-unit {
    font-size: 14px;
  }
}

.property-sales__price-main {
  font-size: 38px;
  margin-left: 13px;
  margin-right: 12px;
}
@media screen and (max-width: 960px) {
  .property-sales__price-main {
    font-size: 24px;
  }
}
@media screen and (max-width: 650px) {
  .property-sales__price-main {
    font-size: 28px;
  }
}

.property-sales__detil-item {
  line-height: 2.25;
}

.property-sales__under-img {
  padding: 0 8%;
}

.bl-btn--land-for-sale {
  margin-top: 87px;
}
@media screen and (max-width: 960px) {
  .bl-btn--land-for-sale {
    width: 89.33%;
    margin: 50px auto 0;
  }
}

/*===== 建築・リフォーム事業 =====*/
.section-commonContent--reform {
  margin-top: 64px;
}

.section-commonContent__side-l--store-development {
  margin-top: 20px;
}
@media screen and (max-width: 960px) {
  .section-commonContent__side-l--store-development {
    margin-top: 50px;
  }
}

.reform__txt {
  margin-top: 36px;
}

.reformDetail__list {
  margin-top: 167px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .reformDetail__list {
    margin-top: 100px;
  }
}
.reformDetail__list .reformDetail__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 960px) {
  .reformDetail__list .reformDetail__block {
    display: block;
  }
}
.reformDetail__list .reformDetail__block:first-of-type {
  margin-bottom: 90px;
}
@media screen and (max-width: 960px) {
  .reformDetail__list .reformDetail__block:first-of-type {
    margin-bottom: 50px;
  }
}
.reformDetail__list .reformDetail__block:last-of-type {
  flex-direction: row-reverse;
}

.reformDetail__txt-wrap {
  width: 57%;
  padding-left: 8.52%;
  padding-right: 10%;
}
@media screen and (max-width: 960px) {
  .reformDetail__txt-wrap {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 960px) {
  .left-bar-ttl--reformDetail {
    width: calc(100% - 40px);
    margin: 30px auto;
  }
}
.reformDetail-sub-ttl {
  font-size: 26px;
  letter-spacing: 0.072em;
  line-height: 1.34;
  margin: 55px 0 30px;
}
@media screen and (max-width: 960px) {
  .reformDetail-sub-ttl {
    font-size: 18px;
    margin: 0 auto 20px;
    width: calc(100% - 40px);
  }
}

@media screen and (max-width: 960px) {
  .refotmDetail-txt {
    margin: 0 auto 20px;
    width: calc(100% - 40px);
  }
}
.reformDetail__img {
  width: 43%;
}
@media screen and (max-width: 960px) {
  .reformDetail__img {
    width: 100%;
  }
}

/*===== 賃貸事業 =====*/
.section-commonContent--rental {
  margin-top: 64px;
}

.squareDot-ttl--rental {
  margin-bottom: 36px;
}

@media screen and (max-width: 960px) {
  .section-commonContent__side-l--rental {
    margin-top: 30px;
  }
	.bl-btn--rental{
		width: 89.33%;
		margin-left: auto;
		margin-right: auto;
	}
}

/*===== 不動産コンサルティング =====*/
.section-commonContent--consulting {
  margin-top: 64px;
}

@media screen and (max-width: 960px) {
  .section-commonContent__side-l--consulting {
    margin-top: 30px;
  }
}
.squareDot-ttl--consulting {
  margin: 20px 0 35px;
}

.consulting__list {
  margin-top: 207px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .consulting__list {
    margin-top: 80px;
    display: block;
  }
}
.consulting__list .consulting__item {
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  background-color: #FFFFFF;
}
.consulting__list .consulting__item:not(:last-of-type) {
  margin-right: 30px;
}
@media screen and (max-width: 960px) {
  .consulting__list .consulting__item:not(:last-of-type) {
    margin-right: auto;
    margin-bottom: 20px;
	  margin-left: auto;
  }
	
	.consulting__list .consulting__item:last-of-type {
    margin-right: auto;
	  margin-left: auto;
		}
}

.consulting__item {
  width: calc(33% - 20px);
}
@media screen and (max-width: 960px) {
  .consulting__item {
    width: 100%;
    max-width: 450px;
    margin: 0;
  }
}

.consulting-img {
  width: 100%;
}

.consulting-name {
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.072em;
  padding: 20px 0;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .consulting-name {
    font-size: 16px;
  }
}

/*===== お客様の声（不動産コンサルティング） =====*/
.right-img__list {
  width: 79.35%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .right-img__list {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .right-img__list .right-img__item {
    border-radius: 30px;
  }
}
.right-img__list .right-img__item:not(:last-of-type) {
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .right-img__list .right-img__item:not(:last-of-type) {
    margin-bottom: 20px;
  }
}

.right-img__list--consulting {
  margin-top: 80px;
}
@media screen and (max-width: 960px) {
  .right-img__list--consulting {
    margin-top: 50px;
  }
}

.right-img__item {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  background-color: #FFFFFF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 80px 8.9% 80px 6.9%;
}
@media screen and (max-width: 960px) {
  .right-img__item {
    padding: 20px;
    display: block;
  }
}

.right-img-name {
  line-height: 1.2;
  padding-right: 5%;
  margin-right: 5%;
  position: relative;
  width: 170px;
}
@media screen and (max-width: 960px) {
  .right-img-name {
    width: 100%;
    padding-bottom: 20px;
	  margin-bottom: 20px;
  }
}
.right-img-name::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 121px;
  background-color: #F87D30;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 960px) {
  .right-img-name::after {
    width: 100%;
    height: 1px;
    top: unset;
    bottom: 0;
    transform: unset;
  }
}

.right-img-ttl {
  letter-spacing: 0.072em;
  width: calc(100% - 170px);
}
@media screen and (max-width: 960px) {
  .right-img-ttl {
    width: 100%;
    margin-bottom: 30px;
  }
}

.right-img-ttl--page-voice,
.right-img-ttl--consulting {
  margin-right: 50px;
  width: calc(100% - 440px);
}
@media screen and (max-width: 960px) {
  .right-img-ttl--page-voice,
.right-img-ttl--consulting {
    width: 100%;
    margin: 10px 0 20px;
  }
}

@media screen and (max-width: 960px) {
  .voice-link {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
.voice-link a {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.072em;
  line-height: 1;
  padding: 7px 31px;
  background-image: linear-gradient(90deg, rgb(255, 157, 23) 18%, rgb(255, 211, 64));
  border-radius: 30px;
  transition: all 0.5s;
  opacity: 1;
  color: #FFFFFF;
}
@media screen and (max-width: 960px) {
  .voice-link a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 10px 0 20px;
    padding: 7px 20px;
  }
}
.voice-link a:hover {
  opacity: 0.7;
  transition: all 0.5s;
}

.right-img-img {
  position: absolute;
  right: -14%;
  top: 50%;
  transform: translateY(-50%);
  width: 22%;
	aspect-ratio: 1 / 0.74;
	max-height: 80%;
}

.right-img-img--r-3year{
	aspect-ratio: 1 / 1.48;
}
.right-img-img--r-2year{
	aspect-ratio: 1 / 2.22;
}
@media screen and (max-width: 960px) {
  .right-img-img {
    position: relative;
    right: unset;
    bottom: unset;
    transform: unset;
    width: calc(100% - 160px);
    left: unset;
    max-width: 400px;
    height: unset;
    top: unset;
  }
}

.bl-btn--consulting-voice {
  margin-top: 100px;
}
@media screen and (max-width: 960px) {
  .bl-btn--consulting-voice {
    width: 89.33%;
    margin: 80px auto 0;
  }
}

.right-img-name--consulting {
  width: 170px;
}
@media screen and (max-width: 960px) {
  .right-img-name--consulting {
    width: 100%;
  }
}

/*========================
PROPERTYページ
========================*/
/*===== 物件一覧 =====*/
.property {
  margin-top: 130px;
}
@media screen and (max-width: 960px) {
  .property {
    margin-top: 150px;
  }
}

.category-list {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 48px 15px;
}
@media screen and (max-width: 960px) {
  .category-list {
    margin-top: 40px;
    display: fle;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px 5px;
  }
}

.category-item a {
  color: #797979;
  line-height: 1;
  letter-spacing: 0em;
  padding: 5px 20px;
  border: 1px solid #797979;
  border-radius: 50px;
  font-family: "Noto Sans JP", sans-serif;
  opacity: 1;
  transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .category-item a {
    padding: 15px 12px;
    display: block;
  }
}
.category-item a:hover {
  opacity: 0.7;
  transition: all 0.5s;
}

.category-item--current a {
  color: #FFFFFF;
  background-color: #404040;
}

.property-sales-list--page-property {
  margin-top: 60px;
}

.pageProperty-dlBtn {
  width: 78%;
  margin: 12px auto 0;
}
.pageProperty-dlBtn a {
  width: 100%;
  margin: 0 auto;
  display: block;
  padding: 5px 0;
  background-color: #D71718;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.5s;
  color: #FFFFFF;
}
.pageProperty-dlBtn a:hover {
  opacity: 0.7;
  transition: all 0.5s;
}

.pageProperty-dlBtn__icon {
  width: 9.4%;
  margin-right: 10px;
}
.pageProperty-dlBtn__icon img {
  vertical-align: baseline;
}

.pageProperty-dlBtn__txt {
  font-size: 0.92em;
}

.page-nation {
  margin: 130px auto 0;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 960px) {
  .page-nation {
    margin: 80px auto 0;
  }
}
.page-nation .page-nation__num {
  margin-right: 45px;
}
@media screen and (max-width: 960px) {
  .page-nation .page-nation__num {
    margin-right: 15px;
  }
}

.page-nation__item {
  width: 37px;
  height: 37px;
  border: 1px solid #404040;
  border-radius: 50%;
}

.page-nation__arrow span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.page-nation__arrow span::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #404040;
  top: 50%;
}

.page-nation__arrow--prev {
  margin-right: 45px;
}
@media screen and (max-width: 960px) {
  .page-nation__arrow--prev {
    margin-right: 15px;
  }
}
.page-nation__arrow--prev span::after {
  border-left: 1px solid #404040;
  left: 57%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.page-nation__num {
  margin-right: 45px;
}
@media screen and (max-width: 960px) {
  .page-nation__num {
    margin-right: 15px;
  }
}
.page-nation__num a {
  font-size: 20px;
  line-height: 33px;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  letter-spacing: 0.072em;
  font-family: "Noto Sans JP", sans-serif;
}

.page-nation__num--current {
  background-color: #404040;
}
.page-nation__num--current a {
  color: #FFFFFF;
  pointer-events: none;
}

.page-nation__arrow--next span::after {
  border-right: 1px solid #404040;
  left: 43%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

/*===== 物件詳細 =====*/
.property-detail {
  font-family: "Noto Sans JP", sans-serif;
}

.property-detail__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 960px) {
  .property-detail__content {
    flex-direction: column-reverse;
  }
}

.property-detail__side-l {
  width: 46.3%;
}
@media screen and (max-width: 960px) {
  .property-detail__side-l {
    width: 100%;
    margin-top: 50px;
  }
}

.property-detail__side-r {
  width: 49.64%;
}
@media screen and (max-width: 960px) {
  .property-detail__side-r {
    width: 100%;
  }
}

.propertyDetail-ttl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.propertyDetail-status,
.propertyDetail-name {
  font-size: 28px;
  letter-spacing: 0.088em;
  line-height: 1.2;
  font-weight: 600;
}
@media screen and (max-width: 960px) {
  .propertyDetail-status,
.propertyDetail-name {
    font-size: 20px;
  }
}

.propertyDetail-status {
  margin-right: 12px;
}
@media screen and (max-width: 960px) {
  .propertyDetail-status {
    margin-right: 10px;
  }
}

.propertyDetail-status--done {
  color: #D71718;
}

.propertyDetail-price {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 15px 55px 15px 17px;
  border: 1px solid #D71718;
  border-radius: 10px;
  margin: 24px 0 60px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 960px) {
  .propertyDetail-price {
    margin-right: 10px;
    padding: 20px;
    margin: 20px 0 0;
  }
}

.propertyDetail-price__ttl {
  font-size: 18px;
  letter-spacing: 0.088em;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .propertyDetail-price__ttl {
    font-size: 14px;
  }
}

.propertyDetail-price__price {
  font-size: 45px;
  letter-spacing: 0.088em;
  line-height: 1;
  font-weight: 900;
  margin: 0 16px;
  color: #D71718;
}
@media screen and (max-width: 960px) {
  .propertyDetail-price__price {
    font-size: 27px;
    margin: 0 10px;
  }
}

.property-price__unit {
  font-size: 18px;
  letter-spacing: 0.088em;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .property-price__unit {
    font-size: 12px;
  }
}

.propertyDetail__list .propertyDetail__item:not(:last-of-type) {
  margin-bottom: 25px;
	margin-top:30px;
}

.propertyDetail__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 960px) {
  .propertyDetail__item {
    display: block;
  }
}

.propertyDetail-head {
  letter-spacing: 0.088em;
  line-height: 1.2;
  color: #F87D30;
  padding: 5px 18px;
  border: 1px solid #F87D30;
  margin-right: 21px;
  width: 110px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .propertyDetail-head {
    padding: 5px 15px;
    margin-right: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
  }
}

.propertyDetail-explain {
  letter-spacing: 0.088em;
  line-height: 1.2;
	width: calc(100% - 121px);
}
@media screen and (max-width: 960px) {
  .propertyDetail-explain {
    margin-top: 10px;
    line-height: 1.7;
	width: 100%;
  }
}

.property-btnList {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 80px;
}
@media screen and (max-width: 960px) {
  .property-btnList {
    flex-direction: column;
    margin-top: 50px;
  }
}

.property-btnList__item {
  width: 325px;
}
@media screen and (max-width: 960px) {
  .property-btnList__item {
    width: 100%;
  }
}
.property-btnList__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 53px;
  opacity: 1;
  transition: all 0.5s;
}
.property-btnList__item a:hover {
  opacity: 0.7;
  transition: all 0.5s;
}
.property-btnList__item a .property-btn__icon {
  margin-right: 21px;
}
.property-btnList__item a .property-btn__txt {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.042em;
}

.property-btnList__item--contact a {
  background-color: #797979;
}
.property-btnList__item--contact a .property-btn__icon {
  width: 31px;
}

.properyDetail-slider {
  margin-bottom: 20px;
}

.properyDetail-thumbnail-img {
  aspect-ratio: 1/0.65;
  margin-right: 10px;
  width: calc(20% - 10px) !important;
  margin-bottom: 10px;
}

/*
.properyDetail-thumbnail.slick-initialized{
    width: calc(100% + 20px);
    margin-right: 10px;
}
.propertyDetail-img{
    width: 100%;
    aspect-ratio: 1/0.65;
}

.properyDetail-thumbnail{
    .slick-track{
        display: flex;
        gap: 10px;    
    }
}
    */
.property-btnList__item--dl a {
  background-color: #D71718;
}
.property-btnList__item--dl a .property-btn__icon {
  width: 26px;
}

.property-btnList__item--map a {
  background-color: #F25D00;
}
.property-btnList__item--map a .property-btn__icon {
  width: 27px;
}

.plotMap {
  margin-top: 152px;
}
@media screen and (max-width: 960px) {
  .plotMap {
    margin-top: 100px;
  }
}

.propertyDetail__simple-ttl {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.088em;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .propertyDetail__simple-ttl {
    font-size: 23px;
  }
}

.plot-map-img {
  margin-top: 43px;
  width: 100%;
}

.plot-map-img img{
	max-height: 500px;
	object-fit: contain;
}
@media screen and (max-width: 960px) {
  .plot-map-img {
    margin-top: 20px;
  }
}

.guideMap {
  margin-top: 120px;
}
@media screen and (max-width: 960px) {
  .guideMap {
    margin-top: 100px;
  }
}

.guideMap-googleMap {
  margin-top: 39px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .guideMap-googleMap {
    margin-top: 20px;
    aspect-ratio: 1/0.7;
  }
}
.guideMap-googleMap iframe {
  width: 100%;
  aspect-ratio: 1/0.45;
}
@media screen and (max-width: 960px) {
  .guideMap-googleMap iframe {
    height: 100%;
    aspect-ratio: unset;
  }
}

.guideMap__explain {
	padding: 25px;
    background-color: #FEF3EB;
    font-size: 15px;
    letter-spacing: 0.088em;
    line-height: 1.5;
    margin-bottom: 35px;
}
@media screen and (max-width: 960px) {
  .guideMap__explain {
        margin-top: 0px;
        padding: 20px;
        font-size: 14px;
        line-height: 1.7;
  }
}

.propertyDesc {
  margin-top: 132.5px;
}
@media screen and (max-width: 960px) {
  .propertyDesc {
    margin-top: 100px;
  }
}

.propertyDesc-table {
  width: 100%;
  margin-top: 40px;
  display: block;
  border-top: 1px solid rgba(242, 93, 0, 0.49);
  border-left: 1px solid rgba(242, 93, 0, 0.49);
  border-right: 1px solid rgba(242, 93, 0, 0.49);
}
@media screen and (max-width: 960px) {
  .propertyDesc-table {
    margin-top: 30px;
  }
}

.remarks-wrap{
	    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
	margin-bottom: 95px;
	margin-top: 25px;
}

.remarks-ttl{
	width: 55px;
	margin-right: 10px;
}

@media screen and (max-width: 960px) {
	.remarks-ttl{
		width: 45px;
		margin-right: 8px;
	}
}
.remarks-cont{
	width: calc(100% - 65px);
}
	
@media screen and (max-width: 960px) {
	.remarks-cont{
    	width: calc(100% - 53px);
	}
}
.propertyDesc-table__body {
  display: block;
  width: 100%;
}
.propertyDesc-table__body .propertyDesc-table__row {
  border-bottom: 1px solid rgba(242, 93, 0, 0.49);
}

.propertyDesc-table__row {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .propertyDesc-table__row {
    display: block;
  }
}

.propertyDesc-table__head {
  display: block;
  width: 140px;
  background-color: #FEF3EB;
  font-size: 14px;
  letter-spacing: 0.024em;
  line-height: 1.5;
  padding: 16px 29px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .propertyDesc-table__head {
    width: 100%;
    padding: 10px 20px;
  }
}

.propertyDesc-table__data {
  display: block;
  width: calc(50% - 140px);
  font-size: 14px;
  letter-spacing: 0.024em;
  line-height: 1.5;
  padding: 16px 35px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .propertyDesc-table__data {
    width: 100%;
    padding: 10px 20px;
  }
}

.charge-store {
  padding: 41px 4.34%;
  width: 88.77%;
  margin: 146px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
  border: 2px solid #F87D30;
}
@media screen and (max-width: 960px) {
  .charge-store {
    padding: 20px;
    width: 100%;
    margin: 100px auto 0;
    display: block;
  }
}

.charge-store__img {
  width: 35.47%;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .charge-store__img {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 15px;
  }
}

.charge-store__txt {
  width: 48.8%;
}
@media screen and (max-width: 960px) {
  .charge-store__txt {
    width: 100%;
  }
}

.charge-store__ttl {
  font-size: 18px;
  letter-spacing: 0.088em;
  line-height: 1;
}

.charge-store__name {
  font-size: 36px;
  letter-spacing: 0.088em;
  line-height: 1;
  color: #F87D30;
  margin: 10px 0 30px;
}
@media screen and (max-width: 960px) {
  .charge-store__name {
    font-size: 27px;
    margin: 10px 0 30px;
  }
}

.charge-store__address {
  font-size: 18px;
  letter-spacing: 0.088em;
  line-height: 1.611;
}

.property-contactForm {
  margin-top: 82px;
  background-color: #FEECDE;
  padding: 105px 0 145px;
}
@media screen and (max-width: 960px) {
  .property-contactForm {
    padding: 60px 0;
    margin-top: 80px;
  }
}

.property-contactForm__ttl {
  font-size: 37px;
  letter-spacing: 0.088em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .property-contactForm__ttl {
    font-size: 28px;
  }
}

.property-contactForm__name {
  margin-top: 20px;
  font-size: 22px;
  letter-spacing: 0.088em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .property-contactForm__name {
    font-size: 18px;
    line-height: 1.7;
  }
}

.contactForm--page-property {
  margin: 65px auto 0;
  width: 87.2%;
}
@media screen and (max-width: 960px) {
  .contactForm--page-property {
    width: 100%;
  }
}

/*==========================
VOICEページ
==========================*/
.right-img__list--page-voice {
  margin-top: 130px;
}
@media screen and (max-width: 960px) {
  .right-img__list--page-voice {
    margin-top: 50px;
  }
}

.voiceDetail__img {
  margin-top: 47px;
  width: 100%;
  height: 1/0.44;
}
.voiceDetail__img img {
  -o-object-position: center;
     object-position: center;
}

.voiceDetail__ttl {
  margin-top: 90px;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.072em;
  padding-bottom: 5px;
  border-bottom: 1px solid #F87D30;
}
@media screen and (max-width: 960px) {
  .voiceDetail__ttl {
    margin-top: 30px;
    line-height: 1.75;
  }
}

.voiceDetail__content {
  margin-top: 55px;
}
@media screen and (max-width: 960px) {
  .voiceDetail__content {
    margin-top: 30px;
  }
}

/*========================
RESULTSページ
========================*/
.results-mainTxt {
  margin-top: 50px;
  width: 51.14%;
}
@media screen and (max-width: 960px) {
  .results-mainTxt {
    margin-top: 50px;
    width: 100%;
  }
}

.results-mainImgs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 960px) {
  .results-mainImgs {
    display: block;
  }
  .results-mainImgs .results-main-img__item:not(:last-of-type) {
    margin-bottom: 20px;
  }
}

.results-main-img__item {
  width: 30.7%;
  border-radius: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 960px) {
  .results-main-img__item {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    border-radius: 30px;
  }
}
.results-main-img__item img {
  display: block;
  width: 100%;
  aspect-ratio: 1/0.69;
}
@media screen and (max-width: 960px) {
  .results-main-img__item img {
    aspect-ratio: 1/0.71;
    border-radius: 30px;
  }
}

.housingLand-sale {
  margin-top: 173px;
}
@media screen and (max-width: 960px) {
  .housingLand-sale {
    margin-top: 100px;
  }
}

.pageResults-section-ttl {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.088em;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .pageResults-section-ttl {
    font-size: 24px;
  }
}

.housingLand-sale__list {
  width: 86.3%;
  margin: 47px auto;
}
@media screen and (max-width: 960px) {
  .housingLand-sale__list {
    width: 100%;
    margin: 30px auto;
  }
}
.housingLand-sale__list .housingLand-sale__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 5%;
  background-color: #FFFFFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 960px) {
  .housingLand-sale__list .housingLand-sale__item {
    display: block;
    padding: 30px 20px;
  }
}
.housingLand-sale__list .housingLand-sale__item:not(:last-of-type) {
  margin-bottom: 11px;
}
@media screen and (max-width: 960px) {
  .housingLand-sale__list .housingLand-sale__item:not(:last-of-type) {
    margin-bottom: 20px;
  }
}

.housingLand-year,
.housingLand-content {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.072em;
}
@media screen and (max-width: 960px) {
  .housingLand-year,
.housingLand-content {
    line-height: 1.75;
  }
}

.housingLand-year {
  width: 206px;
  position: relative;
  margin-right: 55px;
}
@media screen and (max-width: 960px) {
  .housingLand-year {
    width: 100%;
    margin-right: 0;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
}
.housingLand-year::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 37px;
  background-color: #F87D30;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 960px) {
  .housingLand-year::after {
    width: 100%;
    height: 1px;
    top: unset;
    bottom: 0;
    transform: unset;
  }
}

.housingLand-content {
  width: calc(100% - 261px);
}
@media screen and (max-width: 960px) {
  .housingLand-content {
    width: 100%;
    margin-top: 20px;
  }
}

.businessSites-store {
  margin-top: 190px;
}
@media screen and (max-width: 960px) {
  .businessSites-store {
    margin-top: 100px;
  }
}

.right-img__list--page-results {
  margin-top: 40px;
}
@media screen and (max-width: 960px) {
  .right-img__list--page-results {
    margin-top: 30px;
  }
}

.right-img-ttl--page-result {
  font-size: 18px;
}

.right-img-ttl--page-results__size-s {
  display: block;
  font-size: 14px;
  color: #797979;
  line-height: 1.2;
  margin-top: 8px;
}

.officeAndTenant {
  margin-top: 200px;
}
@media screen and (max-width: 960px) {
  .officeAndTenant {
    margin-top: 100px;
  }
}

.results-mainImgs--officeAndTenant {
  margin-top: 102px;
}
@media screen and (max-width: 960px) {
  .results-mainImgs--officeAndTenant {
    margin-top: 100px;
  }
}

.right-img__list--officeAndTenant {
  margin-top: 100px;
}

.right-img-name--page-results {
  font-size: 20px;
}

/*=====================
NEWSページ
======================*/
.inner--page-news {
  padding-right: 4.03%;
}
@media screen and (max-width: 960px) {
  .inner--page-news {
    padding-right: 0;
  }
}

.newsList-content {
  margin-top: 100px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: auto;
}
@media screen and (max-width: 960px) {
  .newsList-content {
    margin-top: 50px;
    display: block;
  }
}

.newsCategory-list {
  width: 167px;
  height: 100%;
}
@media screen and (max-width: 960px) {
  .newsCategory-list {
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px 40px;
  }
}

.newsCategory-list .newsCategory-item:not(:last-of-type) {
 	margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  .newsCategory-list .newsCategory-item:not(:last-of-type) {
    margin-bottom: 0;
    margin-right: 0;
  }
}

.newsCategory-item a {
  letter-spacing: 0.042em;
  line-height: 1;
}

.newsCategory-item--current a {
  padding-bottom: 5px;
  border-bottom: 1px solid #F87D30;
}

.newsList {
  width: calc(85% - 167px);
  position: relative;
}
@media screen and (max-width: 960px) {
  .newsList {
    width: 100%;
    margin-top: 50px;
  }
}
.newsList::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: rgba(64, 64, 64, 0.3);
  left: -15%;
  top: 0;
}
@media screen and (max-width: 960px) {
  .newsList::before {
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 960px) {
  .newsList .newsList__item {
    padding: 0;
  }
}
.newsList .newsList__item:first-of-type a {
  padding: 30px 0 ;
}

.newsList__item {
  border-bottom: 1px solid rgba(64, 64, 64, 0.3);
}
.newsList__item a {
  padding: 25px 0 ;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .newsList__item a {
    display: block;
    padding: 30px 0 ;
  }
}

@media screen and (max-width: 960px) {
  .newsList .newsList__item:first-of-type a{
    padding-top: 30px;
  }
}
.newsDate--newsList {
  width: 200px;
}
@media screen and (max-width: 960px) {
  .newsDate--newsList {
    width: 100%;
  }
}

.newsList__side-r {
  width: calc(100% - 200px);
}
@media screen and (max-width: 960px) {
  .newsList__side-r {
    width: 100%;
    margin-top: 20px;
  }
}

.newsCategory--newsList {
  margin-left: 0;
}

.news-ttl {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.088em;
  line-height: 1;
  text-decoration: underline;
  margin: 29px 0;
}

.newsList-news-mainTxt {
  font-size: 14px;
  letter-spacing: 0.088em;
  line-height: 1.2;
}

/*=========================
NEWS詳細ページ
=========================*/
.newsArticle__img {
  width: 80.6%;
  margin: 40px auto 0;
}
.newsArticle__img img{
	height: auto;
	aspect-ratio: unset;
}
@media screen and (max-width: 960px) {
  .newsArticle__img {
    width: 100%;
    margin: 30px auto 0;
  }
}

.newsArticle-firstTxt {
  margin-top: 16px;
  margin-top: 91px;
}
@media screen and (max-width: 960px) {
  .newsArticle-firstTxt {
    margin-top: 30px;
    font-size: 14px;
  }
}

.newsArticle__list {
  margin-top: 108px;
}
@media screen and (max-width: 960px) {
  .newsArticle__list {
    margin-top: 30px;
  }
}
.newsArticle__list .newsArticle__item:not(:last-of-type) {
  margin-bottom: 80px;
}
@media screen and (max-width: 960px) {
  .newsArticle__list .newsArticle__item:not(:last-of-type) {
    margin-bottom: 50px;
  }
}

.newsArticle-head {
  padding: 5px 21px;
  color: #FFFFFF;
  background-color: #F87D30;
  margin-bottom: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.newsArticle-overviewList .newsArticle-overviewItem {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.newsArticle-overview__dot {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.newsArticle__item--features {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .newsArticle__item--features {
    display: block;
  }
}

.newsArticle__features-txt {
  width: 48.68%;
}
@media screen and (max-width: 960px) {
  .newsArticle__features-txt {
    width: 100%;
  }
}

.features-img {
  width: 37.98%;
  max-width: 500px;
}
@media screen and (max-width: 960px) {
  .features-img {
    width: 100%;
    margin: 20px auto;
    max-width: 450px;
  }
}

.detailPagebtn__list--newsArticle {
  margin-top: 145px;
}

/*---------------------------
CONTACTページ
---------------------------*/
.contactForm-wrap {
  margin-top: 96px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  padding: 44px 6.3% 102px;
  margin-bottom: 105px;
}
@media screen and (max-width: 960px) {
  .contactForm-wrap {
    margin-top: 50px;
    padding: 30px 20px;
    margin-bottom: 50px;
  }
}

.contactForm-ttl {
  font-size: 32px;
  letter-spacing: 0.072em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .contactForm-ttl {
    font-size: 24px;
  }
}

.contactForm-txt {
  font-size: 14px;
  letter-spacing: 0.088em;
  line-height: 1.6;
  margin-top: 46px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .contactForm-txt {
    margin-top: 20px;
  }
}

.contactForm {
  margin-top: 103px;
}
@media screen and (max-width: 960px) {
  .contactForm {
    width: 100%;
    margin-top: 50px;
  }
}

.formDl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 23px;
}
@media screen and (max-width: 960px) {
  .formDl {
    display: block;
  }
}
.formDl.formDl-flexStart {
  align-items: flex-start;
}
@media screen and (max-width: 960px) {
  .formDl.formDl-flexStart {
    display: block;
  }
}

.formDt {
  width: 230px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 960px) {
  .formDt {
    width: 100%;
    justify-content: flex-start;
  }
}

.formTtl {
  margin-right: 20px;
  font-weight: 400;
  letter-spacing: 0.088em;
  font-size: 18px;
  color: #404040;
  text-align: left;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .formTtl {
    margin-right: 10px;
    font-size: 12px;
  }
}

.formRequired {
  font-size: 12px;
  padding: 3px 9px;
  line-height: 1;
  color: #FFFFFF;
  border-radius: 30px;
  background-color: #F87D30;
  font-weight: 400;
}

.noRequired {
  width: 43px;
}

.formDd {
  width: calc(100% - 250px);
  margin-left: 30px;
}
@media screen and (max-width: 960px) {
  .formDd {
    width: 100%;
    margin-left: 6px;
    margin-top: 6px;
  }
}

.radioBtn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

input[type=radio] {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border: 1px solid #C7C7C7;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  input[type=radio] {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }
}

input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.5px;
  height: 7.5px;
  border-radius: 50%;
  background: #F87D30;
  content: "";
}
@media screen and (max-width: 960px) {
  input[type=radio]:checked:before {
    width: 5px;
    height: 5px;
  }
}

.radioBtn {
  margin-right: 10px;
  color: #404040;
  font-size: 14px;
}
.radioBtn:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 960px) {
  .radioBtn {
    margin-right: 13px;
  }
  .radioBtn:last-of-type {
    margin-right: 0;
  }
}

.radioBtn-wrap__contactMethod {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 1024px) {
  .radioBtn-wrap__contactMethod {
    display: block;
  }
}
.txt-area {
  width: 100%;
  margin-top: 10px;
}

input[type=text],
input[type=email],
textarea {
  padding: 5px 20px;
  border: 1px solid #DEDEDE;
  color: #404040;
  width: 100%;
  font-size: 14px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 960px) {
  input[type=text],
input[type=email],
textarea {
    padding: 5.3px 18px;
    font-size: 11px;
  }
}

textarea {
  height: 217px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 960px) {
  textarea {
    height: 170px;
  }
}

::-moz-placeholder {
  color: #A3AFAC;
}

::placeholder {
  color: #A3AFAC;
}
@media screen and (max-width: 960px) {
  ::-moz-placeholder {
    font-size: 11px;
  }
  ::placeholder {
    font-size: 11px;
  }
}

input[type=text].postCode {
  width: 165px;
  margin-right: 18px;
}
@media screen and (max-width: 960px) {
  input[type=text].postCode {
    margin-right: 15px;
    width: 120px;
  }
}

.prefectures {
  padding: 13px 30px;
  background-color: #FFFFFF;
  border-radius: 30px;
  color: #404040;
  width: 165px;
}
@media screen and (max-width: 960px) {
  .prefectures {
    padding: 5.3px 18px;
    font-size: 11px;
    width: 120px;
  }
}

.selectbox {
  position: relative;
}
.selectbox::after {
  content: "";
  position: absolute;
  width: 9.4px;
  height: 9.4px;
  border-bottom: 2px solid #9B9A9A;
  border-right: 2px solid #9B9A9A;
  top: 50%;
  right: 17.5px;
  pointer-events: none;
  transform: translateY(-50%) rotate(45deg);
}

.formAdress__upper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.restAddress {
  margin-top: 12px;
}

.formDl--addressWrap {
  align-items: flex-start;
}
.formDl--addressWrap .formTtl {
  margin-top: 15px;
}

input[type=file] {
  color: #404040;
}

.fileTxt {
  margin-top: 11px;
  font-size: 12px;
  color: #404040;
}

.formDl__file {
  align-items: flex-start;
}

input[type=checkbox] {
  position: relative;
  width: 19px;
  height: 19px;
  border-radius: 4px;
  border: 2px solid #404040;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=checkbox]:checked:before {
  position: absolute;
  top: -3px;
  left: 4px;
  transform: rotate(50deg);
  width: 8px;
  height: 15px;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  content: "";
}

.privacy-wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 50px auto 30px;
  color: #404040;
  font-family: "Noto Sans JP", sans-serif;
}

.form--policyLink {
  text-decoration: underline;
}

.submit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto;
  transition: all 0.3s;
  pointer-events: all;
  opacity: 1;
  font-family: "Noto Sans JP", sans-serif;
}
.submit::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  border-radius: 50px;
  background-color: #F87D30;
  top: 0;
  right: 0;
  transition: all 0.5s;
  pointer-events: none;
}

.submitBtn {
  width: 261px;
  padding: 17px 0;
  font-size: 18px;
  color: #FFFFFF;
  background-color: #404040;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .submitBtn {
    font-size: 14px;
    width: 180px;
    padding: 10px 0;
  }
}

.submit:hover {
  opacity: 0.7;
  transition: all 0.3s;
}

.confirm-wrap {
  background-color: #F8F8F8;
  padding: 45px 6.4% 45px 14.5%;
  width: 85%;
  margin: 40px auto;
}
@media screen and (max-width: 960px) {
  .confirm-wrap {
    padding: 30px 20px;
    width: 100%;
  }
}


.contactForm--confirm{
    width: max-content;
    margin: 100px auto 0;
}

.contactForm--confirm .formDl{
	width: 100%;
}


@media screen and (max-width: 960px) {
	.contactForm--confirm{
		width: 100%;
	}
}

.submit-wrap{
	    display: flex;
    align-items: center;
    justify-content: center;
    margin: 100px auto 0;
	gap: 20px;
}

@media screen and (max-width: 960px) {
.submit-wrap{
	flex-direction: column;
	gap: 20px;
}
}
/*=======================
POLICYページ
========================*/
.policy-txt {
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75;
  margin-top: 87px;
  margin-bottom: 270px;
}
@media screen and (max-width: 768px) {
  .policy-txt {
    margin-top: 30px;
    margin-bottom: 80px;
  }
}

.wpcf7-spinner{
display: none!important;
}

.housingLand-sale__list .housingLand-sale__item.housingLand-sale__item--with-img{
	padding: 80px 8.9% 80px 5%;
}

@media screen and (max-width: 768px) {
	.housingLand-sale__list .housingLand-sale__item.housingLand-sale__item--with-img{
		padding: 30px 20px;
	}
}