@charset "UTF-8";
/*=================================================================*/
/*	下層共通
/*=================================================================*/
/*  pageTitle
---------------------------------------------------------------*/
.pageTitle {
	background: #333;
	background-size: cover;
	color: #FFF;
	text-align: center;
	padding: 20px;
	margin: 0 0 0;
	position: relative;
	box-sizing: border-box;
	z-index: 0;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pageTitle::after {
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background-color: #000;
	z-index: 1;
	opacity: 0.3;
}
.pageTitle .inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
	width: 100%;
}
.pageTitle .inner .en {
	font-size: 2rem;
	display: block;
	position: relative;
	font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.05em;
	padding: 0 0 15px;
	line-height: 1;
	margin: 0 0 12px;
}
.pageTitle .inner .en::after {
	position: absolute;
	content: "";
	width: 50px;
	height: 1px;
	background-color: #FFF;
	left: 50%;
	margin-left: -25px;
	bottom: 0;
}
.pageTitle .inner .tag {
	background-color: #FFF;
	font-weight: 700;
	font-size: 1.4rem;
	display: inline-block;
	padding: 6px 12px;
	color: #000;
	margin: 0 0 20px;
	line-height: 1;
}
.pageTitle .inner .subTxt {
	letter-spacing: 0.05em;
}
.pageTitle .inner .mainTxt {
	font-size: 3.6rem;
	font-weight: bold;
}
.pageTitle .inner .mainTxt+p {
	position: relative;
	padding: 23px 0 0;
	margin: 7px 0 0;
	letter-spacing: 0.05em;
}
.pageTitle .inner .mainTxt+p::after {
	position: absolute;
	content: "";
	width: 200px;
	height: 1px;
	left: 50%;
	margin-left: -100px;
	top: 0;
	background-color: #FFF;
	opacity: 0.6;
}

/*  breadcrumb
---------------------------------------------------------------*/
.breadcrumb {
	padding: 5px 20px;
	margin: 0 auto;
	background: #F3F3F3;
	border-top: #ccc 1px solid;
}
.breadcrumb ul {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
}
.breadcrumb li {
	font-size: 1.2rem;
	padding-right: 32px;
	position: relative;
}
.breadcrumb li a.img_link {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/union/icon_home_blk.svg);
	background-size: cover;
	margin-top: 1px;
}
.breadcrumb li::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	transform: rotate(45deg);
	position: absolute;
	right: 16px;
	top: 50%;
	margin: -4px 0 0;
}
.breadcrumb li:last-child::after {
	content: none;
}

#wrap .pageTitle.sipmle {
	background: #F3F3F3;
	color: #000;
}
#wrap .pageTitle.sipmle::after {
	content: none;
}
#wrap .pageTitle.sipmle .en::after {
	background-color: #C1C1C1;
}
#wrap .pageTitle.info {
	background: url(../img/sec/info/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.buy {
	background: url(../img/sec/buy/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.example {
	background: url(../img/sec/example/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.traders {
	background: url(../img/sec/traders/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.modelhouse {
	background: url(../img/sec/traders/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.backnumber {
	background: url(../img/sec/backnumber/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.souzonin {
	background: url(../img/sec/souzonin/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.documentrequest {
	background: url(../img/sec/documentrequest/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.campaign {
	background: url(../img/sec/campaign/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.informations {
	background: url(../img/sec/informations/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.mylifestyle {
	background: url(../img/sec/mylifestyle/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}
#wrap .pageTitle.beginner {
	background: url(../img/sec/beginner/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
}

.pageContents {
	padding: 100px 20px;
}
.pageContents.noPadding {
	padding: 100px 0;
}
.pageContents>.inner {
	max-width: 1200px;
	margin: 0 auto;
}
.pageContents>.inner>*:last-child {
	margin-bottom: 0 !important;
}
.pageContents>.inner.w100p {
	max-width: unset;
}
.pageContents>.inner .bodyWrap {
	margin: 0 0 60px;
}

.pageTopTxt {
	text-align: center;
	margin: 0 0 100px;
}

.bgGray {
	background-color: #F3F3F3;
	padding: 100px 20px;
}
.bgGray>.inner {
	max-width: 1200px;
	margin: 0 auto;
}

.pad50 {
	padding: 0 50px;
}

/*  タイトル
---------------------------------------------------------------*/
.ttlH2 {
	border-bottom: solid 1px #CCC;
	position: relative;
	font-size: 2.7rem;
	padding: 0 0 5px;
	margin: 0 0 40px;
}
.ttlH2.en {
	font-size: 3.6rem;
}
.ttlH2::after {
	position: absolute;
	content: "";
	width: 280px;
	height: 1px;
	background-color: #000;
	left: 0;
	bottom: -1px;
}

.ttlH3 {
	font-size: 2rem;
	margin: 0 0 20px;
}

.ttlH3Style {
	border-left: solid 5px #373737;
	font-size: 2rem;
	margin: 0 0 20px;
	padding: 0 0 0 10px;
}

/*  txtImg
---------------------------------------------------------------*/
.txtImg {
	display: flex;
	justify-content: space-between;
	margin: 0 0 60px;
}
.txtImg>.txt {
	width: 45%;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.txtImg>.img {
	width: 50%;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.txtImg.reverse {
	flex-flow: row-reverse;
}

/*  btnWrap
---------------------------------------------------------------*/
.btnWrap {
	text-align: center;
	margin: 100px 0;
}
.btnWrap.m60 {
	margin: 60px 0;
}
.btnWrap .btn {
	font-size: 2rem;
	font-weight: 700;
	border: solid 1px #000;
	box-sizing: border-box;
	padding: 18px 40px;
	display: inline-block;
	background: #fff;
	min-width: 350px;
	position: relative;
	margin: 10px;
}
.btnWrap .btn::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: solid 1px;
	border-right: solid 1px;
	top: 50%;
	margin-top: -6px;
	right: 28px;
	color: #000;
	display: block;
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btnWrap .btn:hover {
	background-color: #000;
	color: #FFF;
}
.btnWrap .btn:hover::before {
	color: #FFF;
}
.btnWrap .btn.leftArrow::before {
	right: unset;
	left: 28px;
	transform: rotate(-135deg);
}
.btnWrap .btn.green {
	background-color: #519262;
	border: none;
	color: #FFF;
}
.btnWrap .btn.green::before {
	color: #FFF;
}

/* wp-pagenavi
-------------------------------------------------------------------*/
.pageContents .wp-pagenavi {
	text-align: center;
	width: 100%;
	margin: 60px 0;
}
.pageContents .wp-pagenavi>a,
.pageContents .wp-pagenavi>span {
	border: none;
	padding: 15px 0px;
	text-decoration: none;
	color: #777;
	font-size: 16px;
	background-color: #e7e7e7;
	margin-right: 10px;
	border-radius: 100%;
	display: inline-block;
	line-height: 1;
	min-width: 46px;
	font-weight: bold;
}
.pageContents .wp-pagenavi>span.current {
	text-decoration: none;
	font-size: 16px;
	background-color: #333;
	margin-right: 10px;
	color: #FFF;
	border-radius: 100%;
	display: inline-block;
	line-height: 1;
}

/* pageNav
-------------------------------------------------------------------*/
.pageNav {
	text-align: center;
	font-family: "CenturyGothicStd", "Century Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
}
.pageNav a {
	padding: 15px 0px;
	text-decoration: none;
	color: #777;
	font-size: 16px;
	background-color: #e7e7e7;
	margin-right: 10px;
	border-radius: 100%;
	display: inline-block;
	line-height: 1;
	min-width: 46px;
}
.pageNav a .next {
	color: #61584b;
}
.pageNav a:hover {
	background-color: #333;
	color: #FFF;
	opacity: 1;
}
.pageNav a .prev,
.pageNav a .next {
	border: none;
	font-size: 17px;
}
.pageNav .current {
	padding: 15px 0;
	text-decoration: none;
	font-size: 16px;
	background-color: #333;
	margin-right: 10px;
	color: #FFF;
	border-radius: 100%;
	display: inline-block;
	line-height: 1;
	min-width: 46px;
}
.pageNav .dots {
	margin-right: 10px;
}

/*  slick-prev slick-next
---------------------------------------------------------------*/
#wrap .slick-prev,
#wrap .slick-next {
	background-color: unset;
	top: 50%;
}
#wrap .slick-prev::before,
#wrap .slick-next::before {
	border-top: solid 1px;
	border-right: solid 1px;
	width: 16px;
	height: 16px;
	color: #000;
}

#wrap .slick-prev {
	left: -54px;
}

#wrap .slick-next {
	right: -54px;
}

#wrap .houseSlide .slick-prev::before,
#wrap .houseSlide .slick-next::before {
	width: 32px;
	height: 32px;
	position: absolute;
	left: -8px;
	top: 10px;
}

#wrap .houseSlide .slick-prev::before {
	left: -8px;
}

#wrap .slick-dots {
	bottom: -40px;
}
#wrap .slick-dots li {
	margin: 0 3px;
}
#wrap .slick-dots li button:before {
	content: "";
	background-color: #333;
	border-radius: 100%;
	width: 8px;
	height: 8px;
	left: 6px;
	top: 6px;
}

/*=================================================================*/
/*	フォーム
/*=================================================================*/
input[type=text],
input[type=email] {
	background-color: #FFF;
	border: solid 1px #cbcbcb;
	padding: 6px 8px;
	box-sizing: border-box;
}

input[type=checkbox] {
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
	appearance: menulist;
	transform: scale(1.3, 1.3);
}

input[type=radio] {
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
	appearance: menulist;
	transform: scale(1.3, 1.3);
}

textarea {
	background-color: #FFF;
	border: solid 1px #cbcbcb;
	padding: 8px;
	width: 100%;
	box-sizing: border-box;
	height: 180px;
}

.checkWrap {
	cursor: pointer;
	margin: 0 20px 12px 0;
	display: inline-block;
}
.checkWrap span {
	padding: 0 0 0 8px;
	display: inline-block;
}
.checkWrap.other {
	margin: 0 10px 12px 0;
}

.radioWrap {
	cursor: pointer;
	margin-right: 30px;
	display: inline-block;
}
.radioWrap span {
	padding: 0 0 0 10px;
	display: inline-block;
}

.inputParts {
	display: flex;
	justify-content: space-between;
	margin: 0 0 26px;
}
.inputParts dt {
	width: 225px;
	padding: 10px 50px 10px 0;
	font-weight: bold;
	box-sizing: border-box;
}
.inputParts dd {
	width: calc(100% - 255px);
}
.inputParts dd.radio {
	padding: 9px 0 0;
}
.inputParts.req dt {
	position: relative;
}
.inputParts.req dt::after {
	position: absolute;
	content: "必須";
	display: inline-block;
	background-color: #FC5555;
	color: #FFF;
	right: 0;
	top: 8px;
	font-size: 1.4rem;
	padding: 2px 8px;
}

.reqTxt {
	display: inline-block;
	background-color: #FC5555;
	color: #FFF;
	font-size: 1.4rem;
	padding: 2px 5px 0px;
	font-weight: bold;
	margin: 0 3px 0 0;
}

/*=================================================================*/
/*	バックナンバー購入
/*=================================================================*/
.topInput {
	margin: 0 0 60px;
}

.middleInput {
	margin: 0 0 80px;
}

.bottomInput {
	margin: 0 0 60px;
}

.bnTbl {
	margin: 40px 0 0;
}
.bnTbl tr th {
	width: 280px;
	box-sizing: border-box;
	background-color: #F0F0F0;
	text-align: center;
}
.bnTbl tr th .newSumika {
	background-color: #FFF;
	display: block;
	width: 93px;
	text-align: center;
	margin: 0 auto 15px;
	padding: 4px 0 2px;
}
.bnTbl tr th .bnCheck {
	font-size: 1.8rem;
}
.bnTbl tr td .bnWrap {
	display: flex;
	justify-content: space-between;
}
.bnTbl tr td .bnWrap .img {
	width: 148px;
}
.bnTbl tr td .bnWrap .img img {
	border: solid 1px #DDD;
}
.bnTbl tr td .bnWrap .txt {
	width: calc(100% - 171px);
	padding: 15px 0 0;
}
.bnTbl tr td .bnWrap .txt .tag {
	background-color: #E9E9E9;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 5px 14px 3px;
	margin: 0 0 10px;
	display: inline-block;
}
.bnTbl tr td .bnWrap .txt p {
	margin: 0 0 10px;
}
.bnTbl tr td .bnWrap .txt .price {
	font-weight: bold;
	font-size: 2.4rem;
}
.bnTbl tr td .bnWrap .txt .price .small {
	font-size: 2rem;
}

.dlCaution {
	margin: 0 0 20px;
}
.dlCaution dt {
	font-weight: bold;
	font-size: 1.8rem;
}

.submitWrap {
	text-align: center;
}
.submitWrap input[type=submit] {
	background-color: #519262;
	color: #FFF;
	-webkit-appearance: none;
	display: inline-block;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	filter: drop-shadow(3px 3px 0px #dddddd);
	box-sizing: border-box;
	padding: 20px 60px;
	line-height: 1.4;
	margin: 0 20px 20px;
	cursor: pointer;
	transition: all 0.3s;
	width: 300px;
}
.submitWrap input[type=submit]:hover {
	opacity: 0.7;
}
.submitWrap input[type=submit].green {
	background-color: #519262;
}

.formTopTxt {
	margin: 0 0 80px;
}

/*=================================================================*/
/*	まとめて無料資料請求
/*=================================================================*/
.pageContents.documentrequest>.inner {
	padding: 0 20px;
	position: relative;
	margin: 0 auto 40px;
}
.pageContents.documentrequest>.inner .ttlH2+p {
	font-size: 105%;
	margin: 0 0 40px;
}
.pageContents.documentrequest .pageTopTxt {
	max-width: 1045px;
	margin: 0 auto 100px;
	text-align: left;
	font-size: 110%;
}
.pageContents.documentrequest .reqTxt {
	/* background-color: #519262; */
}
.pageContents.documentrequest dt::after {
	/* background-color: #519262; */
}

.checkList {
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid 1px #CCC;
	padding: 0 0 20px;
	margin: 0 0 40px;
}
.checkList li {
	width: 23.33%;
	margin: 0 2.226% 2% 0;
}
.checkList li:nth-child(4n) {
	margin: 0 0 2% 0;
}
.checkList li label {
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
}
.checkList li label:hover {
	opacity: 0.7;
}
.checkList li label input[type=checkbox] {
	display: none;
}
.checkList li label input[type=checkbox]~figure figcaption {
	position: relative;
}
.checkList li label input[type=checkbox]~figure figcaption span {
	background-color: #FFF;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	z-index: 1;
}
.checkList li label input[type=checkbox]~figure figcaption span::before {
	content: "";
	width: 22px;
	height: 22px;
	border: solid 1px #000;
	position: absolute;
	right: 0;
	top: 0;
}
.checkList li label input[type=checkbox]:checked~figure figcaption span::after {
	content: "";
	position: absolute;
	width: 13px;
	height: 7px;
	border-top: solid 3px;
	border-right: solid 3px;
	top: 5px;
	right: 4px;
	color: #000;
	display: block;
	transform: rotate(135deg);
}
.checkList li figure>span {
	display: block;
	width: 100%;
	position: relative;
	padding-top: 100%;
}
.checkList li figure>span img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.checkList li figure figcaption {
	display: block;
	margin: 5px 0 0;
	text-align: center;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 34px;
}

.check_num_wrap {
	position: relative;
	height: 47px;
}
.check_num_wrap .check_num_txt {
	background-color: #ff6363;
	color: #FFF;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 6px;
	text-align: center;
	font-size: 105%;
	margin: 0;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
.check_num_wrap .check_num_txt.on {
	background-color: #519262;
}
.check_num_wrap .check_num_txt.fixed {
	position: fixed;
	bottom: 20px;
	max-width: 1200px;
	z-index: 20;
	width: calc(100% - 20px);
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	margin: 0;
}

/*=================================================================*/
/*	イベント＆セミナー情報
/*=================================================================*/
.event {
	margin: 0 0 20px;
}

.detailTtl {
	border-bottom: solid 3px #333;
	font-size: 2rem;
	background: url(../img/sec/icon_home.png) no-repeat left 12px top 0px;
	padding: 2px 0 7px 58px;
	letter-spacing: 0.05em;
	margin: 0 0 10px;
}
.detailTtl.bilding {
	background: url(../img/sec/icon_bilding.png) no-repeat left 12px top 3px;
}
.detailTtl.txtOnly {
	background: none;
	font-size: 2.4rem;
	padding: 2px 0 7px 20px;
}

.infoDlWrap {
	margin: 0 0 40px;
}
.infoDlWrap .infoDl {
	border-bottom: solid 1px #E0E0E0;
	display: flex;
	justify-content: space-between;
}
.infoDlWrap .infoDl dt,
.infoDlWrap .infoDl dd {
	padding: 10px;
	box-sizing: border-box;
}
.infoDlWrap .infoDl dt {
	width: 120px;
	text-align: center;
	position: relative;
	font-weight: bold;
	letter-spacing: 0.05em;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.infoDlWrap .infoDl dt::after {
	content: "";
	width: 1px;
	height: calc(100% - 20px);
	position: absolute;
	right: 0;
	top: 10px;
	background-color: #333;
}
.infoDlWrap .infoDl dd {
	width: calc(100% - 120px);
	padding: 10px 20px;
}

.pointTxt dt {
	margin: 0 0 15px;
}
.pointTxt dt span {
	display: inline-block;
	font-size: 2rem;
	font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: dashed 1px #333;
	padding: 0 0 6px 25px;
	background: url(../img/sec/icon_pen.png) no-repeat left top;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1;
}
.pointTxt dd img {
	width: auto;
}

.toDetail {
	text-align: right;
}
.toDetail a {
	display: inline-block;
	padding: 0 55px 0 0;
	background: url(../img/sec/icon_r_arrow.svg) no-repeat right 3px top 8px;
}
.toDetail a span {
	border-bottom: dashed 1px #333;
	font-weight: bold;
	display: inline-block;
	padding: 0 0 3px;
}
.toDetail a:hover {
	background: url(../img/sec/icon_r_arrow.svg) no-repeat right 0 top 8px;
}

.txtImg.eventDetailTop {
	max-width: 900px;
	margin: 0 auto 60px;
}
.txtImg.eventDetailTop .txt {
	width: 47%;
}
.txtImg.eventDetailTop .img {
	width: 45%;
	display: block;
	text-align: right;
}
/*=================================================================*/
/*	工務店・ハウスメーカーの建築実例
/*=================================================================*/
.exampleList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.exampleList::after {
	content: "";
	width: 30.83%;
}
.exampleList li {
	width: 30.83%;
	text-align: center;
	margin: 0 0 40px;
	position: relative;
	padding: 0 0 38px;
}
.exampleList li .img {
	width: 100%;
	position: relative;
	padding-top: 74%;
}
.exampleList li .img>a {
	display: block;
}
.exampleList li .img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.exampleList li dl {
	padding: 18px 0;
}
.exampleList li dl dt {
	font-weight: bold;
	font-size: 1.8rem;
}
.exampleList li dl dd {
	font-size: 1.4rem;
	width: 70%;
	margin: 0 auto;
}

.exampleList li .estimated_cost {
	margin-bottom: 10px;
	padding: 10px 30px;
	background: #F3F3F3;
}
.exampleList li .estimated_cost>dl {
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.exampleList li .estimated_cost>dl dt {
	padding: 4px 16px;
	color: #000;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.2;
	background: #fff;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.exampleList li .estimated_cost>dl dd {
	color: #000;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: 5px;
}
.exampleList li .estimated_cost>dl dd span {
	margin-right: 8px;
	color: #BF0000;
	font-size: 2.4rem;
	/* white-space: nowrap; */
	transform: translateY(2px);
}
.exampleList li .estimated_cost>p {
	margin-top: 6px;
	color: #000;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
}

.exampleList li .btnArea {
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.exampleList li .btnArea a {
	width: 48%;
	display: block;
	line-height: 1;
	padding: 11px 8px 9px;
	box-sizing: border-box;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.exampleList li .btnArea a.detail {
	border: solid 1px #000;
}
.exampleList li .btnArea a.doc {
	background-color: #519262;
	color: #FFF;
}
.exampleList li .btnArea.detailOnly .detail {
	width: 100%;
}

.w100pImg {
	margin: 0 0 75px;
	text-align: center;
}

.exampleMainTxt {
	font-size: 3.2rem;
	text-align: center;
	margin: 0 0 75px;
	font-weight: bold;
}

.txtImg.planning {
	margin: 56px 0 100px;
}
.txtImg.planning .txt {
	width: 50%;
}
.txtImg.planning .txt dd {
	padding: 0 0 0 25px;
}
.txtImg.planning .img {
	padding: 0 5%;
	box-sizing: border-box;
}

.exDl dt {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 0 30px;
}
.exDl dd p {
	margin: 0 0 20px;
}

.exData {
	position: relative;
	background-color: #F3F3F3;
	padding: 38px 32px 30px 168px;
	box-sizing: border-box;
	margin: 0 0 100px;
	overflow: hidden;
}
.exData::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #000;
	transform: rotate(131deg);
	left: -16px;
	top: -13px;
}
.exData h2 {
	position: absolute;
	transform: rotate(90deg);
	left: 11px;
	top: 64px;
	letter-spacing: 0.05em;
	font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 3.6rem;
}
.exData ul li {
	margin: 0 0 5px;
}

.caseList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
.caseList::after {
	content: "";
	width: 30.83%;
}
.caseList li {
	width: 30.83%;
	text-align: center;
	margin: 0 0 26px;
}
.caseList li a {
	display: block;
}
.caseList li a .img {
	width: 100%;
	position: relative;
	padding-top: 67%;
	margin: 0 0 20px;
}
.caseList li a .img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.caseList li a p {
	width: 80%;
	margin: 0 auto;
}
.caseList.col4 {
	justify-content: unset;
}
.caseList.col4 li {
	width: 23.34%;
	margin-right: 2.21%;
}
.caseList.col4 li:nth-child(4n) {
	margin-right: 0;
}

/*=================================================================*/
/*	鹿児島県の工務店・ハウスメーカーを探す
/*=================================================================*/
/* 検索画面 */
.searchConditions {
	position: relative;
	border: solid 1px #000;
	padding: 40px 6%;
	margin: 0 0 100px;
}
.searchConditions h2 {
	position: absolute;
	left: 35px;
	top: -21px;
	background-color: #FFF;
	width: 176px;
	box-sizing: border-box;
	font-size: 2rem;
	text-align: center;
	padding: 5px;
}

dl.areaSelectOuter {
	display: flex;
	align-items: stretch;
}

dl.areaSelectOuter dt {
	padding: 14px 20px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1;
	display: flex;
	align-items: center;
	background: #333;
}
dl.areaSelectOuter dd {
	border: 1px solid #c7c7c7;
	box-sizing: border-box;
	flex: 1;
}
dl.areaSelectOuter dd select {
	padding: 12px 60px 12px 40px;
	color: #666;
	font-size: 1.8rem;
	line-height: 1.2;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: url(../img/sec/icon_linearrow_down.svg) no-repeat right 20px center;
}

.searchConditions dl.areaSelectOuter:not(:last-child) {
	margin-bottom: 20px;
}

.searchConditions .conditions_box {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.searchConditions .conditions_box dl {
	display: flex;
	align-items: baseline;
	gap: 30px;
}
.searchConditions .conditions_box dl dt {
	font-size: 1.8rem;
	font-weight: 600;
	width: 180px;
}
.searchConditions .conditions_box dl dt:has(.tips) {
	display: flex;
	gap: 6px;
}
.searchConditions .conditions_box dl dt span.tips {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../img/sec/icon_question.svg) no-repeat center center;
	transform: translateY(3px);
	position: relative;
}
.tips:hover {
	cursor: pointer;
}

.searchConditions .conditions_box dl dt span.tips .tooltip {
	padding: 8px 12px;
	color: #fff;
	font-size: 1.2rem;
	background: #519262;
	border-radius: 4px;
	min-width: 160px;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: #519262 transparent transparent transparent;
}

.searchConditions .conditions_box dl dt span.tips:hover .tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}


.searchConditions .conditions_box dl dd {
	flex: 1;
}
.searchConditions .conditions_box dl dd .link_buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.searchConditions .conditions_box dl dd .link_buttons a {
	padding: 8px 16px;
	font-size: 1.8rem;
	line-height: 1.2;
	background: #F3F3F3;
	border-radius: 5px;
}
.searchConditions .conditions_box dl dd .link_buttons a.active {
	background: #333;
	color: #fff;
}
.searchConditions .conditions_box dl dd .link_buttons a:hover {
	background: #333;
	color: #fff;
	opacity: 1;
}
.searchConditions .conditions_box>p.notice {
	font-size: 1.3rem;
	text-align: right;
}

.searchConditions .checkbox_list,
.searchConditions .radio_list {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
}
.searchConditions .checkbox_list label.checkbox,
.searchConditions .radio_list label.radio {
	font-size: 1.8rem;
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
}
.searchConditions .checkbox_list label.checkbox:hover,
.searchConditions .radio_list label.radio:hover {
	cursor: pointer;
}
.searchConditions .checkbox_list label.checkbox input[type="checkbox"],
.searchConditions .radio_list label.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.searchConditions label.checkbox:has(input[type=checkbox]):before,
.searchConditions label.radio:has(input[type=radio]):before {
	content: "";
	background: #fff;
	border: 1px solid #C7C7C7;
	display: block;
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	flex: none;
}
.searchConditions label.radio:has(input[type=radio]):after {
	content: "";
	margin: auto;
	display: block;
	width: 12px;
	height: 12px;
	background: #000;
	box-sizing: border-box;
	position: absolute;
	left: 5px;
	top: 0;
	bottom: 0;
	transition: 0.2s;
	opacity: 0;
}
.searchConditions label.radio:has(input[type=radio]:checked):after {
	opacity: 1;
	transition: 0.2s;
}

.searchConditions label.checkbox:has(input[type=checkbox]):after {
	content: "";
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	display: block;
	width: 8px;
	height: 13px;
	box-sizing: border-box;
	position: absolute;
	left: 8px;
	top: 2px;
	transform: rotate(45deg);
	transition: 0.2s;
	opacity: 0;
}
.searchConditions label.checkbox:has(input[type=checkbox]:checked):after {
	opacity: 1;
	transition: 0.2s;
}
.searchConditions .checkbox_list label.checkbox>span,
.searchConditions .radio_list label.radio>span {
	line-height: 1;
	user-select: none;
}

.searchConditions .submitOuter {
	margin-top: 30px;
}
.searchConditions .submitOuter input[type="submit"].btnSubmit {
	margin: 0 auto;
	padding: 20px 80px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 600;
	min-width: 360px;
	min-height: 70px;
	background: #519262;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	transition: 0.3s;
}
.searchConditions .submitOuter input[type="submit"].btnSubmit:hover {
	cursor: pointer;
	opacity: 0.8;
	transition: 0.3s;
}

.searchList {
	margin: 0 0 50px;
}

.areaList li {
	display: inline-block;
	margin: 0 5px 0 0;
}

.tradersMiddle {
	max-width: 900px;
	margin: 88px auto;
}
.tradersMiddle .topTxt {
	margin: 0 0 80px;
}
.tradersMiddle .topTxt dt {
	font-weight: bold;
	font-size: 2rem;
	margin: 0 0 20px;
	text-align: center;
}
.tradersMiddle .interview>.ttl {
	border: solid 1px #000;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 26px;
}
.tradersMiddle .interview>.ttl span {
	font-size: 2rem;
}
.tradersMiddle .interview .interviewInner {
	display: flex;
	justify-content: space-between;
	flex-flow: row-reverse;
}
.tradersMiddle .interview .interviewInner .txt {
	width: 61%;
}
.tradersMiddle .interview .interviewInner .txt .name {
	margin: 0 0 26px;
	text-align: center;
	position: relative;
	padding: 0 0 18px;
}
.tradersMiddle .interview .interviewInner .txt .name::after {
	content: "";
	width: 60px;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 0;
}
.tradersMiddle .interview .interviewInner .txt dl dt {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 15px;
}
.tradersMiddle .interview .interviewInner .img {
	width: 35%;
}

.bottomGrayBg {
	position: relative;
	padding: 0 20px;
	margin: 0 0 100px;
}
.bottomGrayBg::after {
	content: "";
	width: 100%;
	height: 60%;
	max-height: 600px;
	background-color: #F3F3F3;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
.bottomGrayBg .inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 120px;
}

.imgWrap {
	text-align: center;
}

.mvWrap {
	max-width: 850px;
	margin: 0 auto;
}
.mvWrap .mvWrapInner {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}
.mvWrap .mvWrapInner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mapWrap {
	text-align: center;
}
.mapWrap iframe {
	width: 100%;
	height: 380px;
	max-width: 850px;
	margin: 0 auto;
}

.tradersList {
	margin: 0 0 100px;
}

.building_cost {
	padding: 12px 40px;
	background: #F3F3F3;
}
.building_cost dl {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px 20px;
}
.building_cost dl dt {
	padding: 4px 22px;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.2;
	background: #fff;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.building_cost dl dd {
	font-size: 1.8rem;
	font-weight: 600;
}
.building_cost dl dd span {
	margin-right: 4px;
	color: #BF0000;
	font-size: 2.8rem;
	font-weight: 600;
}
.building_cost p {
	margin-top: 6px;
	padding: 0 10px;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.2;
}


/*=================================================================*/
/*	モデルハウス
/*=================================================================*/
.houseSlideWrap {
	padding: 0 40px;
	margin: 0 0 100px;
}

.modelhouse .topTxt {
	max-width: 840px;
	margin: 0 auto 80px;
}
.modelhouse .topTxt dt {
	font-weight: bold;
	font-size: 2.7rem;
	margin: 0 0 30px;
	text-align: center;
}
.modelhouse .txtImg .img iframe {
	height: 420px;
	width: 100%;
}

.modelHouseBtn {
	text-align: center;
	margin: 0 0 120px;
}
.modelHouseBtn a {
	background-color: #DFC387;
	color: #FFF;
	display: inline-block;
	width: 550px;
	box-sizing: border-box;
	font-size: 2.2rem;
	font-weight: bold;
	padding: 17px;
	position: relative;
}
.modelHouseBtn a::before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: solid 1px;
	border-right: solid 1px;
	top: 50%;
	margin-top: -8px;
	right: 38px;
	color: #FFF;
	display: block;
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.modelHouseBtn a::after {
	content: "";
	width: 100%;
	height: 100%;
	border: solid 1px #CCCCCC;
	position: absolute;
	right: -15px;
	bottom: -15px;
	z-index: -1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.modelHouseBtn a:hover {
	opacity: 1;
}
.modelHouseBtn a:hover::before {
	right: 34px;
}

/*=================================================================*/
/*	バックナンバー
/*=================================================================*/
.bnumList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bnumList>li {
	position: relative;
	padding: 0 0 68px;
	width: 47.5%;
	margin: 0 0 60px;
}
.bnumList>li .bnImgTxt {
	display: flex;
	justify-content: space-between;
}
.bnumList>li .bnImgTxt .img {
	width: 44%;
}
.bnumList>li .bnImgTxt .img img {
	display: inline-block;
	border: solid 1px #dbdbdb;
	width: 100%;
}
.bnumList>li .bnImgTxt .txt {
	width: 51%;
	padding: 20px 0 95px;
	position: relative;
	box-sizing: border-box;
}
.bnumList>li .bnImgTxt .txt h2 {
	font-size: 2.4rem;
	margin: 0 0 15px;
}
.bnumList>li .bnImgTxt .txt h2 span {
	font-size: 80%;
}
.bnumList>li .bnImgTxt .txt .tag {
	display: inline-block;
	background-color: #E9E9E9;
	font-size: 1.8rem;
	margin: 0 0 20px;
	font-weight: bold;
	padding: 3px 14px 0;
}
.bnumList>li .bnImgTxt .txt ul {
	padding: 0 0 10px;
	margin: 0 0 10px;
}
.bnumList>li .bnImgTxt .txt ul li {
	position: relative;
	margin: 0 0 8px;
	padding: 0 0 0 20px;
	line-height: 1.3;
}
.bnumList>li .bnImgTxt .txt ul li::after {
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 100%;
	left: 6px;
	top: 8px;
}
.bnumList>li .bnImgTxt .txt .bInfo {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
.bnumList>li .bnImgTxt .txt .bInfo .caseNum {
	border-top: solid 1px #C9C9C9;
	border-bottom: solid 1px #C9C9C9;
	padding: 10px 5px 10px;
	margin: 0 0 10px;
}
.bnumList>li .bnImgTxt .txt .bInfo .price {
	text-align: right;
	font-size: 2.4rem;
	font-weight: bold;
}
.bnumList>li .bnImgTxt .txt .bInfo .price span {
	font-size: 80%;
}
.bnumList>li .bottomBtn {
	display: flex;
	/* justify-content: space-between; */
	justify-content: flex-end;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.bnumList>li .bottomBtn a {
	width: 48%;
	display: block;
	line-height: 1;
	padding: 16px 8px 14px;
	box-sizing: border-box;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	font-size: 80%;
}
.bnumList>li .bottomBtn a.detail {
	border: solid 1px #000;
}
.bnumList>li .bottomBtn a.bookFolder {
	background-color: #333;
	color: #FFF;
}
.bnumList>li .bottomBtn a.doc {
	background-color: #519262;
	color: #FFF;
	margin-left: 4%;
}

.bnCaseList li {
	margin: 0 0 40px;
}
.bnCaseList li a p {
	font-weight: bold;
}

.bnDetailTop {
	max-width: 1100px;
	margin: 0 auto 100px;
}
.bnDetailTop .bnTitle {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	margin: 0 0 40px;
	padding: 0 0 10px;
	font-size: 3.2rem;
}
.bnDetailTop .bnTopImg {
	display: flex;
	justify-content: space-between;
	margin: 0 0 80px;
}
.bnDetailTop .bnTopImg dl dt {
	font-weight: bold;
	font-size: 1.8rem;
	background-color: #E9E9E9;
	display: inline-block;
	margin: 0 0 30px;
	padding: 5px 22px 2px;
}
.bnDetailTop .bnTopImg dl dd img {
	border: solid 1px #DDD;
}
.bnDetailTop .bnTopImg>div {
	width: 45.4545%;
}
.bnDetailTop .sumikaBtn {
	text-align: center;
}
.bnDetailTop .sumikaBtn .date {
	margin: 0;
}
.bnDetailTop .sumikaBtn .price {
	font-weight: bold;
	font-size: 2rem;
	margin: 0 0 10px;
}
.bnDetailTop .sumikaBtn .price span {
	font-size: 2.7rem;
	display: inline-block;
	margin-left: 10px;
}
.bnDetailTop .sumikaBtn .btnWrap {
	margin: 20px 0 100px;
}

.specialPostList {
	max-width: 1100px;
	margin: 60px auto 100px;
}
.specialPostList li {
	margin: 0 0 60px;
}
.specialPostList li h3 {
	margin: 0 0 30px;
	border-left: solid 5px #373737;
	font-size: 2rem;
	padding: 0 0 0 20px;
}
.specialPostList li .imgTxt {
	display: flex;
	justify-content: space-between;
}
.specialPostList li .imgTxt .img {
	width: 27.3636%;
}
.specialPostList li .imgTxt .img img {
	border: solid 1px #969696;
}
.specialPostList li .imgTxt .txt {
	width: 69%;
}
.specialPostList li .imgTxt .txt dl dt {
	font-weight: bold;
	font-size: 1.8rem;
	margin: 0 0 20px;
}

/*=================================================================*/
/*	住まいの創造人
/*=================================================================*/
.souzoninMainTxt {
	text-align: center;
	margin: 0 0 40px;
	font-size: 3.2rem;
	font-weight: bold;
}

.souzouninPhoto {
	max-width: 920px;
	margin: 0 auto 80px;
}
.souzouninPhoto .img {
	margin: 0 0 40px;
}
.souzouninPhoto .souzoninName {
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	position: relative;
	padding: 0 0 40px;
}
.souzouninPhoto .souzoninName::after {
	content: "";
	width: 100px;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
}
.souzouninPhoto .souzoninName span {
	display: block;
	font-size: 2rem;
}

.szContents {
	max-width: 880px;
	margin: 0 auto 120px;
}
.szContents .szImgWrap {
	text-align: center;
	margin: 60px 0;
}
.szContents .szTxt p {
	margin: 0 0 40px;
}
.szContents .update {
	text-align: right;
	margin: 60px 0 0;
}

/*=================================================================*/
/*	最新情報
/*=================================================================*/
.newsList {
	max-width: 1200px;
	margin: 0 auto 60px;
}

.newsContents .inner p {
	/* margin-bottom: 20px; */
}
.newsContents .inner a {
	color: #1111cc;
}
.newsContents .inner a:hover {
	text-decoration: underline;
}

/* 最新情報(サムネイル付き) */
ul.newsListImage {
	margin: 0 auto 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 44px;
	max-width: 1200px;
	box-sizing: border-box;
}
ul.newsListImage li {
	width: calc((100% - (44px*2)) / 3);
}
ul.newsListImage li a .thumb {
	aspect-ratio: 74 / 55;
	border-radius: 10px;
	overflow: hidden;
}
ul.newsListImage li a .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
ul.newsListImage li a p.title {
	margin-top: 20px;
	font-size: 1.6rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.6;
	min-height: calc(1.6em * 2);
}
ul.newsListImage li a time {
	margin-top: 8px;
	font-family: "CenturyGothicStd", "Century Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	display: block;
	width: fit-content;
}

/* キーワード検索 */
.keywordTag {
	margin: 0 auto 100px;
	padding: 50px 80px 28px;
	max-width: 1200px;
	background: #fff;
	border: 1px solid #000;
	box-sizing: border-box;
	position: relative;
}
.keywordTag h2 {
	margin: auto;
	padding: 5px 18px;
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1;
	background: #fff;
	border: 1px solid #000;
	box-sizing: border-box;
	width: fit-content;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	transform: translateY(50%);
}
.keywordTag ul.tagList {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.keywordTag ul.tagList li.hidden {
	display: none;
}
.keywordTag ul.tagList li a {
	color: #333;
	padding: 6px 18px;
	font-size: 1.5rem;
	display: block;
	background: #F3F3F3;
	border-radius: 100px;
}
.keywordTag ul.tagList li a.active {
	color: #fff;
	background: #519262;
}

.keywordTag>a.more_word {
	margin: 10px 0 0 auto;
	font-family: "CenturyGothicStd", "Century Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	display: block;
	width: fit-content;
}
.keywordTag>a.more_word:hover {
	cursor: pointer;
	text-decoration: underline;
	opacity: 1;
}

/* ファイナンシャルプランナーバナー表示 */
.bottom_banner {
	margin: 60px auto 0;
	width: fit-content;
}
.bottom_banner a {
	display: block;
}



/*=================================================================*/
/*	プライバシーポリシー
/*=================================================================*/
.privacy .inner {
	max-width: 1200px;
	margin: 0 auto;
}

.pWrap {
	padding: 0 30px 0;
	margin: 0 0 60px;
}
.pWrap p {
	margin: 0 0 20px;
}

.listStyle {
	margin: 0 0 30px;
}
.listStyle li {
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 0 5px;
}
.listStyle li::after {
	content: "";
	background-color: #8f8f8f;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	left: 0;
	top: 8px;
	position: absolute;
}

/*=================================================================*/
/*	サイトマップ
/*=================================================================*/
.sitemap .inner {
	max-width: 1200px;
	margin: 0 auto;
}
.sitemap .inner .topLink {
	margin-bottom: 50px;
}
.sitemap .inner .topLink a {
	padding: 5px 5px 5px 21px;
	font-size: 2rem;
	font-weight: bold;
	position: relative;
}
.sitemap .inner .topLink a::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 30px;
	background: #000;
	top: 2.5px;
	left: 0;
}
.sitemap .inner .content {
	display: flex;
	flex-wrap: wrap;
}
.sitemap .inner .content li {
	margin-bottom: 50px;
	width: 25%;
	min-width: 250px;
}
.sitemap .inner .content li a {
	padding: 8px 5px 5px 21px;
	font-size: 2rem;
	font-weight: bold;
	position: relative;
	display: inline-block;
	line-height: 1.2;
}
.sitemap .inner .content li a::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 30px;
	background: #000;
	top: 2.5px;
	left: 0;
}
.sitemap .inner .content .sub ul {
	padding-top: 10px;
}
.sitemap .inner .content .sub ul li {
	margin: 0 0 0 20px;
}
.sitemap .inner .content .sub ul li a {
	font-size: 1.6rem;
	font-weight: 500;
}
.sitemap .inner .content .sub ul li a::before {
	background: none;
	height: 6px;
	border-top: solid 1px;
	border-right: solid 1px;
	top: 11px;
	color: #000;
	transform: rotate(45deg);
	display: block;
}

/*=================================================================*/
/*	My Life Style
/*=================================================================*/
.pageContents .myList li {
	margin-bottom: 40px;
}
.pageContents .myList li a .img {
	padding-top: 110%;
}

/*=================================================================*/
/*	My Life Style 記事詳細
/*=================================================================*/
.mylifestyleContent .inner h1 {
	text-align: center;
	font-size: 3.2rem;
	line-height: 1.4;
	margin: 0 0 45px;
}
.mylifestyleContent .inner h1 span {
	font-size: 1.6rem;
	font-weight: 500;
}
.mylifestyleContent .inner h1+p {
	text-align: center;
	margin-bottom: 40px;
}
.mylifestyleContent .inner .mystyleContent {
	margin: 0 auto 100px;
}
.mylifestyleContent .inner .mystyleContent .mystylImg {
	text-align: center;
	margin: 0 0 60px;
}
.mylifestyleContent .inner .mystyleContent .mystylImg img {
	max-width: 620px;
}
.mylifestyleContent .inner .mystyleContent .mylifeCopy {
	margin: 0 auto 60px;
	max-width: 880px;
}
.mylifestyleContent .inner .mystyleContent .myImgTxt {
	max-width: 980px;
	margin: 0 auto;
}
.mylifestyleContent .inner .mystyleContent .myImgTxt .img {
	margin: 0 0 5px;
}
.mylifestyleContent .inner .mylifeBg {
	padding: 50px;
	display: flex;
	justify-content: space-between;
	gap: 3%;
	position: relative;
}
.mylifestyleContent .inner .mylifeBg::before {
	position: absolute;
	content: "";
	border-left: 30px solid #000;
	border-bottom: 30px solid transparent;
	top: 0;
	left: 0;
}
.mylifestyleContent .inner .mylifeBg .left {
	text-align: center;
	width: 36%;
}
.mylifestyleContent .inner .mylifeBg .left img {
	max-width: 400px;
	width: 100%;
}
.mylifestyleContent .inner .mylifeBg .right {
	width: 60%;
	padding: 20px 0 0;
	position: relative;
}
.mylifestyleContent .inner .mylifeBg .right h3 {
	padding: 6px 17px;
	font-size: 2.4rem;
	border-bottom: solid 1px #C1C1C1;
}
.mylifestyleContent .inner .mylifeBg .right ul {
	padding: 14px 0 14px 27px;
	margin: 0 0 20px;
}
.mylifestyleContent .inner .mylifeBg .right ul li {
	padding: 0 0 0 28px;
}
.mylifestyleContent .inner .mylifeBg .right ul .place {
	position: relative;
}
.mylifestyleContent .inner .mylifeBg .right ul .place::before {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	background: url(../img/sec/mylifestyle/style26/place.png) no-repeat;
	top: 2px;
	left: 0;
}
.mylifestyleContent .inner .mylifeBg .right ul .tel {
	position: relative;
}
.mylifestyleContent .inner .mylifeBg .right ul .tel::before {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	background: url(../img/sec/mylifestyle/style26/tel.png) no-repeat;
	top: 3px;
	left: 2px;
}
.mylifestyleContent .inner .mylifeBg .right ul .link {
	position: relative;
}
.mylifestyleContent .inner .mylifeBg .right ul .link::before {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	background: url(../img/sec/mylifestyle/style26/link.png) no-repeat;
	top: 4px;
	left: 1px;
}
.mylifestyleContent .inner .mylifeBg .right p {
	margin: 0;
	text-align: right;
}

.mylifeBody {
	max-width: 1000px;
	margin: 0 auto;
}
.mylifeBody h3 {
	text-align: center;
	font-size: 3rem;
	margin: 60px 0 60px;
}
.mylifeBody h3:after {
	content: "◆";
	display: block;
	margin: 1rem auto;
	text-align: center;
	font-size: 1rem;
}
.mylifeBody p {
	max-width: 820px;
	margin: 3rem auto;
}

/*=================================================================*/
/*	資料請求CPページ
/*=================================================================*/
.pageContents.campaign .inner .content {
	max-width: 900px;
	margin: 0 auto 110px;
}
.pageContents.campaign .inner .content .campaignImg {
	margin: 0 0 50px;
}
.pageContents.campaign .inner .content a {
	color: #1111cc;
	text-decoration: underline;
}
.pageContents.campaign .inner .content a img {
	margin: 0 0 120px;
}
.pageContents.campaign .inner .content h2 {
	text-align: center;
	font-size: 3.2rem;
	margin: 0 0 45px;
}
.pageContents.campaign .inner .content h2+p {
	margin: 0 0 50px;
}
.pageContents.campaign .inner .content .cpH3 {
	margin: 40px 0 20px;
}
.pageContents.campaign .inner .content .cpTxt {
	padding: 0 0 0 16px;
	margin: 0 0 20px;
}
.pageContents.campaign .inner .content .cpList {
	margin: 0 0 0 22px;
	padding: 0 0 0 16px;
}
.pageContents.campaign .inner .content .cpList li {
	list-style-type: disc;
}
.pageContents.campaign .inner .btnWrap .cpBtn {
	padding: 18px 60px;
}

/*=================================================================*/
/*	家づくりQ＆A
/*=================================================================*/
.pageTitle.faq {
	/* margin: 0 0 17px; */
}

.pageContents.faq {
	padding-bottom: 20px;
}
.pageContents.faq .inner .top {
	background: url(../img/sec/faq/top_left.png) no-repeat left 9% top 50%, url(../img/sec/faq/top_right.png) no-repeat right 9% top 50%;
	background-size: 14%;
}
.pageContents.faq .inner .top .pagetop_menu {
	display: flex;
	justify-content: center;
	padding: 4em 0;
	margin: 0 0 30px;
}
.pageContents.faq .inner .top .pagetop_menu li {
	font-size: 2rem;
	letter-spacing: 0.05em;
	border-right: #000 solid 1px;
	padding: 0 30px;
	cursor: pointer;
}
.pageContents.faq .inner .top .pagetop_menu li span {
	padding: 0.5em 1em;
	white-space: nowrap;
}
.pageContents.faq .inner .top .pagetop_menu li.on {
	font-weight: bold;
}
.pageContents.faq .inner .top .pagetop_menu li.on span {
	transition: all 0s ease;
	background-color: #519262;
	color: #fff;
	position: relative;
}
.pageContents.faq .inner .top .pagetop_menu li.on span::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 13px solid #519262;
	bottom: -12px;
	left: 31px;
}
.pageContents.faq .inner .top .pagetop_menu li:hover {
	font-weight: 700;
}
.pageContents.faq .inner .top .pagetop_menu li:last-child {
	border: none;
}
.pageContents.faq .inner .top .pagetop_menu li:first-child {
	padding-left: 0;
}
.pageContents.faq .inner .top .pagetop_menu li:last-child {
	padding-right: 0;
}
.pageContents.faq .inner .top .pagetop_menu .othersTag.on span::after {
	left: 42px;
}
.pageContents.faq .inner .box dl {
	margin: 0 0 50px;
}
.pageContents.faq .inner .box dl dt {
	padding: 0.5em 1em;
	background: #F3F3F3;
	margin: 0 0 30px;
	position: relative;
}
.pageContents.faq .inner .box dl dt::before {
	position: absolute;
	content: "";
	border-left: 20px solid #000;
	border-bottom: 20px solid transparent;
	top: 0;
	left: 0;
}
.pageContents.faq .inner .box dl dt .question {
	font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	margin: 0 23px 0;
}
.pageContents.faq .inner .box dl dd {
	padding: 0 0 0 80px;
	position: relative;
}
.pageContents.faq .inner .box dl dd::before {
	position: absolute;
	content: "A";
	font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	left: 37px;
	top: -6px;
}
.pageContents.faq .inner .box dl dd p {
	margin: 0 0 30px;
}
.pageContents.faq .inner .box dl dd p>span {
	display: none;
}
.pageContents.faq .inner .box dl dd ol {
	margin: 1.5em 0 0;
}
.pageContents.faq .inner .box dl dd .decimal {
	padding-left: 40px;
}
.pageContents.faq .inner .box dl dd .decimal li {
	list-style-type: decimal;
	font-weight: 700;
	margin: 0 0 1em;
}
.pageContents.faq .inner .box dl dd .decimal li p {
	font-weight: 500;
}
.pageContents.faq .inner .box dl dd .disc {
	margin-bottom: 1.5em;
}
.pageContents.faq .inner .box dl dd .disc li {
	position: relative;
	padding-left: 40px;
}
.pageContents.faq .inner .box dl dd .disc li::before {
	position: absolute;
	content: "";
	top: 0.4em;
	left: 2%;
	width: 10px;
	height: 10px;
	background-color: #999999;
	border-radius: 50%;
}
.pageContents.faq .inner .box dl dd .faqBg {
	padding: 1.5em 3.5em;
	margin: 0 0 30px;
}
.pageContents.faq .inner .box dl dd .faqBg .bgTop {
	padding: 0 0 24px;
	border-bottom: solid 1px #C1C1C1;
	margin: 0 0 38px;
}
.pageContents.faq .inner .box dl dd .faqBg .bgBottom {
	padding: 22px 0 0;
	border-top: solid 1px #C1C1C1;
}
.pageContents.faq .inner .box dl dd .faqBg ul li {
	padding: 0 0 0 22px;
}
.pageContents.faq .inner .box dl dd .faqBg ul li::before {
	left: 0;
}
.pageContents.faq .inner .box dl dd .faqBg ol {
	margin: 0;
}
.pageContents.faq .inner .box dl dd .faqBg .zeroList {
	padding: 0 0 0 30px;
}
.pageContents.faq .inner .box dl dd .faqBg .zeroList li {
	list-style-type: decimal-leading-zero;
	padding: 0 0 0 10px;
}
.pageContents.faq .inner .box dl dd .faqBg .zeroList li::marker {
	font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2rem;
}
.pageContents.faq .inner .box dl dd .faqBg .bgTtl {
	padding: 0 0 5px;
	border-bottom: solid 1px #C1C1C1;
	margin: 0 0 1em;
	font-weight: 700;
}
.pageContents.faq .inner .box dl dd .triangle {
	padding: 2.5em 3.5em;
	position: relative;
}
.pageContents.faq .inner .box dl dd .triangle::before {
	position: absolute;
	content: "";
	border-left: 20px solid #000;
	border-bottom: 20px solid transparent;
	top: 0;
	left: 0;
}
.pageContents.faq .inner .box dl dd table tbody tr th {
	text-align: center;
}
.pageContents.faq .inner .box dl dd table tbody tr td {
	padding-left: 40px;
}
.pageContents.faq .inner .box dl dd table tbody tr td ul li {
	list-style-type: disc;
}
.pageContents.faq .inner .isHide {
	display: none;
}

/*=================================================================*/
/*	住まいの創造人
/*=================================================================*/
.souzouninList {
	max-width: 1060px;
	margin: 0 auto;
}
.souzouninList li {
	padding: 0;
}
.souzouninList li .img {
	margin-bottom: 15px;
}
.souzouninList li p {
	font-weight: bold;
	font-size: 1.6rem;
	padding: 0 13%;
	line-height: 20px;
}
.souzouninList li .name {
	font-size: 1.8rem;
	line-height: 27px;
}

/*=================================================================*/
/*	各市町村行政サービス
/*=================================================================*/
.pageContents.service ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.pageContents.service ul li {
	width: 18%;
	text-align: center;
}
.pageContents.service ul li a {
	display: inline-block;
	background-color: #ccc;
	border: solid 2px #ccc;
	border-bottom: none;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0 0;
	padding: 10px 0;
	box-sizing: border-box;
	cursor: pointer;
}
.pageContents.service ul li a:hover {
	text-decoration: none;
	background-color: #000;
	border: solid 2px #000;
}
.pageContents.service ul li.active a {
	background-color: #000;
	border: solid 2px #000;
}
.pageContents.service #tabs {
	position: relative;
	border-top: solid 5px #000;
	width: 100%;
}
.pageContents.service #tabs table {
	font-size: 0.9em;
	text-align: center;
	table-layout: fixed;
	word-wrap: break-word;
	width: 100%;
}
.pageContents.service #tabs table td {
	padding: 8px 6px;
}
.pageContents.service #tabs table thead {
	background-color: #fce7d9;
}
.pageContents.service #tabs table thead td {
	text-align: center;
}
.pageContents.service #tabs table tbody tr th {
	background-color: #fff;
	text-align: left;
}
.pageContents.service #tabs table tbody tr td {
	text-align: center;
}
.pageContents.service #tabs table tbody tr.other td {
	text-align: left;
}
.pageContents.service #tabs .tab:nth-child(5) thead td:not(:nth-child(1)) {
	width: 4.5em;
}
.pageContents.service #tabs .kosodate-h {
	background-color: #39ad4a;
}
.pageContents.service #tabs .kosodate {
	background-color: #bcdc96;
}
.pageContents.service #tabs .jyutaku-h {
	background-color: #ff9d1d;
}
.pageContents.service #tabs .jyutaku {
	background-color: #ffc77e;
}
.pageContents.service #tabs .iryo {
	background-color: #ffb6e0;
}
.pageContents.service #tabs .roudou-h {
	background-color: #2da6da;
}
.pageContents.service #tabs .roudou {
	background-color: #91d0ec;
}
.pageContents.service #tabs .srv_contact th {
	background-color: #fce7d9;
}
.pageContents.service #tabs .srv_contact td {
	background-color: #fce7d9;
	text-align: left;
}


/*=================================================================*/
/*	家づくり初心者コーナー
/*=================================================================*/
.pageContents.beginner {
	background: #FFF9EA;
}
/* 導入部分 */
.pageContents.beginner .introduction {
	margin-bottom: 120px;
	padding-bottom: 30px;
	position: relative;
}
.pageContents.beginner .introduction:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: repeating-linear-gradient(to right, #FFDD17 0 8px, transparent 8px 18px);
}
.pageContents.beginner .introduction p {
	margin-top: 30px;
	padding: 0 60px;
	font-size: 1.6rem;
	font-weight: 600;
}

.pageContents.beginner .stepflow,
.pageContents.beginner .stepflow>.wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 150px;
}
.pageContents.beginner .stepflow .step {
	width: 100%;
	box-sizing: border-box;
}

.pageContents.beginner .stepflow .step .main {
	margin: 0;
	gap: 20px;
}
.pageContents.beginner .stepflow .step:nth-child(2n) .main {
	flex-direction: row-reverse;
}

.pageContents.beginner .stepflow .step .main .secText {
	padding: 20px 0 0 0;
	max-width: 594px;
	min-width: 48%;
}

.pageContents.beginner .stepflow {
	counter-reset: step_counter;
}
.pageContents.beginner .stepflow .step .main .secText h3 {
	margin-bottom: 24px;
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 1.2;
	counter-increment: step_counter;
	position: relative;
	z-index: 1;
}
.pageContents.beginner .stepflow .step .main .secText h3:before {
	content: "STEP";
	font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FF9D00;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1;
	position: absolute;
	left: 0;
	bottom: calc(100% + 5.8rem);
	z-index: -1;
}
.pageContents.beginner .stepflow .step .main .secText h3:after {
	content: counter(step_counter, decimal-leading-zero);
	font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FF9D00;
	font-size: 9.0rem;
	font-weight: 600;
	line-height: 1;
	position: absolute;
	left: -0.6rem;
	bottom: calc(100% - 2.2rem);
	z-index: -1;
}

.pageContents.beginner .stepflow .step .main .secText h3+p {
	margin: 0 0 0 40px;
}

.pageContents.beginner .stepflow .step .main .secText .onePoint {
	margin: 20px 0 0 40px;
}
.pageContents.beginner .stepflow .step .main .secText .onePoint h4 {
	margin: 0 0 -12px -18px;
	font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1;
	padding: 7px 30px 7px 60px;
	width: fit-content;
	background: #FFDD17;
	border-radius: 100px;
	box-sizing: border-box;
	position: relative;
}
.pageContents.beginner .stepflow .step .main .secText .onePoint h4:before {
	content: "";
	margin: auto;
	width: 37px;
	height: 37px;
	display: flex;
	background: url(../img/sec/beginner/icon_point.svg) no-repeat center / contain;
	position: absolute;
	left: 10px;
	top: -8px;
	bottom: 0;
}

.pageContents.beginner .stepflow .step .main .secText .onePoint p {
	padding: 36px 26px 26px;
	border-radius: 10px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

.pageContents.beginner .stepflow .step .main .secImage {
	margin: 0;
	flex: 1;
}
.pageContents.beginner .stepflow .step .main .secImage .wp-block-image {
	margin: 0;
}
.pageContents.beginner .stepflow .step .main .secImage img {
	margin: 0 auto;
	width: 100%;
	display: block;
	max-width: fit-content;
	height: auto;
}


.pageContents.beginner .stepflow .step .main+.calloutBtnBox {
	margin-top: 40px;
}
.calloutBtnBox {
	margin: 0 auto;
	width: fit-content;
}
.calloutBtnBox p {
	margin: 0 auto 16px;
	padding: 0 32px;
	color: #0872BD;
	font-weight: 600;
	line-height: 1.2;
	width: fit-content;
	position: relative;
}
.calloutBtnBox p:before,
.calloutBtnBox p:after {
	content: "";
	margin: auto;
	width: 1px;
	height: 30px;
	display: block;
	background: #000;
	position: absolute;
	top: 0;
	bottom: 0;
}
.calloutBtnBox p:before {
	transform: rotateZ(-40deg) translateY(-2px);
	left: 10px;
}
.calloutBtnBox p:after {
	transform: rotateZ(40deg) translateY(-2px);
	right: 10px;
}
.calloutBtnBox a.wp-block-button__link {
	padding: 23px 80px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	background: #0872BD;
	border-radius: 100px;
	position: relative;
}
.calloutBtnBox a.wp-block-button__link:after {
	content: "";
	margin: auto;
	width: 11px;
	height: 11px;
	display: block;
	border-top: solid 1px;
	border-right: solid 1px;
	border-color: #fff;
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	transition: 0.3s;
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
}
.calloutBtnBox a.wp-block-button__link:hover:after {
	right: 20px;
}

/* ボタン配色(オレンジ) */
.calloutBtnBox.orange p {
	color: #FF9538;
}
.calloutBtnBox.orange a.wp-block-button__link {
	background: #FF9538;
}

/* 家づくりで後悔しないために */
.pageContents.beginner .planningGuide {
	margin-top: 150px;
	padding: 40px 100px;
	background: #fff;
	border-radius: 40px;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.pageContents.beginner .planningGuide:before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: #FFDD17;
	pointer-events: none;
	-webkit-mask:
		repeating-linear-gradient(45deg, #000 0 2px, #000 2px 7px, transparent 7px 14px),
		linear-gradient(#000 0 0);
	-webkit-mask-box-image: none;
	-webkit-mask-composite: destination-out;
	box-sizing: border-box;
	z-index: -2;
}
.pageContents.beginner .planningGuide:after {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: calc(40px - 1px);
	background: #fff;
	z-index: -1;
}

.pageContents.beginner .planningGuide .advice {
	padding-left: min(25%, 220px);
	position: relative;
}
.pageContents.beginner .planningGuide .advice:before {
	content: "";
	width: min(25%, 218px);
	aspect-ratio: 109 / 125;
	background-image: url(../img/sec/beginner/illust_advice.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -40px;
	top: -68px;
}
.pageContents.beginner .planningGuide .advice h3 {
	margin-bottom: 20px;
	color: #519262;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.2;
}
.pageContents.beginner .planningGuide .wp-block-columns:has(.calloutBtnBox) {
	margin: 50px 0 0;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px 50px;
}
.pageContents.beginner .planningGuide .wp-block-columns:has(.calloutBtnBox)>.wp-block-column {
	display: contents;
	width: fit-content;
}
.pageContents.beginner .planningGuide .wp-block-columns:has(.calloutBtnBox)>.wp-block-column .calloutBtnBox {
	margin: 0;
}

/*******************************************************************/
/* 950px
/*******************************************************************/
@media screen and (max-width: 950px) {
	/*<start>==========================================================*/
	/*=================================================================*/
	/*	Q&A
  /*=================================================================*/
	.pageContents.faq .inner .top {
		background: none;
	}
	/*<end>============================================================*/
}
/*******************************************************************/
/* PC
/*******************************************************************/
@media print,
screen and (min-width: 769px) {
	/*<start>==========================================================*/
	/*<end>============================================================*/
}
/*******************************************************************/
/* SP
/*******************************************************************/
@media screen and (max-width: 768px) {
	/*<start>==========================================================*/
	/*=================================================================*/
	/*	下層共通
	/*=================================================================*/
	/*  pageTitle
	---------------------------------------------------------------*/
	.pageTitle {
		padding: 20px 4%;
		margin: 0 0 0;
	}
	.pageTitle .inner {
		min-height: unset;
	}
	.pageTitle .inner .en {
		font-size: 1.6rem;
		padding: 0 0 10px;
		margin: 0 0 10px;
	}
	.pageTitle .inner .en::after {
		width: 30px;
		margin-left: -15px;
	}
	.pageTitle .inner .mainTxt {
		font-size: 2.6rem;
		line-height: 1.4;
	}
	.pageContents {
		padding: 60px 4%;
	}
	.pageTopTxt {
		margin: 0 0 60px;
		padding: 0 4%;
	}
	.bgGray {
		padding: 40px 4%;
	}
	.pad50 {
		padding: 0;
	}

	/*  breadcrumb
	---------------------------------------------------------------*/
	.breadcrumb {
		padding: 0;
		margin: 0;
	}
	.breadcrumb ul {
		display: flex;
		overflow: hidden;
		overflow-x: auto;
		padding: 10px 8px;
	}
	.breadcrumb ul li {
		word-break: break-all;
		display: inline-block;
		white-space: nowrap;
		padding-right: 28px;
	}
	.breadcrumb ul li::after {
		width: 4px;
		height: 4px;
		right: 13px;
		top: 50%;
		margin: -4px 0 0;
	}
	.breadcrumb ul li a.img_link {
		display: block;
		width: 13px;
		height: 13px;
		background: url(../img/union/icon_home_blk.svg) no-repeat 0 0;
		background-size: 100% auto;
		margin-top: 1px;
	}

	/*  タイトル
	---------------------------------------------------------------*/
	.ttlH2 {
		font-size: 2.4rem;
		margin: 0 0 30px;
		line-height: 1.4;
	}
	.ttlH2.en {
		font-size: 3.6rem;
	}
	.ttlH2::after {
		width: 120px;
	}
	.ttlH3 {
		font-size: 2rem;
		margin: 0 0 20px;
	}
	.ttlH3Style {
		border-left: solid 5px #373737;
		font-size: 2rem;
		margin: 0 0 20px;
		padding: 0 0 0 10px;
	}
	/*  txtImg
	---------------------------------------------------------------*/
	.txtImg {
		display: block;
		margin: 0 0 60px;
	}
	.txtImg>.txt {
		width: 100%;
		margin: 0 0 30px;
	}
	.txtImg>.img {
		width: 100%;
	}
	/*  btnWrap
	---------------------------------------------------------------*/
	.btnWrap {
		margin: 40px 0;
	}
	.btnWrap .btn {
		font-size: 1.8rem;
		padding: 14px 40px;
		min-width: unset;
	}
	.btnWrap .btn::before {
		width: 8px;
		height: 8px;
		right: 20px;
	}
	.btnWrap .btn.leftArrow::before {
		left: 20px;
	}
	/* wp-pagenavi
	-------------------------------------------------------------------*/
	.pageContents .wp-pagenavi>a,
	.pageContents .wp-pagenavi>span {
		padding: 8px 0px;
		min-width: 32px;
		margin: 30px 0;
	}
	/* pageNav
	-------------------------------------------------------------------*/
	.pageNav {
		text-align: center;
		font-family: "CenturyGothicStd", "Century Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
		font-weight: bold;
	}
	.pageNav a {
		padding: 15px 0px;
		text-decoration: none;
		color: #777;
		font-size: 16px;
		background-color: #e7e7e7;
		margin-right: 10px;
		border-radius: 100%;
		display: inline-block;
		line-height: 1;
		min-width: 46px;
	}
	.pageNav a .next {
		color: #61584b;
	}
	.pageNav a:hover {
		background-color: #333;
		color: #FFF;
		opacity: 1;
	}
	.pageNav a .prev,
	.pageNav a .next {
		border: none;
		font-size: 17px;
	}
	.pageNav .current {
		padding: 15px 0px;
		text-decoration: none;
		font-size: 16px;
		background-color: #333;
		margin-right: 10px;
		color: #FFF;
		border-radius: 100%;
		display: inline-block;
		line-height: 1;
	}
	.pageNav .dots {
		margin-right: 10px;
	}
	/*  slick-prev slick-next
	---------------------------------------------------------------*/
	#wrap .slick-prev,
	#wrap .slick-next {
		background-color: unset;
		top: 50%;
	}
	#wrap .slick-prev::before,
	#wrap .slick-next::before {
		border-top: solid 1px;
		border-right: solid 1px;
		width: 16px;
		height: 16px;
		color: #000;
	}
	#wrap .slick-prev {
		left: -35px;
	}
	#wrap .slick-next {
		right: -35px;
	}
	#wrap .houseSlide .slick-prev::before,
	#wrap .houseSlide .slick-next::before {
		width: 18px;
		height: 18px;
		left: 2px;
		top: 17px;
	}
	#wrap .houseSlide .slick-prev::before {
		left: -5px;
	}
	#wrap .slick-dots {
		bottom: -40px;
	}
	#wrap .slick-dots li {
		margin: 0 3px;
	}
	#wrap .slick-dots li button:before {
		content: "";
		background-color: #333;
		border-radius: 100%;
		width: 8px;
		height: 8px;
		left: 6px;
		top: 6px;
	}
	/*=================================================================*/
	/*	tblWrap
	/*=================================================================*/
	.tblWrap {
		overflow: scroll;
		position: relative;
		padding: 0 0 8px;
	}
	.tblWrap::before {
		content: "※テーブルはスライドしてご覧いただけます";
		color: #f95e00;
		margin: 0 0 5px;
		display: block;
		font-size: 90%;
	}
	.tblWrap .courseTbl {
		width: 800px;
	}
	.tblWrap table {
		width: 800px !important;
	}
	/*=================================================================*/
	/*	フォーム
	/*=================================================================*/
	input[type=text] {
		background-color: #FFF;
		border: solid 1px #cbcbcb;
		padding: 6px 8px;
		box-sizing: border-box;
	}
	input[type=checkbox] {
		-moz-appearance: menulist;
		-webkit-appearance: menulist;
		appearance: menulist;
		transform: scale(1.3, 1.3);
	}
	input[type=radio] {
		-moz-appearance: menulist;
		-webkit-appearance: menulist;
		appearance: menulist;
		transform: scale(1.3, 1.3);
	}
	textarea {
		background-color: #FFF;
		border: solid 1px #cbcbcb;
		padding: 8px;
		width: 100%;
		box-sizing: border-box;
		height: 180px;
	}
	.checkWrap {
		cursor: pointer;
		margin: 0 20px 12px 0;
		display: inline-block;
	}
	.checkWrap span {
		padding: 0 0 0 8px;
		display: inline-block;
	}
	.checkWrap.other {
		margin: 0 10px 12px 0;
	}
	.radioWrap {
		cursor: pointer;
		margin-right: 30px;
		display: inline-block;
	}
	.radioWrap span {
		padding: 0 0 0 10px;
		display: inline-block;
	}
	.inputParts {
		display: block;
		margin: 0 0 20px;
	}
	.inputParts dt {
		width: 100%;
	}
	.inputParts dd {
		width: 100%;
	}
	.inputParts dd.radio {
		padding: 9px 0 0;
	}
	.inputParts dd input[type=text] {
		width: 100%;
	}
	.inputParts.req dt {
		position: relative;
	}
	.inputParts.req dt::after {
		position: absolute;
		content: "必須";
		display: inline-block;
		background-color: #FC5555;
		color: #FFF;
		right: 0;
		top: 8px;
		font-size: 1.4rem;
		padding: 2px 8px;
	}
	.reqTxt {
		display: inline-block;
		background-color: #FC5555;
		color: #FFF;
		font-size: 1.4rem;
		padding: 2px 5px 0px;
		font-weight: bold;
		margin: 0 3px 0 0;
	}
	/*=================================================================*/
	/*	バックナンバー購入
	/*=================================================================*/
	.topInput {
		margin: 0 0 40px;
	}
	.middleInput {
		margin: 0 0 40px;
	}
	.bottomInput {
		margin: 0 0 40px;
	}
	.bnTbl {
		margin: 20px 0 0;
	}
	.bnTbl tr th,
	.bnTbl tr td {
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	.dlCaution {
		margin: 0 0 15px;
	}
	.dlCaution dt {
		font-size: 1.6rem;
	}
	.submitWrap {
		text-align: center;
	}
	.submitWrap input[type=submit] {
		font-size: 2rem;
		padding: 16px 50px;
		margin: 0 10px 10px;
		min-width: 260px;
		width: unset;
	}
	.formTopTxt {
		margin: 0 0 40px;
	}
	/*=================================================================*/
	/*	まとめて無料資料請求
	/*=================================================================*/
	.pageContents.documentrequest>.inner {
		padding: 0 20px;
	}
	.pageContents.documentrequest>.inner .ttlH2+p {
		margin: 0 0 20px;
	}
	.pageContents.documentrequest .pageTopTxt {
		margin: 0 auto 40px;
		padding: 0;
		font-size: 105%;
	}
	.pageContents .checkList {
		padding: 0 0 30px;
		margin: 0 0 40px;
		justify-content: space-between;
	}
	.pageContents .checkList::after {
		content: "";
		width: 32%;
	}
	.pageContents .checkList li {
		width: 32%;
		margin: 0 0 3%;
	}
	.pageContents .checkList li:nth-child(9n) {
		margin: 0 0 3%;
	}
	.pageContents .checkList li label input[type=checkbox]~figure figcaption {
		font-size: 1.1rem;
		line-height: 1.4;
		padding: 3px 0 0 26px;
	}
	.pageContents .checkList li label input[type=checkbox]~figure figcaption span {
		width: 20px;
		height: 20px;
	}
	.pageContents .checkList li label input[type=checkbox]~figure figcaption span::before {
		width: 18px;
		height: 18px;
	}
	.pageContents .checkList li label input[type=checkbox]:checked~figure figcaption span::after {
		width: 11px;
		height: 5px;
		top: 4px;
		right: 3px;
	}
	.check_num_wrap {
		height: 64px;
	}
	.check_num_wrap .check_num_txt {
		line-height: 1.4;
		top: 0;
		bottom: unset;
	}
	.check_num_wrap .check_num_txt.fixed {
		bottom: 100px;
		top: unset;
	}
	/*=================================================================*/
	/*	イベント＆セミナー情報
	/*=================================================================*/
	.event {
		margin: 0 0 20px;
	}
	.detailTtl {
		font-size: 1.8rem;
		background: url(../img/sec/icon_home.png) no-repeat left 12px top 4px;
		background-size: 20px auto;
		padding: 2px 0 2px 48px;
	}
	.detailTtl.bilding {
		background: url(../img/sec/icon_bilding.png) no-repeat left 12px top 7px;
		background-size: 20px auto;
	}
	.detailTtl.txtOnly {
		background: none;
		font-size: 2rem;
		padding: 2px 0 7px 20px;
	}
	.infoDlWrap {
		margin: 0;
	}
	.pointTxt {
		margin: 40px 0 0;
	}
	.pointTxt dt {
		margin: 0 0 15px;
	}
	.pointTxt dt span {
		display: inline-block;
		font-size: 2rem;
		font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-bottom: dashed 1px #333;
		padding: 0 0 6px 25px;
		background: url(../img/sec/icon_pen.png) no-repeat left top;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
	}
	.toDetail {
		text-align: right;
		margin: 28px 0 0;
	}
	.toDetail a {
		display: inline-block;
		padding: 0 55px 0 0;
		background: url(../img/sec/icon_r_arrow.svg) no-repeat right 3px top 8px;
	}
	.toDetail a span {
		border-bottom: dashed 1px #333;
		font-weight: bold;
		display: inline-block;
		padding: 0 0 3px;
	}
	.toDetail a:hover {
		background: url(../img/sec/icon_r_arrow.svg) no-repeat right 0 top 8px;
	}
	.txtImg.eventDetailTop .txt {
		width: 100%;
	}
	.txtImg.eventDetailTop .img {
		width: 100%;
	}
	/*=================================================================*/
	/*	工務店・ハウスメーカーの建築実例
	/*=================================================================*/
	.exampleList li {
		width: 100%;
		margin: 0 0 6%;
		padding: 0;
	}
	.exampleList li dl {
		padding: 6px 0;
	}
	.exampleList li dl dt {
		font-size: 1.6rem;
	}
	.exampleList li dl dd {
		font-size: 1.3rem;
		width: 100%;
	}
	.exampleList li dl dd br {
		display: none;
	}

	.exampleList li .estimated_cost {
		padding: 12px 20px;
	}
	.exampleList li .estimated_cost>dl {
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px 12px;
	}
	.exampleList li .estimated_cost>dl dt {
		padding: 4px 10px;
		font-size: 1.3rem;
	}
	.exampleList li .estimated_cost>dl dd {
		margin: unset;
		justify-content: flex-start;
		font-size: 1.4rem;
		flex: unset;
		width: fit-content;
	}
	.exampleList li .estimated_cost>dl dd span {
		margin-right: 4px;
		font-size: 2.0rem;
	}
	.exampleList li .estimated_cost>p {
		margin-top: 8px;
		font-size: 1.0rem;
	}


	.exampleList li .btnArea {
		flex-wrap: wrap;
		position: static;
	}
	.exampleList li .btnArea a {
		padding: 8px 3px 8px;
		font-size: 1.3rem;
		letter-spacing: 0;
		width: 100%;
	}
	.exampleList li .btnArea a.doc {
		margin: 10px 0 0;
	}
	.w100pImg {
		margin: 0 0 40px;
	}
	.exampleMainTxt {
		font-size: 2.8rem;
		margin: 0 0 40px;
		line-height: 1.4;
	}
	.txtImg.planning {
		margin: 40px 0 60px;
	}
	.txtImg.planning .txt {
		width: 100%;
	}
	.exDl dt {
		font-size: 2rem;
		margin: 0 0 20px;
	}
	.exData {
		background-color: #F3F3F3;
		padding: 26px 26px 18px 68px;
		margin: 0 0 60px;
	}
	.exData h2 {
		left: -11px;
		top: 47px;
		font-size: 3rem;
	}
	.exData ul li {
		margin: 0 0 5px;
	}
	.caseList li {
		width: 48.5%;
		margin: 0 0 18px;
	}
	.caseList li a .img {
		margin: 0 0 10px;
	}
	.caseList li a p {
		font-size: 1.4rem;
		width: 100%;
	}
	.caseList li a p br {
		display: none;
	}
	.caseList.col4 {
		justify-content: space-between;
	}
	.caseList.col4 li {
		width: 48.5%;
		margin-right: 0;
	}
	/*=================================================================*/
	/*	鹿児島県の工務店・ハウスメーカーを探す
	/*=================================================================*/
	.searchConditions {
		padding: 30px 6%;
		margin: 0 0 60px;
	}
	.searchConditions h2 {
		left: 21px;
		width: 152px;
	}

	dl.areaSelectOuter dt {
		padding: 10px 8px;
		font-size: 1.4rem;
	}
	dl.areaSelectOuter dd {
		border: 1px solid #c7c7c7;
		box-sizing: border-box;
		flex: 1;
	}
	dl.areaSelectOuter dd select {
		padding: 10px 36px 10px 12px;
		font-size: 1.4rem;
		background: url(../img/sec/icon_linearrow_down.svg) no-repeat right 14px center / 14px auto;
	}

	.searchConditions a.btnSearchMenu {
		padding: 6px 28px 6px 14px;
		font-family: "outfit", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #fff;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.2;
		background: #282828;
		display: inline-flex;
		width: 88px;
		border-radius: 100px;
		box-sizing: border-box;
		position: relative;
		position: absolute;
		right: 14px;
		top: 0;
		transform: translateY(-50%);
	}
	.searchConditions a.btnSearchMenu:after {
		content: "";
		margin: auto;
		width: 12px;
		height: 7px;
		display: block;
		background: url(../img/sec/icon_linearrow_down_white.svg) no-repeat center center / contain;
		position: absolute;
		right: 12px;
		top: 0;
		bottom: 0;
		transform-origin: center;
		transform: rotateX(0deg);
		transition: transform 0.3s ease;
	}
	.searchConditions.open a.btnSearchMenu:after {
		transform: rotateX(180deg);
		transition: transform 0.3s ease;
	}

	.searchConditions .conditions_box {
		gap: 20px;
	}

	/* 建築実例開閉検索メニュー用 */
	.example .searchConditions .conditions_box {
		overflow: hidden;
		max-height: 0;
		transition: 0.5s ease;
	}
	.example .searchConditions.open .conditions_box {
		max-height: 1000px;
		transition: 0.5s ease;
	}

	.searchConditions .conditions_box dl {
		flex-direction: column;
		gap: 8px;
	}
	.searchConditions .conditions_box dl dt {
		font-size: 1.4rem;
	}
	.searchConditions .conditions_box dl dt:has(.tips) {
		display: flex;
		gap: 6px;
	}
	.searchConditions .conditions_box dl dt span.tips {
		width: 16px;
		height: 16px;
		display: inline-block;
		background-size: contain;
		transform: translateY(2px);
		position: relative;
	}

	.searchConditions .conditions_box dl dt span.tips:active .tooltip {
		opacity: 1;
		visibility: visible;
		transform: translateX(-50%) translateY(0);
	}

	.searchConditions .conditions_box dl dd .link_buttons {
		gap: 4px;
	}
	.searchConditions .conditions_box dl dd .link_buttons a {
		padding: 10px 8px;
		font-size: 1.4rem;
	}
	.searchConditions .conditions_box dl dd .link_buttons a:active {
		background: #333;
		color: #fff;
		opacity: 1;
	}
	.searchConditions .conditions_box>p.notice {
		font-size: 1.2rem;
	}

	.searchConditions .checkbox_list,
	.searchConditions .radio_list {
		gap: 12px;
	}
	.searchConditions .checkbox_list label.checkbox,
	.searchConditions .radio_list label.radio {
		font-size: 1.6rem;
		gap: 4px;
	}

	.searchConditions label.checkbox:has(input[type=checkbox]):before,
	.searchConditions label.radio:has(input[type=radio]):before {
		width: 20px;
		height: 20px;
	}
	.searchConditions label.radio:has(input[type=radio]):after {
		width: 10px;
		height: 10px;
		left: 5px;
	}
	.searchConditions label.checkbox:has(input[type=checkbox]):after {
		width: 7px;
		height: 12px;
		left: 7px;
		top: 2px;
	}

	.searchConditions .submitOuter {
		margin-top: 10px;
	}
	.searchConditions .submitOuter input[type="submit"].btnSubmit {
		padding: 14px 30px;
		font-size: 1.8rem;
		min-width: unset;
		width: fit-content;
		min-height: unset;
	}

	.searchList {
		margin: 0 0 20px;
	}
	.areaList li {
		display: inline-block;
		margin: 0 5px 0 0;
	}
	.tradersMiddle {
		margin: 60px auto 50px;
	}
	.tradersMiddle .topTxt {
		margin: 0 0 40px;
	}
	.tradersMiddle .interview>.ttl {
		padding: 12px;
		margin: 0 0 20px;
		line-height: 1.4;
	}
	.tradersMiddle .interview>.ttl span {
		display: block;
	}
	.tradersMiddle .interview .interviewInner {
		display: block;
	}
	.tradersMiddle .interview .interviewInner .txt {
		width: 100%;
		margin: 0 0 20px;
	}
	.tradersMiddle .interview .interviewInner .txt .name {
		margin: 0 0 20px;
		padding: 0 0 14px;
	}
	.tradersMiddle .interview .interviewInner .txt dl dt {
		font-size: 1.8rem;
	}
	.tradersMiddle .interview .interviewInner .img {
		width: 100%;
		text-align: center;
	}
	.tradersMiddle .interview .interviewInner .img img {
		max-width: 300px;
	}
	.bottomGrayBg {
		padding: 0 4%;
		margin: 0 0 60px;
	}
	.bottomGrayBg .inner {
		padding: 0 0 60px;
	}
	.mapWrap iframe {
		height: 260px;
	}
	.tradersList {
		margin: 0 0 40px;
	}
	.tradersInfo .img {
		padding: 0 4%;
		box-sizing: border-box;
		margin: 0 0 30px;
	}

	.building_cost {
		padding: 12px 20px;
	}
	.building_cost dl dt {
		font-size: 1.6rem;
	}
	.building_cost dl dd {
		font-size: 1.6rem;
	}
	.building_cost dl dd span {
		font-size: 2.6rem;
	}

	/*=================================================================*/
	/*	モデルハウス
	/*=================================================================*/
	.houseSlideWrap {
		padding: 0 20px;
		margin: 0 0 60px;
	}
	.modelhouse .topTxt {
		margin: 0 auto 54px;
	}
	.modelhouse .topTxt dt {
		font-size: 2.3rem;
		margin: 0 0 20px;
	}
	.modelhouse .txtImg .img iframe {
		height: 280px;
	}
	.modelHouseBtn {
		margin: 0 0 80px;
	}
	.modelHouseBtn a {
		width: 90%;
		font-size: 1.8rem;
		padding: 10px 44px 10px 28px;
		line-height: 1.3;
	}
	.modelHouseBtn a::before {
		width: 8px;
		height: 8px;
		margin-top: -6px;
		right: 28px;
	}
	.modelHouseBtn a::after {
		right: -10px;
		bottom: -10px;
	}
	/*=================================================================*/
	/*	バックナンバー
	/*=================================================================*/
	.bnumList {
		display: block;
	}
	.bnumList>li {
		padding: 0 0 57px;
		width: 100%;
		margin: 0 0 40px;
	}
	.bnumList>li .bnImgTxt {
		display: flex;
		justify-content: space-between;
	}
	.bnumList>li .bnImgTxt .img {
		width: 110px;
	}
	.bnumList>li .bnImgTxt .txt {
		width: calc(100% - 130px);
		padding: 0 0 80px;
	}
	.bnumList>li .bnImgTxt .txt h2 {
		font-size: 2rem;
		margin: 0 0 10px;
	}
	.bnumList>li .bnImgTxt .txt .tag {
		font-size: 1.5rem;
		margin: 0 0 15px;
		padding: 2px 14px 0;
	}
	.bnumList>li .bnImgTxt .txt ul {
		padding: 0;
		margin: 0 0 15px;
	}
	.bnumList>li .bnImgTxt .txt .bInfo .caseNum {
		padding: 7px 5px 7px;
		margin: 0 0 5px;
	}
	.bnumList>li .bnImgTxt .txt .bInfo .price {
		font-size: 2.2rem;
	}
	.bnCaseList li {
		margin: 0 0 40px;
	}
	.bnCaseList li a p {
		font-weight: bold;
	}
	.bnDetailTop {
		margin: 0 auto 60px;
	}
	.bnDetailTop .bnTitle {
		font-size: 2.8rem;
		margin: 0 0 30px;
	}
	.bnDetailTop .bnTopImg {
		display: block;
		margin: 0 0 40px;
	}
	.bnDetailTop .bnTopImg dl {
		text-align: center;
	}
	.bnDetailTop .bnTopImg dl dt {
		margin: 0 0 20px;
	}
	.bnDetailTop .bnTopImg dl dd img {
		border: solid 1px #969696;
	}
	.bnDetailTop .bnTopImg>div {
		width: 88%;
		max-width: 500px;
		margin: 0 auto 30px;
	}
	.bnDetailTop .sumikaBtn .price {
		font-size: 1.8rem;
	}
	.bnDetailTop .sumikaBtn .price span {
		font-size: 2.7rem;
		display: inline-block;
		margin-left: 10px;
	}
	.bnDetailTop .sumikaBtn .btn {
		width: 240px;
		padding: 20px 8px 18px;
		font-size: 1.8rem;
	}
	.specialPostList {
		margin: 30px auto 60px;
	}
	.specialPostList li {
		margin: 0 0 40px;
	}
	.specialPostList li .imgTxt {
		display: block;
	}
	.specialPostList li .imgTxt .img {
		width: 240px;
		margin: 0 auto 20px;
	}
	.specialPostList li .imgTxt .txt {
		width: 100%;
	}
	.specialPostList li .imgTxt .txt dl dt {
		margin: 0 0 10px;
	}
	/*=================================================================*/
	/*	住まいの創造人
	/*=================================================================*/
	.souzoninMainTxt {
		margin: 0 0 30px;
		font-size: 2.4rem;
		line-height: 34px;
	}
	.souzoninMainTxt br {
		display: none;
	}
	.souzouninPhoto .img {
		margin: 0 0 40px;
	}
	.szContents {
		margin: 0 auto 100px;
	}
	.szContents .szImgWrap {
		text-align: center;
		margin: 40px 0;
	}
	.szContents .szTxt p {
		margin: 0 0 40px;
	}
	.szContents .update {
		text-align: right;
		margin: 60px 0 0;
	}
	/*=================================================================*/
	/*	最新情報
	/*=================================================================*/
	.newsList {
		max-width: 1200px;
		margin: 0 auto 60px;
	}

	/* 最新情報(サムネイル付き) */
	ul.newsListImage {
		margin-bottom: 40px;
		gap: 20px;
	}
	ul.newsListImage li {
		width: calc((100% - (20px*1)) / 2);
	}
	ul.newsListImage li a p.title {
		margin-top: 10px;
		font-size: 1.4rem;
	}
	ul.newsListImage li a time {
		font-size: 1.3rem;
	}

	/* キーワード検索 */
	.keywordTag {
		padding: 40px 6% 30px;
		margin: 0 auto 60px;
	}
	.keywordTag h2 {}
	.keywordTag ul.tagList {
		gap: 6px;
	}
	.keywordTag ul.tagList li a {
		padding: 4px 14px;
		font-size: 1.4rem;
	}

	/*=================================================================*/
	/*	プライバシーポリシー
	/*=================================================================*/
	.pWrap {
		padding: 0 15px 0;
		margin: 0 0 40px;
	}
	.pWrap p {
		margin: 0 0 20px;
	}
	.listStyle {
		margin: 0 0 20px;
	}
	.listStyle li {
		padding: 0 0 0 15px;
	}
	.listStyle li::after {
		width: 6px;
		height: 6px;
		top: 9px;
	}
	/*=================================================================*/
	/*	サイトマップ
	/*=================================================================*/
	.sitemap .inner .content>li {
		width: 100%;
		margin-bottom: 20px;
	}
	.sitemap .inner .content>li.sub>ul>li {
		margin: 0 0 0 20px;
		box-sizing: border-box;
		width: 100%;
	}
	/*=================================================================*/
	/*	My Life Style
	/*=================================================================*/
	.pageContents .myList li {
		margin-bottom: 20px;
	}
	.pageContents .myList li a p br {
		display: block;
	}
	/*=================================================================*/
	/*	My Life Style 記事詳細
	/*=================================================================*/
	.mylifestyleContent .inner h1 {
		margin: 0 0 27px;
	}
	.mylifestyleContent .inner .mystyleContent {
		margin: 0 auto 60px;
	}
	.mylifestyleContent .inner .mystyleContent .mystylImg {
		margin: 0 0 40px;
	}
	.mylifestyleContent .inner .mystyleContent .mylifeCopy {
		margin: 0 auto 40px;
	}
	.mylifestyleContent .inner .mylifeBg {
		display: block;
		padding: 42px 25px;
	}
	.mylifestyleContent .inner .mylifeBg .left {
		width: 100%;
	}
	.mylifestyleContent .inner .mylifeBg .right {
		width: 100%;
	}
	.mylifestyleContent .inner .mylifeBg .right h3 {
		padding: 6px 0;
	}
	.mylifestyleContent .inner .mylifeBg .right ul {
		padding: 14px 0 14px 0;
		margin: 0 0 15px;
	}
	.mylifeBody h3 {
		font-size: 2.8rem;
		margin: 40px 0;
	}
	/*=================================================================*/
	/*	My Life Style 記事詳細資料請求キャンペーン
	/*=================================================================*/
	.pageContents.campaign .inner .content a img {
		margin: 0 0 20px;
	}
	.pageContents.campaign .inner .content .txt {
		padding: 6%;
		margin: 0 0 50px;
	}
	.pageContents.campaign .inner .content .txt h2 {
		font-size: 1.5em;
		margin: 0 0 30px;
	}
	/*=================================================================*/
	/*	Q&A
	/*=================================================================*/
	.pageContents.faq .inner .top .pagetop_menu li {
		font-size: 1.1em;
		padding: 0 5px;
	}
	.pageContents.faq .inner .top .pagetop_menu li span {
		padding: 0.6em;
	}
	.pageContents.faq .inner .top .pagetop_menu li.on span::after {
		bottom: -12px;
		left: 18px;
	}
	.pageContents.faq .inner .top .pagetop_menu .othersTag.on span::after {
		left: 26px;
	}
	/*=================================================================*/
	/*	住まいの創造人
	/*=================================================================*/
	.souzouninList li {
		padding: 0;
	}
	.souzouninList li .img {
		margin-bottom: 10px;
	}
	.souzouninList li p {
		font-size: 1.4rem;
		padding: 0 8%;
		line-height: 18px;
	}
	.souzouninList li .name {
		font-size: 1.6rem;
	}

	/*=================================================================*/
	/*	家づくり初心者コーナー
	/*=================================================================*/
	.pageContents.beginner .introduction {
		margin-bottom: 100px;
		padding-bottom: 20px;
	}
	.pageContents.beginner .introduction .wp-block-image {
		margin: 0 auto;
	}
	.pageContents.beginner .introduction p {
		margin-top: 20px;
		font-size: 1.4rem;
		padding: 0;
	}
	
	.pageContents.beginner .stepflow, .pageContents.beginner .stepflow>.wp-block-group__inner-container{
		gap: 110px;
	}
	.pageContents.beginner .stepflow .step .main .secText h3{
		font-size: 2.4rem;
	}
	.pageContents.beginner .stepflow .step .main .secText h3:before{
		font-size: 1.5rem;
		bottom: calc(100% + 4.2rem);
	}
	.pageContents.beginner .stepflow .step .main .secText h3:after{
		font-size: 6.4rem;
		bottom: calc(100% - 1.6rem);
	}
	.pageContents.beginner .stepflow .step .main .secText h3+p{
		font-size: 1.4rem;
		margin: 0;
	}
	
	.pageContents.beginner .stepflow .step .main .secText .onePoint{
		margin: 15px 0 0;
	}
	.pageContents.beginner .stepflow .step .main .secText .onePoint h4{
		margin: 0 0 -8px;
		padding: 5px 24px 5px 46px;
		font-size: 2.0rem;
	}
	.pageContents.beginner .stepflow .step .main .secText .onePoint h4:before{
		width: 30px;
		height: 30px;
		top: -10px;
	}
	.pageContents.beginner .stepflow .step .main .secText .onePoint p{
		padding: 20px 20px 14px;
		font-size: 1.4rem;
	}
	
	.pageContents.beginner .stepflow .step .main+.calloutBtnBox {
		margin-top: 24px;
	}
	.calloutBtnBox p{
		margin: 0 auto 10px;
		padding: 0 24px;
		font-size: 1.4rem;
	}
	.calloutBtnBox p:before,
	.calloutBtnBox p:after{
		height: 26px;
	}
	.calloutBtnBox a.wp-block-button__link{
		padding: 15px 50px;
		font-size: 1.8rem;
	}
	.calloutBtnBox a.wp-block-button__link:after{
		width: 9px;
		height: 9px;
		right: 20px;
	}
	.calloutBtnBox a.wp-block-button__link:active:after{
		right: 10px;
	}
	
	.pageContents.beginner .planningGuide{
		margin-top: 100px;
		padding: 66px 20px 30px;
		border-radius: 20px;
	}
	.pageContents.beginner .planningGuide:after{
		border-radius: calc(20px - 1px);
	}
	.pageContents.beginner .planningGuide .advice{
		padding: 0;
		position: static;
	}
	.pageContents.beginner .planningGuide .advice:before{
		margin: auto;
		width: 80px;
		height: 92px;
		left: 0;
		right: 0;
		top: unset;
		bottom: calc(100% - 50px);
	}
	.pageContents.beginner .planningGuide .advice h3{
		margin-bottom: 16px;
		font-size: 2.0rem;
		text-align: center;
	}
	.pageContents.beginner .planningGuide .advice p{
		font-size: 1.4rem;
	}
	
	.pageContents.beginner .planningGuide .wp-block-columns:has(.calloutBtnBox){
		margin-top: 40px;
	}


	/*<end>============================================================*/
}

/* さらに幅狭調整用 */
@media screen and (max-width: 320px) {
	.exampleList li .estimated_cost {
		padding: 12px;
	}
	.exampleList li .estimated_cost dl dd {
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px 0;
	}

	/* 最新情報(サムネイル付き) */
	ul.newsListImage li {
		width: 100%;
	}
}



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