@charset "utf-8";
/*ページ用*/
/* ---------------------------------------------------------------------- */
#slide {
	position: relative;
	overflow: hidden;
	font-family: var(--font4);
}
.slide-swiper {
	position: relative;
	z-index: 0;
}
swiper-container {
	position: relative;
	width: 100%;
	height: 100%;
}
swiper-slide {
	position: relative;
	box-sizing: border-box;
}
@media screen and (min-width:768px) {
	swiper-slide {
	}
}
swiper-slide::after {
	position: relative;
	content: "";
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	background-color: rgba(255,255,255,0);
}
.slide-tex {
	position: absolute;
	z-index: 2;
	left: 0px;
	width: 100%;
	color: var(--white);
	text-align: center;
}
@media screen and (min-width: 768px) {
	.slide-tex {
		top: 40%;
		transform: translateY(-40%);
	}
}
@media screen and (max-width: 767px) {
	.slide-tex {
		top: 20%;
		transform: translateY(-20%);
	}
}
.slide-tex strong {
	display: block;
	font-size: 40px;
	font-size: clamp(18px, 3.6vw, 36px);
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 30px;
}
.slide-tex b {
	display: block;
	font-size: 20px;
	font-size: clamp(18px, 2.4vw, 24px);
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 20px;
}
.slide-tex img {
	width: 140px;
	margin: 0px auto;
}
.slide-img {
	position: relative;
	z-index: 0;
}
.slide-img img {
	width: auto;
	height: auto;
}
.slide-link {
	position: absolute;
	z-index: 2;
	left: 0px;
	width: 100%;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.slide-link {
		bottom: 50px;
	}
}
@media screen and (max-width: 767px) {
	.slide-link {
		bottom: 10px;
	}
}
.slide-link a {
	display: inline-block;
	color: var(--white);
	font-size: 16px;
	font-size: clamp(13px, 1.6vw, 16px);
	font-weight: 400;
	line-height: 1em;
	background-color: rgba(255,255,255,0.2);
	background-color: rgba(0,0,0,0.5);
	border: 1px solid var(--white);
	border-left: none;
	border-right: none;
	margin-bottom: 10px;
	padding: 15px 40px;
}
.slide-link a:hover {
	color: var(--black);
	background-color: rgba(255,255,255,0.5);
}
/* ------------------------------------------------ */
#title {
	position: relative;
	text-align: center;
	background-color: #ccc;
	background-image: url("./img/global/bg1.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
}
#title::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	width: 100%;
	height:100%;
	background-color: rgba(255,255,255,0.7);
}
#title div {
	position: relative;
	z-index: 1;
	font-family: var(--font4);
	padding: 50px 10px;
}
#title span {
	display: block;
	color: rgba(255,255,255,0.5);
	color: var(--text);
	font-size: 30px;
	font-size: clamp(18px, 3vw, 30px);
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#title strong {
	display: block;
	color: var(--gray3);
	font-size: 14px;
	line-height: 1em;
}
/* ------------------------------------------------ */
.title {
	text-align: center;
	line-height: 1em;
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.title {
		padding: 0px 10px;
	}
}
.title h2 {
	display: block;
	position: relative;
	font-size: 30px;
	font-size: clamp(22px, 3vw, 30px);
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
}
.title h2 span {
	display: block;
	position: relative;
	font-size: 30px;
	font-size: clamp(22px, 3vw, 30px);
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.title h2 b {
	display: block;
	color: var(--text1);
	font-size: 16px;
	font-family: var(--font4);
	font-weight: 400;
	line-height: 1em;
}
@media screen and (max-width: 767px) {
}
.titles {
	text-align: center;
	line-height: 1em;
	margin-bottom: 50px;
}
.titles h3 {
	color: var(--text1);
	font-size: 22px;
	font-size: clamp(22px, 2.2vw, 22px);
	font-family: var(--font4);
	font-weight: 600;
}
.titles h3 b {
	font-size: 30px;
	font-size: clamp(22px,2.8vw, 28px);
}
/* ------------------------------------------------ */
.ban a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
}
.ban a img {
	display: inline-block;
}
/* ------------------------------------------------ */
#page {
}
.div.page {
}
.pageinner {
}
#pageentry {
}
.pageentry {
}
.page-content {
}
@media screen and (max-width: 767px) {
	div.page {
		padding: 0px 10px;
	}
}
/* ------------------------------------------------ */
#page-archive {
	padding: 50px 0px;
}
/* ------------------------------------------------ */
#page-single {
	padding: 50px 0px;
}
.entry-title {
	display: block;
	text-align: center;
	font-weight: 700;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}
.entry-title h2 {
}
.entry-title h2 b {
	display: block;
	color: var(--black);
	font-size: 24px;
}
.entry-title h2 em {
	display: inline-block;
	color: var(--white);
	font-size: 11px;
	line-height: 1em;
	background-color: var(--color1);
	padding: 3px 5px;
}
.entry-title h2 i {
	display: block;
	font-size: 12px;
	font-weight: 400;
	text-align: right;
}

.entry-photo {
	margin-bottom: 30px;
}
.entry-photo img {
	width: auto;
	margin: 0px auto;
}
.entry-content {
	padding: 10px;
}
.entry-content:last-child {
}
.entry-content img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.entry-content img.aligncenter {
	display: block;
	margin: 0px auto;
}
.entry-content img.alignleft {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px!important;
}
.entry-content img.alignright {
	display: block;
	float: right;
	margin: 0px 0px 10px 10px!important;
}
.entry-content img.alignnone {
}
@media screen and (max-width: 767px) {
	.entry-content img.alignleft {
		float: none;
		margin: 0px auto 10px auto!important;
	}
	.entry-content img.alignright {
		float: none;
		margin: 0px auto 10px auto!important;
	}
}
.entry-content h1 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1em;
	background-color: #3b3c40;
	margin-bottom: 15px;
	padding: 10px 5px;
}
.entry-content h2 {
	color: #a68053;
	font-size: 26px;
	font-weight: 700;
	line-height: 1em;
	border-bottom: 3px solid #a68053;
	margin-bottom: 15px;
	padding: 5px 5px;
}
.entry-content h3 {
	color: #a68053;
	font-size: 24px;
	font-weight: 700;
	line-height: 1em;
	border-left: 5px solid #ab9a86;
	margin-bottom: 15px;
	padding: 5px 5px;
}
.entry-content h4 {
	color: #ab9a86;
	font-size: 22px;
	margin-bottom: 15px;
	padding: 5px 5px;
}
.entry-content h5 {
	font-size: 22px;
	margin-bottom: 15px;
}
.entry-content h6 {
	font-size: 22px;
	margin-bottom: 15px;
}
.entry-content p {
	margin-bottom: 15px;
}
.entry-content p:last-child {
	margin-bottom: 0px;
}
.entry-content p {
	margin-bottom: 20px;
}
.entry-content p:last-child {
	margin-bottom: 0px;
}
.entry-footer {
	display: none;
	font-size: 0.688em;
	text-align: right;
	padding-top: 30px;
}
.entry-content a {
	color: #3b3c40;
	text-decoration: underline;
}
.entry-content a:hover {
	color: #cfc0aa;
	color: #a68053;
}
/* ------------------------------------------------ */
.navigation {
}
.navigation h2 {
	display: none;
}
.navigation {
	padding: 30px 0px;
}
.nav-links {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.nav-previous,
.nav-next {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
}
.nav-previous {
}
.nav-next {
	text-align: right;
}
.nav-links a {
	display: inline-block;
	color: #000;
	font-size: 0.8em;
	line-height: 1em;
	text-decoration: none;
	padding: 5px 10px;
}
.nav-links a:hover {
	background-color: #f2f2f2;
}
.nav-previous a::before {
	content: "<<"
}
.nav-next a::after {
	content: ">>"
}
.nav-links .meta-nav,
.nav-links .screen-reader-text {
	display: none;
}
.nav-links .post-title {
}
.wp-pagenavi {
	line-height: 1em;
	text-align: center;
	padding: 0px 0px 20px 0px;
}
.wp-pagenavi span {
	display: inline-block;
	line-height: 1em;
	border: 1px solid #e6e6e6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 2px;
	padding: 5px 8px;
}
.wp-pagenavi span.pages {
	display: none;
}
.wp-pagenavi span.current {
	color: #fff;
	background-color: var(--color2);
	border: 1px solid var(--color2);
}
.wp-pagenavi a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 1px;
	padding: 5px 8px;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	padding: 5px 10px;
}
.wp-pagenavi a:hover {
	color: #fff;
	background-color: var(--color3);
	border: 1px solid var(--color3);
}
/* ------------------------------------------------ */
#pagecon {
	position: relative;
	z-index: 10;
	color: var(--black);
	background-color: var(--white);
	background: rgb(114,186,224);
	background: -moz-linear-gradient(top, rgba(114,186,224,1) 0%, rgba(188,224,238,1) 62%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(114,186,224,1) 0%,rgba(188,224,238,1) 62%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(114,186,224,1) 0%,rgba(188,224,238,1) 62%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bae0', endColorstr='#ffffff',GradientType=0 );
	text-align: center;
	-moz-box-shadow: 0px -2px 15px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px -2px 15px 1px rgba(0,0,0,0.3);
	box-shadow: 0px -2px 15px 1px rgba(0,0,0,0.3);
}
.pagecon {
	background-image: url("./img/parts/pagecon.png");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 100px 10px;
}
@media screen and (max-width: 767px) {
	.pagecon {
		background-position: right 20px;
		background-size: 150px;
	}
}
.pagecon a {
	text-decoration: none;
}
.pagecon h2 {
}
.pagecon h2 span {
	display: block;
	font-size: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}
.pagecon h2 strong {
	display: block;
	font-size: 18px;
	font-weight: 700;
}
.pagecon p {
	font-size: 18px;
	padding: 40px 10px;
}
.pagecon-tel {
	display: inline-block;
	vertical-align: top;
	padding: 0px 20px;
}
.pagecon-tel a {
	display: inline-block;
	color: var(--black);
}
.pagecon-tel a div {
	display: inline-block;
	position: relative;
	width: 30px;
	vertical-align: top;
	margin-right: 20px;
}
.pagecon-tel a div::after {
	position: absolute;
	left: 10px;
	bottom: -25px;
	color: var(--tel1);
	font-size: 12px;
	font-weight: 700;
}
.pagecon-tel.tel a div::after {
	content: "TEL";
}
.pagecon-tel.fax a div::after {
	content: "FAX";
}
.pagecon-tel a svg {
	width: 40px;
	vertical-align: middle;
	margin-right: 10px;
}
.pagecon-tel a svg path {
	fill: var(--tel1);
}
.pagecon-tel a span {
	display: inline-block;
	font-size: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.pagecon-tel.tel {
		margin-bottom: 15px;
	}
	.pagecon-tel a svg {
		width: 24px;
	}
	.pagecon-tel a span {
		font-size: 32px;
	}
}
.pagecon-contact {
	display: block;
	vertical-align: top;
	padding: 40px 10px 0px 10px;
}
.pagecon-contact a {
	display: inline-block;
	color: var(--white);
	background-color: var(--tel1);
	border: 2px solid var(--white);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
	padding: 15px 30px;
}
.pagecon-contact a svg {
	display: inline-block;
	width: 20px;
	vertical-align: middle;
	margin-right: 10px;
}
.pagecon-contact a svg path {
	fill: var(--white);
}
.pagecon-contact a span {
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	vertical-align: middle;
}
.pagecon-contact a:hover {
	background-color: var(--tel2);
}
@media screen and (max-width: 767px) {
	.pagecon-contact a svg {
		display: block;
		width: 20px;
		margin: 0px auto 10px auto;
	}
	.pagecon-contact a span {
		display: block;
		font-size: 22px;
	}
}
/* ------------------------------------------------ */
.bloc {
	position: relative;
	background-color: var(--white);
	margin: 0px auto;
	padding: 0px;
}
.outer {
	position: relative;
	z-index: 1;
}
.bloc .outer {
	padding: 70px 0px;
}
.inner {
}
.inner::after {
	content: "";
	display: block;
	clear: both;
}
.inner:last-child {
	margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
	.inner {
		padding: 0px 10px;
	}
}
.inner p {margin-bottom: 10px;}
.inner p:last-child {margin-bottom: 0px;}
/* ------------------------------------------------ */
/*
#index {
}
#information {
}
.information {
}
.information-list {
}
.information-list-bloc {
	border-bottom: 2px solid #000;
	padding: 30px 5px;
}
.information-list-bloc:last-child {
	border-bottom: none;
}
.information-list-bloc dl {
	margin-bottom: 15px;
}
.information-list-bloc dl dt {
	border-bottom: 1px solid #ccc;
}
.information-list-bloc dl dt span {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	line-height 1em;
	padding-right: 10px;
}
.information-list-bloc dl dt em {
	display: inline-block;
	color: var(--white);
	font-size: 11px;
	line-height: 1em;
	background-color: var(--color1);
	padding: 3px 5px;
}
.information-list-bloc dl dt a {
	display: block;
	color: var(--red1);
	font-size: 20px;
	line-height: 1.4em;
	text-decoration: none;
}
.information-list-bloc dl dt a:hover {
	color: var(--white);
}
.information-list-bloc dl dt a strong {
}
.information-list-bloc dl dd {
}
*/
/* ------------------------------------------------ */
.case-list {
}

.case-list ul {
}
.case-list ul li {
	position: relative;
	background-color: rgba(0,0,0,0.7);
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
/*
	border-radius: 5px;
*/
}
@media screen and (min-width: 768px) {
	.case-list ul {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
		align-items: stretch;
/*
		justify-content: center;
*/
	}
	.case-list ul li {
		flex: 0 0 calc(33.33% - 30px);
		box-sizing: border-box;
		padding: 10px 10px;
	/*
		flex: 1;
		flex: 1 0 calc(50% - 3px);
		flex: 1 0 calc(33.33% - 3px);
	*/
	}
}
@media screen and (max-width: 767px) {

}
.case-list ul li small {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	color: var(--white);
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	padding: 15px 0px 0px 10px;
}
.case-list ul li small::after {
	position: relative;
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 80px;
	width: 100px;
	height: 80px;

	background-color: var(--black);
	background-color: rgba(0,0,0,0.5);
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.case-list ul li small span {
	display: block;
	position: relative;
	z-index: 2;
}
.case-list ul li small span b {
	font-size: 18px;
	font-weight: 500;
}
.case-list ul li div {
	position: relative;
	z-index: 0;
	text-align: center;
}
.case-list ul li div img {
	display: inline-block;
	border-radius: 2px;
}
.case-list ul li dl {
}
.case-list ul li dl dt {
	text-align: center;
	border-bottom: 1px solid var(--black);
	margin-bottom: 5px;
}
.case-list ul li dl dt a {
	display: inline-block;
}
.case-list ul li dl dt a h3 {
	font-weight: 400;
	line-height: 1em;
}
.case-list ul li dl dt a h3 em {
	display: inline-block;
	font-size: 11px;
	line-height: 1em;
	color: var(--text);
	color: var(--white);
	background-color: rgba(255,255,255,0.2);
	background-color: rgba(0,0,0,0.4);
	border: 0px solid var(--text);
	margin-bottom: 5px;
	padding: 4px 10px;
}
.case-list ul li dl dt a h3 b {
	display: block;
	font-size: 18px;
	font-size: clamp(12px, 1.8vw, 18px);
	font-family: var(--font4);
	line-height: 1em;
}
.case-list ul li dl dd {
	padding: 0px 10px 10px 10px;
}
.case-list ul li dl dd p {
	font-size: 14px;
	font-size: clamp(12px, 1.3vw, 13px);
	font-weight: 400;
	line-height: 1.4em;
}
.case-list ul li dl dd b {
	display: block;
	font-size: 13px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 5px;
}
.case-list ul li dl dd span {
	display: block;
	font-size: 13px;
	line-height: 1em;
	text-align: center;
}
#case-det {
}
.case-det {
	position: relative;
	border: 1px solid var(--black);
}
.casedet-bloc {
}
.casedet-box {
	padding: 10px;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	.casedet-bloc {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: stretch;
		align-items: flex-start;
		justify-content: center;
		flex-direction: row-reverse;
	}
	.casedet-box,
	.casedet-photo {
	}
	.casedet-photo {
		flex: 1 0 400px;
	}
}
.casedet-title {
	text-align: center;
	margin-bottom: 20px;
}
.casedet-title small {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	color: var(--white);
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	padding: 15px 0px 0px 10px;
}
.casedet-title small::after {
	position: relative;
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 80px;

	background-color: var(--black);
	background-color: rgba(0,0,0,0.8);
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.casedet-title small span {
	display: block;
	position: relative;
	z-index: 2;
}
.casedet-title small span b {
	font-size: 18px;
	font-weight: 500;
}
.casedet-title h2 {
	font-size: 30px;
	font-size: clamp(22px, 3vw, 30px);
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
}
.casedet-title h2 em {
	display: inline-block;
	font-size: 11px;
	line-height: 1em;
	color: var(--text);
	color: var(--white);
	background-color: rgba(255,255,255,0.2);
	background-color: rgba(0,0,0,0.4);
	border: 0px solid var(--text);
	margin-bottom: 5px;
	padding: 4px 10px;
}
.casedet-title h2 b {
	display: block;
}
@media screen and (min-width: 768px) {

	.casedet-title h2 {
		padding: 15px 0px 0px 40px;
	}
}
@media screen and (max-width: 767px) {

}
.casedet-ex {
	text-align: center;
	border-top: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
	margin-bottom: 20px;
	padding: 10px;
}
.casedet-ex span {
	display: block;
}
.casedet-ex b {
	display: block;
}
.casedet-texs {
	margin-bottom: 20px;
	padding: 10px;
}
.casedet-texs p {
}
.casedet-text {
	padding: 10px;
}
.casedet-text p {
}
.casedet-photo {
	padding: 10px;
}
.casedet-img {
	padding: 10px;
}
.casedet-img span {
	display: block;
	font-size: 12px;
	text-align: right;
}
.casedet-img ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	align-items: stretch;
}
.casedet-img ul li {
	box-sizing: border-box;
}
.casedet-img ul li img {
	width: auto;
	height: auto;
}
@media screen and (min-width: 768px) {
	.casedet-img ul li {
		flex: 0 0 calc(20% - 3px);
	}
}
@media screen and (max-width: 767px) {
	.casedet-img ul li {
		flex: 0 0 calc(50% - 3px);
	}
}
.case-navigation {
}
.case-navigation .prev,
.case-navigation .next {
	position: absolute;
	z-index: 0;
	top: 50%;
	transform: translateY(-50%);
}
.case-navigation .prev {
}
.case-navigation .next {
}
.case-navigation .prev a,
.case-navigation .next a {
	display: inline-block;
}
.case-navigation .prev a::after,
.case-navigation .next a::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 50px;
	background-color: var(--black);
}
.case-navigation .prev a::after {
	left: 0px;
	clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
.case-navigation .next a::after {
	right: 0px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media screen and (min-width: 768px) {
	.case-navigation .prev {
		left: -50px;
	}
	.case-navigation .next {
		right: -50px;
	}
	.case-navigation .prev a,
	.case-navigation .next a {
		width: 30px;
		height: 50px;
	}
	.case-navigation .prev a span,
	.case-navigation .next a span {
		opacity: 0;
	}
}
@media screen and (max-width: 767px) {
	.case-navigation {
		position: relative;
		height: 50px;
	}
	.case-navigation .prev {
		left: 5px;
	}
	.case-navigation .next {
		right: 5px;
	}
	.case-navigation .prev a,
	.case-navigation .next a {
		padding: 5px 0px;
	}
	.case-navigation .prev a::after,
	.case-navigation .next a::after {
		width: 20px;
		height: 20px;
		background-color: var(--black);
	}
	.case-navigation .prev a span,
	.case-navigation .next a span {
		font-size: 14px;
		font-weight: 700;
		line-height: 1em;
	}
	.case-navigation .prev a span {
		padding: 20px 10px 10px 40px;
	}
	.case-navigation .next a span {
		padding: 10px 40px 20px 10px;
	}
}
/* ------------------------------------------------ */
#index-top {
	background-image: url("./img/global/bg1.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#index-top .outer {
/*
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	width: 100%;
	height:100%;
*/
	background-color: rgba(255,255,255,0);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 22%,rgba(255,255,255,1) 69%,rgba(255,255,255,1) 100%);
}
.index-top {
}
.index-top-tex {
	text-align: center;
	margin-bottom: 80px;
}
.index-top-tex h2 {
	font-size: 36px;
	font-size: clamp(24px, 3.6vw, 36px);
	font-family: var(--font4);
	font-weight: 400;
	line-height: 1.4em;
	margin-bottom: 30px;
}
.index-top-tex-logo {
	margin-bottom: 30px;
}
.index-top-tex-logo img {
	display: inline-block;
	width: 180px;
	height: auto;
}

.index-top-tex p {
	line-height: 2em;
}
.index-top-rinen {
}
.index-top-rinen h3 {
	font-family: var(--font4);
	text-align: center;
	margin-bottom: 50px;
}
.index-top-rinen h3 span {
	display: block;
	position: relative;
	font-size: 30px;
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 10px;
}
.index-top-rinen h3 span::before,
.index-top-rinen h3 span::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 35%;
	height: 1px;
	background-color: rgba(0,0,0,0.7);
	background-color: var(--black);
}
.index-top-rinen h3 span::before {
	left: 0px;
}
.index-top-rinen h3 span::after {
	right: 0px;
}
.index-top-rinen h3 b {
	display: block;
	font-size: 18px;
	font-size: clamp(14px, 1.8vw, 18px);
	font-weight: 400;
}
.index-top-rinen {
}
.index-top-rinen ul {
}
.index-top-rinen ul li {
	margin-bottom: 40px;
}
.index-top-rinen ul li:nth-child(1) {
}
.index-top-rinen ul li:nth-child(2) {
}
.index-top-rinen ul li:nth-child(3) {
}

.index-top-rinen ul li dl {
	position: relative;
}
@media screen and (min-width: 768px) {
	.index-top-rinen ul li dl {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: stretch;
		align-items: center;
		justify-content: center;
	}
	.index-top-rinen ul li:nth-child(odd) dl {
		flex-direction: row-reverse;
	}
	.index-top-rinen ul li:nth-child(even) dl {
		flex-direction: row-reverse;
	}
	.index-top-rinen ul li dl dt,
	.index-top-rinen ul li dl dd {
		flex: 1;
		box-sizing: border-box;
	}
	.index-top-rinen ul li dl dd {
	}
}
.index-top-rinen ul li dl dt {
}
.index-top-rinen ul li dl dt h4 {
	font-size: 36px;
	font-size: clamp(24px, 5.4vw, 54px);
	font-family: var(--font4);
	font-weight: 400;
	line-height: 1.4em;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.index-top-rinen ul li dl dt h4 {
		position: absolute;
		z-index: 1;
		top: 20px;
	}
	.index-top-rinen ul li:nth-child(odd) dl dt h4 {
		left: 0px;
	}
	.index-top-rinen ul li:nth-child(even) dl dt h4 {
/*
		right: 0px;
*/
		left: 0px;
	}
}
.index-top-rinen ul li dl dt div {
	position: relative;
	border: 5px solid #fff;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1);
	margin: 0px auto;
}
/*
.index-top-rinen ul li dl dt div::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
}
*/
.index-top-rinen ul li dl dt div::before,
.index-top-rinen ul li dl dt div::after {
	content: "";
	position: absolute;
	z-index: 0;
	width: 1px;
	height: 50px;
	background-color: var(--black);
	transform: rotate(45deg);
}
.index-top-rinen ul li dl dt div::before {
	left: 8px;
	top: -15px;
}
.index-top-rinen ul li dl dt div::after {
	right: 8px;
	bottom: -15px;
}
@media screen and (min-width: 768px) {
	.index-top-rinen ul li dl dt div {
		width: 500px;
	}
}
.index-top-rinen ul li dl dt div img {
}

.index-top-rinen ul li dl dd {
}
.index-top-rinen ul li dl dd img {
}
.index-top-rinen ul li dl dd p {
}
@media screen and (min-width: 768px) {
	.index-top-rinen ul li dl dd p {
/*
		text-align: center;
*/
		padding-top: 50px;
	}
}
/* ------------------------------------------------ */
#index-works {
	background-image: url("./img/global/bg2.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#index-works .outer {
/*
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	width: 100%;
	height:100%;
*/
	background-color: rgba(0,0,0,0.7);
}
#index-works .title span,
#index-works .title b {
	color: var(--white);
}
.index-works {
}

/* ------------------------------------------------ */
#index-media {
}
.index-media {
}
.index-media ul {
	margin-bottom: 30px;
}
.index-media ul li {
	border-bottom: 1px dashed #000;
	padding: 10px;
}
.index-media ul li:last-child {
	border-bottom: none;
}
@media screen and (min-width: 768px) {
	.index-media ul::after {
		display: block;
		content: "";
		clear: both;
	}
	.index-media ul li {
	}
}

.index-media ul li a {
	display: inline-block;
	text-decoration: none;
	padding: 0px 10px;
}
.index-media ul li span {
	display: inline-block;
	font-size: 13px;
}
.index-media ul li b {
	display: inline-block;
	font-size: 15px;
	font-size: clamp(13px, 1.5vw, 15px);
	font-weight: 400;
}
/* ------------------------------------------------ */
#index-instagram {
background-color: #ccc;
}
.index-instagram {
}

/* ------------------------------------------------ */
#index-information {
	background-color: #e7e8e8;
	background-color: var(--white);
}
.index-information {
}
.index-information ul {
	margin-bottom: 30px;
}
.index-information ul li {
	border-bottom: 1px dashed #000;
	padding: 2px;
}
.index-information ul li:last-child {
	border-bottom: none;
}
@media screen and (min-width: 768px) {
	.index-information ul::after {
		display: block;
		content: "";
		clear: both;
	}
	.index-information ul li {
	}
}

.index-information ul li a {
	display: inline-block;
	display: block;
	position: relative;
	text-decoration: none;
	padding: 5px 10px;
}
.index-information ul li.insta a::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
/*
	background-image: url("./img/global/instagram.svg");
*/
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000000" d="m16.54,4.66c0,.66-.54,1.2-1.2,1.2s-1.2-.54-1.2-1.2.54-1.2,1.2-1.2,1.2.54,1.2,1.2Zm-6.54,8.67c-1.84,0-3.33-1.49-3.33-3.33s1.49-3.33,3.33-3.33,3.33,1.49,3.33,3.33-1.49,3.33-3.33,3.33Zm0-8.47c-2.84,0-5.14,2.3-5.14,5.14s2.3,5.14,5.14,5.14,5.13-2.3,5.13-5.14-2.3-5.14-5.13-5.14Zm0-3.06c2.67,0,2.99,0,4.04.06.98.04,1.5.21,1.86.34.47.18.8.4,1.15.75.35.35.57.68.75,1.15.14.35.3.88.34,1.86.05,1.05.06,1.37.06,4.04s0,2.99-.06,4.04c-.04.98-.21,1.5-.34,1.86-.18.47-.4.8-.75,1.15-.35.35-.68.57-1.15.75-.35.14-.88.3-1.86.34-1.05.05-1.37.06-4.04.06s-2.99-.01-4.04-.06c-.98-.04-1.51-.21-1.86-.34-.47-.18-.8-.4-1.15-.75-.35-.35-.57-.68-.75-1.15-.14-.35-.3-.88-.34-1.86-.05-1.05-.06-1.37-.06-4.04s.01-2.99.06-4.04c.04-.98.21-1.5.34-1.86.18-.47.4-.8.75-1.15.35-.35.68-.57,1.15-.75.35-.14.88-.3,1.86-.34,1.05-.05,1.37-.06,4.04-.06Zm0-1.8c-2.72,0-3.06.01-4.12.06-1.06.05-1.79.22-2.43.46-.66.26-1.22.6-1.77,1.15-.56.56-.9,1.11-1.15,1.77-.25.64-.42,1.36-.47,2.43-.05,1.07-.06,1.41-.06,4.12s.01,3.06.06,4.12c.05,1.06.22,1.79.47,2.43.26.66.6,1.22,1.15,1.77.56.56,1.11.9,1.77,1.15.64.25,1.36.42,2.43.46,1.07.05,1.41.06,4.12.06s3.06-.01,4.12-.06c1.06-.05,1.79-.22,2.43-.46.66-.26,1.22-.6,1.77-1.15.56-.56.9-1.11,1.15-1.77.25-.64.42-1.36.46-2.43.05-1.07.06-1.41.06-4.12s-.01-3.06-.06-4.12c-.05-1.06-.22-1.79-.46-2.43-.26-.66-.6-1.22-1.15-1.77-.56-.56-1.11-.9-1.77-1.15-.64-.25-1.36-.42-2.43-.46-1.07-.05-1.41-.06-4.12-.06Z"/></svg>');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	padding: 0px;
}

.index-information ul li span {
	display: inline-block;
	font-size: 13px;
	padding: 0px 5px;
}
.index-information ul li em {
	display: inline-block;
	font-size: 13px;
	color: var(--color3);
	line-height: 1em;
	background-color: var(--white);
	border: 1px solid var(--color2);
	padding: 5px 5px;
}
.index-information ul li b {
	display: inline-block;
	font-size: 15px;
	font-size: clamp(13px, 1.5vw, 15px);
	line-height: 1.2em;
	font-weight: 500;
	padding: 0px 5px;
}

/* ------------------------------------------------ */
#index-showroom {
	color: var(--white);
	background-image: url("./img/index/showroom_bg2.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;/*cover*/
	background-attachment: fixed;
}
#index-showroom::before {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.7);
}
#index-showroom .title span {
	color: var(--white);
}
#index-showroom .outer {
	padding: 40px 0px 0px 0px;
}
.index-showroom {
	padding: 0px 0px 20px 0px;
}
@media screen and (min-width: 768px) {
	.index-showroom {
	}
}
.index-showroom ul {
}
.index-showroom ul li {
}
@media screen and (max-width: 767px) {
	.index-showroom-img.sp ul {
		display: flex;
		flex-wrap: nowrap;
	}
	.index-showroom-img.sp ul li {
		padding: 0px 2px;
	}
	.index-showroom-img ul li img {
	}
}
.index-showroom p {
	padding: 20px 10px;
}


@media screen and (min-width: 768px) {
	.index-showroom {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row-reverse;
	}
	.index-showroom-img.pc {
		position: relative;
		flex: 0 1 400px;
	}
	.index-showroom p {
		flex: 1;
		padding: 50px 50px 50px 20px;
	}
	.index-showroom-img.pc img {
	}
}


.index-showroom-imgs {
	margin-bottom: 10px;
}
.index-showroom-imgs ul {
	display: flex;
	flex-wrap: nowrap;
}
.index-showroom-imgs ul li {
	padding: 0px 2px;
}
.index-showroom-imgs ul li img {
}


.index-showroom .link a {
	color: var(--white);
	background-color: rgba(255,255,255,0.2);
}
.index-showroom .link a::before,
.index-showroom .link a::after,
.index-showroom .link a span::before,
.index-showroom .link a span::after {
	background-color: var(--white);
}
.index-showroom .link a:hover {
	color: var(--white);
	background-color: rgba(255,255,255,0);
}
.index-showroom-map {
	line-height: 1em;
	padding: 10px 10px 50px 10px;
}
/* ------------------------------------------------ */
#index-ban {
	text-align: center;
	padding: 50px 10px;
}
/* ------------------------------------------------ */
#works-list {
	background-image: url("./img/global/bg3.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#works-list .outer {
/*
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	width: 100%;
	height:100%;
*/
	background-color: rgba(0,0,0,0.7);
}
#works-list .title {
	color: var(--white);
}
.works-list {
}

@media screen and (min-width: 768px) {
	#works-list .case-list ul {
		gap: 20px;
	}
	#works-list .case-list ul li {
		flex: 0 0 calc(50% - 20px);
		padding: 10px 10px;
	}
}
/* ------------------------------------------------ */
#content-lineup .inner {
	padding: 0px;
}
.lineup-menu {
	text-align: center;
	padding: 50px 10px 40px 10px;
}
.lineup-menu ul {
}
.lineup-menu ul li {
}
.lineup-menu li a {
	display: block;
	color: var(--white);
	font-family: var(--font2);
	font-weight: 600;
	background-color: var(--text);
	font-size: 14px;
	border-radius: 100px;
	padding: 2px 20px;
}
.lineup-menu li a:hover {
	background-color: var(--color2);
}
.lineup-menu li a span {
	position: relative;
}
@media screen and (min-width: 768px) {
	.lineup-menu ul li {
		display: inline-block;
		vertical-align: middle;
	}
	.lineup-menu li a span::after {
		content: "";
		position: absolute;
		z-index: 0;
		left: 50%;
		bottom: -15px;
		transform: translateX(-50%);
		width: 15px;
		height: 8px;
		clip-path: polygon(0 0, 50% 100%, 100% 0);
		background-color: var(--color1);
	}
}
@media screen and (max-width: 767px) {
	.lineup-menu ul li {
	}
	.lineup-menu ul {
		display: flex;
		flex-wrap: wrap;
		gap: 3px;
		align-items: stretch;
		justify-content: center;
	}
	.lineup-menu ul li {
		flex: 0 0 calc(50% - 3px);
		margin-bottom: 10px;
	}
	.lineup-menu li a {
		padding: 10px 10px;
	}
}

#content-lineup .bloc {
	border-bottom: 10px solid #000;
}
#content-lineup .outer {
	padding: 50px 0px 0px 0px;
}
#content-lineup .inner {
}
/*
#lineup-shinkokyu .title h2 span,
#lineup-shinkokyu .title h2 b {
	color: var(--white);
}
*/
.lineup-top {
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}


.lineup-top#lineup-top-sandeco {
	color: var(--black);
	background-image: url("./img/lineup/sandeco-bg1.webp");
}
.lineup-top#lineup-top-shinkokyu {
	color: var(--white);
	color: var(--black);
	background-image: url("./img/lineup/shinkokyubg.webp");
}
.lineup-top#lineup-top-microcement {
	color: var(--white);
	background-image: url("./img/lineup/microcementbg2.webp");
}
.lineup-top::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.lineup-top#lineup-top-sandeco::after {
	background-color: rgba(0,0,0,0.7);
	background-color: rgba(255,255,255,0.5);
	background: linear-gradient(to right,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0.3) 100%);
}
.lineup-top#lineup-top-shinkokyu::after {
	background-color: rgba(0,0,0,0.5);
background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(206,183,161,0.5) 100%);
}
.lineup-top#lineup-top-microcement::after {
	background-color: rgba(0,0,0,0.7);
}
.lineup-top .lineup-top-inner {
	position: relative;
	z-index: 1;
	padding: 50px 10px;
}

.lineup-top h3 {
	color: var(--color1);
	font-size: 28px;
	font-size: clamp(24px, 2.8vw, 28px);
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1.4em;
	text-align: center;
	letter-spacing: .2em;
	margin-bottom: 40px;
}
.lineup-top#lineup-top-sandeco h3 {
	color: var(--black);
}
.lineup-top#lineup-top-shinkokyu h3 {
	color: var(--black);
	border-bottom: 2px solid var(--color2);
	padding-bottom: 20px;
}
.lineup-top#lineup-top-shinkokyu h3 strong {
	display: block;
	color: var(--color4);
	font-size: 28px;
	font-size: clamp(24px, 3.2vw, 32px);
	border-bottom: 2px solid var(--color2);
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.lineup-top#lineup-top-shinkokyu h3 b {
	display: block;
	font-size: 28px;
	font-size: clamp(18px, 2.2vw, 22px);
	font-weight: 500;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.lineup-top#lineup-top-shinkokyu h3 em {
	display: block;
	font-size: 28px;
	font-size: clamp(16px, 1.8vw, 18px);
	font-weight: 500;
	line-height: 1.4em;
}

.lineup-top-tex {
	margin-bottom: 30px;
}
.lineup-top-tex::after {
	content: "";
	display: block;
	clear: both;
}
.lineup-top-tex img {
	margin: 0px auto 10px auto;
}
@media screen and (min-width: 768px) {
	.lineup-top-tex img {
		float: left;
		width: 400px;
		margin: 0px 20px 0px 0px;
	}
}
.lineup-top-photo {
}

.lineup-top-tex p {
	text-align: left;
}
.lineup-top-btm {
	text-align: center;
	margin-bottom: 30px;
}
.lineup-top-btm dl {
	text-align: left;
}
.lineup-top-btm dl dt {
}
.lineup-top-btm dl dt b {
	display: inline-block;
	font-family: var(--font4);
	line-height: 1em;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid var(--white);
	margin-bottom: 10px;
	padding: 6px 10px;
}
.lineup-top-btm dl dd {
}
@media screen and (min-width: 768px) {
/*
	.lineup-top-btm dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.lineup-top-btm dl dt,
	.lineup-top-btm dl dd {
		display: table-cell;
		vertical-align: middle;
	}
	.lineup-top-btm dl dt {
		width:80px;
		border-right: 1px solid var(--white);
	}
	#lineup-microcement .lineup-top-btm dl dt {
		width:120px;
	}
	.lineup-top-btm dl dd {
		padding: 10px 10px;
	}
*/

}
@media screen and (max-width: 767px) {
}
.lineup-top-btm p {
}
.lineup-top-btm p b {
	display: block;
	font-size: 24px;
	font-family: var(--font4);
	font-weight: 400;
	line-height: 1.4em;
	margin-bottom: 30px;
}
.lineup-top-sr {
	display: block;
	font-size: 24px;
	font-size: clamp(16px, 1.8vw, 18px);
	font-family: var(--font4);
	font-weight: 700;
	margin-bottom: 30px;
}
/* ------------------------------------------------ */
.lineup-bloc {
	position: relative;
	z-index: 1;
	padding: 50px 0px;
}
.lineup-bloc {
}

/* ------------------------------------------------ */
.lineup-shinkokyu-top {
	text-align: left;
	margin-bottom: 30px;
}
.lineup-shinkokyu-top-img {
}
.lineup-shinkokyu-top-ossm {
}
@media screen and (min-width: 768px) {
	.lineup-shinkokyu-top {
		display: flex;
		flex-wrap: nowrap;
		gap: 10px;
		align-items: stretch;
		justify-content: center;
	}
	.lineup-shinkokyu-top-img {
		flex: 0 0 450px;
	}
	.lineup-shinkokyu-top-ossm {
		flex: 1;
	}
}
@media screen and (max-width: 767px) {
	.lineup-shinkokyu-top-img {
		margin-bottom: 10px;
	}
}
.lineup-shinkokyu-top-img img {
	margin: 0px auto;
}
.lineup-shinkokyu-top-ossm dl {
}
.lineup-shinkokyu-top-ossm dl dt {
	text-align: center;
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	color: var(--white);
	line-height: 1;
	background-color: var(--color3);
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
	padding: 10px 10px;
}
.lineup-shinkokyu-top-ossm dl dd {
}
.lineup-shinkokyu-top-ossm ol {
	counter-reset: my-counter;
	list-style: none;
}
.lineup-shinkokyu-top-ossm ol li {
	position: relative;
	line-height: 1.5;
	padding: 5px 0px 5px 40px;
}
.lineup-shinkokyu-top-ossm ol li:before {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	content: counter(my-counter);
	counter-increment: my-counter;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	color: var(--white);
	line-height: 1;
	background-color: var(--color4);
	border-radius: 50%;
}
@media screen and (max-width: 767px) {
	#lineup-top-shinkokyu .photo.photosp ul li {
		flex: 1 0 calc(33.3333% - 3px);
	}
}
#lineup-shinkokyu-about {
	padding: 0px 0px 50px 0px;
}
.lineup-about {
}


@media screen and (max-width: 767px) {
	#lineup-shinkokyu-about-sr .photo.photosp ul li {
		flex: 1 0 calc(33.3333% - 3px);
	}
}

.lineup-about-bloc {
}
.lineup-shinkokyu-about {
}
.lineup-shinkokyu-about h4 {
	font-family: var(--font4);
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	margin-bottom: 20px;
}
.lineup-shinkokyu-about h4 b {
	display: block;
	font-size: 30px;
	font-size: 20px;
	font-size: clamp(18px, 2.6vw, 26px);
	font-weight: 600;
	line-height: 1em;
	margin-bottom: 10px;
}
.lineup-shinkokyu-about h4 em {
	display: block;
	font-size: 20px;
	font-size: clamp(15px, 1.6vw, 18px);
	line-height: 1em;
}
.lineup-shinkokyu-about h5 {
	font-size: 20px;
	font-size: clamp(20px, 2.6vw, 26px);
	font-family: var(--font4);
	font-weight: 600;
	line-height: 1em;
	text-align: center;
	padding: 20px 0px;
}
@media screen and (min-width: 768px) {
	.lineup-shinkokyu-about h5 {
		padding: 40px 0px;
	}
}
.lineup-shinkokyu-about-bloc {
}
#lineup-shinkokyu-about-sr {
	background-color: var(--white);
}
.lineup-shinkokyu-about-inner {
	padding: 0px 10px 30px 10px;
}

.lineup-about-dl {
}
@media screen and (min-width: 768px) {
	.lineup-about-dl {
		padding: 10px 60px;
	}
}
.lineup-about-dl dl {
	margin-bottom: 20px;
}
.lineup-about-dl dl:last-child {
	margin-bottom: 0px;
	border-bottom: none;
}
.lineup-about-dl dl dt {
	display: inline-block;
	font-size: 18px;
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1.2em;
/*
	color: var(--white);
	background-color: var(--gray1);
	background-color: rgba(255,255,255,0.9);
	border: 1px solid var(--text);
*/
	padding: 10px;
}
.lineup-about-dl dl dd {
	padding: 10px 20px;
}
/* ------------------------------------------------ */
.lineup-shinkokyu-price {
	background-color: rgba(171,154,134,0.1);
	padding: 30px 10px;
}
.lineup-shinkokyu-price p {
	margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
	.lineup-shinkokyu-price p {
		color: #c00;
		font-weight: 500;
		text-align: center;
	}
}
.lineup-shinkokyu-price-outer {
}
.lineup-shinkokyu-price-inner {
}
.lineup-shinkokyu-price-bloc {
	margin-bottom: 30px;
}
.lineup-shinkokyu-price-bloc:last-child {
	margin-bottom: 0px;
}
.lineup-shinkokyu-price-bloc h4 {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1.4em;
	border-bottom: 1px solid var(--text);
	margin-bottom: 10px;
}
.lineup-shinkokyu-price-bloc ul {
}
.lineup-shinkokyu-price-bloc ul li {
	border-bottom: 1px dashed var(--color2);
	padding: 10px 10px;
}
.lineup-shinkokyu-price-bloc ul li:last-child {
	border-bottom: none;
}
@media screen and (min-width: 768px) {
	.lineup-shinkokyu-price-bloc ul {
		padding: 0px 50px;
	}
	.lineup-shinkokyu-price-bloc ul li {
		padding: 10px 10px;
	}
}
.lineup-shinkokyu-price-bloc ul li dl {
}
.lineup-shinkokyu-price-bloc ul li dl dt {
}
.lineup-shinkokyu-price-bloc ul li dl dd {
	text-align: right;
}
@media screen and (max-width: 767px) {
	.lineup-shinkokyu-price-bloc ul li dl dt {
		margin-bottom: 5px;
	}
}
@media screen and (min-width: 768px) {
	.lineup-shinkokyu-price-bloc ul li dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.lineup-shinkokyu-price-bloc ul li dl dt,
	.lineup-shinkokyu-price-bloc ul li dl dd {
		display: table-cell;
		vertical-align: top;
	}
}
.lineup-shinkokyu-price-bloc ul li dl dt strong {
	display: inline-block;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1em;
	vertical-align: middle;
	margin-right: 10px;
}
.lineup-shinkokyu-price-bloc ul li dl dt b {
	display: inline-block;
	color: var(--gray2);
	font-weight: 400;
	line-height: 1em;
	vertical-align: middle;
	border: 1px solid var(--gray2);
	padding: 5px 10px;
}
.lineup-shinkokyu-price-bloc ul li dl dt em {
	display: inline-block;
	padding: 5px 10px;
}
.lineup-shinkokyu-price-bloc ul li dl dd b {
	color: #900;
	font-size: 1.2em;
}
/* ------------------------------------------------ */
#lineup-microcement {
}
.lineup-top-microcement {
	margin-bottom: 30px;
}
.lineup-top-microcement-img {
	margin-bottom: 10px;
}
.lineup-top-microcement-tex {
	text-align: left;
}
.lineup-top-microcement-tex small {
	display: block;
	line-height: 1.2em;
}
.lineup-top-microcement-img ul {
}
.lineup-top-microcement-img ul li {
}
.lineup-top-microcement-img ul li img {
}
@media screen and (min-width: 768px) {
	.lineup-top-microcement-img ul {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: stretch;
		justify-content: center;
	}
	.lineup-top-microcement-img ul li {
	flex: 1;
	}
	.lineup-top-microcement-img ul li img {
	}
}
@media screen and (max-width: 767px) {
	.lineup-top-microcement-img ul {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: stretch;
		justify-content: center;
	}
	.lineup-top-microcement-img ul li {
		flex: 1 0 calc(50% - 3px);
	}
}


/*
.lineup-bloc {
	position: relative;
	z-index: 1;
	padding: 50px 0px;
}
*/
.lineup-bloc#lineup-microcement-about {
	position: relative;
	text-align: center;
	background-image: url("./img/lineup/microcementbg2.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.lineup-bloc#lineup-microcement-about::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	background-color: rgba(255,255,255,0.7);
}
.lineup-bloc#lineup-microcement-about .lineup-bloc-inner {
	position: relative;
	z-index: 1;
}
.lineup-microcement-about {
}
.lineup-microcement-about-box {
}
.lineup-microcement-about-box:first-child {
	margin-bottom: 50px;
}
.lineup-microcement-about-box .titles {
	margin-bottom: 30px;
}
.lineup-microcement-about-inner {
	padding: 10px 10px;
}
.lineup-microcement-about-img {
}
.lineup-microcement-about-tex {
	text-align: left;
}
@media screen and (min-width: 768px) {
	.lineup-microcement-about-inner {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: stretch;
		justify-content: center;
	}
	#lineup-microcement-about2 .lineup-microcement-about-inner {
		flex-direction: row-reverse;
	}
	.lineup-microcement-about-img {
		flex: 0 1 430px;
	}
	.lineup-microcement-about-tex {
		flex: 1;
	}
}
#lineup-microcement-about1 .lineup-microcement-about-tex dl {
}
#lineup-microcement-about1 .lineup-microcement-about-tex dl dt {
	font-weight: 700;
	border-bottom: 1px solid var(--black);
}
#lineup-microcement-about1 .lineup-microcement-about-tex dl dd {
}
@media screen and (min-width: 768px) {
	#lineup-microcement-about1 .lineup-microcement-about-tex {
		padding: 10px 0px 10px 40px;
	}
	#lineup-microcement-about1 .lineup-microcement-about-tex dl dd {
		padding: 10px 0px 20px 20px;
	}
	#lineup-microcement-about2 .lineup-microcement-about-tex {
		padding: 0px 40px 10px 0px;
	}
}
#lineup-microcement-about1 .lineup-microcement-about-tex dl dd ul {
}
#lineup-microcement-about1 .lineup-microcement-about-tex dl dd ul li {
}
#lineup-microcement-about1 .lineup-microcement-about-tex dl dd ul li::before {
	content: "・";
}
/* ------------------------------------------------ */
#lineup-woodwork {
}
#lineup-woodwork .title ,
#lineup-woodwork .title b {
}
.lineup-ww-bloc {
	position: relative;
}
.lineup-ww-bloc::after {
}
.lineup-ww-inner {
	position: relative;
	z-index: 3;
}
@media screen and (max-width: 767px) {
	.lineup-ww-inner {
		padding: 10px 10px;
	}
}
#lineup-woodwork-top {
	color: var(--white);
	background-image: url("./img/lineup/woodworkbg1.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0px;
}
#lineup-woodwork-top::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.7);
}
.lineup-ww-top {
	text-align: center;
}
.lineup-ww-top h3 {
	font-size: 30px;
	font-size: clamp(24px, 3vw, 30px);
	font-family: var(--font4);
	margin-bottom: 60px;
}
.lineup-ww-top-tex {
	margin-bottom: 40px;
}
.lineup-ww-top p {
	font-family: var(--font2);
	line-height: 1.8em;
	margin-bottom: 30px;
}
.lineup-ww-top p:last-child {
	margin-bottom: 0px;
}
.lineup-ww-top p b {
	font-size: 1.2em;
	line-height: 1.8em;
}
.lineup-ww-top p strong {
	font-size: 30px;
	font-size: clamp(18px, 2vw, 20px);
}
.lineup-ww-bloc h4 {
	font-family: var(--font4);
	margin-bottom: 60px;
}
.lineup-ww-bloc h4 em {
	display: inline-block;
	line-height: 1em;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid var(--white);
	margin-bottom: 10px;
	padding: 3px 10px;
}
.lineup-ww-bloc#lineup-woodwork-resin h4 em {
	display: inline-block;
	line-height: 1em;
	background-color: rgba(0,0,0,0.1);
	border: 1px solid var(--text);
}
.lineup-ww-bloc h4 b {
	display: block;
	font-size: 30px;
	font-size: clamp(24px, 3vw, 30px);
	letter-spacing: .2em;
}
#lineup-woodwork-iron {
	color: var(--white);
	background-image: url("./img/lineup/woodworkbg2.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0px;
}
#lineup-woodwork-resin {
	background-image: url("./img/lineup/woodworkbg3.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0px;
}

.lineup-ww-bloc#lineup-woodwork-iron::before,
.lineup-ww-bloc#lineup-woodwork-resin::before {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	width: 100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
}
.lineup-ww-bloc#lineup-woodwork-iron::before {
	background-image: url("./img/lineup/woodworkbg4.webp");
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.lineup-ww-bloc#lineup-woodwork-resin::before {
}

.lineup-ww-bloc#lineup-woodwork-iron::after,
.lineup-ww-bloc#lineup-woodwork-resin::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	height:100%;
}
.lineup-ww-bloc#lineup-woodwork-iron::after {
	background-color: rgba(0,0,0,0.6);
}
.lineup-ww-bloc#lineup-woodwork-resin::after {
	background-color: rgba(255,255,255,0.8);
}

.lineup-woodwork-resin {
}
@media screen and (min-width: 768px) {
	#lineup-woodwork-iron {
	padding: 150px 0px;
	}
	#lineup-woodwork-resin {
	padding: 150px 0px;
	}
	.lineup-ww-bloc h4 {
		width: 500px;
	}
	.lineup-ww-img {
		width: 500px;
	}
	.lineup-ww-tex {
		width: 500px;
	}
	.lineup-ww-img {
		position: absolute;
		z-index: 0;
		top: 0px;
	}
	.lineup-ww-bloc#lineup-woodwork-iron h4,
	.lineup-ww-bloc#lineup-woodwork-iron .lineup-ww-tex {
		margin: 0px auto 50px 0px;
	}
	.lineup-ww-bloc#lineup-woodwork-resin h4,
	.lineup-ww-bloc#lineup-woodwork-resin .lineup-ww-tex {
		margin: 0px 0px 50px auto;
	}
	.lineup-ww-bloc#lineup-woodwork-iron .lineup-ww-img {
		right: 0px;
	}
	.lineup-ww-bloc#lineup-woodwork-resin .lineup-ww-img {
		left: 0px;
	}
}
.lineup-ww-img {
}
.lineup-ww-img ul {
}
.lineup-ww-img ul li {
}
.lineup-ww-img ul li img {
}
@media screen and (min-width: 768px) {
.lineup-ww-img ul {
}
.lineup-ww-img ul li:first-child {
	position: relative;
	z-index: 1;
}
.lineup-ww-img ul li:last-child {
	position: absolute;
	z-index: 0;
	top: 220px;
}
	.lineup-ww-bloc#lineup-woodwork-iron .lineup-ww-img ul li:first-child {
		top: -40px;
	}
	.lineup-ww-bloc#lineup-woodwork-iron .lineup-ww-img ul li:last-child {
		right: 50px;
	}
	.lineup-ww-bloc#lineup-woodwork-resin .lineup-ww-img ul li:last-child {
		left: 50px;
	}
	.lineup-ww-img ul li img {
		width: 350px;
	}
}
@media screen and (max-width: 767px) {
	.lineup-ww-img ul {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: stretch;
		justify-content: center;
	}
	.lineup-ww-img ul li {
		flex: 1 0 calc(50% - 3px);
	}
}
/* ------------------------------------------------ */
#lineup-iron {
}
#lineup-iron .outer {
}
#lineup-iron .title ,
#lineup-iron .title b {
}

.lineup-iron-bloc {
	position: relative;
}
.lineup-iron-bloc::after {
}
.lineup-iron-inner {
	position: relative;
	z-index: 3;


}
#lineup-iron-top {
	color: var(--white);
	background-image: url("./img/lineup/ironbg1.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
}
#lineup-iron-top::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.7);
}
.lineup-iron-top {
	text-align: center;
	padding: 60px 10px;
}
.lineup-iron-top h3 {
	font-family: var(--font4);
	margin-bottom: 60px;
}
.lineup-iron-top h3 b {
	display: block;
	font-size: 30px;
	font-size: clamp(18px, 2vw, 20px);
	line-height: 1em;
	letter-spacing: .1em;
	margin-bottom: 60px;
}
.lineup-iron-top h3 strong {
	display: block;
	font-size: 30px;
	font-size: clamp(24px, 3vw, 30px);
	line-height: 1.6em;
	letter-spacing: .2em;
}
.lineup-iron-top p {
	font-family: var(--font2);
	font-weight: 500;
	line-height: 2em;
	margin-bottom: 30px;
}
.lineup-iron-top p:last-child {
	margin-bottom: 0px;
}
.lineup-iron-top-photo {
	text-align: center;
	padding: 0px 10px 60px 10px;
}
.lineup-iron-top-photo ul {
	display: flex;
	flex-wrap: nowrap;
	gap: 3px;
	align-items: stretch;
	justify-content: center;
}
.lineup-iron-top-photo ul li {
	flex: 1 0 calc(25% - 3px);
}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 767px) {

}
#lineup-iron-caba {
}
#lineup-iron-caba {
	color: var(--white);
	background-image: url("./img/lineup/ironbg2.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
}
#lineup-iron-caba::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.7);
}
.lineup-iron-caba {
	padding: 60px 10px;
}
.lineup-iron-caba h3 {
	font-family: var(--font4);
	margin-bottom: 60px;
}
.lineup-iron-caba h3 span {
	display: inline-block;
	line-height: 1em;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid var(--white);
	margin-bottom: 10px;
	padding: 3px 10px;
}
.lineup-iron-caba h3 b {
	display: block;
	font-size: 30px;
	font-size: clamp(24px, 3vw, 30px);
	line-height: 1.6em;
	letter-spacing: .2em;
}
.lineup-iron-caba-inner {
	margin-bottom: 30px;
}
.lineup-iron-caba-photo {
}
.lineup-iron-caba-tex {
	padding: 10px 10px;
}
@media screen and (min-width: 768px) {
	.lineup-iron-caba-inner {
		display: flex;
		flex-wrap: nowrap;
		gap: 5px;
		align-items: stretch;
		justify-content: center;
	}
	.lineup-iron-caba-photo {
		flex: 0 1 300px;
	}
	.lineup-iron-caba-tex {
		flex: 1;
	}
}
@media screen and (max-width: 767px) {
	.lineup-iron-caba-photo {
		margin-bottom: 10px;
	}
}
.lineup-iron-caba-photo img {
	margin: 0px auto;
}
.lineup-iron-caba-tex p {
	line-height: 2em;
	margin-bottom: 30px;
}
.lineup-iron-caba-tex p:last-child {
	margin-bottom: 0px;
}
.lineup-iron-coba-photo ul {
	margin-bottom: 3px;
}
/*
.lineup-iron-coba-photo ul {
	display: flex;
	flex-wrap: nowrap;
	gap: 3px;
	align-items: stretch;
	justify-content: center;
}
.lineup-iron-coba-photo ul li {
	flex: 1 0 calc(25% - 3px);
}
@media screen and (max-width: 767px) {
	.lineup-iron-coba-photo ul {
		flex-wrap: wrap;
	}
	.lineup-iron-coba-photo ul li {
		flex: 1 0 calc(50% - 3px);
	}
}
*/


#lineup-resin {
}

.lineup-resin-bloc {
	position: relative;
}
.lineup-resin-bloc::after {
}
.lineup-resin-inner {
	position: relative;
	z-index: 3;


}
#lineup-resin-top {
	color: var(--white);
	background-image: url("./img/lineup/resinbg1.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
	padding: 60px 10px;
}
#lineup-resin-top::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	height:100%;
	background-color: rgba(255,255,255,0.7);
	background-color: rgba(0,0,0,0.7);
}

.lineup-resin-top {
	margin-bottom: 30px;
}
.lineup-resin-top-photo {
}
.lineup-resin-top-tex {
	padding: 10px 10px;
}
@media screen and (min-width: 768px) {
	.lineup-resin-top {
		display: flex;
		flex-wrap: nowrap;
		gap: 5px;
		align-items: stretch;
		justify-content: center;
	}
	.lineup-resin-top-photo {
		flex: 0 1 450px;
	}
	.lineup-resin-top-tex {
		flex: 1;
	}
}
@media screen and (max-width: 767px) {
	.lineup-resin-top-photo {
		margin-bottom: 10px;
	}
}
.lineup-resin-top-photo img {
	margin: 0px auto;
}
.lineup-resin-top-tex p {
	line-height: 2em;
	margin-bottom: 20px;
}
.lineup-resin-top-tex p:last-child {
	margin-bottom: 0px;
}

.lineup-resin-top-btm {
}
.lineup-resin-top-btm ul {
	margin-bottom: 40px;
}
.lineup-resin-top-btm ul li {
	margin-bottom: 20px;
}
.lineup-resin-top-btm ul li dl {
}
.lineup-resin-top-btm ul li dl dt {
}
.lineup-resin-top-btm ul li dl dt b {
	display: inline-block;
	font-family: var(--font4);
	line-height: 1em;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid var(--white);
	margin-bottom: 10px;
	padding: 6px 10px;
}
.lineup-resin-top-btm ul li dl dd {
}
.lineup-resin-top-btm p {
	font-size: 30px;
	font-size: clamp(18px, 2vw, 20px);
	font-family: var(--font4);
	line-height: 1.6em;
	text-align: center;
}
#lineup-resin-item {
}
.lineup-resin-item {
	padding: 50px 10px;
}
.lineup-resin-item h3 {
	display: block;
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-family: var(--font4);
	line-height: 1.6em;
	text-align: center;
	letter-spacing: .2em;
	margin-bottom: 30px;
}
.lineup-resin-item-list {
	margin-bottom: 10px;
}
.lineup-resin-item-list ul {
}
.lineup-resin-item-list ul li {
	position: relative;
}
.lineup-resin-item-list ul li dl {
}
.lineup-resin-item-list ul li dl dt {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-family: var(--font4);
	line-height: 1.6em;
	text-align: center;
	letter-spacing: .2em;
}
.lineup-resin-item-list ul li dl dd {
	padding: 10px 10px;
}
.lineup-resin-item-list ul li div {
}
@media screen and (min-width: 768px) {
	.lineup-resin-item-list ul li {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
	}
	.lineup-resin-item-list ul li:nth-child(even) {
		flex-direction: row-reverse;
	}
	.lineup-resin-item-list ul li dl,
	.lineup-resin-item-list ul li div {
		flex: 1;
	}
	.lineup-resin-item-list ul li dl dd {
		padding: 30px 20px 0px 20px;
	}
}
@media screen and (max-width: 767px) {
	.lineup-resin-item-list ul li {
		margin-bottom: 50px;
	}
}
.lineup-resin-item-photo {
}
.lineup-resin-item-photo ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	align-items: stretch;
	justify-content: center;
}
.lineup-resin-item-photo ul li {
	flex: 1 0 calc(20% - 3px);
}
@media screen and (max-width: 767px) {
	.lineup-resin-item-photo ul li {
		flex: 1 0 calc(50% - 3px);
	}
}
.lineup-resin-item-photo ul li img {
}
/* ------------------------------------------------ */

#lineup-others-item {
}
.lineup-others-item {
	padding: 50px 10px;
}
.lineup-others-item-list {
	margin-bottom: 10px;
}
.lineup-others-item-list ul {
}
.lineup-others-item-list ul li {
	position: relative;
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	.lineup-others-item-list ul li {
		margin-bottom: 50px;
	}
}
.lineup-others-item-list ul li dl {
}
.lineup-others-item-list ul li dl dt {
	font-size: 20px;
	font-size: clamp(24px, 2.6vw, 26px);
	font-family: var(--font4);
	line-height: 1.6em;
	text-align: center;
	letter-spacing: .2em;
	margin-bottom: 30px;
}
.lineup-others-item-list ul li dl dd {
	padding: 10px 10px;
}
.lineup-others-item-list ul li div {
}
@media screen and (min-width: 768px) {
	.lineup-others-item-list ul li {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
	}
	.lineup-others-item-list ul li:nth-child(even) {
		flex-direction: row-reverse;
	}
	.lineup-others-item-list ul li dl,
	.lineup-others-item-list ul li div {
		flex: 1;
	}
	.lineup-others-item-list ul li dl dd {
		padding: 10px 20px 0px 20px;
	}
}
@media screen and (max-width: 767px) {
	.lineup-others-item-list ul li div {
		padding: 0px 20px;
	}
}
.lineup-others-item-list ul li div img {
	margin: 0px auto;
}
.lineup-others-item-list ul li dl dd p span {
	display: block;
	margin-bottom: 5px;
	font-weight: 400;
	background-color: var(--color6);
	padding: 5px;
}
.lineup-others-item-list ul li dl dd p span:last-child {
	margin-bottom: 0px;
}
.lineup-others-item-list ul li dl dd p span b {
	display: block;
	font-size: .9em;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
.lineup-others-item-list ul li dl dd p span em {
	display: block;
	text-align: center;
	background-color: var(--white);
	padding: 5px 10px;
}


/* ------------------------------------------------ */
#content-renovation {
}
#renovation-about {
	background-image: url("./img/renovation/bg1.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
}
#renovation-about .outer {
	background-color: rgba(255,255,255,0.5);
	padding: 40px 0px;
}
.renovation-about {
	position: relative;
/*
	color: var(--white);
	background-image: url("./img/renovation/renovationbg.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
*/
	padding: 100px 0px;
}
/*
.renovation-about::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
*/
.renovation-about-tex {
	position: relative;
	z-index: 1;
}
.renovation-about-tex1 {
	text-align: center;
	margin-bottom: 50px;
}
.renovation-about-tex1 h3 {
	font-size: 36px;
	font-size: clamp(28px, 3.6vw, 36px);
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 50px;
}
.renovation-about-tex1 p {
	font-family: var(--font2);
	line-height: 2em;
	margin-bottom: 40px;
}
.renovation-about-tex1 b {
	font-size: 1.2em;
}
.renovation-about-tex1 div {
	margin-bottom: 20px;
}
.renovation-about-tex1 div img {
	margin: 0px auto;
}
@media screen and (min-width: 768px) {
	.renovation-about-tex1 p {
		line-height: 2.4em;
		margin-bottom: 40px;
	}
}
.renovation-about-tex2 {
	font-family: var(--font2);
}
.renovation-about-tex2-box {
	margin-bottom: 50px;
}
.renovation-about-tex2-box::after {
	content: "";
	display: block;
	clear: both;
}
.renovation-about-tex2-box div img {
	margin: 0px auto;
}
.renovation-about-tex2-box p {
	line-height: 2em;
}
.renovation-about-tex2-box:nth-child(1) {
}
@media screen and (min-width: 768px) {
	.renovation-about-tex2-box {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: center;
		justify-content: center;
	}
	.renovation-about-tex2-box:nth-child(1) {
	}
	.renovation-about-tex2-box:nth-child(2) {
	flex-direction: row-reverse;
	}
	.renovation-about-tex2-box div {
		flex: 0 1 400px;
	}
	.renovation-about-tex2-box p {
		flex: 1;
		line-height: 3em;
	}
	.renovation-about-tex2-box:nth-child(1) div {
		padding: 0px 50px 0px 0px;
	}
	.renovation-about-tex2-box:nth-child(2) div {
		padding: 0px auto 0px 0px;
	}
}
.renovation-about-tex3 {
	font-size: 36px;
	font-size: clamp(18px, 2vw, 20px);
	font-family: var(--font2);
	font-weight: 700;
	line-height: 2em;
	text-align: center;
	margin-bottom: 40px;
}
.renovation-about-photo {
}

/* ------------------------------------------------ */

#renovation-flow,
#ordermade-flow {
	background-color: rgba(171,154,134,0.1);
}

.flow-link {
	text-align: center;
	margin-bottom: 50px;
}
.flow-link-inner {
	padding: 5px 0px;
}
@media screen and (min-width: 768px) {
	.flow-link-inner ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	align-items: stretch;
	justify-content: center;
	}
	.flow-link-inner ul li {
	}
	#renovation-flow .flow-link-inner ul li {
		flex: 0 0 calc(20% - 3px);
	}
	#ordermade-flow .flow-link-inner ul li {
		flex: 1;
	}
}
.flow-link-inner ul li {
	position: relative;
}
.flow-link-inner ul li::after {
	content: "";
	position: absolute;
	z-index: 0;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background-color: var(--black);
	background-color: var(--color6);
}
.flow-link-inner ul li:last-child::after {
	display: none;
}
.flow-link-inner a {
	display: block;
	font-family: var(--font4);
	text-decoration: none;
	padding: 10px;
}
.flow-link a span {
	display: block;
	color: var(--gray3);
	line-height: 1em;
	margin-bottom: 5px;
}
.flow-link a b {
	display: block;
	line-height: 1.4em;
}
.flow-link a b br {
	display: none;
}
.flow-link a b i {
	display: inline;
}
@media screen and (min-width: 768px) {
	.flow-link a b br {
		display: block;
	}
	.flow-link a b i {
		display: none;
	}
}
.flow-link svg {
	width: 10px;
	height: 19px;
}
@media screen and (max-width: 767px) {
	.flow-link svg {
		width: 7px;
		height: 13px;
		transform: rotate(90deg);
	}
}
.flow-link svg path {
	fill: #a68053;
}

.flow-list {
}
.flow-list dl {
	position: relative;
	padding: 10px 10px;
	margin-bottom: 40px;
	background-color: var(--white);
}
.flow-list dl::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	bottom: -20px;
	transform: translateX(-50%);
	width: 20px;
	height: 10px;
	background-color: var(--color6);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.flow-list dl dt {
	margin-bottom: 10px;
}
.flow-list dl dd {
	padding: 10px;
}
.flow-list dl dd:last-child {
	margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
	.flow-list dl dt {
	}
	.flow-list dl dd {
		padding: 20px 30px;
	}
}
.flow-list dl dt h3 {
	position: relative;
	font-family: var(--font4);
	font-weight: 400;
	line-height: 1em;
	border-bottom: 1px solid var(--black);
	padding: 10px 10px 10px 30px;
}
.flow-list dl dt h3 span {
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 30px;
	line-height: 1em;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
}
.flow-list dl dt h3 b {
	display: inline-block;
	font-size: 24px;
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	line-height: 1em;
	vertical-align: middle;
	padding: 0px 5px 0px 20px;
}
.flow-list dl dt h3 b em {
	font-size: 20px;
}
.flow-list dl dd img {
	margin: 0px auto;
}
.flow-box {
}
.flow-box .global-con {
	background-color: var(--color6);
	padding: 10px;
}
.flow-box h4 {
	color: var(--color2);
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-family: var(--font4);
	font-weight: 600;
	line-height: 1em;
	margin-bottom: 20px;
}
.flow-box p {
}
.flow-box#flow-showroom {
}
.flow-box#flow-showroom img {
}
@media screen and (min-width: 768px) {
	.flow-box#flow-showroom {
		position: relative;
		min-height: 300px;
		padding-right:450px;
	}
	.flow-box#flow-showroom img {
		position: absolute;
		right: 0px;
		top: 0px;
	}
}
.flow-list dl dd.flow-img {
}
.flow-list dl dd.flow-img p {
}
.flow-list dl dd.flow-img img {
}
@media screen and (min-width: 768px) {
	.flow-list dl.flow-img dd {
		position: relative;
		min-height: 300px;
		padding-right:450px;
	}
	.flow-list dl.flow-img dd img {
		position: absolute;
		right: 0px;
		top: 0px;
	}
}

.afterfollow {
	background-color: rgba(171,154,134,0.2);
	background-color: rgba(255,255,255,0.6);
	border: 2px solid var(--color5);
	padding: 0px 5px;
}
.afterfollow dl {
	border-bottom: 2px solid var(--color5);
	padding: 20px 5px;
}
@media screen and (min-width: 768px) {
	.afterfollow {
		padding: 0px 10px;
	}
	.afterfollow dl {
		padding: 20px 10px;
	}
}
.afterfollow dl:last-child {
	border-bottom: none;
}
.afterfollow dl dt {
}
.afterfollow dl dt h2 {
	font-size: 24px;
	font-family: var(--font4);
	font-weight: 600;
	line-height: 1em;
	border-bottom: 1px dashed var(--color5);
	margin-bottom: 20px;
	padding: 10px;
}
.afterfollow dl dt h2::before {
	color: var(--color5);
	content: "■ ";
}
.afterfollow dl dd {
	padding: 0px 10px;
}
.afterfollow dl dd p {
}
.afterfollow dl dd p b {
	display: block;
	color: var(--color4);
	font-size: 24px;
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.afterfollow dl dt h2 {
		font-size: 22px;
		padding: 10px 0px;
	}
	.afterfollow dl dd p b {
		text-align: center;
	}
}
#ordermade {
}
#ordermade-top {
	text-align: center;
	background-image: url("./img/global/bg1.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#ordermade-top .outer {
/*
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	width: 100%;
	height:100%;
*/
	background-color: rgba(255,255,255,0);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 22%,rgba(255,255,255,1) 69%,rgba(255,255,255,1) 100%);
}
#ordermade-top .outer {
	padding: 50px 0px;
}
@media screen and (max-width: 767px) {
	#ordermade-top .inner {
		padding: 0px;
	}
}
.ordermade-top {
}
.ordermade-top h2 {
	font-family: var(--font4);
	line-height: 1em;
	margin-bottom: 50px;
}
.ordermade-top h2 strong {
	display: block;
	margin-bottom: 90px;
}
.ordermade-top h2 strong em {
	display: block;
	font-size: 20px;
	font-size: clamp(18px, 3vw, 30px);
	line-height: 1em;
	margin-bottom: 10px;
}
.ordermade-top h2 strong b {
	display: block;
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	line-height: 1em;
}
.ordermade-top h2 span {
	display: block;
	font-size: 20px;
	font-size: clamp(18px, 3vw, 30px);
	font-weight: 400;
}
.ordermade-top-tex {
}
.ordermade-top-tex p {
	font-family: var(--font2);
	font-weight: 500;
	margin-bottom: 30px;
}
.ordermade-top-tex p:last-child {
	margin-bottom: 0px;
}
.ordermade-top-tex p b {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.8em;
}
.ordermade-top-photo {
	padding-top: 30px;
}

/* ------------------------------------------------ */
#company {
}
#company-profile {
}
.company-profile {
}
.company-profile h3 {
	font-size: 36px;
	font-family: var(--font4);
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	margin-bottom: 30px;
}
.company-profile-inner {
}
.company-profile-photo {
}
.company-profile-tex {
}
@media screen and (max-width: 767px) {
	.company-profile-photo {
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 768px) {
	.company-profile-inner {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.company-profile-photo,
	.company-profile-tex {
		display: table-cell;
		vertical-align: top;
	}
	.company-profile-photo {
	}
	.company-profile-tex {
	}
}

.company-profile-tex {
}
.company-profile-tex dl {
}
.company-profile-tex dl dt,
.company-profile-tex dl dd {
	padding: 10px 10px;
}
.company-profile-tex dl dt {
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1em;
}
@media screen and (min-width: 768px) {
	.company-profile-tex dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
		border-bottom: 1px solid var(--black);
	}
	.company-profile-tex dl:first-child {
		border-top: 2px solid var(--black);
	}
	.company-profile-tex dl:last-child {
		border-bottom: 2px solid var(--black);
	}
	.company-profile-tex dl dt,
	.company-profile-tex dl dd {
		display: table-cell;
		vertical-align: middle;
	padding: 20px 10px;
	}
	.company-profile-tex dl dt {
		width: 20%;
		text-align: center;
		border-right: 1px solid var(--black);
	}
}
@media screen and (max-width: 767px) {
	.company-profile-tex dl {
		margin-bottom: 10px;
	}
	.company-profile-tex dl dt {
		border-bottom: 1px dashed var(--black);
		margin-bottom: 10px;
	}
}
.company-profile-photo img {
	margin: 0px auto;
}
.company-profile-ban {
	text-align: center;
	padding-top: 30px;
}
#company-staff {
	background-color: var(--gray6);
}
.company-staff {
}

.company-staff-title {
	margin-bottom: 50px;
}
.company-staff-title {
}
.company-staff-title {
}
@media screen and (min-width: 768px) {
	.company-staff-title {
		display: table;
		width: 80%;
		table-layout: fixed;
		border-spacing: 0px;
		margin: 0px auto 50px auto;
	}
	.company-staff-title div {
		display: table-cell;
		vertical-align: middle;
	}
	.company-staff-title-photo {
	}
	.company-staff-title-photo img {
		width: 350px;
		border-radius: 50%;
	}
}

.company-staff-bloc {
	position: relative;
	margin-bottom: 40px;
}
.company-staff-name {
	font-family: var(--font4);
	text-align: center;
	border-bottom: 2px solid var(--black);
	margin-bottom: 20px;
	padding: 10px 0px;
}
.company-staff-name span {
	display: block;
	color: var(--gray3);
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-weight: 700;
	line-height: 1em;
}
.company-staff-name strong {
	display: block;
	font-size: 20px;
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	margin-bottom: 10px;
}
.company-staff-name strong em {
	display: block;
	line-height: 1em;
	vertical-align: middle;
	margin-bottom: 10px;
}
.company-staff-name strong b {
	display: block;
	font-size: 30px;
	line-height: 1em;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
	.company-staff-box {
		display: flex;
		flex-wrap: nowrap;
		gap: 10px;
		align-items: flex-start;
		justify-content: center;
	}
	.company-staff-bloc:nth-child(even) .company-staff-box {
		flex-direction: row-reverse;
	}
	.company-staff-bloc:nth-child(odd) .company-staff-main {
	}
	.company-staff-bloc:nth-child(even) .company-staff-main {
	}
	.company-staff-main {
		flex: 1;
		padding: 10px 10px;
	}
	.company-staff-photo {
		flex: 0 0 400px;
	}
	.company-staff-bloc:nth-child(odd) .company-staff-photo,
	.company-staff-bloc:nth-child(even) .company-staff-photo {
	}
}
.company-staff-photo {
}
.company-staff-photo img {
	width: 400px;
}
.company-staff-photo {
}
.company-staff-photo img {
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	.company-staff-photo img {
		width: 250px;
		margin: 0px auto 20px auto;
	}
}
.company-staff-profile {
	margin-bottom: 20px;
}
.company-staff-profile p {
	margin-bottom: 20px;
}
.company-staff-profile p:last-child {
	margin-bottom: 0px;
}
.company-staff-profile p span {
	display: block;
	color: var(--gray2);
	font-family: var(--font4);
	font-weight: 400;
	border-bottom: 1px solid var(--color2);
	border-bottom: 1px dashed var(--gray3);
	margin-bottom: 10px;
}
.company-staff-tex {
	padding-top: 10px;
}
.company-staff-tex p {
	background-color: rgba(171,154,134,0.1);
	background-color: var(--white);
	padding: 20px;
}
.company-access {
}
.company-access dl {
}
.company-access dl dt {
	color: var(--color4);
	font-size: 30px;
	font-family: var(--font4);
	font-weight: 300;
	line-height: 1em;
	text-align: center;
}
.company-access dl dd {
	text-align: center;
	padding: 10px 10px;
}
.company-access dl dd p {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0px;
	padding: 5px 10px;
}
.company-access dl dd span {
	display: inline-block;
	vertical-align: middle;
	color: var(--color4);
	font-weight: 600;
	line-height: 1em;
}
.company-access dl dd em {
	display: inline-block;
	font-size: 1.2em;
	vertical-align: middle;
	line-height: 1em;
}
.company-access-btm {
	text-align: center;
	padding: 10px 10px;
}
/* ------------------------------------------------ */
#aaa {
}
.aaa {
}
/* ------------------------------------------------ */
#aaa {
}
.aaa {
}
/* ------------------------------------------------ */
/* ------------------------------------------------ */
#guide {
}
.guide-link {
	text-align: center;
	padding: 50px 10px 40px 10px;
}
.guide-link ul {
}
.guide-link li {
}
@media screen and (min-width: 768px) {
.guide-link li {
	display: inline-block;
	vertical-align: middle;
}
}
@media screen and (max-width: 767px) {
	.guide-link li {
		margin-bottom: 4px;
	}
}
.guide-link li a {
	display: inline-block;
	color: var(--white);
	font-size: 16px;
	font-family: var(--font2);
	font-weight: 600;
	background-color: var(--text);
	border-radius: 100px;
	padding: 2px 20px;
}
.guide-link li a:hover {
	background-color: var(--color2);
}
.guide-link li a span {
	position: relative;
}
.guide-link li a span::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	bottom: -15px;
	transform: translateX(-50%);
	width: 15px;
	height: 8px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	background-color: var(--color1);
}
#guide-faq {
}
.guide-faq {
}
.guide-faq dl {
	margin-bottom: 30px;
}
.guide-faq  dl:last-child {
	margin-bottom: 0px;
}
.guide-faq dl dt,
.guide-faq dl dd {
	position: relative;
}
.guide-faq dl dt {
	line-height: 1em;
	border-bottom: 1px solid var(--black);
	margin-bottom: 10px;
	padding: 10px 10px 10px 40px;
}
.guide-faq dl dd {
	padding: 10px;
	padding-left: 40px;
}

#guide-pay .guide-faq dl dt,
#guide-pay .guide-faq dl dd {
	padding: 10px;
}
.guide-faq dl dt::before,
.guide-faq dl dd::before {
	position: absolute;
	left: 0px;
	top: 10px;
	font-size: 16px;
	font-family: var(--font2);
	font-weight: 400;
	line-height: 1em;
	padding: 3px 5px;
}
#guide-pay .guide-faq dl dt::before,
#guide-pay .guide-faq dl dd::before {
	display: none;
}
@media screen and (min-width: 768px) {
	.guide-faq dl dd::before {
		top: 15px;
	}
}
.guide-faq dl dt::before {
	content: "Q";
	background-color: var(--gray6);
}
.guide-faq dl dd::before {
	content: "A";
	color: var(--white);
	background-color: var(--text);
}
.guide-faq dl dt h3 {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1em;
}
.guide-faq dl dd p {
}
#guide-howto {
	background-color: rgba(171,154,134,0.1);
}
.guide-howto-link {
	padding: 5px 0px 0px 0px;
}

.guide-con {
	padding-top: 40px;
}
@media screen and (min-width: 768px) {
	.guide-con {
		width: 550px;
		margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {

}
/* ------------------------------------------------ */
#sales-top {
}
.sales-top {
	position: relative;
	color: var(--white);
	background-image: url("./img/sales/bg1.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
	background-attachment: fixed;
}
.sales-top::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
.sales-top-tex {
	padding: 80px 10px 30px 10px;
}
.sales-top-tex {
	position: relative;
	z-index: 2;
	text-align: center;
	margin-bottom: 50px;
}
.sales-top-tex h3 {
	font-size: 20px;
	font-size: clamp(18px, 2.4vw, 24px);
	font-family: var(--font4);
	line-height: 1em;
	text-align: center;
	margin-bottom: 50px;
}
.sales-top-store {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 0px 10px 50px 10px;
}
#sales-list {
}
.sales-list-bloc {
}
.sales-list-box {
	margin-bottom: 50px;
}
.sales-list-box h3 {
	text-align: center;
	border-bottom: 1px solid var(--text);
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.sales-list-box h3 em {
	display: inline-block;
	font-size: 11px;
	line-height: 1em;
	background-color: rgba(255,255,255,0.2);
	background-color: rgba(0,0,0,0.1);
	vertical-align: middle;
	border: 1px solid var(--text);
	padding: 4px 10px;
}
.sales-list-box h3 b {
	display: inline-block;
	font-size: 20px;
	font-size: clamp(18px, 2.4vw, 24px);
	font-family: var(--font4);
	line-height: 1em;
	vertical-align: middle;
	letter-spacing: .2em;
	padding: 4px 10px;
}
.sales-list-box dl {
	margin-bottom: 40px;
}
.sales-list-box dl dt {
	margin-bottom: 10px;
}
.sales-list-box dl dt b {
	font-size: 20px;
	font-size: clamp(18px, 2.4vw, 24px);
	font-family: var(--font4);
	line-height: 1em;
	vertical-align: middle;
	letter-spacing: .2em;
	padding: 4px 10px;
}
.sales-list-box dl dd {
	padding: 10px 10px;
}
.sales-list-box dl dd p {
}
.sales-list-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
	justify-content: center;
}
.sales-list-box ul li {
	flex: 1 0 calc(33.33% - 10px);
	box-sizing: border-box;
}
.sales-list-box ul li img {
}
/* ------------------------------------------------ */
#content-workshop {
}
#workshop-top {
}
#workshop-top .outer {
	padding: 70px 0px 0px 0px;
}
.workshop-top {
}
.workshop-top h2 {
	display: block;
	color: var(--color4);
	font-size: 30px;
	font-size: clamp(24px, 3vw, 30px);
/*
	font-family: var(--font4);
	font-weight: 600;
*/
	line-height: 1em;
	text-align: center;
}

.workshop-nav {
	text-align: center;
	padding: 50px 10px;
}
.workshop-nav ul {
}
.workshop-nav li {
}
@media screen and (min-width: 768px) {
	.workshop-nav li {
		display: inline-block;
		vertical-align: middle;
	}
}
@media screen and (max-width: 767px) {
	.workshop-nav li {
		margin-bottom: 4px;
	}
}
.workshop-nav li a {
	display: inline-block;
	color: var(--white);
/*
	font-family: var(--font2);
	font-weight: 600;
*/
	background-color: var(--text);
	background-color: #5eadba;
	font-size: 14px;
	border-radius: 100px;
	padding: 2px 20px;
}
.workshop-nav li a:hover {
	background-color: var(--color2);
}
.workshop-nav li a span {
	position: relative;
}
.workshop-nav li a span::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	bottom: -15px;
	transform: translateX(-50%);
	width: 15px;
	height: 8px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	background-color: var(--color1);
	background-color: #e8cecc;
}

.workshop-menu {
	background-color: var(--color1);
	background-color: #f2dcc2;
	padding: 20px 10px;
}
.workshop-menu h3 {
	text-align: center;
	margin-bottom: 30px;
}
.workshop-menu h3 span {
	display: block;
	font-size: 30px;
	font-size: clamp(24px, 3vw, 30px);
/*
	font-family: var(--font4);
	font-weight: 600;
*/
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
}
.workshop-menu h3 b {
	display: block;
	color: var(--text1);
	font-size: 16px;
/*
	font-family: var(--font4);
*/
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 30px;
}
.workshop-menu h3 p {
	font-weight: 400;
}
.workshop-menu-inner {
	padding: 10px 0px;
}
.workshop-menu-inner ul {
}
.workshop-menu-inner ul li {
	position: relative;
	background-color: var(--white);
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 20px 10px;
}
.workshop-menu-inner ul li dl {
}
.workshop-menu-inner ul li dl:last-child {
	margin-bottom: 0px;
}
.workshop-menu-inner ul li dl dt {
	margin-bottom: 20px;
}
.workshop-menu-inner ul li dl dt h4 {
	font-size: 24px;
	font-size: clamp(20px, 2.4vw, 24px);
/*
	font-family: var(--font4);
	font-weight: 600;
*/
	line-height: 1em;
	border-bottom: 3px dotted var(--color5);
	padding-bottom: 10px;
}
.workshop-menu-inner ul li dl dd {
}
.workshop-menu-inner ul li dl dd div {
}
@media screen and (min-width: 768px) {
	.workshop-menu-inner ul li dl {
		width: 55%;
		min-height: 300px;
		margin: 0px 0px 0px auto;
	}
	.workshop-menu-inner ul li dl dt {
		padding: 20px 0px 0px 0px;
	}
	.workshop-menu-inner ul li dl dd div {
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
		width: 400px;
	}
}
@media screen and (max-width: 767px) {

}
.workshop-menu-inner ul li dl dd div img {
}
.workshop-menu-inner ul li dl dd p {
	margin-bottom: 20px;
}
.workshop-menu-inner ul li dl dd p:last-child {
	margin-bottom: 0px;
}
.workshop-menu-inner ul li dl dd strong {
	display: block;
	font-weight: 400;
	background-color: var(--color6);
	background-color: #efd6bc;
	padding: 5px;
}
.workshop-menu-inner ul li dl dd strong span {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
	margin-bottom: 5px;
}
.workshop-menu-inner ul li dl dd strong span:last-child {
	margin-bottom: 0px;
}
.workshop-menu-inner ul li dl dd strong span b {
	display: table-cell;
	width: 25%;
	font-size: .9em;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
.workshop-menu-inner ul li dl dd strong span em {
	display: table-cell;
	vertical-align: middle;
	background-color: var(--white);
	padding: 5px 10px;
}



#workshop-report .title {
}
#workshop-report .title h2 span {
	font-family: var(--font1);
	font-weight: 700;
}
#workshop-report .title h2 b {
	font-family: var(--font1);
	font-weight: 400;
}

.workshop-report {
}
.workshop-report-bloc {
	position: relative;
	border: 1px solid var(--black);
	border: 1px solid #efaa5b;
	border: 1px solid #e8d3b7;
	margin-bottom: 30px;
}
.workshop-report-inner {
}
.workshop-report-box {
	padding: 10px;
	box-sizing: border-box;
}
.workshop-report-photo {
	padding: 10px;
}
@media screen and (min-width: 768px) {
	.workshop-report-inner {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: stretch;
		align-items: flex-start;
		justify-content: center;
		flex-direction: row-reverse;
	}
	.workshop-report-box,
	.workshop-report-photo {
	}
	.workshop-report-photo {
		flex: 1 0 400px;
		padding-top: 20px;
	}
}
.workshop-report-photo img {
	width: auto;
	height: auto;
}
.workshop-report-title {
	text-align: center;
	margin-bottom: 20px;
}
.workshop-report-title small {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	color: var(--white);
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	padding: 15px 0px 0px 10px;
}
.workshop-report-title small::after {
	position: relative;
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 120px;
	height: 80px;

	background-color: var(--black);
	background-color: rgba(0,0,0,0.8);
	background-color: rgba(239,170,90,0.8);
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.workshop-report-title small span {
	display: block;
	position: relative;
	z-index: 2;
}
.workshop-report-title small span b {
	font-size: 18px;
	font-weight: 500;
}
.workshop-report-title h2 {
	font-size: 30px;
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
}
.workshop-report-title h2 em {
	display: inline-block;
	font-size: 11px;
	line-height: 1em;
	color: var(--text);
	color: var(--white);
	background-color: rgba(255,255,255,0.2);
	background-color: rgba(0,0,0,0.4);
	background-color: #ef9e5b;
	background-color: #5eadba;
	border: 0px solid var(--text);
	margin-bottom: 5px;
	padding: 4px 10px;
}
.workshop-report-title h2 b {
	display: block;
}
.workshop-report-title h2 b span {
	display: inline-block;
	font-size: .6em;
}
@media screen and (min-width: 768px) {
/*
	.workshop-report-title h2 {
		padding: 15px 0px 0px 40px;
	}
*/
}
@media screen and (max-width: 767px) {

}
.workshop-report-ex {
	text-align: center;
	border-top: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
	margin-bottom: 20px;
	padding: 10px;
}
.workshop-report-ex span {
	display: block;
}
.workshop-report-ex b {
	display: block;
}
.workshop-report-texs {
	margin-bottom: 20px;
	padding: 10px;
}
.workshop-report-texs p {
}
.workshop-report-text {
	padding: 10px;
}
.workshop-report-text p {
}
.workshop-report-img {
	padding: 10px;
}
.workshop-report-img span {
	display: block;
	font-size: 12px;
	text-align: right;
}
.workshop-report-img ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	align-items: stretch;
	justify-content: center;
}
.workshop-report-img ul li {
	box-sizing: border-box;
}
.workshop-report-img ul li img {
	width: auto;
	height: auto;
}
@media screen and (min-width: 768px) {
	.workshop-report-img ul li {
		flex: 0 0 calc(20% - 3px);
	}
}
@media screen and (max-width: 767px) {
	.workshop-report-img ul li {
		flex: 0 0 calc(50% - 3px);
	}
}
.workshop-report-img {
}
/* ------------------------------------------------ */


#information {
}
.information {
}
.information-list {
}
.information-list .information-bloc {
}
.information-list .information-box {
	border-bottom: 2px solid #000;
	padding: 30px 5px;
}
.information-list .information-box:last-child {
	border-bottom: none;
}
.information-box .information-title {
	margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
	.information-box .information-title {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {

}
.information-box .information-title a {
	display: inline-block;
	text-decoration: none;
}
.information-box .information-title span {
	display: inline-block;
	font-size: 14px;
	line-height: 1em;
	vertical-align: middle;
	padding: 0px 5px;
}
.information-box .information-title em {
	display: inline-block;
	color: var(--color4);
	font-size: 13px;
	line-height: 1em;
	vertical-align: middle;
	border: 1px solid var(--color4);
	padding: 2px 5px;
}
.information-box .information-title strong {
	display: block;
	font-size: 1.5em;
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-family: var(--font4);
	font-weight: 400;
	line-height: 1em;
	padding: 5px 5px;
}
.information-list .information-thumbnail.thumbnail-none {
	display: none;
}
.information-box .information-thumbnail {
}
.information-box .information-thumbnail img {
	margin: 0px auto;
}
@media screen and (min-width: 768px) {
	.information-list .information-box .information-thumbnail img {
		max-width: 600px;
	}
}
.entry-content img,
.information-list .information-box .information-thumbnail img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.information-list .information-box dl dt a strong {
}
.information-content {
}
.information-content .entry-content {
	border-top: 1px dashed var(--black);
	padding-top: 15px;
}
.information-content .information-thumbnail {
	text-align: center;
	margin-bottom: 20px;
}
.information-content .link {
	padding: 0px;
}
/* ------------------------------------------------ */
#aaa {
}
.aaa {
}
/* ------------------------------------------------ */