/*-------------------------------------------------
|- ttl-block
-------------------------------------------------*/
.ttl-block__fithouse {
	margin-bottom: 100px;
	background: url(/assets/img/bg_order.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 767px){
	.ttl-block__fithouse {
		margin-bottom: 35px;
	}
}
/*-------------------------------------------------
|- order-top-block
-------------------------------------------------*/
.order-top-block {
	width: 100%;
	margin-bottom: 75px;
}
.order-top {
	max-width: 900px;
	margin: 0 auto 60px;
}
.order-top__ttl {
	margin-bottom: 60px;
	font-size: var(--fs26);
	text-align: center;
	letter-spacing: .15rem;
}
.order-top__txt {
	padding: 0 10px;
	font-size: var(--fs16);
	text-align: center;
	line-height: 1.8;
	box-sizing: border-box;
}
@media screen and (max-width: 767px){
	.order-top-block {
		margin-bottom: 20px;
	}
	.order-top {
		width: 91%;
		margin: 0 auto 20px;
	}
	.order-top__ttl {
		margin-bottom: 25px;
		font-size: var(--fs16);
	}
	.order-top__txt {
		padding: 0;
		font-size: var(--fs13);
		text-align: left;
		line-height: 1.6;
	}
}
/*-------------------------------------------------
|- section
-------------------------------------------------*/
.section {
	margin-bottom: 120px;
	padding-top: 20px;
}
.section:last-of-type {
	margin-bottom: 0;
}
.section-ttl-box {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	padding: 14px 0 10px;
	background: #f0efec;
}
.section-ttl__en {
	position: absolute;
	top: -28px;
	left: 50%;
	transform: translateX(-50%);
	color: #a28e70;
	font-size: var(--fs30);
	text-align: center;
}
.section-ttl__jp,
.section-ttl__jp span {
	font-weight: 900;
	letter-spacing: .15rem;
}
.section-ttl__jp {
	font-size: 2.7rem;
	text-align: center;
}
.section-ttl__jp span {
	font-size: 3.35rem;
}
@media screen and (max-width: 767px){
	.section {
		margin-bottom: 70px;
		padding: 0;
	}
	.section-ttl-box {
		margin-bottom: 30px;
		padding: 0;
	}
	.section-ttl__en {
		position: unset;
		transform: unset;
		color: #1b1464;
		font-size: var(--fs15);
	}
	.section-ttl__jp {
		font-size: var(--fs19);
		line-height: 1.5;
	}
	.section-ttl__jp span {
		font-size: var(--fs23);
	}
}
/*-------------------------------------------------
|- content
-------------------------------------------------*/
/*** cont-txt-box ***/
.cont-txt-box {
	width: fit-content;
	max-width: 930px;
	margin: auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.cont-txt-box01 {
	max-width: 805px;
}
.cont-txt-box02 {
	max-width: 767px;
}
.cont-txt-box03 {
	max-width: 815px;
}
.cont-txt-box04 {
	margin-top: 100px;
}
.cont-txt-box05 {
	max-width: 890px;
}
.cont-txt__top {
	margin-bottom: 40px;
	font-size: var(--fs26);
	font-weight: bold;
	text-align: center;
	letter-spacing: .1rem;
}
.cont-txt__btm {
	color: #3e3a39;
	font-size: var(--fs16);
	line-height: 1.7;
}
.cont-txt-sub {
	font-size: var(--fs14);
	text-align: center;
}
.cont-txt-fs {
	font-size: var(--fs14);
}
.cont-txt-tc {
	text-align: center;
}
.cont-txt-tr {
	text-align: right;
}
.cont-other-txt {
	width: fit-content;
	margin: auto;
	padding: 0 20px;
	color: #3e3a39;
	text-indent: -14px;
	line-height: 1.7;
	box-sizing: border-box;
}
.cont-txt01 {
	margin: 50px auto;
	font-size: var(--fs22);
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	text-decoration-thickness: .5em;
	text-decoration-color: rgba(229, 227, 213, .3);
	text-underline-offset: -.2em;
	text-decoration-skip-ink: none;
}
/*** cont-img ***/
.cont-img01 {
	max-width: 620px;
	margin: 70px auto 35px;
}
.cont-img02 {
	width: 277px;
	margin: 30px auto 70px;
}
.cont-img03 {
	width: 92%;
	max-width: 1030px;
	margin: 65px auto 100px;
}
.cont-img04 {
	width: 555px;
	margin: 45px auto 40px;
}
.cont-img05 {
	width: 583px;
	margin: 60px auto 40px;
}
.cont-img06 {
	width: 82%;
	max-width: 1125px;
	margin: 0 auto 100px;
}
/*** pdf-btn ***/
.pdf-btn {
	width: 480px;
	margin: 0 auto 95px;
}
.pdf-btn__link {
	width: 100%;
	padding: 19px 0;
	color: #a28e70;
	font-size: var(--fs25);
	font-weight: bold;
	text-align: center;
	letter-spacing: .03rem;
	background-color: #fff;
	background-image: url(/assets/img/order/bg_order_item01.svg);
	background-size: 45px;
	background-repeat: no-repeat;
	background-position: 95% center;
	border: 1px solid #a28e70;
	box-sizing: border-box;
	display: block;
	transition: all .3s;
}
/*** link-btn ***/
.link-btn {
	width: 92%;
	margin: auto;
}
.link-btn01 {
	max-width: 805px;
	margin: 50px auto 90px;
}
.link-btn02 {
	max-width: 500px;
}
.link-btn03 {
	max-width: 500px;
	margin-bottom: 110px;
}
.link-btn04 {
	max-width: 500px;
	margin: 50px auto 0;
}
.link-btn__link {
	position: relative;
	width: 100%;
	padding: 28px 55px;
	color: #fff;
	font-size: var(--fs24);
	font-weight: bold;
	text-align: center;
	letter-spacing: .01rem;
	background: #a28e70;
	border: 2px solid #a28e70;
	box-sizing: border-box;
	display: block;
	transition: all .3s;
}
.link-btn__link:after {
	right: 25px;
	width: 30px;
	height: 11px;
	background: url(/assets/img/order/bg_order_item02.svg) no-repeat;
}
/*** photo-area ***/
.photo-area {
	max-width: 1235px;
	margin: 50px auto 80px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 0 10px;
}
.photo-area_btm {
	max-width: 1226px;
	margin: 50px auto 0;
}
/*** movie-btn ***/
.movie-btn {
	position: relative;
	max-width: 830px;
	margin: 0 auto 60px;
	background: url(/assets/img/order/bg_order_btn.jpg) no-repeat;
	border: 3px solid #4d4d4d;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
	transition: .3s;
}
.movie-btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.movie-btn__sales:before {
	background: url(/assets/img/order/bg_order_btn_top01.svg) no-repeat;
	background-size: 100%;
}
.movie-btn__architect:before {
	background: url(/assets/img/order/bg_order_btn_top02.svg) no-repeat;
	background-size: 100%;
}
.movie-btn__coordinator {
	margin: 0 auto 95px;
}
.movie-btn__coordinator:before {
	background: url(/assets/img/order/bg_order_btn_top03.svg) no-repeat;
	background-size: 100%;
}
.movie-btn__img {
	transition: .8s;
}
/*** catalogBlock ***/
.catalogBlock {
	width: 100%;
}
.catalogBlock_ttl {
	margin-bottom: 10px;
	font-size: var(--fs28);
	font-weight: bold;
	text-align: center;
	letter-spacing: .1rem;
	background: url(/assets/img/order/bg_order_ttl.svg) no-repeat;
	background-position: center;
}
.catalogBlock_link {
	width: 100%;
	padding: 28px 0;
	background: #a28e70;
	border: 2px solid #a28e70;
	box-sizing: border-box;
	display: block;
	transition: all .3s;
}
.catalogBlock_txt {
	position: relative;
	width: fit-content;
	margin: auto;
	padding: 0 140px;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1rem;
	box-sizing: border-box;
	display: block;
	transition: all .3s;
}
.catalogBlock_txt:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 100px;
	height: 75px;
	background: url(/assets/img/order/bg_order_item03.svg) no-repeat;
	background-size: 100%;
	transition: all .3s;
}
@media (hover: hover){
	.pdf-btn__link:hover {
		color: #fff;
		background-color: #a28e70;
		background-image: url(/assets/img/order/bg_order_item01_h.svg);
	}
	.link-btn__link:hover {
		color: #a28e70;
		background: #fff;
	}
	.link-btn__link:hover:after {
		background: url(/assets/img/order/bg_order_item02_h.svg) no-repeat;
		transform: translateY(-50%) translateX(10px);
	}
	.movie-btn:hover {
		opacity: .8;
	}
	.movie-btn:hover .movie-btn__img {
		transform: scale(1.05);
	}
	.catalogBlock_link:hover {
		background: #fff;
	}
	.catalogBlock_link:hover .catalogBlock_txt {
		color: #a28e70;
	}
	.catalogBlock_link:hover .catalogBlock_txt:after {
		background: url(/assets/img/order/bg_order_item03_h.svg) no-repeat;
		background-size: 100%;
	}
}
@media screen and (max-width: 767px){
	/*** cont-txt-box ***/
	.cont-txt-box {
		width: 92%;
		padding: 0;
	}
	.cont-txt-box04 {
		margin-top: 50px;
	}
	.cont-txt__top {
		margin-bottom: 25px;
		font-size: var(--fs18);
		line-height: 1.7;
	}
	.cont-txt__btm {
		font-size: var(--fs13);
		line-height: 1.6;
	}
	.cont-txt-fs {
		font-size: var(--fs13);
	}
	.cont-txt-tc {
		text-align: left;
	}
	.cont-txt-tr {
		font-size: var(--fs12);
	}
	.cont-txt-sub {
		width: 90%;
		margin: auto;
		font-size: var(--fs13);
		text-align: left;
	}
	.cont-other-txt {
		width: 92%;
		padding: 0 0 0 13px;
		font-size: var(--fs13);
		text-indent: -13px;
		line-height: 1.6;
	}
	.cont-txt01 {
		margin: 30px auto 25px;
		font-size: var(--fs15);
		letter-spacing: .08rem;
	}
	/*** cont-img ***/
	.cont-img01 {
		width: 65%;
		max-width: 300px;
		margin: 30px auto;
	}
	.cont-img02 {
		width: 41%;
		margin: 25px auto;
	}
	.cont-img03 {
		width: 64%;
		max-width: 300px;
		margin: 30px auto 40px;
	}
	.cont-img04 {
		width: 83%;
		margin: 20px auto;
	}
	.cont-img05 {
		width: 78%;
		margin: 50px auto 30px;
	}
	.cont-img06 {
		margin: 0 auto 35px;
	}
	/*** pdf-btn ***/
	.pdf-btn {
		width: 88%;
		max-width: 330px;
		margin: 0 auto 40px;
	}
	.pdf-btn__link {
		padding: 13px 0;
		color: #1b1464;
		font-size: var(--fs17);
		border: 1px solid #1b1464;
		background-image: url(/assets/img/order/bg_order_item01_sp.svg);
		background-size: 9%;
	}
	/*** link-btn ***/
	.link-btn01 {
		margin: 35px auto;
	}
	.link-btn03 {
		margin-bottom: 50px;
	}
	.link-btn04 {
		margin: 30px auto 0;
	}
	.link-btn__link {
		padding: 22px 10px;
		color: #fff;
		font-size: var(--fs15);
		background: #1b1464;
		border: 1px solid #1b1464;
	}
	.link-btn__link:after {
		top: auto;
		right: 10px;
		bottom: 10px;
		width: 21px;
		height: 8px;
	}
	/*** photo-area ***/
	.photo-area {
		width: 100%;
		margin: 30px auto 25px;
		display: block;
	}
	.photo-area_btm {
		margin: 30px auto 0;
	}
	.photo-area__item {
		margin: 0 5px;
	}
	.photo-area_btm .photo-area__item {
		margin: 0 7px;
	}
	/*** movie-btn ***/
	.movie-btn {
		width: 92%;
		margin: 0 auto 20px;
		border: 2px solid #4d4d4d;
		background: url(/assets/img/order/bg_order_btn_sp.jpg) no-repeat;
		background-size: 100%;
	}
	.movie-btn__sales:before {
		background: url(/assets/img/order/bg_order_btn_top01_sp.svg) no-repeat;
	}
	.movie-btn__architect:before {
		background: url(/assets/img/order/bg_order_btn_top02_sp.svg) no-repeat;
	}
	.movie-btn__coordinator {
		margin: 0 auto 35px;
	}
	.movie-btn__coordinator:before {
		background: url(/assets/img/order/bg_order_btn_top03_sp.svg) no-repeat;
	}
	/*** catalogBlock ***/
	.catalogBlock_ttl {
		font-size: var(--fs14);
	}
	.catalogBlock_link {
		padding: 24px 0;
	}
	.catalogBlock_txt {
		padding: 0 15%;
		font-size: var(--fs17);
		line-height: 1;
	}
	.catalogBlock_txt:after {
		top: 0;
		transform: none;
		width: 13%;
		max-width: 50px;
		height: 37px;
	}
	@media (hover: hover){
		.pdf-btn__link:hover {
			color: #fff;
			background-color: #1b1464;
			background-image: url(/assets/img/order/bg_order_item01_h.svg);
		}
		.link-btn__link:hover {
			color: #fff;
			background: #1b1464;
		}
		.link-btn__link:hover:after {
			background: url(/assets/img/order/bg_order_item02.svg) no-repeat;
		}
	}
}
/*-------------------------------------------------
|- Commitment02
-------------------------------------------------*/
.slide {
	margin: 60px auto 50px;
}
.slide-item {
	margin: 0 10px;
}
@media screen and (max-width: 767px){
	.slide {
		margin: 30px auto 25px;
	}
	.slide-item {
		margin: 0 5px;
	}
}
/*-------------------------------------------------
|- Commitment03
-------------------------------------------------*/
.price-box {
	max-width: 710px;
	margin: 50px auto 120px;
}
.price-box__txt {
	margin-top: 45px;
	font-size: var(--fs17);
	text-align: center;
}
.detailed-ttl {
	position: relative;
	width: 100%;
	max-width: 1160px;
	margin: 0 auto 40px;
	padding-top: 30px;
}
.detailed-ttl:before {
	content: '';
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #a28e70;
}
.detailed-ttl__top {
	position:absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 490px;
	height: 100%;
	color: #a28e70;
	font-size: var(--fs27);
	text-align: center;
	letter-spacing: .05rem;
	line-height: 1;
	background: #fff;
}
.detailed-ttl__btm {
	position: relative;
	width: 425px;
	margin: auto;
	padding: 9px 0;
	color: #a28e70;
	font-size: var(--fs27);
	font-weight: bold;
	text-align: center;
	border: 1px solid #a28e70;
	display: block;
	z-index: 1;
}
.detailed-txt {
	margin-bottom: 50px;
	font-size: var(--fs24);
	font-weight: bold;
	text-align: center;
	letter-spacing: .1rem;
}
.detailed-txt__bb {
	font-size: var(--fs24);
	font-weight: bold;
	text-decoration: underline;
	text-decoration-thickness: .5em;
	text-decoration-color: rgba(229, 227, 213, .5);
	text-underline-offset: -.2em;
	text-decoration-skip-ink: none;
}
.detailed-list-box {
	max-width: 950px;
	margin: auto;
	padding: 45px 10px;
	background-color: rgb(229, 227, 213, .3);
	box-sizing: border-box;
}
.detailed-list-box_btm {
	margin-bottom: 100px;
}
.detailed-list {
	width: fit-content;
	margin: auto;
}
.detailed-list > * + * {
	margin-top: 45px;
}
.detailed-list__bg {
	padding-bottom: 45px;
	background: url(/assets/img/order/bg_order_item04.svg) no-repeat;
	background-size: 100px;
	background-position: 98% 100%;
}
.detailed-list__btm {
	margin-top: 0;
}
.detailed-list__ttl {
	position: relative;
	margin-bottom: 15px;
	padding-left: 30px;
	font-size: var(--fs22);
	font-weight: bold;
	letter-spacing: .1rem;
	line-height: 1.5;
	box-sizing: border-box;
}
.detailed-list__ttl:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 19px;
	height: 19px;
	background: #a28e70;
}
.detailed-list__txt {
	max-width: 720px;
	margin-left: 45px;
	color: #3e3a39;
	font-size: var(--fs16);
	line-height: 1.5;
}
.detailed-list__sub-txt {
	max-width: 720px;
	margin: 20px 0 0 45px;
	color: #3e3a39;
}
.detailed-txt__btm {
	max-width: 950px;
	margin: auto;
	padding: 70px 0 15px;
	font-size: var(--fs23);
	font-weight: bold;
	text-align: center;
	letter-spacing: .1rem;
	background: url(/assets/img/order/bg_order_item05.svg) no-repeat;
	background-size: 77px;
	background-position: 19% 100%;
}
.detailed-list__item {
	width: 390px;
	margin: 20px auto 0;
	font-size: var(--fs16);
	text-align: center;
	line-height: 1.9;
	border: 1px solid #3e3a39;
	box-sizing: border-box;
}
.detailed-list__item-fb {
	font-size: var(--fs16);
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.price-box {
		width: 85%;
		margin: 40px auto 65px;
	}
	.price-box__txt {
		margin-top: 20px;
		font-size: var(--fs10);
	}
	.detailed-ttl {
		margin: 0 auto 20px;
		padding-top: 15px;
	}
	.detailed-ttl:before {
		top: 27px;
		background: #000;
	}
	.detailed-ttl__top {
		width: 59%;
		color: #1b1464;
		font-size: var(--fs14);
	}
	.detailed-ttl__btm {
		width: 56%;
		padding: 0;
		color: #1b1464;
		font-size: var(--fs15);
		border: 1px solid #1b1464;
	}
	.detailed-txt {
		margin-bottom: 10px;
		font-size: var(--fs13);
		line-height: 1.7;
	}
	.detailed-txt__bb {
		font-size: var(--fs15);
	}
	.detailed-list-box {
		width: 87%;
		padding: 15px 5px;
	}
	.detailed-list-box_btm {
		margin-bottom: 50px;
	}
	.detailed-list > * + * {
		margin-top: 15px;
	}
	.detailed-list__bg {
		padding: 0;
		background: none;
	}
	.detailed-list__btm {
		padding-bottom: 35px;
		background: url(/assets/img/order/bg_order_item04.svg) no-repeat;
		background-size: 50px;
		background-position: 98% 100%;
	}
	.detailed-list__ttl:before {
		top: 4px;
		width: 10px;
		height: 10px;
		background: #1b1464;
	}
	.detailed-list__ttl {
		margin-bottom: 5px;
		padding-left: 15px;
		font-size: var(--fs13);
	}
	.detailed-list__txt {
		margin: 0;
		font-size: var(--fs13);
		letter-spacing: .08rem;
		line-height: 1.6;
	}
	.detailed-list__sub-txt {
		margin: 5px 0 0 0;
		font-size: var(--fs11);
		line-height: 1.4;
	}
	.detailed-txt__btm {
		width: 87%;
		margin: auto;
		padding: 25px 0 15px;
		font-size: var(--fs13);
		background-size: 35px;
		background-position: 100% 100%;
	}
	.detailed-list__item {
		width: 98%;
		margin: 10px auto 0;
		font-size: var(--fs13);
	}
	.detailed-list__item-fb {
		font-size: var(--fs14);
	}
}
@media screen and (max-width: 374px){
	.detailed-txt__btm {
		background: none;
	}
}