<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.mainVisual {
	position: relative;
}
.mainVisual .image img {
	width: 100%;
	max-width: auto;
}
.mainVisual .caption {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #fff;
}


.mainVisual .spMain {
	display: none;
}
@media only screen and (max-width:640px) {
	#container {
		padding-top: 75px;
	}
	.mainVisual .image {
		display: none;
	}
	.mainVisual .spMain {
		display: block;
	}
	.mainVisual .spMain .image {
		position: relative;
		display: block;
	}	.mainVisual .spMain .image .caption {
		position: absolute;
		bottom: 5px;
		left: 5px;
		font-size: 10px;
	}
}

.tab {
	text-align: center;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	margin: 100px auto;
}

.tab li {
	display: inline-block;
	margin: 0 20px 10px 20px;
}

.tab li .clickBtn {
	width: 387px;
}
.tab li .clickBtnSP {
	display: none;
}
.tab li .clickBtn:before {
	content: url(../imgs/bg-click01.png);
	top: -17px;
}
.tab li .clickBtn:after {
	content: url(../imgs/bg-click02.png);
	top: -17px;
	right: 0;
}


.tab li .clickBtn:hover:before,
.tab li.on .clickBtn:before  {
	left: 8px;
}
.tab li .clickBtn:hover:after,
.tab li.on .clickBtn:after {
	right: 8px;
}

@media only screen and (max-width:640px) {
	.tab {
		margin: 50px auto;
	}
	.tab li {
		margin: 0 auto 20px auto;
	}
	.tab li .clickBtn {
		display: none;
	}
	.tab li .clickBtnSP {
		display: block;
	}


}

/* titleB */
.titleB {
	margin-bottom: 25px;
}
.titleB span {
	display: none;
}
@media only screen and (max-width:640px) {
	.titleB span {
		display: inline;
		font-size: 18px;
	}

	.titleB span.cap {
		font-size: 10px;
		margin-left: 15px;
	}

	.titleB img {
		display: none;
	}

}

/*gTxt*/
.gTxt {
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.section {

}

.section .wrap {
	max-width: 1000px;
	padding-left: 20px;
	padding-right: 20px;
}

.section .wrap .imgText span {
	display: none;
}

.section .wrap hr {
	border: 1px solid #CCC;
	height: 1px;
	background-color: #FFF;
	border-width: 1px 0 0 0;
}

.spImage {
	display: none;
}

@media only screen and (max-width:640px) {
	.pcImage {
		display: none;
	}
	.spImage {
		display: block;
	}

	.section .wrap .imgText span {
		display: block;
		text-align: left;
	}
	.section .wrap .imgText img {
		display: none;
	}
}

/* photoArea */
.photoArea .block {
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}
.photoArea .block .photo {
/*	width: 50%;*/
	position: relative;
}
.photoArea .block .photo span.cap {
	position: absolute;
	right: 0;
	bottom: 0;
}
.photoArea .block .txt {
	width: 50%;
}

/*#designArea block01*/
#designArea .photoArea .block.block01 {
	display: block;
}
#designArea .photoArea .block.block01 .photo img {
	width: 100%;
}
#designArea .photoArea .block.block01 .txt {
	width: 100%;
	margin-top: 40px;
}
/*#designArea block02*/
#designArea .photoArea .block.block02 .photo {
	order: 2;
	text-align: right;
}
#designArea .photoArea .block.block02 .txt {
	order: 1;
	max-width: 480px;
}
/*#designArea block03*/
#designArea .photoArea .block.block03 {
	margin-top: 100px;
	margin-bottom: 100px;
}
#designArea .photoArea .block.block03 .txt {
	max-width: 480px;
	margin-bottom: 40px;
}

#designArea .visual {
	position: relative;
	margin-bottom: 60px;
}
#designArea .visual .caption {
	position: absolute;
	left: 8px;
	bottom: 8px;
	color: #fff;
}

#designArea .visual img {
	width: 100%;
	height: auto;
}
@media only screen and (max-width:640px) {
	#designArea .visual {
		margin-bottom: 20px;
	}
}



@media only screen and (max-width:640px) {
	.photoArea .block {
		display: block;
		margin-bottom: 40px;
	}
	.photoArea .block .photo,
	.photoArea .block .txt {
		width: 100%;
		margin-bottom: 20px;
	}

	#designArea .photoArea .block.block01 .txt {
		width: 100%;
		max-width: 100%;
		margin-top: 20px;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#designArea .photoArea .block .photo span.cap {
		position: static;
		text-align: right;
		width: 100%;
		display: block;
		padding-right: 10px;
		box-sizing: border-box;
	}
	#landscapeArea .photoArea .block {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	#landscapeArea .photoArea .block .txt {
		margin-bottom: 40px;
	}
}

/*colmn*/
.colmn {
	padding-top: 100px;
}
.colmn ul {
	display: flex;
	justify-content: space-between;
}
.colmn ul li {
	width: 48%;
	border: 1px solid #d6d6d6;
	padding: 40px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 18px;
}
.colmn ul li .photo {
	margin-bottom: 20px;
}
@media only screen and (max-width:640px) {
	.colmn ul {
		display: block;
	}
	.colmn ul li {
		width: 100%;
		padding: 20px;
		margin-bottom: 20px;
	}
}



#mainContent .captionArea {
	padding: 0 0 100px;
}

@media only screen and (max-width:640px) {
#mainContent .captionArea {
		padding: 50px 0;
	}
}
</pre></body></html>