@charset "UTF-8";
/* CSS Document */

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.60;
	opacity:0.60;
}
a,
a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	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%;
}
.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 img {
    /*max-width: 488px;*/
}
.logo a {
}
.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,.mailTxt a {
        font-size: calc(100vw * 16 / 1400);
    }
    .telNum {
        font-size: calc(100vw * 32 / 1400);
		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;
}
.navFlex a:hover {

}
.ham-btn {
    display:flex;
    z-index:151;
    order: 4;
	border-left: 1px solid #e5e5e5;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .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) {
  -webkit-transform: translateX(-50%) translateY(11px) rotate(-45deg);
  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) {
  -webkit-transform: translateX(-50%) translateY(-11px) rotate(45deg);
  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.0;
    opacity: 1.0;
}
.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,.mailWrap {
        display: none
    }
}
@media screen and (max-width: 600px) {
    .logoFlex {
        height: 50px;
    }
	.logo {
		width: 77vw;
        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) {
      -webkit-transform: translateX(-50%) translateY(8px) rotate(-45deg);
      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) {
      -webkit-transform: translateX(-50%) translateY(-8px) rotate(45deg);
      transform: translateX(-50%) translateY(-8px) rotate(45deg);
    }
}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 420px) {

}
.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: 600px) {
}
@media screen and (max-width: 480px) {
    .hNav a {
        font-size: calc(100vw * 16 / 400);
		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: 600px) {
}
@media screen and (max-width: 480px) {
    .hNavBtm {
        font-size: calc(100vw * 16 / 400);
    }
    .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;
    }
}

/*メイン
-------------------------------------------------------*/
.mv {
	min-height: 450px;
	background: url("../img/main_pc.jpg") center center;
	background-size: cover;
}
.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;
}
.h2txt small {
	font-size: 64%;
	background-color: #004da0;
	border-radius: 10px;
	color: #fff;
	width: fit-content;
	padding: 0 3rem;
	-webkit-text-stroke: 0;
    text-stroke: 0;
	margin-bottom: 0.5rem;
}
.h2txt big {
	font-size: 135%;
	line-height: 1.1;
}
@media screen and (max-width: 900px) {
    .mv {
        min-height: 50vw;
        background: url("../img/main_sp.jpg") center center;
        background-size: cover;
    }
    .h2txt {
        font-size: calc(100vw * 55 / 900);
    }
}
@media screen and (max-width: 480px) {
    .h2txt {
        font-size: calc(100vw * 26.5 / 400);
        -webkit-text-stroke: 2vw #fff;
        text-stroke: 2vw #fff;
    }
}
.h3txtCatch {
	font-size: 4.0rem;
	padding-top: 50px;
}
.h3txtCatch small {
	font-size: 3.6rem;
	display: block;
}
.s1 {
	padding: 0 0 120px;
}
.s1txt {
	font-size: 2.0rem;
}
@media screen and (max-width: 900px) {
    .h3txtCatch {
         font-size: calc(100vw * 40 / 900);
    }
    .h3txtCatch small  {
         font-size: calc(100vw * 36 / 900);
    }
    .s1txt {
        font-size: calc(100vw * 20 / 900);
    }
}
@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: calc(100vw * 20 / 400);
    }
    .h3txtCatch small  {
         font-size: calc(100vw * 18 / 400);
    }
}
.keiihanWrap {
	border-radius: 10px;
	box-shadow: 3px 3px 2px rgba(0,0,0,.15);
	padding: 2rem 3%;
}
.h4txtKeihan {
	font-size: 3.5rem;
}
.h4txtKeihan big {
	font-size: 160%;
	display: block;
	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%;
}
.logoHeihan {}
@media screen and (max-width: 900px) {
    .keiihanWrap {
        padding: 1.5rem 3%;
    }
    .h4txtKeihan {
         font-size: calc(100vw * 35 / 900);
    }
    .h4txtKeihan big {
        padding-left: 1rem;
        line-height: 1.3;
    }
	.logoHeihan {
		width: 92%;
		margin: auto;
	}
}
@media screen and (max-width: 480px) {
    .h4txtKeihan {
         font-size: calc(100vw * 18 / 400);
    }
    .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;*/
}
.s1btmRight {
	width: 65%;
	display: flex;
	align-items: center;
	gap: 0.5em;
	border-radius: 5px;
	padding: 0.5rem 0 0.5rem 1.5rem;
}
.s1btm1 {
	width: 36%;
	flex-shrink: 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: 125%;
	-webkit-text-emphasis: circle #ffe33f;
    text-emphasis: circle #ffe33f;
	/*background-image: radial-gradient(circle at center, #ffe33f 20%, transparent 20%);
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 1em 1.5em;
    padding-top: 1em;*/
}
@media screen and (max-width: 1000px) {
    .s1btmTxt1 {
        font-size: calc(100vw * 25 / 1000);
    }
    .s1btmTxt2 {
        font-size: calc(100vw * 32 / 1000);
    }
}
@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: calc(100vw * 26 / 900);
		width: 48%;
    }
    .s1btmTxt2 {
        font-size: calc(100vw * 40 / 900);
    }
}
@media screen and (max-width: 480px) {
    .s1btmRight {
        gap: 0;
        padding: 1vw 0 1vw 1.5vw;
    }
    .s1btmTxt1 {
        font-size: calc(100vw * 16 / 400);
		width: 48%;
    }
    .s1btmTxt2 {
        font-size: calc(100vw * 20 / 400);
		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: fit-content;
	font-size: 3.4rem;
	padding: 0.5rem 3rem 0 3rem;
}
.gampTxt span {
}
.gampTxt::before {
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: -20px;
	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: calc(100vw * 36 / 900);
    }
    .gampTxt {
        font-size: calc(100vw * 34 / 900);
    }
    .h4gmap {
        font-size: calc(100vw * 24 / 900);
        padding: 0.5rem
    }
    .h5gmap {
        font-size: calc(100vw * 22 / 900);
    }
    .gmapTxt {
        font-size: calc(100vw * 18 / 900);
    }
}
@media screen and (max-width: 600px) {
    .mapArea {
        padding-top: 4vw;
    }
    .mapArea::before {
        height: 4vw;
        top: -4vw;
    }
    .h3map {
        font-size: calc(100vw * 36 / 700);
		line-height: 1.5;
    }
    .gampTxt {
		width: 100%;
        padding: 1rem 0 0 0;
		text-align: center;
		line-height: 1.2;
        font-size: calc(100vw * 34 / 700);
    }
    .h4gmap {
        font-size: calc(100vw * 24 / 700);
        padding: 0.5rem
    }
    .h5gmap {
        font-size: calc(100vw * 22 / 700);
    }
    .gmapTxt {
        font-size: calc(100vw * 18 / 700);
    }
}
@media screen and (max-width: 480px) {
    .h3map {
        font-size: calc(100vw * 28 / 400);
    }
    .gampTxt {
        font-size: calc(100vw * 20 / 400);
    }
    .h4gmap {
        font-size: calc(100vw * 18 / 400);
    }
    .h5gmap {
        font-size: calc(100vw * 18 / 400);
    }
    .gmapTxt {
        font-size: calc(100vw * 16 / 400);
    }
}

ul.cap{
    margin: 20px auto 0;
    list-style: disc;
    list-style-position: inside;
}

/* cta
-------------------------------------------------------*/
.ctaWrap {
	padding: 130px 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,.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 rgba(0,0,0,1);
	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.0;
}
.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: calc(100vw * 37 / 1100);
    }
    .ctaTel dt {
        font-size: calc(100vw * 18 / 1100);
    }
    .ctaTel dd {
        font-size: calc(100vw * 41 / 1100);
    }
    .ctaForm {
        font-size: calc(100vw * 23 / 1100);
    }
    .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: calc(100vw * 32 / 600);
    }
    .ctaTel dt {
        font-size: calc(100vw * 18 / 600);
    }
    .ctaTel dd {
        font-size: calc(100vw * 41 / 600);
    }
    .ctaForm {
        font-size: calc(100vw * 23 / 600);
    }
    .fukidashi {
		width: 15vw;
        right: -3.75em;
    }
}
@media screen and (max-width: 480px) {
    .h3cta {
        font-size: calc(100vw * 20 / 400);
    }
    .ctaFlex {
		gap: 7vw;
    }
    .ctaTel dt {
        font-size: calc(100vw * 15 / 400);
    }
    .ctaTel dd {
        font-size: calc(100vw * 28 / 400);
    }
    .ctaForm {
        font-size: calc(100vw * 20 / 400);
    }
    .fukidashi {
		width: 15vw;
        top: -2em;
        right: -2.75em;
    }
	.icoCta {
		width: 13vw;
		margin: -20px auto 0;
	}
}
.ctaTxt1 {
	font-size: 2.0rem;
}
.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: calc(100vw * 20 / 1100);
    }
    .ctaInfo {
        font-size: calc(100vw * 18 / 1100);
    }
    .bgCta {
        bottom: 2vw;
        right: 3vw;
    }
}
@media screen and (max-width: 768px) {
    .ctaTxt1 {
        font-size: calc(100vw * 24 / 768);
		line-height: 1.5;
    }
    .ctaInfo {
        font-size: calc(100vw * 18 / 768);
    }
    .bgCta {
		width: 20vw;
        bottom: 9vw;
        right: 3vw;
    }
}
@media screen and (max-width: 480px) {
    .ctaTxt1 {
        font-size: calc(100vw * 16 / 400);
		line-height: 1.5;
    }
    .ctaInfo {
        font-size: calc(100vw * 16 / 400);
    }
    .bgCta {
		width: 22vw;
        bottom: 20vw;
        right: 3vw;
    }
}

/* スタッフ
-------------------------------------------------------*/
.staffHead {
	padding: 40px 0 120px;
}
.contBoxStaffHead {
	max-width: 910px;
}
.h3staff {
	font-size: 7.0rem;
	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: calc(100vw * 70 / 1000);
    }
    .bgStaff {
        width: 17vw;
    }
}
@media screen and (max-width: 480px) {
    .staffHead {
        padding: 3vw 0 11vw;
    }
    .h3staff {
        font-size: calc(100vw * 29 / 400);
    }
    .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: calc(100vw * 34 / 1000);
		padding-left: 1.5vw;
    }
}
@media screen and (max-width: 480px) {
    .staffBtm {
		padding: 5vw 3.5vw 8vw;
    }
    .h4staff {
        font-size: calc(100vw * 25 / 400);
		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.3rem;
}
.name {
	font-size: 2.6rem;
}
.br768 {
	display: none;
}
.br600 {
	display: none;
}
.br480 {
	display: none;
}
.staffOsaka {
	margin-bottom: 5rem;
	padding-bottom: 5rem;
	border-bottom: 1px solid #cbcbcb;
}
@media screen and (max-width: 1000px) {
    .staffImg {
		width: 16vw;
    }
	.staffTxt {
        font-size: calc(100vw * 15 / 1000);
    }
	.name {
        font-size: calc(100vw * 26 / 1000);
    }
}
@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: calc(100vw * 16 / 800);
    }
	.name {
        font-size: calc(100vw * 26 / 800);
    }
    .staffOsaka {
        margin-bottom: 6vw;
        padding-bottom: 6vw;
    }
}
@media screen and (max-width: 768px) {
    .br768 {
        display: block;
	}
}
@media screen and (max-width: 600px) {
	.staffTxt {
        font-size: calc(100vw * 16 / 600);
    }
	.name {
        font-size: calc(100vw * 26 / 600);
    }
    .br600 {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .staffCont {
        align-items: flex-start;
    }
	.staffTxt {
        font-size: calc(100vw * 15 / 400);
    }
	.name {
        font-size: calc(100vw * 20 / 400);
    }
    .br480 {
        display: block;
    }
}
.btnStaff a {
	display: flex;
	align-items: center;
	gap: 1rem;
	border-radius: 50px;
	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: calc(100vw * 17 / 1000);
    }
}
@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;
        width: 100%;
    }
    .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: calc(100vw * 13.5 / 400);
    }
    .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: calc(100vw * 45 / 1000);
    }
	.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: calc(100vw * 27 / 400);
    }
    .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: 179%;
	line-height: 1.2;
}
@media screen and (max-width: 1100px) {
    .h4osusume {
		font-size: calc(100vw * 24 / 1100);
    }
}
@media screen and (max-width: 800px) {
    .osusumeWrap {
		flex-direction: column;
    }
	.ususumeImg {
		width: 100%;
	}
    .osusumeDtl {
        padding: 4vw 6vw 6vw;
    }
    .h4osusume {
		font-size: calc(100vw * 22 / 800);
    }
}
@media screen and (max-width: 480px) {
    .osusumeDtl {
        padding: 4vw;
    }
    .h4osusume {
		font-size: calc(100vw * 19 / 400);
	}
    .h4osusume big {
        font-size: 150%;
        line-height: 1.4;
    }
}
.att {
	font-size: 1.3rem;
}
@media screen and (max-width: 1000px) {
	.att {
        font-size: calc(100vw * 15 / 1000);
    }
}
@media screen and (max-width: 800px) {
	.att {
        font-size: calc(100vw * 16 / 800);
    }
}
@media screen and (max-width: 600px) {
	.att {
        font-size: calc(100vw * 16 / 600);
    }
}
@media screen and (max-width: 480px) {
	.att {
        font-size: calc(100vw * 15 / 400);
    }
}
.osusumeTxt {
	font-size: 1.6rem;
}
@media screen and (max-width: 1000px) {
	.osusumeTxt {
        font-size: calc(100vw * 15 / 1000);
    }
}
@media screen and (max-width: 800px) {
	.osusumeTxt {
        font-size: calc(100vw * 16 / 800);
    }
}
@media screen and (max-width: 600px) {
	.osusumeTxt {
        font-size: calc(100vw * 16 / 600);
    }
}
@media screen and (max-width: 480px) {
	.osusumeTxt {
        font-size: calc(100vw * 15 / 400);
    }
}

/* 不動産買取の流れ
-------------------------------------------------------*/
.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: calc(100vw * 22 / 1050);
    }
    .h4step {
        font-size: calc(100vw * 22 / 1050);
    }
    .stepTxt {
        font-size: calc(100vw * 16 / 1050);
    }
    .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: calc(100vw * 16 / 400);
    }
    .stepWrap li {
        padding: 5vw 0 5vw 2vw;;
    }
    .stepNum {
        font-size: calc(100vw * 16 / 400);
    }
    .h4step {
        font-size: calc(100vw * 19 / 400);
    }
    .stepTxt {
        font-size: calc(100vw * 15 / 400);
    }
    .arw1 {
      height: 46vw;
    }
    .arw2 {
      height: 50vw;
    }
    .arw3 {
      height: 28vw;
    }
}

/* 大阪府の不動産売却よくある質問
-------------------------------------------------------*/
.h3faq {
	font-size: 3.6rem;
	margin-bottom: 3rem;
}
.faqWrap {
	display: flex;
	flex-flow: wrap;
	gap: 3rem 3%;
}
.faqCont {
	width: 48.5%;
	padding: 1.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: 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: calc(100vw * 36 / 800);
    }
    .faqWrap {
        flex-direction: column;
        gap: 3vw;
    }
    .faqCont {
        width: 100%;
    }
    .faqCont dt {
        font-size: calc(100vw * 22 / 800);
    }
    .faqCont dt::before {
        font-size: calc(100vw * 30 / 800);
    }
    .faqMore {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
}
@media screen and (max-width: 600px) {
    .h3faq {
		font-size: calc(100vw * 36 / 600);
	margin-bottom: 2rem;
    }
    .faqCont dt {
        font-size: calc(100vw * 22 / 600);
    }
    .faqCont dt::before {
        font-size: calc(100vw * 30 / 600);
    }
}
@media screen and (max-width: 480px) {
    .h3faq {
		font-size: calc(100vw * 28 / 400);
    }
    .faqCont dt {
        font-size: calc(100vw * 20 / 400);
    }
    .faqCont dt::before {
        font-size: calc(100vw * 30 / 400);
    }
}
.faqCont dd {
	font-size: 1.6rem;
}
@media screen and (max-width: 1000px) {
	.faqCont dd {
        font-size: calc(100vw * 15 / 1000);
    }
}
@media screen and (max-width: 800px) {
	.faqCont dd {
        font-size: calc(100vw * 16 / 800);
    }
}
@media screen and (max-width: 600px) {
	.faqCont dd {
        font-size: calc(100vw * 16 / 600);
    }
}
@media screen and (max-width: 480px) {
	.faqCont dd {
        font-size: calc(100vw * 15 / 400);
    }
}

/* footer
-------------------------------------------------------*/
footer {
	padding: 60px 0 90px;
}
.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.8rem;
}
.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: calc(100vw * 16 / 400);
		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: calc((100% - 4%) / 3);
	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%;
    }
    .subNav li {
    }
    .subNavBtn {
        width: calc(100% / 3);
    }
    .subNav a {
        color: #fff;
        padding: 1rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media screen and (max-width: 480px) {
    .subNav {
        font-size: calc(100vw * 16 / 400);
    }
    .subNav a {
        padding: 1rem 0;
    }
    .subNav img {
		width: 5.5vw;
    }
}
@media(min-width: 768px){
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
    }
}

























.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;
    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;
}