@charset "utf-8";

/* -------------------------------------------------- */
/* PC*/
/* -------------------------------------------------- */
.sp {
	display: none;
}

/* 共通 */
/* -------------------------------------------------- */

/* タイトル */
.lpTit1 {
	padding-bottom: 20px;
	margin-bottom: 50px;
	font-size: 3.4rem;
	font-weight: bold;
	text-align: center;
	position: relative;
}

.lpTit1::after {
	content: "";
	height: 3px;
	width: 30px;
	background: #009843;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.lpTit1 .subTit {
	display: block;
	font-size: 1.8rem;
	color: #009843;
}

.lpTit2 {
	padding: 0 10px;
	margin-bottom: 20px;
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
	display: inline-block;
}

.lpTit2 > span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 2;
}

.lpTit2::after {
	content: "";
	width: 100%;
	height: 20px;
	background: #e4f4eb;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 1;
}

.lpTit2.num1::before {
	content: "";
	width: 22px;
	height: 30px;
	margin-right: 10px;
	background: url(../../img/lp/tit_num1.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: middle;
}

.lpTit2.num2::before {
	content: "";
	width: 29px;
	height: 30px;
	margin-right: 10px;
	background: url(../../img/lp/tit_num2.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: middle;
}

.lpTit2.num3::before {
	content: "";
	width: 29px;
	height: 30px;
	margin-right: 10px;
	background: url(../../img/lp/tit_num3.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: middle;
}

.lpTit3 {
	padding: 0 30px 0 40px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #009843;
	font-size: 2.8rem;
	position: relative;
	display: inline-block;
}

.lpTit3 span {
	display: inline-block;
	vertical-align: middle;
}

.lpTit3::after {
	content: "";
	width: 100%;
	height: 3px;
	background: #009843;
	display: inline-block;
	position: absolute;
	bottom: 5px;
	left: 0;
}

.lpTit3::before {
	content: "";
	width: 50px;
	height: 30px;
	background: url(../../img/lp/tit_parts2.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: text-bottom;
	background-size: contain;
}

.lpTit4 {
	padding-bottom: 30px;
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	position: relative;
	color: #009843;
	text-align: center;
}

.lpTit4::after {
	content: "";
	width: 320px;
	height: 51px;
	background: url(../../img/lp/tit_parts3.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.lpTit5 {
	margin-bottom: 30px;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
}

.lpTit5.num1::before {
	content: "";
	width: 64px;
	height: 64px;
	margin-right: 20px;
	background: url(../../img/lp/icon_num1.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.lpTit5.num2::before {
	content: "";
	width: 64px;
	height: 64px;
	margin-right: 20px;
	background: url(../../img/lp/icon_num2.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.lpTit5.num3::before {
	content: "";
	width: 64px;
	height: 64px;
	margin-right: 20px;
	background: url(../../img/lp/icon_num3.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.traffic {
	padding-bottom: 80px;
}

.lpTit6 {
	margin-bottom: 30px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #009843;
}

.lpTit6 span {
	background: linear-gradient(transparent 60%, #fefe00 60%);
}

.lpTit7 {
	margin: 0 auto 30px;
	text-align: center;
}

.lpTit7In {
	font-size: 2.4rem;
	font-weight: bold;
	display: inline-block;
	border-bottom: 4px #009843 solid;
}

.gourmet .lpTit7In {
	font-size: 3rem;
	border-bottom: none;
	color: #009843;
}

.lpTit7In span {
	line-height: 1;
	display: inline-block;
	vertical-align: bottom;
}

.lpTit7.child .lpTit7In::before {
	content: "";
	width: 23px;
	height: 28px;
	margin: 0 20px;
	background: url(../../img/lp/tit_parts4.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: bottom;
}

.lpTit7.health .lpTit7In::before {
	content: "";
	width: 35px;
	height: 27px;
	margin: 0 20px;
	background: url(../../img/lp/tit_parts5.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: bottom;
}

.lpTit7.shopping .lpTit7In::before {
	content: "";
	width: 23px;
	height: 28px;
	margin: 0 15px 0 20px;
	background: url(../../img/lp/tit_parts8.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: bottom;
}

.lpTit7.gourmet .lpTit7In::before {
	content: "";
	width: 16px;
	height: 42px;
	margin: 0 20px;
	background: url(../../img/lp/tit_parts6.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: bottom;
}

.lpTit7.gourmet .lpTit7In::after {
	content: "";
	width: 16px;
	height: 42px;
	margin: 0 20px;
	background: url(../../img/lp/tit_parts7.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: bottom;
}

.lpTit8 {
	margin-bottom: 30px;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
}

.lpTit8::before {
	content: "";
	width: 77px;
	height: 77px;
	margin: 0 auto 10px;
	display: block;
}

.lpTit8.num1::before {
	background: url(../../img/lp/tit3_num1.svg) no-repeat center center / contain;
}

.lpTit8.num2::before {
	background: url(../../img/lp/tit3_num2.svg) no-repeat center center / contain;
}

.lpTit8.num3::before {
	background: url(../../img/lp/tit3_num3.svg) no-repeat center center / contain;
}

.lpTit8.num4::before {
	background: url(../../img/lp/tit3_num4.svg) no-repeat center center / contain;
}

.lpTit9 {
	margin-bottom: 30px;
	text-align: center;
}

.lpTit9 span {
	padding: 10px 30px;
	position: relative;
	display: inline-block;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: 0.16em;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}

.lpTit9 span::before {
	content: "";
	position: absolute;
	left: 8px;
	bottom: calc(100% + 2px);
}

.lpTit9.type1 span::before {
	width: 35px;
	height: 31px;
	background: url(../../img/lp/transfer/transfer_tit_parts1.svg) no-repeat center bottom / contain;
}

.lpTit9.type2 span::before {
	width: 46px;
	height: 26px;
	background: url(../../img/lp/transfer/transfer_tit_parts2.svg) no-repeat center bottom / contain;
}

/* コンバージョン */
.cv {
	background: #009843;
	padding: 25px 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.cvTxtArea {
	width: calc(100% - 330px);
	padding-right: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #FFF;
}

.cvTxtArea::before {
	content: "";
	width: 183px;
	height: 30px;
	margin-bottom: 10px;
	background: url(../../img/lp/logo_white.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.cvTit {
	margin-bottom: 5px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}



/* メインビジュアル */
/* -------------------------------------------------- */
#kasugashi #pagetitle::after {
	content: "RECOMMENDED PROPERTIES IN KASUGA CITY";
}

#onojoshi #pagetitle::after {
	content: "RECOMMENDED PROPERTIES IN ONOJO CITY";
}

#chikushinoshi #pagetitle::after {
	content: "RECOMMENDED PROPERTIES IN CHIKUSHINO CITY";
}

#dazaifushi #pagetitle::after {
	content: "RECOMMENDED PROPERTIES IN DAZAIFU CITY";
}

#pet #pagetitle::after {
	content: "LIVING WITH A PET IN FUKUOKA";
}

#parking #pagetitle::after {
	content: "MONTHLY PARKING LOT FEATURE";
}

#family #pagetitle::after {
	content: "TIPS FOR FINDING FAMILY-FRIENDLY PROPERTIES IN FUKUOKA";
}

#couple #pagetitle::after {
	content: "SPECIAL FEATURE FOR NEWLYWEDS AND COUPLES";
}

#transfer #pagetitle::after {
	content: "COMFORTABLE NEW LIFE IN FUKUOKA";
}

#fv {
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
}

#fvTxtArea {
	width: calc(100% - 300px - 40px);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: column;
}

#fvMainTit {
	padding-bottom: 10px;
	font-size: 3rem;
	font-weight: bold;
	order: 2;
}

#fvSubTit span {
	width: auto;
	margin-bottom: 20px;
	background: #009843;
	font-size: 1.8rem;
	color: #FFF;
	padding: 10px 30px;
	position: relative;
	font-weight: bold;
	order: 1;
	display: inline-block;
	vertical-align: middle;
}

#fvSubTit span::after {
	content: "";
	width: 18px;
	height: 100%;
	background: url(../../img/lp/tit_parts.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: -18px;
}

#fvTxt {
	order: 3;
	font-size: 1.5rem;
	padding-bottom: 20px;
	border-bottom: 1px solid #009843;
}

#fvImgArea {
	width: 300px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 10px;
}

#provisional #fvImgArea {
	height: 300px;
	background: #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
#provisional #fvImgArea img {
	display: none;
}
*/

#fvImgArea img {
	width: 100%;
	height: auto;
}

/*
#provisional #fvImgArea:before {
	content: '撮影予定';
	color: #444;
	font-size: 1.8rem;
	font-weight: bold;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.0;
	position: absolute;
}
*/


/* ペットと暮らす家探しの3つのポイント */
/* -------------------------------------------------- */
#point {
	padding-top: 100px;
	padding-bottom: 60px;
}

#pointList li {
	border-left: 3px #009843 solid;
	margin-bottom: 40px;
	padding-left: 30px;
	font-size: 1.6rem;
}

#pointList li:last-child {
	margin-bottom: 0;
}

/* 物件の種類についてご紹介 */
/* -------------------------------------------------- */
#infoWrap {
	padding: 60px 30px;
	margin-bottom: 100px;
	background: #e4f4eb;
	border-radius: 10px;
	text-align: center;
	font-size: 1.6rem;
}

#introTxt {
	padding-bottom: 40px;
}

#introList li {
	padding: 30px;
	margin-bottom: 20px;
	background: #FFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}

#introList li::last-child {
	margin-bottom: 0px;
}

.introImg {
	width: 270px;
}

.introImg img {
	width: 100%;
	height: auto;
}

.IntroContent {
	width: calc(100% - 270px);
	padding-left: 30px;
	text-align: left;
	font-size: 1.4rem;
}

.introTit {
	font-size: 2.4rem;
	font-weight: bold;
}

.introTit span {
	display: inline-block;
	vertical-align: middle;
}

.introTit.num1::before {
	content: "";
	width: 36px;
	height: 36px;
	margin-right: 15px;
	background: url(../../img/lp/tit2_num1.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.introTit.num2::before {
	content: "";
	width: 36px;
	height: 36px;
	margin-right: 15px;
	background: url(../../img/lp/tit2_num2.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.introTit.num3::before {
	content: "";
	width: 36px;
	height: 36px;
	margin-right: 15px;
	background: url(../../img/lp/tit2_num3.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}


/* 近くにあるとうれしい施設をご案内！ */
/* -------------------------------------------------- */
.facility {
	margin-bottom: 100px;
}


.facilityTop {
	padding-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.facilityImg {
	width: 400px;
	height: auto;
}

.facilityImg img {
	width: 100%;
}

.facilityTxt {
	width: calc(100% - 400px);
	padding-left: 30px;
}

.facilityDetail {
	padding: 30px;
	border: 2px solid #009843;
	border-radius: 10px;
	text-align: center;
}

.facilityListWrap {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.facilityList {
	width: 32%;
	padding: 20px 20px 30px 20px;
	border: 2px #d2d2d2 solid;
	border-radius: 10px;
}

.facilityListWrap dt {
	padding-bottom: 10px;
	font-size: 1.2rem;
	text-align: center;
}

.facilityListWrap dt span {
	font-size: 2rem;
	font-weight: bold;
	color: #009843;
}

.facilityListWrap dd {
	padding-left: 13px;
	margin-bottom: 15px;
	color: #000;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: left;
	text-indent: -13px;
	line-height: 1.2;
}

.facilityListWrap dd:last-child {
	margin-bottom: 0;
}

.facilityListWrap dd::before {
	content: "";
	width: 10px;
	height: 10px;
	background: #009843;
	display: inline-block;
	border-radius: 50%;
}

.facilityListWrap dd span {
	color: #959595;
	font-size: 1.1rem;
	line-height: 1.4;
}

.anno {
	text-align: left;
}

/* 春日市3つの魅力 */
/* -------------------------------------------------- */
#charmWrap {
	margin: 100px auto;
}

.charm {
	margin-bottom: 80px;
}

.charmInner {
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.charm:nth-child(3) .charmInner {
	flex-direction: row-reverse;
}

.charmTxt {
	width: 100%;
	margin: 0 auto;
	font-size: 1.6rem;
}

.charmInner .charmTxt {
	width: 60%;
	margin: 0;
}

.charmInner .charmImg {
	width: 36%;
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.charmInner .charmImg img {
	height: 100%;
}

/*
#dazaifushi .charm:nth-child(4) .charmInner .charmImg img {
	display: none;
}
*/

/*
.charmInner .charmImg:before {
	content: '有料写真購入';
	padding: 0.5em;
	color: #444;
	font-size: 1.8rem;
	font-weight: bold;
	background: #fff;
	border: 2px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.0;
	position: absolute;
}
*/

#dazaifushi .charm:nth-child(4) .charmInner .charmImg:before {
	content: '撮影予定';
	padding: 0;
	color: #444;
	font-size: 1.8rem;
	font-weight: bold;
	background: transparent;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.0;
	position: absolute;
}

.commonList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	gap: 20px 0;
}

.commonList li {
	width: 32%;
	position: relative;
}

.commonListImg {
	width: 100%;
	height: 200px;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

/*
#provisional .commonListImg {
	background: #ddd;
}
*/

/*
#provisional .commonListImg:before {
	content: '撮影予定';
	color: #444;
	font-size: 1.8rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.0;
	position: absolute;
}
*/

.commonListImg img {
	width: 100%;
	height: auto;
}

/*
#provisional .commonListImg img {
	display: none;
}
*/

.commonListName {
	width: 80%;
	min-height: 50px;
	padding: 10px 0;
	margin: -25px auto 0;
	background: #e4f4eb;
	color: #009843;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.2;
	position: relative;
	z-index: 2;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.commonListName.small {
	font-size: 1.6rem;
	letter-spacing: 0.01em;
}

.commonListNum {
	padding: 5px 20px;
	margin: 0 0 -5px;
	background: #fefe00;
	color: #009843;
	font-size: 1.2rem;
	border-radius: 10px 10px 0 0;
}

.reccommend {
	margin-top: 40px;
}

.gMap {
	padding-bottom: 30px;
}

.gMap iframe {
	width: 100%;
	height: 480px;
}

/* 店舗情報*/
/* -------------------------------------------------- */
.shopWrap {
	margin-bottom: 100px;
}

.shop {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.shopLpImg {
	width: 360px;
}

.shopLpImg img {
	width: 100%;
	height: auto;
}

.shopInfo {
	width: calc(100% - 360px);
	padding-left: 30px;
}

.area {
	padding: 0 10px;
	margin-bottom: 10px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #009843;
	border: 1px #009843 solid;
	display: inline-block;
}

.shop .shopName {
	width: 100%;
	margin-bottom: 15px;
}

.shop .shopName span {
	font-size: 3rem;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

.ig {
	width: 15px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: bottom;
}

.ig img {
	width: 100%;
	height: auto;
}

.address {
	margin-bottom: 10px;
}

.tel {
	padding: 15px;
	margin-bottom: 20px;
	background: #e4f4eb;
	border-radius: 10px;
	font-size: 1.3rem;
}

.num {
	font-size: 3rem;
	color: #009843;
	font-weight: bold;
	line-height: 1;
}

.num::before {
	content: "";
	width: 23px;
	height: 28px;
	margin-right: 5px;
	background: url(../../img/common/icon_tel.svg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.num .telLink {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

/* 駐車場流れ */
/* -------------------------------------------------- */
#flow {
	padding: 100px 0;
}

#tabBtn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

#tabBtn li {
	width: 49%;
	height: 90px;
	background: #b5b5b5;
	border: 3px #b5b5b5 solid;
	color: #FFF;
	border-radius: 10px 10px 0 0;
	font-size: 2.4rem;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

#tabBtn li.on {
	width: 49%;
	height: 90px;
	background: #FFF;
	border: 3px #009843 solid;
	color: #009843;
	border-radius: 10px 10px 0 0;
	font-size: 2.4rem;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#corporation::before {
	content: "";
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background: url(../../img/lp/parking/parking_tab_icon1_off.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}

#corporation.on::before {
	content: "";
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background: url(../../img/lp/parking/parking_tab_icon1_on.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}

#private::before {
	content: "";
	width: 33px;
	height: 29px;
	margin-right: 10px;
	background: url(../../img/lp/parking/parking_tab_icon2_off.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}

#private.on::before {
	content: "";
	width: 33px;
	height: 29px;
	margin-right: 10px;
	background: url(../../img/lp/parking/parking_tab_icon2_on.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}

#tabDetail {
	padding: 40px 25px;
	background: #e4f4eb;
}

.flow1 {
	padding-bottom: 40px;
	text-align: center;
}

.flow1 h2 {
	font-size: 2.2rem;
	margin-bottom: 20px;
	color: #009843;
	font-weight: bold;
}

.flow1 h2 span {
	display: block;
}

.flow1 h2::before {
	content: "";
	width: 50px;
	height: 66px;
	margin-bottom: 10px;
	background: url(../../img/lp/parking/parking_icon1.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.flow1 p {
	font-size: 1.4rem;
}

.flow {
	border: 4px #009843 solid;
	background: #FFF;
}

.step {
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	border-bottom: 2px #009843 solid;
	position: relative;
}

.step.end {
	padding: 50px 30px 30px;
	background: #ffff99;
	text-align: center;
}

.step.end h3::before {
	content: "";
	width: 73px;
	height: 36px;
	margin-bottom: 10px;
	background: url(../../img/lp/parking/parking_icon2.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.step.end .stepDetail {
	width: 100%;
	padding: 0;
}

.step.end h3::before {
	content: "";
	width: 73px;
	height: 36px;
	margin-bottom: 10px;
	background: url(../../img/lp/parking/parking_icon2.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.step.end h3 span {
	display: block;
}

.step::after {
	content: "";
	width: 54px;
	height: 22px;
	background: url(../../img/lp/parking/step_arrow1.png) 0 0 no-repeat;
	position: absolute;
	bottom: -22px;
	left: 20%;
	z-index: 2;
}

.step.end::after {
	display: none;
}

.step.stepEnd::after {
	content: "";
	width: 100%;
	height: 32px;
	background: url(../../img/lp/parking/step_arrow2.png) center 0 no-repeat;
	position: absolute;
	bottom: -32px;
	left: 0;
	z-index: 2;
}

.step.first::before {
	content: "";
	width: 100px;
	height: 100px;
	background: url(../../img/lp/parking/parking_step1.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.step.second::before {
	content: "";
	width: 100px;
	height: 100px;
	background: url(../../img/lp/parking/parking_step2.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.step.third::before {
	content: "";
	width: 100px;
	height: 100px;
	background: url(../../img/lp/parking/parking_step3.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.step.fourth::before {
	content: "";
	width: 100px;
	height: 100px;
	background: url(../../img/lp/parking/parking_step4.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.stepDetail {
	width: calc(100% - 100px);
	padding-left: 30px;
}

.stepDetail h3 {
	font-size: 2.2rem;
	font-weight: bold;
	color: #009843;
	padding-bottom: 10px;
}

.stepDetail p {
	font-size: 1.4rem;
}

.document {
	padding: 20px;
	background: #eeeeee;
}

.document p {
	padding-bottom: 10px;
	font-weight: bold;
}

.required {
	display: flex;
	flex-wrap: wrap;
}

.disnon {
	display: none;
}

/* ファミリー向けページ調整
------------------------------------ */
#family .cvTxtArea {
	width: calc(100% - 400px);
}

#family .cvTit {
	width: 100%;
}

#family .commonBtnWrap {
	width: 400px;
}

/* ファミリー向け物件探しのポイント */
/* -------------------------------------------------- */
#familyPointWrap {
	padding-top: 100px;
}

.familyPoint {
	margin-bottom: 80px;
}

.familyPoint:last-child {
	margin-bottom: 0;
}

.familyPointTop {
	padding-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.familyPointImg {
	width: 270px;
}

.familyPointImg img {
	max-width: 100%;
}

.familyPointTxtWrap {
	width: calc(100% - 270px);
	padding-left: 20px;
}

.familyPointTxtWrap > *:last-child {
	margin-bottom: 0;
}

.familyPointTxt {
	margin-bottom: 10px;
	letter-spacing: 0;
}

.familyPointDetail {
	padding: 20px 30px;
	border: 2px solid #009843;
	border-radius: 6px;
}

.familyPointListWrap {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.familyPointList {
	padding: 20px 15px 30px 15px;
	border: 2px #d2d2d2 solid;
	border-radius: 6px;
	display: grid;
	gap: 20px 8px;
	grid-auto-rows: max-content;
	align-items: start;
}

.familyPointListWrap.col2 .familyPointList {
	width: 48.5%;
}

.familyPointListWrap.col3 .familyPointList {
	width: 32%;
}

.familyPointListWrap.col4 .familyPointList {
	width: 23%;
}

.familyPointList dt {
	font-size: 1.2rem;
	letter-spacing: 0;
	text-align: center;
}

.familyPointList dt span {
	font-size: 1.8rem;
	font-weight: bold;
	color: #009843;
}

.familyPointList dd {
	padding-left: 12px;
	position: relative;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.2;
}

.familyPointList dd:last-child {
	margin-bottom: 0;
}

.familyPointList dd::before {
	content: "";
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #009843;
}

.familyPointList dd span {
	color: #959595;
	font-size: 1.1rem;
	line-height: 1.4;
}

.familyPointList.col2 {
	grid-template-columns: repeat(2, 1fr);
}

.familyPointList.col2 dt {
	grid-column: 1 / 3;
}

.familyPointList.col2 dd.gridColRight {
	grid-column: 2 / 3;
}

.familyAnnotation::after {
	content: "★";
	font-size: 1rem;
	font-weight: bold;
	color: #009843;
}

.familyAnnotationTxt {
	margin-bottom: 15px;
	font-size: 1.1rem;
	text-align: center;
	color: #959595;
}

.familyAnnotationTxt::before {
	content: "★";
	margin-right: 10px;
	font-size: 1rem;
	font-weight: bold;
	color: #009843;
}

.familyPointNote {
	font-size: 1.2rem;
	font-weight: bold;
	color: #626262;
}

.familyPointBox {
	padding: 15px 10px;
	background-color: #e4f4eb;
}

.familyPointBoxTit {
	margin-bottom: 5px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	color: #009843;
}

.familyPointBoxTit span {
	font-size: 1.4rem;
}

.familyPointBoxList {
	display: grid;
	grid-template-columns: repeat(6, auto);
	justify-content: center;
	gap: 8px;
}

.familyPointBoxList li {
	text-align: center;
}


/* ファミリーにおすすめの間取り */
/* -------------------------------------------------- */
#layoutWrap {
	padding-top: 100px;
}

.layout {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
}

.layoutImg {
	width: 330px;
	text-align: center;
}

.layoutImg img {
	max-width: 100%;
}

.layoutTxtWrap {
	width: calc(100% - 330px);
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.layoutMainTit {
	padding-right: 20px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #009843;
	background: #fff;
	z-index: 1;
	order: 2;
}

.layoutSubTit span {
	padding: 10px 15px;
	display: inline-block;
	position: relative;
	font-size: 1.5rem;
	font-weight: bold;
	color: #009843;
	background-color: #e4f4eb;
}

.layoutSubTit span::after {
	content: "";
	width: 8px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #e4f4eb 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #e4f4eb 50.5%) no-repeat bottom right/100% 50%;
}

.layoutTxt {
	width: 100%;
	margin-top: -20px;
	padding: 20px 0 20px;
	font-size: 1.4rem;
	letter-spacing: 0.02em;
	border-top: 2px solid #009843;
	border-bottom: 2px solid #009843;
	order: 3;
}

/* 他にもこんな物件があります！ */
/* -------------------------------------------------- */
#otherWrap {
	margin-bottom: 40px;
	padding: 40px;
	background-color: #e4f4eb;
}

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

.otherList li {
	width: calc(240 / 770 * 100%);
	background-color: #fff;
	border-radius: 6px;
	overflow: hidden;
}

.otherListImg {
	height: 160px;
}

.otherListImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.otherListTxtWrap {
	padding: 20px;
}

.otherListTit {
	margin-bottom: 10px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #009843;
}


/* カップル向けページ調整
------------------------------------ */
#couple .cv {
	padding: 25px 30px;
}

#couple .cvTit {
	width: 100%;
}

#couple .commonBtnWrap a {
	font-size: 1.6rem;
}

/* カップル向けファーストビュー */
/* -------------------------------------------------- */
#coupleFv {
	margin-bottom: 140px;
	padding: 40px 10px 0;
	position: relative;
	text-align: center;
	background-color: #f7f4f0;
}

#coupleFv::after {
	content: "";
	width: 100%;
	height: 90px;
	position: absolute;
	top: 100%;
	left: 0;
	background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #f7f4f0 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #f7f4f0 50.5%) no-repeat top right/50% 100%;
}

#coupleFvTit {
	margin-bottom: 10px;
	font-size: 3rem;
	font-weight: bold;
}

#coupleFvImg img {
	max-width: 100%;
}

/* 初めての二人暮らしstep */
/* -------------------------------------------------- */
.coupleStep:not(:last-child) {
	margin-bottom: 80px;
}

.coupleStepHead {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
}

.coupleStepHeadSubTit {
	margin-bottom: 5px;
	font-size: 1.8rem;
	color: #009843;
}

.coupleStepHeadLabel {
	margin-bottom: 10px;
	padding: 5px 45px;
	font-size: 2rem;
	color: #fff;
	background-color: #009843;
}

.coupleStepHeadMainTit {
	font-size: 2.8rem;
}

.coupleStepBody {
	padding: 40px 30px;
	border: 1px solid #009843;
	border-radius: 6px;
}

/* 賃貸ショップのご紹介 */
.rentShopListWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.rentShopList {
	width: 31%;
	display: flex;
	flex-direction: column;
}

.rentShopTtl {
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.rentShopBox {
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid #009843;
	border-radius: 8px;
}

.rentShopImg img {
	width: 100%;
	height: 160px;
	border-radius: 8px 8px 0 0;
}

.rentShopBody {
	height: 100%;
	padding: 10px 20px 20px;
	display: flex;
	flex-direction: column;
}

.rentShopBodyTtl {
	margin-bottom: 10px;
	display: flex;
}

.rentShopName {
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.rentShopSns {
	margin-left: auto;
	display: flex;
}

.rentShopSns li {
	margin-left: 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.rentShopSns img {
	width: 18px;
	vertical-align: middle;
}

.rentShopAddressWrap {
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.rentShopAddress {
	font-size: 1.2rem;
	line-height: 1.16;
	letter-spacing: 0;
}

.rentShopTel {
	margin-bottom: 10px;
	padding-left: 18px;
	background: transparent url(../../img/common/icon_tel.svg) no-repeat top 5px left/15px auto;
	font-size: 2rem;
	line-height: 1.2;
}

.rentShopTel .telLink {
	color: #333333;
}

.rentShopTelNote {
	display: block;
	font-size: 1.2rem;
	letter-spacing: 0;
	line-height: 1.5;
}

.rentShopTelNote .txt_sm {
	font-size: 1.1rem;
}

.rentShopBtnWrap {
	margin-top: auto;
}

.rentShopBtnWrap a {
	padding: 0.5em 2.4em;
	font-size: 1.3rem;
}

.rentShopBtnWrap a:not(:last-child) {
	margin-bottom: 10px;
}


/* step01 */
.coupleRecommend {
	margin-bottom: 50px;
	display: grid;
	grid-template-columns: 288px auto;
	gap: 30px;
	align-items: center;
}

.coupleRecommendItem1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.coupleRecommendItem1 p {
	margin-bottom: 20px;
	display: flex;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #009843;
}

.coupleRecommendItem1 p::before,
.coupleRecommendItem1 p::after {
	content: "";
	width: 3px;
	height: 54px;
	display: inline-block;
	background-color: #009843;
}

.coupleRecommendItem1 p::before {
	margin-right: 15px;
	transform: rotate(-15deg);
}

.coupleRecommendItem1 p::after {
	margin-left: 15px;
	transform: rotate(15deg);
}

.coupleRecommendItem2 {
	text-align: center;
}

.coupleRecommendItem2 img {
	max-width: 100%;
}

.coupleRecommendItem3 {
	padding: 20px 25px;
	grid-column: 1 / 3;
	background-color: #e4f3eb;
	border-radius: 6px;
}

/* step02 */
.coupleConditions {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}

.coupleConditionsItem1 {
	flex-shrink: 0;
}

.coupleConditionsList {
	margin-bottom: -15px;
	column-count: 2;
}

.coupleConditionsList li {
	font-size: 1.8rem;
	font-weight: bold;
	color: #009843;
	margin-bottom: 15px;
	padding-left: 40px;
	background: url(../../img/lp/couple/icon_check.svg) no-repeat left top 4px / 28px auto;
}

.coupleConditionsItem2 img {
	max-width: 100%;
}

/* step03 */
.coupleSearch {
	display: grid;
	grid-template-columns: 272px auto;
	gap: 20px;
	align-items: center;
}

.coupleSearchItem3 {
	grid-column: 1 / 3;
}

.coupleTips {
	padding: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #e4f3eb;
	border-radius: 6px;
}

.coupleTipsTxtWrap {
	width: 68%;
}

.coupleTipsLabel {
	width: fit-content;
	margin-bottom: 20px;
	padding: 10px 25px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #009843;
	background-color: #fff;
	transform: translateX(-25px);
}

.coupleTipsTxt {
	letter-spacing: -0.02em;
}

.coupleTipsImg {
	width: 30%;
	text-align: center;
}

.coupleTipsImg img {
	max-width: 100%;
}

/* step04 */
.step04 .coupleStepHead {
	background: url(../../img/lp/couple/couple_tit_parts1.png) no-repeat left 3% bottom / calc(140 / 850 * 100%), url(../../img/lp/couple/couple_tit_parts2.png) no-repeat right 3% bottom / calc(127 / 850 * 100%);
}

.step04 .coupleStepBody > p {
	letter-spacing: 0;
}

.coupleProcess {
	margin-bottom: 30px;
	padding: 25px;
	background-color: #e4f4eb;
	border-radius: 6px;
}

.coupleProcessTit {
	width: fit-content;
	margin: 0 auto 15px;
	padding: 6px 20px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #009843;
	background-color: #fff;
}

.coupleProcessList {
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: center;
	gap: 5px 50px;
}

.coupleProcessList li {
	padding-left: 20px;
	text-indent: -20px;
	font-size: 1.6rem;
	letter-spacing: 0;
}

.coupleProcessList li::before {
	content: "";
	width: 10px;
	height: 10px;
	margin-right: 10px;
	display: inline-block;
	background-color: #009843;
	border-radius: 50%;
}

.coupleSupport {
	margin-bottom: 40px;
	padding-right: 200px;
	position: relative;
}

.coupleSupportTit {
	margin-bottom: 10px;
	font-size: 2.6rem;
	font-weight: bold;
}

.coupleSupportTelWrap {
	padding: 10px 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #009843;
	border-bottom: 2px solid #009843;
}

.coupleSupportTelWrap::before,
.coupleSupportTelWrap::after {
	content: "";
	width: 2px;
	height: 15px;
	position: absolute;
	bottom: 0;
	background-color: #009843;
}

.coupleSupportTelWrap::before {
	left: 0;
}

.coupleSupportTelWrap::after {
	right: 0;
}

.coupleSupportTelTxt {
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.2;
}

.coupleSupportTelTxt span {
	font-size: 1.4rem;
	letter-spacing: 0.18em;
}

.coupleSupportTelNum {
	margin-left: 35px;
	padding-left: 30px;
	font-size: 4.4rem;
	letter-spacing: 0.08em;
	line-height: 100%;
	background: transparent url(../../img/common/icon_tel.svg) no-repeat top 14px left/24px auto;
}

.coupleSupportTelNum a {
	color: #009843;
}

.coupleSupportImg {
	position: absolute;
	right: 0;
	bottom: 10px;
}

.coupleSupportImg img {
	max-width: 100%;
}

/* 転勤者向けページ調整
------------------------------------ */
#transfer .cvTit {
	width: 100%;
}

/* その急な物件探しオクゼン不動産にお任せください！
------------------------------------ */
#transferRemote {
	padding-top: 60px;
}

#transferRemoteLead {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}

#transferRemoteLeadTxt {
	width: calc(100% - 172px - 70px);
	margin-right: 70px;
	padding: 30px 20px 30px 40px;
	position: relative;
	background-color: #f7f4f0;
}

#transferRemoteLeadTxt::after {
	content: "";
	width: 50px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 100%;
	background: url(../../img/lp/transfer/transfer_fukidashi.svg) no-repeat left center / contain;
}

#transferRemoteLeadTxt p {
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.08em;
}

#transferRemoteLeadImg {
	width: 172px;
}

#transferRemoteLeadImg img {
	max-width: 100%;
}

#transferRemoteHead {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	color: #009843;
}

#transferRemoteHead::before,
#transferRemoteHead::after {
	content: "";
	width: 45px;
	height: 5px;
	display: inline-block;
	background-color: #009843;
}

#transferRemoteHead::before {
	transform: rotate(-120deg);
}

#transferRemoteHead::after {
	transform: rotate(120deg);
}

#transferRemoteContentWrap {
	margin-bottom: 50px;
	display: grid;
	grid-template-columns: 370px 1fr;
	gap: 40px 30px;
}

#transferRemoteImg img {
	max-width: 100%;
}

#transferRemoteTxt h3 {
	margin-bottom: 15px;
	padding: 15px 20px;
	font-size: 2.4rem;
	font-weight: bold;
	border-top: 2px solid #009843;
	border-bottom: 2px solid #009843;
}

#transferRemotePrep {
	padding: 30px;
	grid-column: 1 / 3;
	background-color: #e4f4eb;
}

#transferRemotePrep h3 {
	margin-bottom: 10px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #009843;
}

#transferRemotePrep ul {
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: repeat(2, 200px);
	justify-content: center;
	gap: 5px 30px;
}

#transferRemotePrep li {
	padding-left: 20px;
	text-indent: -20px;
	font-size: 1.8rem;
}

#transferRemotePrep li::before {
	content: "";
	width: 10px;
	height: 10px;
	margin-right: 10px;
	display: inline-block;
	background-color: #009843;
	border-radius: 50%;
}

#transferRemotePrep p {
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
	color: #C60101;
}

/* 転勤者におすすめ！オクゼン不動産の物件ポイント
------------------------------------ */
#transferSupport {
	padding-top: 100px;
}

#transferSupport .lpTit1 {
	margin-bottom: 20px;
}

#transferSupportLead {
	margin-bottom: 40px;
}

.supportPoint {
	display: flex;
	align-items: center;
}

.supportPoint:not(:last-child) {
	margin-bottom: 30px;
}

.supportPointImg {
	width: 340px;
}

.supportPointImg img {
	max-width: 100%;
}

.supportPointTxtWrap {
	width: calc(100% - 340px);
	padding-left: 30px;
}

.supportPointLabel {
	margin-bottom: 10px;
	padding: 5px 10px 5px 15px;
	display: inline-block;
	position: relative;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0;
	color: #009843;
	background-color: #e4f4eb;
}

.supportPointLabel::after {
	content: "";
	width: 8px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #e4f4eb 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #e4f4eb 50.5%) no-repeat bottom right/100% 50%;
}

.supportPointLabel span {
	font-size: 1.2em;
}

.supportPointTit {
	margin-bottom: 10px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #009843;
}

.supportPointTxt {
	padding-bottom: 15px;
	border-bottom: 2px solid #009843;
}

/* 転勤者向けの物件探しのポイント
------------------------------------ */
#transferSearch {
	padding-top: 100px;
	padding-bottom: 40px;
}

.searchPoint:nth-of-type(n + 2) {
	padding-top: 90px;
}

.searchPointTop {
	padding-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.searchPointImg {
	width: 270px;
}

.searchPointImg img {
	max-width: 100%;
}

.searchPointTxtWrap {
	width: calc(100% - 270px);
	padding-left: 20px;
}

.searchPointDetail {
	padding: 20px 30px;
	border: 2px solid #009843;
	border-radius: 6px;
}

.searchPointListWrap {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.searchPointList {
	padding: 20px 10px 30px 10px;
	border: 2px #d2d2d2 solid;
	border-radius: 6px;
	display: grid;
	gap: 20px;
	grid-auto-rows: max-content;
	justify-content: center;
	align-items: start;
}

.searchPointListWrap.col2 .searchPointList {
	width: 48.5%;
}

.searchPointListWrap.col3 .searchPointList {
	width: 32%;
}

.searchPointListWrap.col4 .searchPointList {
	width: 23%;
}

.searchPointList dt {
	font-size: 1.2rem;
	letter-spacing: 0;
	text-align: center;
}

.searchPointList dt span {
	font-size: 1.8rem;
	font-weight: bold;
	color: #009843;
}

.searchPointList dd {
	padding-left: 16px;
	position: relative;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.2;
}

.searchPointList dd::before {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: #009843;
	border-radius: 50%;
}

.searchPointList dd span {
	color: #959595;
	font-size: 1.1rem;
	line-height: 1.4;
}

.searchPointList.col2 {
	grid-template-columns: repeat(2, auto);
}

.searchPointList.col2 dt {
	grid-column: 1 / 3;
}

.searchPointNote {
	font-size: 1.2rem;
	font-weight: bold;
	color: #626262;
}

/* 福岡の主要な交通手段 */
.transportationWrap {
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.transportation {
	padding: 25px;
	background-color: #f7f7f7;
	border-radius: 6px;
}

.transportationTit {
	margin-bottom: 15px;
	font-size: 1.2rem;
	text-align: center;
}

.transportationTit span {
	font-size: 1.8rem;
	font-weight: bold;
	color: #009843;
}

.transportationImg {
	margin-bottom: 15px;
	text-align: center;
}

.transportationImg img {
	max-width: 100%;
}

.transportationTxt {
	font-size: 1.2rem;
	letter-spacing: 0.02em;
}

.transportation:nth-child(4) {
	padding: 30px;
	padding-right: 250px;
	position: relative;
	grid-column: 1 / 4;
}

.transportation:nth-child(4) .transportationTit {
	margin-bottom: 5px;
	text-align: left;
}

.transportation:nth-child(4) .transportationTit span:nth-child(1) {
	font-size: 1.5rem;
}

.transportation:nth-child(4) .transportationTit span:nth-child(2) {
	font-size: 2rem;
}

.transportation:nth-child(4) .transportationImg {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}


/* ------------------------------------ */
/* ホバーエフェクト */
/* ------------------------------------ */
@media screen and (min-width: 1025px) {
	.rentShopSns li:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 1220px) {
	#fvSubTit span {
		width: 93%;
	}

	#fvSubTit span::after {
		content: "";
		width: 30px;
		height: 100%;
		position: absolute;
		top: 0;
		right: -30px;
	}

	.shopLpImg {
		width: 25vw;
	}

	.shopInfo {
		width: calc(100% - 25vw);
		padding-left: 30px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1150px) {
	#fvTxtArea {
		width: calc(100% - 20vw - 20px);
	}

	#fvImgArea {
		width: 20vw;
	}

	#fvImgArea img {
		width: 100%;
	}

	.cvTxtArea {
		width: 100%;
		padding-bottom: 20px;
	}

	.cvBtn {
		width: 100%;
		text-align: center;
	}

	.estateLink {
		display: inline-block;
	}

	.introImg {
		width: 20vw;
	}

	.IntroContent {
		width: calc(100% - 20vw);
	}

	.facilityImg {
		width: 20vw;
	}

	.facilityTxt {
		width: calc(100% - 20vw);
	}

	/*店舗情報*/
	.shop {
		width: 80%;
		margin: 0 auto;
		display: block;
	}

	.shopLpImg {
		width: 100%;
		margin-bottom: 30px;
	}

	.shopInfo {
		width: 100%;
		padding-left: 0;
	}

	/* ファミリー向けページ調整
	------------------------------------ */
	#family .cvTxtArea {
		width: 100%;
	}

	#otherWrap {
		padding: 40px 20px;
	}

	.familyPointBoxList {
		grid-template-columns: repeat(3, auto);
	}

	.otherListTxtWrap {
		padding: 20px 10px;
	}

	/* カップル向けページ調整
	------------------------------------ */
	.coupleRecommend {
		grid-template-columns: 250px auto;
	}

	.rentShopTtl {
		font-size: 1.4rem;
	}

	.rentShopList {
		width: 32%;
	}

	.rentShopBody {
		padding: 10px 10px 20px;
	}

	.coupleConditionsList li {
		font-size: 1.5rem;
		padding-left: 25px;
		background-size: 20px;
	}

	.step04 .coupleStepHead {
		background-position: left bottom, right bottom;
	}

	.coupleProcessList {
		gap: 5px 30px;
	}

	.coupleSupport {
		padding-right: 150px;
	}

	.coupleSupportTit {
		font-size: 2rem;
	}

	.coupleSupportTelNum {
		margin-left: 20px;
		font-size: 3.4rem;
		background-position: left top 6px;
	}

	.coupleSupportImg {
		width: 150px;
	}

	/* 転勤者向けページ調整
	------------------------------------ */
	#transferRemoteContentWrap {
		grid-template-columns: 1fr 1.5fr;
		gap: 30px 20px;
	}

	.supportPointImg {
		width: 280px;
	}

	.supportPointTxtWrap {
		width: calc(100% - 280px);
	}
}

/*2305追記*/
.document1 {
	padding-bottom: 15px;
}

.document {
	padding: 20px;
	background: #eeeeee;
	margin-top: 10px;
}

.document p {
	padding-bottom: 5px;
	font-weight: bold;
}

/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {
	#fvTxtArea {
		width: calc(100% - 30vw - 20px);
	}

	#fvImgArea {
		width: 30vw;
	}

	#fvImgArea img {
		width: 100%;
	}

	.cvTxtArea {
		width: 100%;
		padding: 0 0 20px 0;
		display: block;
		text-align: center;
	}

	.cvTit,
	.cvTxt {
		text-align: left;
	}

	.cvBtn {
		width: 100%;
		text-align: center;
	}

	.estateLink {
		display: inline-block;
	}

	.introImg {
		width: 20vw;
	}

	.IntroContent {
		width: calc(100% - 20vw);
	}

	.facilityImg {
		width: 30vw;
	}

	.facilityTxt {
		width: calc(100% - 30vw);
	}

	/*店舗情報*/
	.shop {
		width: 80%;
		margin: 0 auto;
		display: block;
	}

	.shopLpImg {
		width: 100%;
		margin-bottom: 30px;
	}

	.shopInfo {
		width: 100%;
		padding-left: 0;
	}

	/* ファミリー向けページ調整
	------------------------------------ */
	#family .cvTxtArea {
		width: 100%;
	}

	.familyPointBoxList {
		grid-template-columns: repeat(3, auto);
	}

	/* カップル向けページ調整
	------------------------------------ */
	.rentShopTtl {
		font-size: 1.5rem;
	}

	.rentShopList {
		width: 32%;
	}

	.rentShopBody {
		padding: 10px 10px 20px;
	}

	.coupleConditionsList li {
		font-size: 1.5rem;
		padding-left: 25px;
		background-size: 20px;
	}

	.coupleProcessTit {
		font-size: 1.6rem;
	}

	.coupleProcessList {
		gap: 5px 20px;
	}

	.coupleProcessList li {
		padding-left: 18px;
		text-indent: -18px;
		font-size: 1.4rem;
	}

	.coupleProcessList li::before {
		margin-right: 8px;
	}

	.coupleSupport {
		padding-right: 160px;
	}

	.coupleSupportTit {
		font-size: 2.2rem;
	}

	.coupleSupportTelNum {
		margin-left: 25px;
	}

	.coupleSupportImg {
		width: 150px;
	}

	/* 転勤者向けページ調整
	------------------------------------ */
	#transferRemoteContentWrap {
		grid-template-columns: 1fr 1.5fr;
		gap: 30px 20px;
	}

	.supportPointImg {
		width: 280px;
	}

	.supportPointTxtWrap {
		width: calc(100% - 280px);
	}


	/* -------------------------------------------------- */
	/* TAB(調整) */
	/* -------------------------------------------------- */
	@media screen and (min-width: 768px) and (max-width: 1024px) {

		/* 転勤者向けページ調整
	------------------------------------ */
		.transportation {
			padding: 2.604vw;
		}

		.transportation:nth-child(4) {
			padding: 2.604vw;
			padding-right: calc((100% - 5.208vw) / 3 - 5.208vw + 40px);
		}

		.transportation:nth-child(4) .transportationImg {
			width: calc((100% - 5.208vw) / 3 - 5.208vw);
			right: 2.604vw;
		}
	}
}

/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
	.sp {
		display: inline-block;
	}

	/*タイトル*/
	.lpTit1 {
		margin-bottom: 1.5em;
		padding-bottom: 0.5em;
		font-size: 2rem;
	}

	.lpTit1 .subTit {
		font-size: 1.4rem;
	}

	.lpTit2 {
		padding: 0;
		margin-bottom: 20px;
		font-size: 1.8rem;
	}

	.lpTit2::after {
		display: none;
	}

	.lpTit3 {
		padding: 0 10px 10px 10px;
		margin-bottom: 20px;
		font-size: 2rem;
		line-height: 1.2;
	}

	.lpTit5 {
		margin-bottom: 1em;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
	}

	.lpTit5.num1::before {
		content: "";
		width: 30px;
		height: 30px;
		margin-right: 10px;
		background: url(../../img/lp/icon_num1.svg) 0 0 no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
		flex-shrink: 0;
	}

	.lpTit5.num2::before {
		content: "";
		width: 30px;
		height: 30px;
		margin-right: 10px;
		background: url(../../img/lp/icon_num2.svg) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
		flex-shrink: 0;
	}

	.lpTit5.num3::before {
		content: "";
		width: 30px;
		height: 30px;
		margin-right: 10px;
		background: url(../../img/lp/icon_num3.svg) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
		flex-shrink: 0;
	}

	.lpTit6 {
		margin-bottom: 30px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #009843;
	}

	.lpTit7 {
		margin: 1em 0 1.5em;
		text-align: center;
	}

	.lpTit7.child .lpTit7In::before {
		content: "";
		width: 24px;
		height: 16px;
		margin: 0 10px 0 5px;
		background: url(../../img/lp/tit_parts4.svg) no-repeat;
		display: inline-block;
		vertical-align: bottom;
	}

	.lpTit7.health .lpTit7In::before {
		content: "";
		width: 24px;
		height: 16px;
		margin: 0 10px 0 5px;
		background: url(../../img/lp/tit_parts5.svg) no-repeat;
		background-size: contain;
		display: inline-block;
		vertical-align: bottom;
	}

	.lpTit7In {
		font-size: 1.6rem;
		font-weight: bold;
		display: inline-block;
		border-bottom: 4px #009843 solid;
	}

	.lpTit7In span {
		margin-right: 0;
		line-height: 1.2;
		display: inline-block;
		vertical-align: bottom;
		margin-bottom: -0.25em;
	}

	.lpTit7In span.pc {
		display: none;
	}

	.gourmet .lpTit7In {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 1em;
		font-size: 1.5rem;
	}

	.gourmet .lpTit7In span {
		margin: 0;
	}

	.lpTit7.gourmet .lpTit7In::before {
		content: "";
		width: 10px;
		height: 32px;
		margin: 0;
		background: url(../../img/lp/tit_parts6.svg) no-repeat;
		background-size: contain;
		display: inline-block;
		vertical-align: bottom;
	}

	.lpTit7.gourmet .lpTit7In::after {
		content: "";
		width: 10px;
		height: 32px;
		margin: 0;
		background: url(../../img/lp/tit_parts7.svg) no-repeat;
		background-size: contain;
		display: inline-block;
		vertical-align: bottom;
	}

	.lpTit8 {
		font-size: 2.3rem;
	}

	.lpTit8::before {
		width: 50px;
		height: 50px;
	}

	.lpTit9 span {
		width: 100%;
		padding: 10px 20px;
		font-size: 1.8rem;
	}

	.lpTit9.type1 span::before {
		width: 28px;
		height: 24px;
	}

	.lpTit9.type2 span::before {
		width: 38px;
		height: 22px;
	}

	/*コンテンツ*/
	#fv {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column-reverse;
		margin-bottom: 60px;
	}

	#fvTxtArea {
		width: 100%;
	}

	#fvImgArea {
		width: 100%;
		margin-bottom: 20px;
	}

	#fvSubTit span {
		width: 100%;
		margin-bottom: 0.5em;
		padding: 0.5em 1em;
		font-size: 1.5rem;
		line-height: 1.4;
	}

	#fvSubTit span::after {
		display: none;
	}

	#fvMainTit {
		padding-bottom: 10px;
		font-size: 2rem;
		font-weight: bold;
	}

	#fvTxt {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.cv {
		padding: 20px;
	}

	#point {
		padding-top: 60px;
	}

	#infoWrap {
		padding: 30px 20px;
		margin-bottom: 80px;
	}

	#pointList li {
		padding-left: 20px;
	}

	#introTxt {
		font-size: 1.4rem;
	}

	#introTxt {
		padding-bottom: 20px;
	}

	#introList li {
		padding: 30px 20px;
		margin-bottom: 20px;
		background: #FFF;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		border-radius: 10px;
	}

	.introImg {
		width: 100%;
		margin-bottom: 10px;
	}

	.IntroContent {
		width: 100%;
		padding: 0;
	}

	.introTit {
		font-size: 1.8rem;
		font-weight: bold;
	}

	.facility {
		margin-bottom: 80px;
	}

	.facilityTop {
		padding-bottom: 40px;
		display: block;
	}

	.facilityImg {
		width: 100%;
		margin-bottom: 15px;
	}

	.facilityTxt {
		width: 100%;
		padding: 0;
	}

	.facilityListWrap {
		margin-bottom: 10px;
		display: block;
	}

	.facilityList {
		width: 100%;
		margin-bottom: 15px;
		padding: 20px 20px 30px 20px;
		border: 2px #d2d2d2 solid;
		border-radius: 10px;
	}

	/* 3つの魅力*/
	#charmWrap {
		margin: 60px auto;
	}

	.charm {
		margin-bottom: 40px;
	}

	.charmInner {
		flex-direction: column-reverse!important;
	}

	.charmInner .charmTxt {
		width: 100%;
	}

	.charmInner .charmImg {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 2;
		margin-bottom: 1em;
	}

	.charmInner .charmImg img {
		width: 100%;
		height: auto;
	}

	.charmTxt {
		width: 100%;
		margin: 0 auto;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.reccommend {
		margin-top: 0;
	}

	.commonList li {
		width: 49%;
		/*		margin-bottom: 20px;*/
		position: relative;
	}

	.commonListImg {
		height: auto;
	}

	.commonListName {
		width: 90%;
		min-height: auto;
		font-size: 1.2rem;
	}

	.commonListName.small {
		font-size: 1.1rem;
		letter-spacing: -0.02em;
	}

	.gMap iframe {
		width: 100%;
		height: 300px;
	}

	/*店舗情報*/
	.shop {
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	.shopLpImg {
		width: 100%;
		margin-bottom: 30px;
	}

	.shopInfo {
		width: 100%;
		padding-left: 0;
	}

	/* 駐車場 */
	#tabBtn li,
	#tabBtn li.on {
		font-size: 1.8rem;
		height: 70px;
	}

	.flow1 p {
		font-size: 1.4rem;
		text-align: left;
	}

	.flow1 h2 span {
		font-size: 2rem;
	}

	#tabDetail .step::before {
		width: 50px;
		height: 50px;
		background-size: contain;
		margin-bottom: 10px;
	}

	.step {
		padding: 15px;
		display: block;
		border-bottom: 2px #009843 solid;
		position: relative;
		text-align: center;
	}

	.stepDetail {
		width: 100%;
		padding-left: 0;
	}

	.stepDetail h3 {
		text-align: center;
	}

	.stepDetail p {
		text-align: left;
	}

	#tabDetail {
		padding: 30px 15px;
	}

	/* ファミリー向けページ調整
	------------------------------------ */
	#familyPointWrap {
		padding-top: 60px;
	}

	.familyPointTop {
		display: block;
	}

	.familyPointImg {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}

	.familyPointTxtWrap {
		width: 100%;
		padding-left: 0;
	}

	.familyPointDetail {
		padding: 20px 15px;
	}

	.familyPointList:not(:last-child) {
		margin-bottom: 15px;
	}

	.familyPointListWrap.col2 .familyPointList {
		width: 100%;
	}

	.familyPointListWrap.col3 .familyPointList {
		width: 100%;
	}

	.familyPointListWrap.col4 .familyPointList {
		width: 100%;
	}

	.familyPointList {
		gap: 15px;
	}

	.familyPointList.col2 {
		grid-template-columns: 100%;
	}

	.familyPointList.col2 dt {
		grid-column: auto;
	}

	.familyPointList.col2 dd.gridColRight {
		grid-column: auto;
	}

	#layoutWrap {
		padding-top: 60px;
	}

	.layoutImg {
		width: 100%;
		margin-bottom: 10px;
	}

	.layoutTxtWrap {
		width: 100%;
		padding-left: 0;
	}

	.layoutSubTit {
		margin-bottom: 10px;
	}

	#otherWrap {
		padding: 30px 20px;
	}

	.otherList {
		flex-direction: column;
		gap: 15px;
	}

	.otherList li {
		width: 100%;
	}

	/* カップル向けページ調整
	------------------------------------ */
	#couple .cv {
		padding: 20px;
	}

	#couple .commonBtnWrap a {
		font-size: 1.2rem;
	}

	#coupleFv {
		margin-bottom: 80px;
		padding-top: 20px;
	}

	#coupleFv::after {
		height: 50px;
	}

	#coupleFvTit {
		font-size: 2rem;
	}

	.coupleStep:not(:last-child) {
		margin-bottom: 40px;
	}

	.coupleStepHead {
		margin-bottom: 15px;
	}

	.coupleStepHeadSubTit {
		font-size: 1.4rem;
	}

	.coupleStepHeadLabel {
		padding: 4px 30px;
		font-size: 1.5rem;
	}

	.coupleStepHeadMainTit {
		font-size: 2rem;
	}

	.coupleStepBody {
		padding: 20px 15px;
	}

	/* 賃貸ショップのご紹介 */
	.rentShopListWrap {
		display: block;
	}

	.rentShopList {
		width: 100%;
	}

	.rentShopList:not(:last-child) {
		margin-bottom: 20px;
	}

	.rentShopTtl {
		margin-bottom: 5px;
	}

	.rentShopBox {
		flex-direction: row;
	}

	.rentShopImg {
		width: 40%;
		height: auto;
	}

	.rentShopImg img {
		height: 100%;
		border-radius: 8px 0 0 8px;
	}

	.rentShopBody {
		width: 60%;
		padding: 10px;
	}

	.rentShopBodyTtl {
		margin-bottom: 5px;
	}

	.rentShopName {
		font-size: 1.4rem;
	}

	.rentShopAddress {
		font-size: 1rem;
		width: 100%;
	}

	.rentShopTel {
		padding-left: 15px;
		background: transparent url(../../img/common/icon_tel.svg) no-repeat top 2px left/12px auto;
		font-size: 1.3rem;
	}

	.rentShopTelNote {
		margin-left: -15px;
		font-size: 1rem;
		letter-spacing: 0;
	}

	.rentShopTelNote .txt_sm {
		font-size: 0.9rem;
	}

	.rentShopBtnWrap {
		margin-top: auto;
	}

	.rentShopBtnWrap a {
		padding: 0.3em 2.8em;
		font-size: 1rem;
	}

	.rentShopBtnWrap a:not(:last-child) {
		margin-bottom: 5px;
	}

	.tel {
		border-radius: 5px;
	}

	.num {
		margin-bottom: 0.5em;
		font-size: 2.8rem;
	}

	.num a {
		color: #009843 !important;
	}

	.num::before {
		content: "";
		width: 1em;
		height: 28px;
		margin-right: 0.25em;
		background: url(../../img/common/icon_tel.svg) no-repeat;
		display: inline-block;
		vertical-align: middle;
		background-size: contain;
	}

	.shopWrap {
		margin-bottom: 60px;
	}

	/* step01 */
	.coupleRecommend {
		grid-template-columns: 100%;
		gap: 20px;
	}

	.coupleRecommendItem1 img {
		max-width: 180px;
	}

	.coupleRecommendItem3 {
		padding: 20px 15px;
		grid-column: auto;
	}

	/* step02 */
	.coupleConditions {
		display: block;
	}

	.coupleConditionsList {
		margin-bottom: -5px;
		column-count: 1;
	}

	.coupleConditionsList li {
		margin-bottom: 5px;
	}

	.coupleConditionsItem2 {
		text-align: center;
	}

	/* step03 */
	.coupleSearch {
		grid-template-columns: 100%;
	}

	.coupleSearchItem1 {
		text-align: center;
	}

	.coupleSearchItem1 img {
		max-width: 100%;
	}

	.coupleSearchItem2 {
		order: -1;
	}

	.coupleSearchItem3 {
		grid-column: auto;
	}

	.coupleTips {
		padding: 20px 15px;
		display: block;
	}

	.coupleTipsTxtWrap {
		width: 100%;
		margin-bottom: 15px;
	}

	.coupleTipsLabel {
		margin-bottom: 10px;
		padding: 5px 15px;
		font-size: 1.6rem;
		transform: translateX(-15px);
	}

	.coupleTipsImg {
		width: 100%;
	}

	/* step04 */
	.coupleProcess {
		padding: 20px 15px;
	}

	.coupleProcessTit {
		font-size: 1.4rem;
		padding: 5px 15px;
	}

	.coupleProcessList {
		grid-template-columns: 100%;
	}

	.coupleSupport {
		margin-bottom: 30px;
		padding-right: 0;
	}

	.coupleSupportTit {
		font-size: 1.8rem;
	}

	.coupleSupportTelWrap {
		width: calc(100% - 100px);
		flex-direction: column;
	}

	.coupleSupportTelTxt {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}

	.coupleSupportTelTxt span {
		font-size: 1.2rem;
	}

	.coupleSupportTelNum {
		margin-left: 0;
		padding-left: 24px;
		font-size: 2.6rem;
		background-position: left top 5px;
		background-size: 18px;
	}

	.coupleSupportImg {
		width: 100px;
		bottom: 0;
	}

	/* 転勤者向けページ調整
	------------------------------------ */
	/* その急な物件探しオクゼン不動産にお任せください！
	------------------------------------ */
	#transferRemoteLead {
		flex-direction: column;
	}

	#transferRemoteLeadTxt {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		padding: 25px 15px;
	}

	#transferRemoteLeadTxt::after {
		width: 50px;
		height: 50px;
		top: 100%;
		left: 20%;
		transform: rotate(90deg);
	}

	#transferRemoteLeadTxt p {
		font-size: 1.5rem;
	}

	#transferRemoteHead {
		font-size: 1.6rem;
	}

	#transferRemoteHead::before,
	#transferRemoteHead::after {
		width: 40px;
		height: 2px;
	}

	#transferRemoteContentWrap {
		grid-template-columns: 100%;
		gap: 20px;
	}

	#transferRemoteImg {
		text-align: center;
	}

	#transferRemoteTxt h3 {
		padding: 10px;
		font-size: 1.7rem;
	}

	#transferRemotePrep {
		grid-column: auto;
	}

	#transferRemotePrep h3 {
		font-size: 1.7rem;
	}

	#transferRemotePrep ul {
		grid-template-columns: 100%;
	}

	#transferRemotePrep li {
		font-size: 1.4rem;
	}

	/* 転勤者におすすめ！オクゼン不動産の物件ポイント
	------------------------------------ */
	#transferSupport {
		padding-top: 60px;
	}

	.supportPoint {
		display: block;
	}

	.supportPointImg {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	.supportPointTxtWrap {
		width: 100%;
		padding-left: 0;
	}

	.supportPointLabel {
		font-size: 1.2rem;
	}

	.supportPointTit {
		font-size: 1.8rem;
	}

	/* 転勤者向けの物件探しのポイント
	------------------------------------ */
	#transferSearch {
		padding-top: 60px;
	}

	.searchPoint {
		padding-top: 20px;
	}

	.searchPoint:nth-of-type(n + 2) {
		padding-top: 60px;
	}

	.searchPointTop {
		display: block;
	}

	.searchPointImg {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}

	.searchPointTxtWrap {
		width: 100%;
		padding-left: 0;
	}

	.searchPointDetail {
		padding: 20px 15px;
	}

	.searchPointListWrap.col2 .searchPointList {
		width: 100%;
	}

	.searchPointListWrap.col3 .searchPointList {
		width: 100%;
	}

	.searchPointListWrap.col4 .searchPointList {
		width: 100%;
	}

	.searchPointList {
		gap: 15px;
		justify-content: normal;
	}

	.searchPointList:not(:last-child) {
		margin-bottom: 15px;
	}

	.searchPointList.col2 {
		grid-template-columns: 100%;

	}

	.searchPointList.col2 dt {
		grid-column: auto;
	}

	/* 福岡の主要な交通手段 */
	.transportationWrap {
		grid-template-columns: 100%;
	}

	.transportation:nth-child(4) {
		padding: 25px;
		grid-column: auto;
	}

	.transportation:nth-child(4) .transportationTit {
		text-align: center;
	}

	.transportation:nth-child(4) .transportationImg {
		position: static;
		transform: translate(0);
	}
}