@charset "UTF-8";
/* CSS Document */
.pc {
  display: block;
}
@media screen and (max-width: 640px) and (max-width: 900px) {
  .pc {
    display: none !important;
  }
}

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

.sp {
  display: none !important;
}
@media screen and (max-width: 640px) {
  .sp {
    display: inline-block !important;
  }
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Fira Sans", "Noto Sans JP", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
  font-size: 1.6rem;
}

.jost {
  font-family: "Jost", sans-serif;
  font-weight: 600;
  font-style: normal;
}

a, a:active, a:visited {
  text-decoration: none;
  color: #000;
}

a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

a, a:hover {
  transition: 0.3s;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

img.vab {
  vertical-align: baseline;
}

img.vam {
  vertical-align: middle;
}

.pr {
  position: relative;
}

.tac {
  text-align: center;
}

.tacPc {
  text-align: center;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.zero {
  color: #004da0 !important;
}

.orange {
  color: #ea5540 !important;
}

.blue {
  color: #7bb8ba !important;
}

.gray {
  color: #595757 !important;
}

.black {
  color: #000 !important;
}

.white {
  color: #fff !important;
}

.yellow {
  color: #ffe33f !important;
}

.bgZero {
  background-color: #004da0;
}

.bgOrange {
  background-color: #ea5540;
}

.bgBlue {
  background-color: #7bb8ba;
}

.bgBlueL {
  background-color: #eaf4f4;
}

.bgGray {
  background-color: #595757;
}

.bgGrayL {
  background-color: #f2f1f1;
}

.bgWhite {
  background-color: #fff;
}

.contBox {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

.contBox100 {
  width: 100%;
}

.inner {
  width: 98%;
  max-width: 1000px;
  margin: 0 auto;
}

.mgnAuto {
  margin: auto;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.w100 {
  width: 100%;
}

.w95 {
  width: 95%;
}

.w90 {
  width: 90%;
}

.w85 {
  width: 85%;
}

.w80 {
  width: 80%;
}

.w75 {
  width: 75%;
}

.w70 {
  width: 70%;
}

.w65 {
  width: 65%;
}

.w60 {
  width: 60%;
}

.w55 {
  width: 55%;
}

.w50 {
  width: 50%;
}

.w45 {
  width: 45%;
}

.w40 {
  width: 40%;
}

.w35 {
  width: 35%;
}

.w30 {
  width: 30%;
}

.w25 {
  width: 25%;
}

.w20 {
  width: 20%;
}

.w15 {
  width: 15%;
}

.w10 {
  width: 10%;
}

.w5 {
  width: 5%;
}

.pcCont {
  display: block !important;
}

.pcTabCont {
  display: block !important;
}

.tabOnlyCont {
  display: none !important;
}

.spCont {
  display: none !important;
}

.spOnlyCont {
  display: none !important;
}

.fwb {
  font-weight: bold !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw900 {
  font-weight: 900 !important;
}

.ls01 {
  letter-spacing: 0.1em;
}

.ls02 {
  letter-spacing: 0.075em;
}

.ls03 {
  letter-spacing: 0.05em;
}

.ls04 {
  letter-spacing: 0.025em;
}

.ls05 {
  letter-spacing: 0.2em;
}

.ls06 {
  letter-spacing: -0.05em;
}

.ls07 {
  letter-spacing: -0.2em;
}

.ls08 {
  letter-spacing: -0.025em;
}

.lh13 {
  line-height: 1.3;
}

.lh14 {
  line-height: 1.4;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

@media screen and (max-width: 900px) {
  a:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }

  .pcCont {
    display: none !important;
  }

  .tabOnlyCont {
    display: block !important;
  }

  .spCont {
    display: block !important;
  }

  .tacTab {
    text-align: center;
  }

  .tacPc {
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 1.5rem;
  }

  .spOnlyCont {
    display: block !important;
  }

  .pcTabCont {
    display: none !important;
  }

  .tabOnlyCont {
    display: none !important;
  }

  .tacSp {
    text-align: center;
  }

  .mb10 {
    margin-bottom: 10px !important;
  }

  .mb15 {
    margin-bottom: 15px !important;
  }

  .mb20 {
    margin-bottom: 20px !important;
  }

  .mb30 {
    margin-bottom: 30px !important;
  }

  .mb40 {
    margin-bottom: 30px !important;
  }

  .mb50 {
    margin-bottom: 30px !important;
  }

  .mb60 {
    margin-bottom: 30px !important;
  }

  .mb70 {
    margin-bottom: 40px !important;
  }

  .mb80 {
    margin-bottom: 60px !important;
  }

  .mb90 {
    margin-bottom: 60px !important;
  }

  .mb100 {
    margin-bottom: 60px !important;
  }

  .mt5 {
    margin-top: 7px !important;
  }

  .mt10 {
    margin-top: 10px !important;
  }

  .mt15 {
    margin-top: 10px !important;
  }

  .mt20 {
    margin-top: 20px !important;
  }

  .mt30 {
    margin-top: 20px !important;
  }

  .mt40 {
    margin-top: 20px !important;
  }

  .mt50 {
    margin-top: 30px !important;
  }

  .mt60 {
    margin-top: 30px !important;
  }

  .mt70 {
    margin-top: 40px !important;
  }

  .mt80 {
    margin-top: 60px !important;
  }

  .mt90 {
    margin-top: 60px !important;
  }

  .mt100 {
    margin-top: 60px !important;
  }
}
/* header
-------------------------------------------------------*/
header {
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 999;
}

.logoFlex {
  max-width: 1980px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto;
  height: 75px;
}

.logo {
  margin-right: auto;
  padding-left: 5rem;
}

.logo a {
  display: flex;
  align-items: center;
}

.logo a img {
  width: 50%;
  max-width: 150px;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 640px) {
  .logo a img {
    width: 35%;
  }
}

.logo a p {
  font-size: 28px;
  font-weight: 700;
}
.logo a p span {
  color: #ea5540;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .logo a p {
    font-size: 15px;
    line-height: 1.2;
  }
  .logo a p span {
    display: block;
  }
}

.telWrap {
  padding: 0 2rem;
  border-left: 1px solid #e5e5e5;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
}

.telTxt {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.6rem;
}

.telNum {
  font-size: 3.2rem;
  line-height: 0.7;
  padding-left: 0.5rem;
}

.mailWrap {
  padding: 0 1.5rem;
  border-left: 1px solid #e5e5e5;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
}

.mailTxt a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.6rem;
}

@media screen and (max-width: 1320px) {
  .logo {
    padding-left: 2%;
    padding-right: 1%;
  }

  .telWrap {
    padding: 0 1.25vw;
  }

  .mailWrap {
    padding: 0 0.75vw;
  }

  .telTxt {
    font-size: 1.1428571429vw;
  }

  .mailTxt a {
    font-size: 1.1428571429vw;
  }

  .telNum {
    font-size: 2.2857142857vw;
    line-height: 2vw;
  }

  .icoTel {
    width: 1.15vw;
  }

  .icoMail {
    width: 1.42vw;
  }
}
/*.headWrap {
display: none;
}*/
.navFlex {
  display: flex;
  align-items: center;
  line-height: 1.4;
  gap: 4rem;
  font-size: 1.4rem;
}

.ham-btn {
  display: flex;
  z-index: 151;
  order: 4;
  border-left: 1px solid #e5e5e5;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 75px;
  height: 75px;
}

.menu-trigger span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 35px;
  height: 2px;
  background-color: #000;
  border-radius: 3px;
}

.menu-trigger span:nth-of-type(1) {
  top: 26px;
}

.menu-trigger span:nth-of-type(2) {
  top: 37px;
}

.menu-trigger span:nth-of-type(3) {
  top: 48px;
}

.menu-trigger.active span:nth-of-type(1) {
  transform: translateX(-50%) translateY(11px) rotate(-45deg);
}

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

.menu-trigger.active span:nth-of-type(3) {
  transform: translateX(-50%) translateY(-11px) rotate(45deg);
}

.menu-trigger::after {
  content: "";
  font-size: 0.9em;
  text-align: center;
  width: 100%;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #000;
}

.ham-btn a:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.headWrap {
  display: block;
  padding: 75px 0 0;
  position: fixed;
  top: 0;
  right: 0;
  width: 500px;
  transform: translateX(100%);
  transition: all 0.6s;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  box-shadow: none;
  height: 100vh;
}

.headWrap.active {
  top: 0;
  transform: translateX(0%);
}

@media screen and (max-width: 900px) {
  .ham-btn {
    border-left: none;
  }

  .telWrap {
    display: none;
  }

  .mailWrap {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .logoFlex {
    height: 50px;
  }

  .logo {
    width: 90vw;
    padding-left: 4vw;
    padding-right: 0;
  }

  .headWrap {
    width: 100%;
    padding: 50px 0 0;
  }

  .menu-trigger {
    width: 50px;
    height: 50px;
  }

  .menu-trigger span {
    width: 25px;
  }

  .menu-trigger span:nth-of-type(1) {
    top: 16px;
  }

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

  .menu-trigger span:nth-of-type(3) {
    top: 32px;
  }

  .menu-trigger.active span:nth-of-type(1) {
    transform: translateX(-50%) translateY(8px) rotate(-45deg);
  }

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

  .menu-trigger.active span:nth-of-type(3) {
    transform: translateX(-50%) translateY(-8px) rotate(45deg);
  }
}
.hNav {
  display: flex;
  flex-direction: column;
}

.hNav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.7rem;
  border-top: 1px solid #eeeeef;
  padding: 2rem 5%;
}

.hNav .arw {
  width: 26px;
  flex-shrink: 0;
  margin-left: 0.5rem;
}

@media screen and (max-width: 480px) {
  .hNav a {
    font-size: 4vw;
    padding: 1.5rem 2.5%;
  }

  .hNav .arw {
    width: 4.75vw;
  }
}
.hNavBtmWrap {
  padding: 3rem 0 5rem;
}

.hNavBtm {
  display: flex;
  flex-direction: column;
  font-size: 1.7rem;
  width: 90%;
  max-width: 1000px;
  margin: auto;
}

.hNavBtm li {
  position: relative;
}

.hNavBtm li::before, .hNavBtm li::after {
  content: "";
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ea5504 40px, #eeeeef 40px);
  position: absolute;
}

.hNavBtm li::before {
  top: 0;
  left: 0;
}

.hNavBtm li:nth-child(5)::after {
  bottom: 0;
  left: 0;
}

.hNavBtm li a {
  display: flex;
  align-items: center;
  padding: 2rem 0;
  gap: 2.5rem;
}

.icoFnav {
  width: 50px;
}

.icoFnav img {
  vertical-align: middle;
}

.hNavBtm .fNav1 {
  width: 20px;
}

.hNavBtm .fNav2 {
  width: 23px;
}

.hNavBtm .fNav3 {
  width: 25px;
}

.hNavBtm .fNav4 {
  width: 20px;
}

.hNavBtm .fNav5 {
  width: 23px;
}

@media screen and (max-width: 480px) {
  .hNavBtm {
    font-size: 4vw;
  }

  .hNavBtm li::before, .hNavBtm li::after {
    background: linear-gradient(90deg, #ea5504 30px, #eeeeef 30px);
  }

  .hNavBtm li a {
    padding: 1.5rem 0;
    gap: 0;
  }

  .hNavBtm .fNav1 {
    width: 15px;
  }

  .hNavBtm .fNav2 {
    width: 18px;
  }

  .hNavBtm .fNav3 {
    width: 20px;
  }

  .hNavBtm .fNav4 {
    width: 15px;
  }

  .hNavBtm .fNav5 {
    width: 18px;
  }
}
/*メイン
-------------------------------------------------------*/
.breadcrumb {
  font-size: 14px;
  padding: 3rem 1rem;
}
.breadcrumb span {
  padding: 0 5px;
}
.breadcrumb span:first-child {
  padding: 0 5px 0 0;
}

.mv {
  max-height: 410px;
}
.mv picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 410px;
}
@media screen and (max-width: 640px) and (max-width: 900px) {
  .mv picture img {
    min-height: 50vw;
  }
}
.mv.base {
  min-height: 110px;
  background-color: #EFEFEF;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mv.base .title {
  text-align: center;
  font-weight: 700;
  font-size: clamp(22px, 3vw, 28px);
  line-height: 1.3;
}

.h2txt {
  font-size: 5.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-text-stroke: 10px #fff;
  text-stroke: 10px #fff;
  paint-order: stroke;
  position: absolute;
  stroke-linejoin: round;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  line-height: 1.4;
}

.h2txt small {
  font-size: 64%;
  background-color: #004da0;
  border-radius: 10px;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 3rem;
  -webkit-text-stroke: 0;
  text-stroke: 0;
  margin-bottom: 1rem;
}

.h2txt big {
  font-size: 135%;
  line-height: 1;
}

@media screen and (max-width: 900px) {
  .mv {
    min-height: 50vw;
  }

  .h2txt {
    font-size: 6.1111111111vw;
  }
}
@media screen and (max-width: 480px) {
  .h2txt {
    font-size: 6.625vw;
    -webkit-text-stroke: 2vw #fff;
    text-stroke: 2vw #fff;
  }
}
.h3txtCatch {
  font-size: 4rem;
  padding-top: 50px;
}

.h3txtCatch p {
  font-size: 3.6rem;
  display: block;
  line-height: 1.2;
  padding: 15px 0;
}
@media screen and (max-width: 640px) {
  .h3txtCatch p {
    font-size: 2rem;
    display: block;
    line-height: 1.2;
    padding: 15px 0 0;
  }
}

.s1 {
  padding: 0 0 120px;
}

.s1txt {
  font-size: 1.6rem;
}

@media screen and (max-width: 900px) {
  .h3txtCatch {
    font-size: 4.4444444444vw;
  }

  .h3txtCatch small {
    font-size: 4vw;
  }

  .s1txt {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 600px) {
  .h3txtCatch {
    padding-top: 25px;
  }

  .s1 {
    padding: 0 0 60px;
  }

  .s1txt {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .h3txtCatch {
    font-size: 2.3rem;
    line-height: 1.2;
  }

  .h3txtCatch small {
    font-size: 4.5vw;
  }
}
.keiihanWrap {
  border-radius: 10px;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.15);
  padding: 2rem 3%;
}

.h4txtKeihan {
  font-size: 3.5rem;
}

.h4txtKeihan big {
  font-size: 160%;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-left: 3rem;
  line-height: 1.2;
  background: linear-gradient(transparent 70%, #ffe33f 70%);
  -webkit-text-stroke: 10px #fff;
  text-stroke: 10px #fff;
  paint-order: stroke;
  stroke-linejoin: round;
}

.h4txtKeihan big span {
  font-size: 82%;
}

@media screen and (max-width: 900px) {
  .keiihanWrap {
    padding: 1.5rem 3%;
  }

  .h4txtKeihan {
    font-size: 3.8888888889vw;
  }

  .h4txtKeihan big {
    padding-left: 1rem;
    line-height: 1.3;
  }

  .logoHeihan {
    width: 92%;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  .h4txtKeihan {
    font-size: 4.5vw;
  }

  .h4txtKeihan big {
    padding-left: 0.5rem;
    font-size: 150%;
  }
}
.s1btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 900px;
}

.s1btmLeft {
  width: 32%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.s1btmTxt1 {
  font-size: 2.5rem;
  border-radius: 5px;
  /*padding: 0 1.5em;*/
}

.s1btmTxt1.areaOsaka {
  border-radius: 100px;
  padding: 1.0em 0;
}

.s1btmRight {
  width: 65%;
  display: flex;
  align-items: center;
  gap: 0.5em;
  border-radius: 5px;
  padding: 0.5rem 0 0.5rem 1.5rem;
}

.s1btm1 {
  width: 35%;
  flex-shrink: 0;
  margin: 0 10px 0 0;
}

.s1btm2 {
  width: 22%;
  flex-shrink: 0;
  margin: -20px -25px 1rem 0;
}

.s1btmTxt2 {
  display: flex;
  flex-direction: column;
  font-size: 3.2rem;
  line-height: 1.2;
}

.s1btmTxt2 small {
  font-size: 70%;
}

.s1btmTxt2 big {
  font-size: 120%;
}

@media screen and (max-width: 1000px) {
  .s1btmTxt1 {
    font-size: 2.5vw;
  }

  .s1btmTxt2 {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 900px) {
  .s1btm {
    flex-direction: column;
  }

  .s1btmLeft {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }

  .s1btmRight {
    width: 100%;
    gap: 1em;
    margin-top: 2.5rem;
  }

  .s1btmTxt1 {
    font-size: 2.8888888889vw;
    width: 48%;
  }

  .s1btmTxt1.areaOsaka {
    width: 100%;
    padding: 0.5em 0;
  }

  .s1btmTxt2 {
    font-size: 4.4444444444vw;
  }
}
@media screen and (max-width: 480px) {
  .s1btmRight {
    gap: 0;
    padding: 1vw 0 1vw 1.5vw;
  }

  .s1btmTxt1 {
    font-size: 4vw;
    width: 48%;
  }

  .s1btmTxt2 {
    font-size: 5vw;
    padding-left: 2vw;
  }

  .s1btm1 {
    width: 35%;
  }

  .s1btm2 {
    width: 24%;
    flex-shrink: 0;
    margin: -5vw -5vw -1vw 0;
  }
}
/* 阪神エリア不動産買取強化地域
-------------------------------------------------------*/
.mapArea {
  padding-top: 30px;
  position: relative;
}

.mapArea::before {
  content: "";
  width: 100%;
  height: 60px;
  position: absolute;
  top: -60px;
  left: 0;
  background-color: #fff;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.h3map {
  font-size: 3.6rem;
}

.gmap {
  width: 100%;
  max-width: 510px;
  aspect-ratio: 1/1;
}

.gmap iframe {
  width: 100%;
  height: 100%;
}

.gampTxt {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 3.4rem;
  padding: 0.5rem 3rem 0 3rem;
}

.gampTxt::before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -19px;
  left: 0;
  background-color: #ea5504;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.h4gmap {
  font-size: 2.4rem;
  padding: 0.5rem;
}

.h4gmap::before {
  content: "・";
  color: #7bb8ba;
}

.h5gmap {
  font-size: 2.2rem;
}

.gmapTxt {
  font-size: 1.8rem;
}

@media screen and (max-width: 900px) {
  .h3map {
    font-size: 4vw;
  }

  .gampTxt {
    font-size: 3.7777777778vw;
  }

  .h4gmap {
    font-size: 2.6666666667vw;
    padding: 0.5rem;
  }

  .h5gmap {
    font-size: 2.4444444444vw;
  }

  .gmapTxt {
    font-size: 2vw;
  }
}
@media screen and (max-width: 600px) {
  .mapArea {
    padding-top: 4vw;
  }

  .mapArea::before {
    height: 4vw;
    top: -4vw;
  }

  .h3map {
    font-size: 5.1428571429vw;
    line-height: 1.5;
  }

  .gampTxt {
    width: 100%;
    padding: 1rem 0 0 0;
    text-align: center;
    line-height: 1.2;
    font-size: 4.8571428571vw;
  }

  .h4gmap {
    font-size: 3.4285714286vw;
    padding: 0.5rem;
  }

  .h5gmap {
    font-size: 3.1428571429vw;
  }

  .gmapTxt {
    font-size: 2.5714285714vw;
  }
}
@media screen and (max-width: 480px) {
  .h3map {
    font-size: 7vw;
  }

  .gampTxt {
    font-size: 5vw;
  }

  .h4gmap {
    font-size: 4.5vw;
  }

  .h5gmap {
    font-size: 4.5vw;
  }

  .gmapTxt {
    font-size: 4vw;
  }
}
ul.cap {
  margin: 20px auto 0;
  list-style: disc;
  list-style-position: inside;
}

.areaBtnFlex {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}

.areaBtnWrap {
  width: 47.5%;
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  position: relative;
}

.areaBtnWrap::before {
  content: "";
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ea5504 50px, #eeeeef 50px);
  position: absolute;
  top: 0;
}

.areaBtnWrap.btm::after {
  content: "";
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ea5504 50px, #eeeeef 50px);
  position: absolute;
  bottom: 0;
}

.imgArea {
  width: 30%;
}

.areaBtnR {
  width: 63%;
  display: flex;
  flex-direction: column;
}

.nameArea {
  font-size: 36px;
}

.areaBtn {
  margin-top: auto;
}

.areaBtn a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  background-color: #ea5540;
  border-radius: 100px;
  font-size: 16px;
  padding: 18px 30px;
}

.areaBtn a img {
  width: 16px;
}

@media screen and (max-width: 1100px) {
  .areaBtn a {
    font-size: calc(100vw * 16 / 1100);
    padding: 18px 20px;
  }
}
@media screen and (max-width: 800px) {
  .areaBtnWrap {
    width: 100%;
  }

  .areaBtnWrap.btm:nth-of-type(4)::after,
  .areaBtnWrap.btm.spNone::after {
    background: none;
  }

  .areaBtn a {
    font-size: 16px;
    padding: 18px 30px;
  }
}
@media screen and (max-width: 600px) {
  .areaBtnWrap {
    padding: 5vw 0;
  }

  .imgArea {
    width: 28%;
  }

  .areaBtnR {
    width: 68%;
  }

  .nameArea {
    font-size: calc(100vw * 26 / 400);
  }

  .areaBtn a {
    font-size: calc(100vw * 14 / 400);
    padding: 3vw 4vw;
  }

  .areaBtn a img {
    width: 3vw;
  }
}
/* cta
-------------------------------------------------------*/
.ctaWrap {
  padding: 80px 0;
}

.cta {
  border: 12px solid #f2f1f1;
  outline: 1px solid #eeeeef;
  outline-offset: -10px;
  border-radius: 10px;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
  padding: 2rem 4%;
}

.h3cta {
  font-size: 3.7rem;
}

.ctaFlex {
  display: flex;
  justify-content: space-between;
  margin: 1.75rem 0 2.5rem;
}

.ctaCont {
  width: 48%;
  border-radius: 15px;
  border: 2px solid #000;
  box-shadow: 0px 5px 0 black;
  padding-bottom: 15px;
}

.ctaTel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

.ctaTel dt {
  font-size: 1.8rem;
  border: 2px solid #000;
  padding: 0 0.5rem;
}

.ctaTel dd {
  font-size: 4.1rem;
  line-height: 1;
}

.icoCtaTel {
  margin-top: -20px;
}

.ctaForm {
  font-size: 2.3rem;
  display: inline-block;
}

.ctaForm big {
  font-size: 127%;
  display: block;
}

.ctaForm img {
  vertical-align: text-top;
  margin-left: 0.5rem;
}

.icoCtaForm {
  margin-top: -20px;
}

.fukidashi {
  position: absolute;
  top: -2.5em;
  right: -3.5em;
}

@media screen and (max-width: 1100px) {
  .ctaWrap {
    padding: 11vw 0;
  }

  .h3cta {
    font-size: 3.3636363636vw;
  }

  .ctaTel dt {
    font-size: 1.6363636364vw;
  }

  .ctaTel dd {
    font-size: 3.7272727273vw;
  }

  .ctaForm {
    font-size: 2.0909090909vw;
  }

  .fukidashi {
    width: 7.5vw;
  }
}
@media screen and (max-width: 768px) {
  .ctaFlex {
    flex-direction: column;
    gap: 4.5rem;
  }

  .ctaCont {
    width: 100%;
  }

  .h3cta {
    font-size: 37px;
  }

  .ctaTel dt {
    font-size: 18px;
  }

  .ctaTel dd {
    font-size: 41px;
  }

  .ctaForm {
    font-size: 23px;
  }

  .fukidashi {
    width: 88px;
    right: -4em;
  }
}
@media screen and (max-width: 600px) {
  .h3cta {
    font-size: 5.3333333333vw;
  }

  .ctaTel dt {
    font-size: 3vw;
  }

  .ctaTel dd {
    font-size: 6.8333333333vw;
  }

  .ctaForm {
    font-size: 3.8333333333vw;
  }

  .fukidashi {
    width: 15vw;
    right: -3.75em;
  }
}
@media screen and (max-width: 480px) {
  .h3cta {
    font-size: 5vw;
  }

  .ctaFlex {
    gap: 7vw;
  }

  .ctaTel dt {
    font-size: 3.75vw;
  }

  .ctaTel dd {
    font-size: 7vw;
  }

  .ctaForm {
    font-size: 5vw;
  }

  .fukidashi {
    width: 15vw;
    top: -2em;
    right: -2.75em;
  }

  .icoCta {
    width: 13vw;
    margin: -20px auto 0;
  }
}
.ctaTxt1 {
  font-size: 2rem;
}

.ctaInfo {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
  font-size: 1.8rem;
  line-height: 1.5;
}

.ctaInfo dt {
  width: 80px;
  padding: 0.25em 0;
}

.ctaInfo dd {
  flex: 1;
  padding: 0.25em 0;
}

.bgCta {
  position: absolute;
  bottom: 20px;
  right: 70px;
}

@media screen and (max-width: 1100px) {
  .ctaTxt1 {
    font-size: 1.8181818182vw;
  }

  .ctaInfo {
    font-size: 1.6363636364vw;
  }

  .bgCta {
    bottom: 2vw;
    right: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .ctaTxt1 {
    font-size: 3.125vw;
    line-height: 1.5;
  }

  .ctaInfo {
    font-size: 2.34375vw;
  }

  .bgCta {
    width: 20vw;
    bottom: 9vw;
    right: 3vw;
  }
}
@media screen and (max-width: 480px) {
  .ctaTxt1 {
    font-size: 4vw;
    line-height: 1.5;
  }

  .ctaInfo {
    font-size: 4vw;
  }

  .bgCta {
    width: 22vw;
    bottom: 20vw;
    right: 3vw;
  }
}
/* スタッフ
-------------------------------------------------------*/
.staffHead {
  padding: 40px 0 120px;
}

.contBoxStaffHead {
  max-width: 910px;
}

.h3staff {
  font-size: 7rem;
  line-height: 0.75;
  transform: rotate(-5deg);
}

.h3staff big,
.h3staff span {
  font-size: 114%;
  line-height: 1.2;
}

.h3staff small {
  font-size: 62%;
  line-height: 0.5;
}

.h3staff span {
  background-color: #fbed21;
  padding: 0 1.5rem;
}

.bgStaff {
  position: absolute;
  top: 30px;
  right: 0;
}

@media screen and (max-width: 1000px) {
  .staffHead {
    padding: 4vw 0 12vw;
  }

  .h3staff {
    font-size: 7vw;
  }

  .bgStaff {
    width: 17vw;
  }
}
@media screen and (max-width: 480px) {
  .staffHead {
    padding: 3vw 0 11vw;
  }

  .h3staff {
    font-size: 7.25vw;
  }

  .h3staff span {
    padding: 0 0.5rem;
  }

  .bgStaff {
    width: 14vw;
    top: 2vw;
  }
}
.staffBtm {
  border-radius: 10px;
  border: 2px solid #7bb8ba;
  padding: 40px;
  margin-top: -50px;
}

.h4staff {
  font-size: 3.5rem;
  border-left: 10px solid #7bb8ba;
  padding-left: 0.5em;
}

@media screen and (max-width: 1000px) {
  .staffBtm {
    margin-top: -5vw;
    padding: 4vw;
  }

  .h4staff {
    font-size: 3.4vw;
    padding-left: 1.5vw;
  }
}
@media screen and (max-width: 480px) {
  .staffBtm {
    padding: 5vw 3.5vw 8vw;
  }

  .h4staff {
    font-size: 6.25vw;
    padding-left: 1.5vw;
    line-height: 1.3;
  }
}
.staffFlex {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 2.5rem 3%;
  margin-top: 3rem;
}

.staffCont {
  width: 48.5%;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.staffContW {
  width: 65%;
}

.staffDtl {
  flex: 1;
}

.staffImg {
  width: 160px;
}

.staffTxt {
  font-size: 1.6rem;
}

.name {
  font-size: 2.6rem;
}

.br768 {
  display: none;
}

.br600 {
  display: none;
}

.br480 {
  display: none;
}

@media screen and (max-width: 1000px) {
  .staffImg {
    width: 16vw;
  }

  .staffTxt {
    font-size: 1.5vw;
  }

  .name {
    font-size: 2.6vw;
  }
}
@media screen and (max-width: 800px) {
  .staffFlex {
    gap: 0;
    margin-top: 4vw;
  }

  .staffCont {
    width: 100%;
    padding: 1.5vw 0;
    gap: 1.5vw;
    background-color: #fff;
    border-bottom: 1px solid #dedddd;
  }

  .staffContW {
    width: 100%;
  }

  .staffImg {
    width: 28vw;
  }

  .staffTxt {
    font-size: 2vw;
  }

  .name {
    font-size: 3.25vw;
  }
}
@media screen and (max-width: 768px) {
  .br768 {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .staffTxt {
    font-size: 2.6666666667vw;
  }

  .name {
    font-size: 4.3333333333vw;
  }

  .br600 {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .staffCont {
    align-items: flex-start;
  }

  .staffTxt {
    font-size: 3.75vw;
  }

  .name {
    font-size: 5vw;
  }

  .br480 {
    display: block;
  }
}
.btnStaff a {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 1.5rem 1rem 2.5rem;
}

/* 不動産ボタン
-------------------------------------------------------*/
.navFudosan {
  display: flex;
  align-items: center;
  margin-top: 100px;
}

.navFudosan li {
  width: 35%;
  font-size: 1.8rem;
  border-right: 1px solid #fff;
}

.navFudosan li:first-child {
  border-radius: 10px 0 0 10px;
}

.navFudosan li:last-child {
  border-radius: 0 10px 10px 0;
}

.navFudosan li big {
  font-size: 122%;
}

.navFudosan li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 0 25px;
}

.arwBtn {
  position: absolute;
  bottom: -25px;
}

@media screen and (max-width: 1000px) {
  .navFudosan li {
    font-size: 1.7vw;
  }
}
@media screen and (max-width: 800px) {
  .navFudosan {
    flex-flow: wrap;
    margin-top: 10vw;
    gap: 5vw 0;
  }

  .navFudosan li {
    width: 50%;
    font-size: 1.7rem;
    border-right: 1px solid #fff;
  }

  .navFudosan li:nth-child(3) {
    border-radius: 10px 0 0 10px;
  }

  .navFudosan li:nth-child(2) {
    border-radius: 0 10px 10px 0;
  }

  .arwBtn {
    width: 6vw;
    bottom: -3vw;
  }
}
@media screen and (max-width: 480px) {
  .navFudosan li {
    font-size: 3.375vw;
  }

  .navFudosan li a {
    padding: 3.5vw 0 4.5vw;
  }

  .arwBtn {
    width: 7.5vw;
    bottom: -3.75vw;
  }
}
/* 不動産
-------------------------------------------------------*/
.kaitoriBtm {
  margin-top: 200px;
}

.pt1 {
  padding-top: 1px;
}

.kaitoriBtm::before {
  content: "";
  width: 100%;
  height: 110px;
  position: absolute;
  top: -110px;
  left: 0;
  background-color: #f2f1f1;
  clip-path: polygon(23.2% 0, 100% 100%, 0 100%);
}

.bgKaitori {
  width: 145px;
  position: relative;
  z-index: 1;
  margin: -125px auto 30px;
}

.h3kaitori {
  font-size: 4.5rem;
  line-height: 1.4;
}

.h3kaitori small {
  font-size: 66%;
  display: block;
}

.h3kaitori big {
  font-size: 111%;
  padding-left: 1rem;
  line-height: 1.8;
}

@media screen and (max-width: 1000px) {
  .h3kaitori {
    font-size: 4.5vw;
  }

  .fudosankaitoriImg {
    width: 46.5vw;
  }
}
@media screen and (max-width: 800px) {
  .kaitoriBtm {
    margin-top: 20vw;
  }

  .kaitoriBtm::before {
    height: 8vw;
    top: -8vw;
  }

  .bgKaitori {
    width: 145px;
    margin: -7.5vw auto 3.5vw;
  }
}
@media screen and (max-width: 480px) {
  .kaitoriBtm {
    margin-top: 18vw;
  }

  .bgKaitori {
    width: 27.5vw;
  }

  .h3kaitori {
    font-size: 6.75vw;
  }

  .h3kaitori big {
    font-size: 77%;
    padding-left: 0.5rem;
  }

  .fudosankaitoriImg {
    width: 53vw;
  }
}
/* ゼロホームの不動産買取がおすすめ！
-------------------------------------------------------*/
.osusumeWrap {
  display: flex;
  align-items: center;
}

.ususumeImg {
  width: 36%;
}

.osusumeDtl {
  padding: 0 25px;
  flex: 1;
}

.h4osusume {
  font-size: 2.4rem;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.h4osusume big {
  display: block;
  font-size: 3rem;
  line-height: 1.2;
}

@media screen and (max-width: 1100px) {
  .h4osusume {
    font-size: 2.1818181818vw;
  }
}
@media screen and (max-width: 800px) {
  .osusumeWrap {
    flex-direction: column;
  }

  .ususumeImg {
    width: 100%;
  }

  .osusumeDtl {
    padding: 4vw 6vw 6vw;
  }

  .h4osusume {
    font-size: 2.75vw;
  }
}
@media screen and (max-width: 480px) {
  .osusumeDtl {
    padding: 4vw;
  }

  .h4osusume {
    font-size: 4.75vw;
  }

  .h4osusume big {
    font-size: 150%;
    line-height: 1.4;
  }
}
.att {
  font-size: 1.3rem;
}

@media screen and (max-width: 1000px) {
  .att {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 800px) {
  .att {
    font-size: 2vw;
  }
}
@media screen and (max-width: 600px) {
  .att {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 480px) {
  .att {
    font-size: 3.75vw;
  }
}
.osusumeTxt {
  font-size: 1.6rem;
}

@media screen and (max-width: 1000px) {
  .osusumeTxt {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 800px) {
  .osusumeTxt {
    font-size: 2vw;
  }
}
@media screen and (max-width: 600px) {
  .osusumeTxt {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 480px) {
  .osusumeTxt {
    font-size: 3.75vw;
  }
}
/* 不動産買取の流れ
-------------------------------------------------------*/
.flowWrap {
  padding: 100px 0;
}

.bgFlow {
  background: url("../img/bg_flow_pc.png") left bottom no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 6rem;
}

.flowTime {
  width: 18%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.flowTxt {
  font-size: 2.2rem;
}

.arwFlow {
  position: relative;
  display: inline-block;
  width: 3px;
  margin: 0 8.5px;
  border-radius: 9999px;
  background-color: #fff;
}

.arwFlow::before, .arwFlow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1.5px);
  width: 3px;
  height: 13px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: 50% calc(100% - 1.5px);
}

.arwFlow::before {
  transform: rotate(45deg);
}

.arwFlow::after {
  transform: rotate(-45deg);
}

.arw1 {
  height: 145px;
}

.arw2 {
  height: 145px;
}

.arw3 {
  height: 75px;
}

.stepWrap {
  width: 82%;
  border: 2px solid #7bb8ba;
  border-radius: 10px;
}

.stepWrap li {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  border-bottom: 1px solid #cbcbcb;
  padding: 2rem;
}

.stepWrap li:last-child {
  border-bottom: none;
}

.stepNum {
  font-size: 1.8rem;
  line-height: 1.1;
}

.stepNum big {
  font-size: 150%;
  display: block;
}

.h4step {
  font-size: 2.2rem;
}

.stepTxt {
  font-size: 1.6rem;
}

.stepCont {
  display: flex;
  align-items: center;
  gap: 3rem;
}

@media screen and (max-width: 1050px) {
  .flowTxt {
    font-size: 2.0952380952vw;
  }

  .h4step {
    font-size: 2.0952380952vw;
  }

  .stepTxt {
    font-size: 1.5238095238vw;
  }

  .stepCont {
    display: flex;
    align-items: center;
    gap: 2.5vw;
  }
}
@media screen and (max-width: 900px) {
  .arw1 {
    height: 145px;
  }

  .arw2 {
    height: 145px;
  }

  .arw3 {
    height: 85px;
  }
}
@media screen and (max-width: 800px) {
  .flowWrap {
    padding: 75px 0;
  }
}
@media screen and (max-width: 768px) {
  .bgFlow {
    background: url("../img/bg_flow_sp.png") left bottom no-repeat;
    background-size: 100% 100%;
    padding-bottom: 6rem;
  }

  .stepWrap li {
    gap: 3vw;
  }

  .flowTxt {
    font-size: 22px;
  }

  .h4step {
    font-size: 22px;
  }

  .stepTxt {
    font-size: 16px;
  }

  .stepCont {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5vw;
  }

  .arw1 {
    height: 190px;
  }

  .arw2 {
    height: 210px;
  }

  .arw3 {
    height: 110px;
  }
}
@media screen and (max-width: 600px) {
  .flowTxt {
    font-size: 18px;
  }

  .h4step {
    font-size: 20px;
  }

  .stepTxt {
    font-size: 15px;
  }

  .arw1 {
    height: 190px;
  }

  .arw2 {
    height: 200px;
  }

  .arw3 {
    height: 110px;
  }
}
@media screen and (max-width: 480px) {
  .flowWrap {
    padding: 12vw 0;
  }

  .flowTime {
    width: 22%;
  }

  .stepWrap {
    width: 78%;
  }

  .flowTxt {
    font-size: 4vw;
  }

  .stepWrap li {
    padding: 5vw 0 5vw 2vw;
  }

  .stepNum {
    font-size: 4vw;
  }

  .h4step {
    font-size: 4.75vw;
  }

  .stepTxt {
    font-size: 3.75vw;
  }

  .arw1 {
    height: 46vw;
  }

  .arw2 {
    height: 50vw;
  }

  .arw3 {
    height: 28vw;
  }
}
/* 大阪府の不動産売却よくある質問
-------------------------------------------------------*/
.faq .inner {
  max-width: 800px;
}

.h3faq {
  font-size: 3.6rem;
  margin-bottom: 3rem;
}

.faqCont {
  width: 100%;
  padding: 1.7rem;
  margin: 0 0 2.5rem;
}

.faqCont dt {
  font-size: 2.2rem;
}

.faqCont dt::before {
  content: "Q.";
  color: #ea5504;
  font-family: "Jost", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 3rem;
}

.ellipsis {
  font-size: 2.4rem;
}

.faqMore {
  display: none;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.btnFaq {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 1.5rem 1rem 4rem;
  cursor: pointer;
}

.btnFaq::before {
  content: "枚方市の不動産売却\aよくある質問をもっと見る";
  white-space: pre;
}

.btnFaq.on::before {
  content: "枚方市の不動産売却\a　よくある質問を閉じる　";
}

@media screen and (max-width: 800px) {
  .h3faq {
    font-size: 4.5vw;
  }

  .faqWrap {
    flex-direction: column;
    gap: 3vw;
  }

  .faqCont {
    width: 100%;
    margin: 0 0 0rem;
    padding: 0.8rem 1.7rem;
  }

  .faqCont dt {
    font-size: 2.75vw;
  }

  .faqCont dt::before {
    font-size: 3.75vw;
  }

  .faqMore {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
}
@media screen and (max-width: 600px) {
  .h3faq {
    font-size: 6vw;
    margin-bottom: 2rem;
  }

  .faqCont dt {
    font-size: 3.6666666667vw;
  }

  .faqCont dt::before {
    font-size: 5vw;
  }
}
@media screen and (max-width: 480px) {
  .h3faq {
    font-size: 7vw;
  }

  .faqCont dt {
    font-size: 5vw;
  }

  .faqCont dt::before {
    font-size: 7.5vw;
  }
}
.faqCont dd {
  font-size: 1.6rem;
}

@media screen and (max-width: 1000px) {
  .faqCont dd {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 800px) {
  .faqCont dd {
    font-size: 2vw;
  }
}
@media screen and (max-width: 600px) {
  .faqCont dd {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 480px) {
  .faqCont dd {
    font-size: 3.75vw;
  }
}
.areaTop .faqWrap {
  display: flex;
  flex-flow: wrap;
  gap: 3rem 3%;
}

.areaTop .faqCont {
  width: 48.5%;
  padding: 1.5rem;
  margin: 0;
}

.areaTop .faqCont dt {
  font-size: 2.2rem;
}

.areaTop .faqCont dt::before {
  content: 'Q.';
  color: #ea5504;
  font-family: "Jost", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 3rem;
}

.areaTop .faqMore {
  display: none;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.areaTop .btnFaq {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 50px;
  width: fit-content;
  padding: 1rem 1.5rem 1rem 4rem;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .areaTop .faqWrap {
    flex-direction: column;
    gap: 3vw;
  }

  .areaTop .faqCont {
    width: 100%;
  }

  .areaTop .faqCont dt {
    font-size: calc(100vw * 22 / 800);
  }

  .areaTop .faqCont dt::before {
    font-size: calc(100vw * 30 / 800);
  }

  .areaTop .faqMore {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
}
@media screen and (max-width: 600px) {
  .areaTop .faqCont dt {
    font-size: calc(100vw * 22 / 600);
  }

  .areaTop .faqCont dt::before {
    font-size: calc(100vw * 30 / 600);
  }
}
@media screen and (max-width: 480px) {
  .areaTop .faqCont dt {
    font-size: calc(100vw * 20 / 400);
  }

  .areaTop .faqCont dt::before {
    font-size: calc(100vw * 30 / 400);
  }
}
.areaTop .faqCont dd {
  font-size: 1.6rem;
}

@media screen and (max-width: 1000px) {
  .areaTop .faqCont dd {
    font-size: calc(100vw * 15 / 1000);
  }
}
@media screen and (max-width: 800px) {
  .areaTop .faqCont dd {
    font-size: calc(100vw * 16 / 800);
  }
}
@media screen and (max-width: 600px) {
  .areaTop .faqCont dd {
    font-size: calc(100vw * 16 / 600);
  }
}
@media screen and (max-width: 480px) {
  .areaTopTop .faqCont dd {
    font-size: calc(100vw * 15 / 400);
  }
}
/* footer
-------------------------------------------------------*/
footer {
  padding: 60px 0 90px;
}
footer .home {
  text-align: center;
  margin: 7rem 0 0 0;
  font-size: 14px;
}

.fNav {
  width: 90%;
  max-width: 1000px;
  margin: auto;
  display: flex;
  flex-flow: wrap;
  gap: 1em;
}

.fNav a {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}

.fNav .arw {
  width: 18px;
  flex-shrink: 0;
  margin-left: 0.5rem;
}

@media screen and (max-width: 800px) {
  footer {
    padding: 0 0 10vw;
  }

  .fNav {
    gap: 0;
    width: 100%;
  }

  .fNav li {
    width: 100%;
  }

  .fNav a {
    width: 100%;
    border-top: 1px solid #eeeeef;
    padding: 2rem 5%;
    justify-content: space-between;
  }

  .fNav .arw {
    width: 3.5vw;
  }
}
@media screen and (max-width: 480px) {
  .fNav a {
    font-size: 4vw;
    padding: 1rem 5%;
  }

  .fNav .arw {
    width: 4.75vw;
  }
}
.fNavBtm {
  display: flex;
  flex-flow: wrap;
  gap: 2%;
  font-size: 1.6rem;
  margin-top: 5rem;
}

.fNavBtm li {
  width: 23%;
  position: relative;
}

.fNavBtm li::before, .fNavBtm li::after {
  content: "";
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ea5504 25px, #eeeeef 25px);
  position: absolute;
}

.fNavBtm li::before {
  top: 0;
  left: 0;
}

.fNavBtm li:nth-child(n+4)::after {
  bottom: 0;
  left: 0;
}

.fNavBtm li a {
  display: flex;
  align-items: center;
  padding: 1rem 0;
}

.icoFnav {
  width: 50px;
}

.icoFnav img {
  vertical-align: middle;
}

.fNav1 {
  width: 15px;
}

.fNav2 {
  width: 18px;
}

.fNav3 {
  width: 20px;
}

.fNav4 {
  width: 15px;
}

.fNav5 {
  width: 18px;
}

@media screen and (max-width: 800px) {
  .fNavBtm {
    margin-top: 5.5vw;
  }

  .fNavBtm li {
    width: 100%;
  }

  .fNavBtm li:nth-child(4)::after {
    content: none;
  }
}
.subNav {
  display: none;
}

@media screen and (max-width: 900px) {
  .subNav {
    position: sticky;
    bottom: 0;
    font-size: 1.7rem;
    display: flex;
    width: 100%;
  }

  .subNavBtn {
    width: 50%;
  }

  .subNav a {
    color: #fff;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .subNav {
    font-size: 4vw;
  }

  .subNav a {
    padding: 1rem 0;
  }

  .subNav img {
    width: 5.5vw;
  }
}
@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}
.logoFlexFotter {
  display: flex;
  gap: 15px;
  justify-content: center;
}

.copy {
  font-size: 11px;
}

.ggmap {
  height: 500px;
  margin: 3rem 0;
}

.ggmap #map {
  height: 100%;
  width: 100%;
  display: block;
}

.ggmap #map .map {
  width: 200px;
  height: 200px;
}

.ggmap #map .map p {
  text-align: center;
  font-weight: 600;
  padding: 1rem 0;
}

.ggmap #map .map a img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover;
}

.map-wrap {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  padding-top: 600px;
}

@media (max-width: 768px) {
  .map-wrap {
    padding-top: 300px;
  }
}
.map-wrap .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

button.gm-ui-hover-effect {
  width: 46px !important;
  height: 33px !important;
}

.custom-info {
  font-size: 22px;
  font-weight: bold;
}

.custom-info a {
  background-color: unset;
  color: #034da0 !important;
  font-weight: bold !important;
}

.point {
  background: #FFF;
  padding: 5rem 0 7rem;
  margin: 7rem 0 0 0;
}
@media screen and (max-width: 640px) {
  .point {
    padding: 5rem 0 0rem;
  }
}
.point h2 {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .point h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}
.point h2 span {
  color: #ea5540;
  font-weight: 700;
}
.point .box {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 24% 72%;
  justify-content: space-between;
  align-items: center;
  padding: 6rem 0 0;
}
@media screen and (max-width: 640px) {
  .point .box {
    display: block;
    padding: 3rem 0 0;
  }
}
.point .box .read h3 {
  font-size: 26px;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .point .box .read h3 {
    line-height: 1.2;
    padding: 10px 0;
  }
}

.column_list {
  background: #FFF;
  padding: 5rem 0 7rem;
  margin: 0 0 0 0;
}
@media screen and (max-width: 640px) {
  .column_list {
    padding: 5rem 0 0;
  }
}
.column_list h2 {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .column_list h2 {
    font-size: 28px;
    line-height: 1.2;
  }
}
.column_list h2 span {
  color: #ea5540;
  font-weight: 700;
}
.column_list ul {
  display: grid;
  grid-template-columns: repeat(3, 30%);
  justify-content: space-between;
  width: 90%;
  max-width: 1000px;
  margin: 5rem auto;
}
@media screen and (max-width: 640px) {
  .column_list ul {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .column_list ul li {
    padding: 0 0 4rem;
  }
}
.column_list ul li h3 {
  font-size: 20px;
  line-height: 1.3;
  padding: 10px 0;
}
.column_list ul li h3 a {
  font-weight: 700;
  color: #004da0;
}
.column_list ul li .text {
  font-size: 15px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.column_list ul li .time {
  font-size: 15px;
  border-top: 1px solid #CCC;
  margin: 6px 0;
  display: flex;
  align-content: center;
  padding: 13px 0;
  border-bottom: 1px solid #CCC;
}
.column_list ul li .time::before {
  font-family: "Material Icons";
  content: "\e889";
  font-size: 20px;
  color: #004da0;
  line-height: 1.5;
}
.column_list ul li .link {
  display: flex;
  flex-wrap: wrap;
}
.column_list ul li .link .area a {
  background: #004da0;
  color: #FFF;
  padding: 0 10px;
  font-size: 14px;
  display: block;
  margin: 0 12px 0 0;
}
.column_list ul li .link .tag span {
  font-size: 14px;
  margin: 0 10px 0 0;
  white-space: nowrap;
}
.column_list ul li .link .tag span::before {
  content: '#';
  color: #004da0;
  margin: 0 3px 0 0;
}

.arealist ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.3;
}
.arealist ul li {
  margin: 7px 5px 0;
}
.arealist ul li::after {
  content: "/";
  margin: 0 0 0 15px;
}
.arealist ul li:last-child::after {
  display: none;
}
.arealist ul li a {
  color: #004da0;
  text-decoration: underline;
}

/*売却実績*/
.result .inner {
  max-width: 1000px;
}
.result .content {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.result .content h1 {
  font-size: clamp(24px, 3.2rem, 32px);
  text-align: left;
  padding: 13px 0 17px 0;
  line-height: 1.2;
}
.result .content h1 span {
  font-size: clamp(16px, 2.3rem, 20px);
  display: block;
  width: fit-content;
  padding: 7px 0;
  margin: 0 0 12px;
}
.result .content .user {
  display: flex;
  align-items: center;
  margin: 1rem 0 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 8px;
}
.result .content .user dt {
  background-color: #EFEFEF;
  padding: 0.4rem;
  font-size: 15px;
  margin: 0 0.4rem 0 0;
  box-sizing: border-box;
}
.result .content .user dd {
  padding: 0.4rem;
  margin: 0 2.4rem 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .result .content .user {
    flex-wrap: wrap;
    margin: 1rem 0 4rem;
    padding: 8px 0;
  }
  .result .content .user dt {
    width: 40%;
    font-size: 12px;
    margin: 0;
    padding: 5px;
  }
  .result .content .user dt:first-child {
    margin: 0 0 10px 0;
  }
  .result .content .user dd {
    width: 55%;
    padding: 5px;
    margin: 0 0 10px 10px;
  }
  .result .content .user dd:last-child {
    margin: 0 0 0 10px;
  }
}
.result .content .inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0;
  box-sizing: border-box;
}
.result .content .inner figure {
  width: 37%;
}
.result .content .inner figure p {
  font-size: 12px;
  margin: 5px 0;
}
.result .content .inner .read {
  width: 60%;
}
.result .content .inner .read dl {
  display: grid;
  grid-template-columns: 23% 74%;
  justify-content: space-between;
}
.result .content .inner .read dl dt {
  background-color: #eee;
  padding: 3px 8px;
  margin: 0 0 10px 0;
  font-size: 14px;
  text-align: center;
}
.result .content .inner .read dl dd {
  margin: 0 0 10px 0;
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .result .content .inner {
    display: block;
    padding: 0 0 20px;
  }
  .result .content .inner figure {
    width: 100%;
    margin: 0 0 20px;
  }
  .result .content .inner .read {
    width: 100%;
  }
  .result .content .inner .read dl {
    grid-template-columns: 29% 68%;
  }
  .result .content .inner .read dl dt {
    padding: 10px;
    font-size: 13px;
  }
  .result .content .inner .read dl dd {
    padding: 10px;
  }
}
.result .result_comment {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.result .result_comment h3 {
  padding: 7px 0 0 0;
  font-weight: 600;
  font-size: 20px;
  margin: 0 0 2px;
  display: flex;
  align-items: center;
}
.result .result_comment h3.icon01::before {
  font-family: "Material Icons";
  content: "\e94c";
  font-size: 34px;
  color: #004da0;
  font-weight: normal;
  line-height: 1.5;
}
.result .result_comment h3.icon02::before {
  font-family: "Material Icons";
  content: "\e0af";
  font-size: 32px;
  color: #004da0;
  font-weight: normal;
  line-height: 1.5;
  margin: 0 5px 0 0;
}
.result .result_comment h3.icon03::before {
  font-family: "Material Icons";
  content: "\e0e0";
  font-size: 32px;
  color: #004da0;
  font-weight: normal;
  line-height: 1.5;
  margin: 0 5px 0 0;
}
.result .result_comment h3.icon04::before {
  font-family: "Material Icons";
  content: "\e7fd";
  font-size: 34px;
  color: #004da0;
  font-weight: normal;
  line-height: 1.5;
}
.result .result_comment h3 + div {
  line-height: 1.5;
  margin: 0 0 30px;
  font-size: clamp(15px, 1.7rem, 16px);
}
.result .result_comment dl.comment dt {
  padding: 0.5rem 0;
  margin: 10px 0 0 0;
  font-weight: 700;
  color: #004da0;
  font-size: clamp(16px, 1.2rem, 18px);
  line-height: 1.5;
}
.result .result_comment dl.comment dt::before {
  content: 'Q.';
}
.result .result_comment dl.comment dd {
  font-size: clamp(15px, 1.2rem, 17px);
  padding: 0 0 20px;
  margin: 0;
  border-bottom: 1px solid #CCC;
  line-height: 1.5;
}
.result .result_comment .staff {
  line-height: 1.6;
  border: 1px solid;
  border-radius: 15px;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 3rem;
}

.result_list {
  padding: 4rem 0 0rem;
}
.result_list h2 {
  text-align: center;
  font-size: clamp(22px, 3.6rem, 36px);
  line-height: 1.4;
  position: relative;
  width: fit-content;
  margin: 3rem auto 0;
  padding: 0 0 0 2rem;
}
.result_list h2 span {
  color: #004da0;
}
.result_list ul {
  max-width: 1000px;
  margin: 25px auto;
  width: 90%;
}
@media screen and (max-width: 640px) {
  .result_list ul {
    width: 100%;
  }
}
.result_list ul li {
  display: grid;
  grid-template-columns: 26% 70%;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #666;
  padding: 20px 0;
}
.result_list ul li:last-child {
  border-bottom: 1px solid #666;
}
@media screen and (max-width: 640px) {
  .result_list ul li {
    display: block;
  }
}
.result_list ul li h3 {
  padding: 0 0 13px 0;
  font-size: clamp(22px, 3rem, 28px);
  line-height: 1.3;
}
.result_list ul li h3 a span {
  background-color: #e1ecf6;
  display: block;
  padding: 6px 15px;
  font-size: 18px;
  width: fit-content;
  border-radius: 5px;
  margin: 0 0 6px;
}
@media screen and (max-width: 640px) {
  .result_list ul li h3 a span {
    font-size: 14px;
  }
}
.result_list ul li h3 + p {
  line-height: 1.5;
}
.result_list ul li dl {
  display: grid;
  grid-template-columns: 18% 80%;
  justify-content: space-between;
  grid-gap: 7px 0;
  align-items: center;
}
.result_list ul li dl dt {
  background-color: #EFEFEF;
  padding: 5px;
}
@media screen and (max-width: 640px) {
  .result_list ul li article {
    display: grid;
    grid-template-columns: 30% 67%;
    justify-content: space-between;
    align-items: center;
  }
  .result_list ul li article dl {
    grid-template-columns: 30% 66%;
    font-size: 13px;
  }
}
.result_list ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 4/3;
}

.sitemap {
  padding: 0 1rem 5rem;
}
.sitemap li a {
  /*display: flex;
  align-items: center;
  gap: 1rem;*/
  width: fit-content;
  border-bottom: 1px dotted #ccc;
  /*text-decoration: underline;*/
  line-height: 2.3;
}
.sitemap li a img {
  width: 16px;
}
.sitemap li a .orange {
  color: #ea5504;
  text-decoration: none;
  padding-right: 0.5rem;
}
.sitemap li a .fwn {
  font-weight: normal;
}
.sitemap .lv1 li.lv1first {
  padding-bottom: 1rem;
}
.sitemap .lv1 li.lv1second {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 930px) {
  .sitemap .lv1 li.lv1second {
    flex-direction: column;
  }
}
.sitemap .lv1 li.lv1second .lv2 {
  text-indent: 4rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 930px) {
  .sitemap .lv1 li.lv1second .lv2 {
    text-indent: 1rem;
  }
}
.sitemap .lv1 li.lv1second .lv2 .lv3 {
  text-indent: 8rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 930px) {
  .sitemap .lv1 li.lv1second .lv2 .lv3 {
    text-indent: 2rem;
  }
}
.sitemap .lv1 li.lv1second .lv2 .lv3 .lv4 {
  text-indent: 12rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 930px) {
  .sitemap .lv1 li.lv1second .lv2 .lv3 .lv4 {
    text-indent: 3rem;
  }
}
.sitemap .lv1 li.lv1third .lv2 {
  text-indent: 4rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 930px) {
  .sitemap .lv1 li.lv1third .lv2 {
    text-indent: 1rem;
  }
}

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