@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&family=Noto+Sans+JP:wght@200..900&family=Noto+Serif+JP:wght@200..900&display=swap");
/* CSS Document */

/* PC・SP共通 */
:root {
	--gold-grad: linear-gradient(to right top, #a17a00 5%, #e9c87f 20%, #f2df91 25%, #e9c87f 30%, #a17a00 45%, #a17a00 60%, #e9c87f 70%, #f2df91 75%, #e9c87f 80%, #a17a00 100%);
	--green-grad1: linear-gradient(to bottom left, #d2e7de, #add7c5);
	--green-grad2: linear-gradient(to bottom left, #5d8875, #185b3e);
	--green-text: #003820;
	--gold-grad2: linear-gradient(to top right, #e5d4a9 5%, #e1dc9c 30%, #f3f3c6 50%, #efe1aa 70%, #ead598 95%);
	--grad: linear-gradient(to bottom left, #d2e7de, #add7c5);
	--text: #003820;
}
.construction {
	--grad: linear-gradient(to bottom left, #5d8875, #185b3e);
	--text: #fff;
}
/*-------------------------
.contentsTitle
-------------------------*/
.contentsTitle {
	display: none;
}

/*　PC用　*/
@media screen and (min-width: 751px) {
	.inner {
		width: 1020px;
		margin: 0 auto;
		padding: 0 24px;
	}
	/* ============================
      gallery
  =============================*/
	sup {
		line-height: 2;
		font-size: 10px;
	}
	iframe {
		border: 0;
	}
	#contentsTitle {
		display: none;
	}
	#wrap {
		font-family: "Noto Serif JP", serif;
		margin: 40px 0 0;
		width: 100%;
	}
	#wrap {
		.postTitle {
			background: var(--grad);
			padding: 20px;
			border-top: 2px solid;
			border-image: var(--gold-grad) 1;
			color: var(--text);
			position: relative;
		}

		.propertyTag {
			font-size: 14px;
		}
		.propertyTag span {
			border-radius: 3px;
			background: var(--gold-grad2);
			color: #8b6126;
			font-weight: 700;
			padding: 2px 11px;
			line-height: 100%;
			margin-right: 8px;
			letter-spacing: 0.3em;
		}

		.propertyTitle {
			margin-top: 8px;
			font-size: 25px;
			line-height: 1.5;
			font-weight: bold;
		}
		.mainMiddle {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
			margin-top: 60px;
			align-items: center;
		}

		.propertyDataList {
			color: var(--text);
			background: var(--grad);
			display: grid;
			grid-template-columns: 100px 1fr;
			gap: 16px 0;
			line-height: 1.5;
			padding: 40px;

			margin-left: 40px;
		}
		.propertyDataList dt {
			width: 100%;
			font-weight: 700;
			font-size: 16px;
			letter-spacing: 0.1em;
			font-weight: 700;
			border-bottom: 1px solid rgba(173, 215, 197, 0.8);
			display: block;
			padding-bottom: 8px;
		}
		.propertyDataList dd {
			font-size: 16px;
			border-bottom: 1px solid rgba(173, 215, 197, 0.8);
			padding-bottom: 8px;
		}

		.propertyContent {
			margin-top: 40px;
			font-size: 16px;
			list-style: none;
			line-height: 1.5;
			background-color: #fff;
			padding: 40px;
		}
		.propertyContent a span:hover {
			text-decoration: none;
			color: var(--green-text) !important;
		}
		.propertyContent h1 {
			font-size: 20px;
			font-weight: 700;
			padding-inline: 16px;
			border-top: 2px solid;
			border-bottom: 2px solid;
			border-image: var(--gold-grad) 1;
			line-height: 1.8;
			display: inline-block;
			color: var(--green-text);
		}
		.propertyContent h2 {
			font-size: 20px;
			font-weight: 700;
			padding-inline: 16px;
			border-top: 2px solid;
			border-bottom: 2px solid;
			border-image: var(--gold-grad) 1;
			line-height: 1.8;
			display: inline-block;
			color: var(--green-text);
		}
		.mainImgBox {
			padding: 20px 40px;
			background-color: #fff;
		}
		.thumbImgBox {
			margin-top: 40px;
		}
	}
	.construction .postTitle::before {
		content: "";
		width: 77px;
		height: 69px;
		background-image: url("../img/construction-icon.svg");
		background-size: contain;
		position: absolute;
		bottom: 10px;
		right: 20px;
		z-index: 3;
	}

	#otherProperty {
		margin: 60px 0 80px;
		font-family: "Noto Serif JP", serif;
	}
	#otherProperty {
		.otherPropertyContainer {
			background-color: #fff;
			padding: 40px;
		}
		.otherPropertyHeader {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}
		.otherPropertyTitle {
			font-size: 20px;
			font-weight: 700;
			line-height: 1.5;
			border-top: 2px solid;
			border-bottom: 2px solid;
			border-image: var(--gold-grad) 1;
			display: inline-block;
			padding-inline: 16px;
			color: var(--green-text);
		}
		.otherPropertyBack {
			font-size: 12px;
			font-weight: 700;
			text-decoration: none;
			position: relative;
			padding-right: 10px;
			transition: opacity 0.3s;
			color: var(--green-text);
		}
		.otherPropertyBack:hover {
			opacity: 0.7;
		}
		.otherPropertyBack:before {
			content: "";
			position: absolute;
			top: 45%;
			right: 0;
			background-repeat: no-repeat;
			border-style: solid;
			border-width: 4px 0 4px 4px;
			border-color: transparent transparent transparent currentColor;
			transform: translateY(-50%);
		}

		.propertyItems {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 20px 15px;
			margin-top: 15px;
			color: var(--text);
		}
		.propertyItem {
			display: grid;
			grid-template-columns: 136px 1fr;
			position: relative;

			transition: opacity 0.3s;
			background: #fff;
		}

		.propertyItem:hover {
			opacity: 0.7;
		}
		.propertyImage {
			width: 100%;
			object-fit: cover;
			height: 100%;
			aspect-ratio: 1;
		}
		.propertyTag {
			font-size: 10px;
		}
		.propertyTag span {
			border-radius: 3px;
			background: var(--gold-grad2);
			color: #8b6126;
			font-weight: 700;
			padding: 1px 8px;
			line-height: 100%;
			margin-right: 8px;
			letter-spacing: 0.3em;
		}

		.propertyTitle {
			font-size: 14px;
			margin-top: 8px;
			line-height: 1.3;
			font-weight: bold;
		}
		.propertyContent {
			padding: 10px;
			margin: 0;
			position: relative;
			border-top: 2px solid;
			border-image: var(--gold-grad) 1;
			background: var(--grad);
		}
		.propertyDataList {
			margin-top: 8px;
			line-height: 1.5;
			font-size: 12px;
			span {
				padding-inline: 8px;
			}
		}

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

	#otherProperty.construction .propertyItem {
		display: block;
	}

	#otherProperty.construction .propertyImage {
		display: none;
	}

	/*--------------form--------------*/

	.requestForm {
		width: 980px;
		height: auto;
		margin: 0 auto;
		background-color: #fff;
		padding-bottom: 35px;
		margin-bottom: 50px;
		border: 2px solid #e2e2e2;
	}
	.requestTxt {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 70px;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		background-color: #5eac3a;
	}
	.requestForm dt.req:after {
		content: "必須";
		background: #de5833;
	}
	.requestForm dt:after {
		content: "任意";
		text-align: center;
		text-indent: 1px;
		color: #fff;
		background: #898989;
		display: block;
		position: absolute;
		right: 0;
		box-sizing: border-box;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.requestForm dt:after {
		width: 52px;
		height: 20px;
		padding: 0 10px;
		line-height: 20px;
		letter-spacing: 2px;
		font-size: 12px;
		border-radius: 3px;
		display: flex;
		align-items: center;
		border: 1px solid #e2e2e2;
	}
	.formList {
		display: flex;
		flex-wrap: wrap;
		margin: 0 20px 20px 20px;
		border-bottom: 2px solid #888177;
	}
	.formTitle {
		display: flex;
		align-items: center;
		position: relative;
		box-sizing: border-box;
		width: 250px;
		padding: 0 0 0 5px;
		border-top: 1px solid #e2e2e2;
		font-size: 15px;
	}
	.formData {
		box-sizing: border-box;
		display: block;
		width: 670px;
		padding: 20px 20px;
		font-size: 13px;
		border-top: 1px solid #e2e2e2;
	}
	.formData p {
		line-height: 1.8;
		margin: 10px 0 5px;
	}
	.formList .formTitle:first-child {
		border-top: 0;
	}
	.formList .formTitle:first-child + dd {
		border-top: 0;
	}
	.formData input,
	.formData select,
	.formData textarea {
		box-sizing: border-box;
		width: 300px;
		height: 45px;
		padding: 10px;
		border-radius: 3px;
		font-size: 16px;
		line-height: 40px;
		padding-left: 15px;
		border: 1px solid #e2e2e2;
		background-color: #fbfaec;
		font-family: Meiryo, "メイリオ", Meiryo UI, "Open Sans", Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Helvetica, Verdana, sans-serif;
	}
	.formData input[type="radio"] {
		position: absolute;
		visibility: hidden;
	}
	.formData input[type="radio"] + label {
		width: 100px;
		height: 50px;
		line-height: 50px;
		padding: 0px 0 0 43px;
		background-size: 22px auto;
		font-size: 15px;
		border-radius: 5px;
		color: #1f1f1f;
		border: 1px solid #ddd;
		display: inline-block;
		cursor: pointer;
		position: relative;
	}
	.formData input[type="radio"] + label::before {
		border-radius: 20px;
		box-shadow: 0 0 0 4px #f8f8f8 inset;
	}

	input[type="radio"] + label::before {
		content: "";
		width: 23px;
		height: 23px;
		margin-top: -13px;
		border: 1px solid #e3e2dd;
		border-top-color: #d1d0cc;
		border-radius: 3px;
		background: #f8f8f8;
		display: block;
		box-sizing: border-box;
		position: absolute;
		left: 8px;
		top: 50%;
	}

	input[type="radio"]:checked + label::before {
		border: none;
		background-color: #7eaf34;
	}
	.formData .name,
	.formData .kana {
		width: 330px;
		height: 40px;
		font-size: 15px;
		border: solid 1px #b4aea7;
	}
	.formData .mail {
		width: 335px;
		height: 50px;
		padding-left: 15px;
		font-size: 18px;
		font-weight: bold;
		border: solid 1px #b4aea7;
	}
	.formData .zip {
		width: 140px;
		height: 40px;
		margin-right: 20px;
		font-size: 15px;
		margin-bottom: 10px;
		border: solid 1px #b4aea7;
	}
	.formData .address {
		width: 550px;
		height: 40px;
		font-size: 15px;
		border: solid 1px #b4aea7;
	}
	.formData ul {
		display: flex;
		justify-content: flex-start;
		margin-bottom: 10px;
	}
	.formData li {
		margin-right: 5px;
	}
	.formData .tel {
		width: 335px;
		height: 50px;
		padding-left: 15px;
		font-size: 18px;
		border: solid 1px #b4aea7;
		font-weight: bold;
	}
	.formData .income {
		width: 200px;
		height: 50px;
		padding-left: 15px;
		font-size: 18px;
		margin: 0 10px;
		font-weight: bold;
		margin-bottom: 10px;
		background-color: #fff;
	}
	.formData .borrowing,
	.formData .loan {
		width: 200px;
		height: 50px;
		padding-left: 15px;
		font-size: 18px;
		margin: 0 10px;
		font-weight: bold;
		margin-bottom: 10px;
		background-color: #fff;
	}
	.ItemTxt {
		display: inline-block;
		width: 91px;
		text-align: right;
	}
	.formData .contactContent {
		resize: none;
		background-color: #fff;
		width: 650px;
		height: 160px;
		padding: 9px 10px;
		line-height: 20px;
	}
	.requestForm .privacy {
		margin-bottom: 20px;
		text-align: center;
	}
	.formSubmit .submitBtn {
		width: 500px;
		height: 70px;
		background-color: #5eac3a;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		margin: 0 auto;
		padding: 20px;
		border: none;
		border-radius: 3px;
		color: #fff;
		line-height: 1.5;
		text-align: center;
		cursor: pointer;
		font-size: 27px;
		font-weight: normal;
	}
	.formSubmit .submitBtn:hover {
		opacity: 0.8;
	}
	.error_list {
		display: inline-block;
		padding: 15px;
		border: 1px solid #ddd;
		margin: 30px 20px 0;
		border-radius: 5px;
		font-weight: bold;
		background: #f8e4e4;
	}
	/* slick */
	.mainImgBox {
		overflow: hidden;
		width: 100%;
	}
	.mainImgList {
		width: 100%;
	}
	.mainImgList li {
		width: 100%;
		text-align: center;
	}
	.mainImgList li img {
		width: 100%;
		aspect-ratio: 1;
		object-fit: contain;
		height: auto;
	}
	.mainImgList .slick-track {
		width: 100%;
	}
	.mainImgList .slick-slide {
		width: 100%;
	}
	.mainImgList .slick-slide > div {
		width: 100%;
	}
	.thumbImgList .slick-slide {
		width: 123px !important;
	}
	.thumbImgList .slick-slide:nth-of-type(n + 9) {
		margin-top: 6px;
	}
	.thumbImgList li {
		margin-right: 12px;
		cursor: pointer;
	}
	.thumbImgList li:empty {
		display: none !important;
	}
	.thumbImgList li:hover {
		opacity: 0.7;
	}
	.thumbImgList li img {
		width: 112px;
		height: 112px;
		object-fit: cover;
	}
	.thumbImgList .slick-current li {
		opacity: 0.7;
	}
	.thumbImgList .slick-track {
		transform: none !important;
	}
}

/*　SP用　*/
@media screen and (max-width: 750px) {
	.inner {
		width: 100%;
		margin: 0 auto;
		padding: 0 16px;
		box-sizing: border-box;
	}
	/* ============================
      gallery
  =============================*/
	sup {
		line-height: 2;
		font-size: 10px;
	}
	iframe {
		border: 0;
	}
	/* フッターお問合せバナーはフォームページでは下に固定しとく */
	body {
		position: relative;
	}
	.spBottomBnr {
		position: absolute;
	}
	/* wrap */
	#wrap {
		font-family: "Noto Serif JP", serif;
		margin: 30px 0 0;
		width: 100%;
	}
	/* topContent */
	#wrap {
		.postTitle {
			background: var(--grad);
			padding: 20px;
			border-top: 2px solid;
			border-image: var(--gold-grad) 1;
			color: var(--text);
			position: relative;
		}
		.propertyTag {
			font-size: 14px;
		}
		.propertyTag span {
			border-radius: 3px;
			background: var(--gold-grad2);
			color: #8b6126;
			font-weight: 700;
			padding: 2px 11px;
			line-height: 100%;
			margin-right: 8px;
			letter-spacing: 0.3em;
		}

		.propertyTitle {
			margin-top: 8px;
			font-size: 20px;
			line-height: 1.5;
			font-weight: bold;
		}
		#topContent {
			display: flex;
			flex-direction: column;
			gap: 20px;
		}
		.mainMiddle {
			display: contents;
		}
		.mainData {
			order: +1;
		}
		.propertyDataList {
			color: var(--text);
			background: var(--grad);
			line-height: 1.5;
			padding: 16px 12px;
			display: grid;
			grid-template-columns: 80px 1fr;
			gap: 8px 0;
		}
		.propertyDataList dt {
			width: 100%;
			font-weight: 700;
			font-size: 14px;
			letter-spacing: 0.1em;
			border-bottom: 1px solid rgba(173, 215, 197, 0.8);
			padding-bottom: 8px;
		}
		.propertyDataList dd {
			font-size: 14px;
			border-bottom: 1px solid rgba(173, 215, 197, 0.8);
			padding-bottom: 8px;
		}

		.propertyContent {
			margin-top: 40px;
			font-size: 14px;
			list-style: none;
			line-height: 1.5;
			background-color: #fff;
			padding: 20px 16px;
		}
		.propertyContent a span:hover {
			text-decoration: none;
			color: var(--green-text) !important;
		}
		.propertyContent h1 {
			font-size: 18px;
			font-weight: 700;
			padding: 4px 12px 0 12px;
			border-top: 2px solid;
			border-bottom: 2px solid;
			border-image: var(--gold-grad) 1;
			line-height: 1.6;
			display: inline-block;
			color: var(--green-text);
		}
		.propertyContent h2 {
			font-size: 18px;
			font-weight: 700;
			padding: 4px 12px 0 12px;
			border-top: 2px solid;
			border-bottom: 2px solid;
			border-image: var(--gold-grad) 1;
			line-height: 1.6;
			display: inline-block;
			color: var(--green-text);
		}
	}
	.construction .postTitle::before {
		content: "";
		width: 60px;
		height: 52px;
		background-image: url("../img/construction-icon.svg");
		background-size: contain;
		position: absolute;
		top: 4px;
		right: 10px;
		z-index: 3;
	}

	#otherProperty {
		margin: 60px 0 80px;
		font-family: "Noto Serif JP", serif;
	}
	#otherProperty {
		.otherPropertyContainer {
			background-color: #fff;
			padding: 20px 16px;
		}

		.otherPropertyTitle {
			font-size: 20px;
			font-weight: 700;
			padding: 4px 12px 0;
			border-top: 2px solid;
			border-bottom: 2px solid;
			border-image: var(--gold-grad) 1;
			line-height: 1.8;
			display: inline-block;
			color: var(--green-text);
		}
		.otherPropertyBack {
			font-size: 12px;
			font-weight: 700;
			color: var(--green-text);
			text-decoration: none;
			position: relative;
			padding-right: 10px;
			transition: opacity 0.3s;
			display: block;
			text-align: right;
			margin-top: 12px;
		}
		.otherPropertyBack:hover {
			opacity: 0.7;
		}
		.otherPropertyBack:before {
			content: "";
			position: absolute;
			top: 45%;
			right: 0;
			background-repeat: no-repeat;
			border-style: solid;
			border-width: 4px 0 4px 4px;
			border-color: transparent transparent transparent currentColor;
			transform: translateY(-50%);
		}

		.propertyItems {
			display: grid;
			grid-template-columns: 1fr;
			gap: 20px 15px;
			margin-top: 15px;
		}
		.propertyItem {
			display: grid;
			grid-template-columns: 40% 1fr;
			position: relative;

			transition: opacity 0.3s;
			background: #fff;
		}

		.propertyItem:hover {
			opacity: 0.7;
		}
		.propertyImage {
			width: 100%;
			object-fit: cover;
			height: 100%;
		}
		.propertyTag {
			font-size: 10px;
		}
		.propertyTag span {
			border-radius: 3px;
			background: var(--gold-grad2);
			color: #8b6126;
			font-weight: 700;
			padding: 1px 8px;
			line-height: 100%;
			margin-right: 8px;
			letter-spacing: 0.3em;
		}

		.propertyTitle {
			font-size: 14px;
			margin-top: 4px;
			line-height: 1.3;
			font-weight: bold;
		}
		.propertyContent {
			padding: 10px;
			margin: 0;
			position: relative;
			border-top: 2px solid;
			border-image: var(--gold-grad) 1;
			background: var(--grad);
			color: var(--text);
		}
		.propertyDataList {
			margin-top: 4px;
			line-height: 1.5;
			font-size: 12px;
			span {
				padding-inline: 4px;
			}
		}

		.propertyDataList dd {
			font-size: 10px;
		}
		.propertyLink {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}
	}

	#otherProperty.construction .propertyItem {
		display: block;
	}

	#otherProperty.construction .propertyImage {
		display: none;
	}
	/*--------------form--------------*/
	.requestForm {
		margin: 0 15px;
		background-color: #fff;
		padding-bottom: 20px;
		margin-bottom: 50px;
		border: 2px solid #e2e2e2;
	}
	.requestTxt {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 80px;
		font-size: 17px;
		font-weight: bold;
		color: #fff;
		background-color: #5eac3a;
		line-height: 1.6;
	}
	.formList {
		margin: 0 10px;
		border-bottom: 2px solid #888177;
	}
	.formTitle {
		position: relative;
		box-sizing: border-box;
		padding: 25px 0 0;
		font-size: 15px;
	}
	.formTitle::after {
		content: "任意";
		position: absolute;
		top: 23px;
		right: 0;
		display: block;
		box-sizing: border-box;
		width: 52px;
		height: 20px;
		padding: 0 10px;
		background: #898989;
		border-radius: 3px;
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		letter-spacing: 2px;
		text-align: center;
		text-indent: 1px;
	}
	.formTitle.req::after {
		content: "必須";
		background: #de5833;
	}
	.formData + .formTitle {
		border-top: 1px dotted #e2e2e2;
	}
	.formData {
		box-sizing: border-box;
		display: block;
		margin: 15px 0 25px;
		font-size: 13px;
		line-height: 1.5;
	}
	.formData p {
		display: block;
		margin: 10px 0 0;
	}
	.formData .notes {
		display: block;
		margin: 10px 0;
	}
	.formData .ItemTxt,
	.formData .ItemTxt2 {
		display: block;
		margin: 10px 0 5px;
	}
	.formData input[type="text"],
	.formData input[type="number"],
	.formData select,
	.formData textarea {
		box-sizing: border-box;
		width: 100%;
		height: 40px;
		padding: 0 15px;
		border: 1px solid #e2e2e2;
		border-radius: 3px;
		font-size: 16px;
		line-height: 40px;
	}
	.formData input[type="number"] {
		width: 200px;
		margin-right: 5px;
	}
	.formData textarea {
		height: 120px;
		font-family: Meiryo, "メイリオ", Meiryo UI, "Open Sans", Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Helvetica, Verdana, sans-serif;
	}
	.formData input[type="text"].required,
	.formData textarea.required {
		background-color: #fbfaed;
	}
	.formData input[type="text"].mail,
	.formData input[type="text"].tel {
		height: 55px;
		font-size: 20px;
		font-weight: bold;
	}
	.formData input[type="text"].zip {
		width: 160px;
	}
	.formData input[type="radio"] {
		position: absolute;
		visibility: hidden;
	}
	.formData input[type="radio"] + label {
		position: relative;
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: 45px;
		padding: 0px 0 0 43px;
		background-size: 22px auto;
		border: 1px solid #ddd;
		border-radius: 5px;
		color: #1f1f1f;
		font-size: 15px;
		line-height: 45px;
		cursor: pointer;
	}
	.formData input[type="radio"] + label::before {
		content: "";
		position: absolute;
		left: 8px;
		top: 50%;
		display: block;
		box-sizing: border-box;
		width: 23px;
		height: 23px;
		margin-top: -12px;
		background: #f8f8f8;
		border: 1px solid #e3e2dd;
		border-radius: 50%;
	}
	.formData input[type="radio"]:checked + label {
		background-color: #d8e8d1;
		border-color: #5eac3a;
	}
	.formData input[type="radio"]:checked + label::before {
		box-shadow: 0 0 0 4px #f8f8f8 inset;
		background-color: #7eaf34;
	}
	.formData ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 5px;
	}
	.formData li {
		width: calc(50% - 3px);
		margin-bottom: 5px;
	}
	.privacy {
		padding: 25px 10px;
		font-size: 13px;
		line-height: 1.5;
		text-align: center;
	}
	.formSubmit {
		margin: 0 20px;
	}
	.formSubmit .submitBtn {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 70px;
		background-color: #5eac3a;
		border: none;
		color: #fff;
		font-size: 24px;
		font-size: min(6.4vw, 24px);
		font-weight: normal;
		line-height: 1.5;
		text-align: center;
		cursor: pointer;
	}
	.error_list {
		display: inline-block;
		padding: 15px;
		border: 1px solid #ddd;
		margin: 30px 20px 0;
		border-radius: 5px;
		font-weight: bold;
		background: #f8e4e4;
	}
	/* slick */
	.mainImgBox {
		overflow: hidden;
		width: 100%;
		height: auto;
	}
	.mainImgList li {
		width: 100%;
		text-align: center;
	}
	.mainImgList li img {
		width: 100%;
		aspect-ratio: 1;
		object-fit: cover;
	}
	.mainImgList .slick-track {
		width: 100%;
	}
	.mainImgList .slick-slide {
		width: 100%;
	}
	.thumbImgList .slick-slide {
		width: 78px !important;
	}
	.thumbImgList li {
		margin-right: 5px;
	}
	.thumbImgList li:empty {
		display: none !important;
	}
	.thumbImgList li img {
		width: 60px;
		height: 60px;
		margin: 0 !important;
		object-fit: cover;
		vertical-align: bottom;
	}
	.thumbImgList .slick-current li {
		opacity: 0.7;
	}
}