@charset "utf-8";

/* ======================================


 renovation


==================================== */

#renovation .breadcrumb {
	margin-bottom:0;
}
#renovation #contents {
	background-color:#fbf6ed;
	padding-bottom:160px;
}
@media only screen and (max-width: 1200px) {
	#renovation #contents {
		padding-bottom:100px;
	}
}
@media only screen and (max-width: 768px) {
	#renovation #contents {
		padding-bottom:50px;
	}
}


/* /renovation/index.html
-------------------------------------------------------------------------------- */
#renovation.idx .wrap--category__title {
	background-image: url(/renovation/images/renovation_mv.png);
}
#renovation.idx .box-statement {
	margin:120px auto 0;
	max-width:1300px;
	padding-left:50px;
	padding-right:50px;
	text-align:center;
}
#renovation.idx .box-statement .inner {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-top:20px;
	padding-bottom:20px;
}
#renovation.idx .box-statement p {
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.8;
}
@media only screen and (max-width: 768px) {
	#renovation.idx .box-statement {
		margin-top:40px;
		padding-left:15px;
		padding-right:15px;
		max-width:inherit;
	}
	#renovation.idx .box-statement .inner {
		padding:15px 0;
	}
	#renovation.idx .box-statement p {
		font-size:1.4rem;
	}
}



/* summary */
#renovation.idx .summary {
	margin:80px auto 0;
	max-width:1300px;
	padding-left:50px;
	padding-right:50px;
	text-align:center;
}
#renovation.idx .summary .inner {
	/*background:url(/renovation/images/idx_bg01.png) no-repeat;
	background-position:center center;
	background-size:100% auto;*/
	background-color: #fff;
	padding:20px;
	position:relative;
}
#renovation.idx .summary .txtb {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(-50%, -43%);
	transform: translate(-50%, -43%);
	z-index: 2;
}
#renovation.idx .summary .txtb p {
	line-height:1.75;
}
#renovation.idx .summary .txtb p + p {
	margin-top:20px;
}
@media only screen and (max-width: 1200px) {
	#renovation.idx .summary .inner {
		padding-bottom:30px;
	}
	#renovation.idx .summary .img {
		position:relative;
	}
	#renovation.idx .summary .img:before {
		background-image: url(/common/images/logo03.svg);
		background-size: contain;
		content: "";
		height: 100%;
		left: 50%;
		position: absolute;
		top: 50%;
		max-height: 15%;
		max-width: 41%;
		width: 100%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#renovation.idx .summary .txtb {
		margin-top: 30px;
		position: static;
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
	#renovation.idx .summary .txtb p {
		font-size:1.4rem;
	}
	#renovation.idx .summary .txtb p + p {
		margin-top:15px;
	}
}
@media only screen and (max-width: 768px) {
	#renovation.idx .summary {
		margin-top:40px;
		padding-left:15px;
		padding-right:15px;
	}
}



/* about-content */
#renovation.idx .about-content {
	margin-top:120px;
}
#renovation.idx .about-content .inner {
	/*max-width:1200px;
	padding-left:0;
	padding-right:0;*/
}
#renovation.idx .about-content .each-about {
	display:flex;
	margin-top:80px;
}
#renovation.idx .about-content .each-about:first-child {
	margin-top:0;
}
#renovation.idx .about-content .each-about:nth-child(even) {
	flex-direction: row-reverse;
}
#renovation.idx .about-content .each-about .box-img,
#renovation.idx .about-content .each-about .box-txt {
	display: flex;
	align-items: center;
}
#renovation.idx .about-content .each-about .box-img {
	background-position: center center;
	background-size: cover;
	flex:1 1 40.8333%;
	min-height: 300px;
}
#renovation.idx .about-content .each-about .box-txt {
	background-color:#fff;
	flex:1 1 59.1667%;
	position:relative;
	text-align:center;
}
#renovation.idx .about-content .each-about:nth-child(1) .box-img {
	background-image: url(/renovation/images/idx_img01.png);
}
#renovation.idx .about-content .each-about:nth-child(2) .box-img {
	background-image: url(/renovation/images/idx_img02.png);
}
#renovation.idx .about-content .each-about:nth-child(3) .box-img {
	background-image: url(/renovation/images/idx_img03.png);
}
#renovation.idx .about-content .each-about:nth-child(4) .box-img {
	background-image: url(/renovation/images/idx_img04.png);
}
#renovation.idx .about-content .each-about .box-txt .txt-inner {
	padding-top:20px;
	width:100%;
}
#renovation.idx .about-content .each-about .box-txt h3 {
	font-size:2.2rem;
}
#renovation.idx .about-content .each-about .box-txt h3 .num {
	border:1px solid #000;
	font-family:'Oswald', sans-serif;
	font-size:4.4rem;
	font-weight:700;
	height:81px;
	line-height:81px;
	letter-spacing:2px;
	margin:0 auto;
	position:absolute;
	top:-40px;
	left: 0;
	right:0;
	width:81px;
}
#renovation.idx .about-content .each-about .box-txt h3 + p {
	line-height:1.6;
	margin-top:0.8em;
}
#renovation.idx .about-content .each-about .box-txt .button[data-button="arw"] {
	margin-top:20px;
}

@media only screen and (max-width: 1200px) {
	#renovation.idx .about-content {
		margin-top:60px;
	}
	#renovation.idx .about-content .inner {
		max-width:inherit;
	}
	#renovation.idx .about-content .each-about {
		background-color:#fff;
		margin-top:60px;
	}
	#renovation.idx .about-content .each-about:nth-child(even) {
		padding-left:0;
	}
	#renovation.idx .about-content .each-about .box-img {
		flex:1 1 45%;
	}
	#renovation.idx .about-content .each-about .box-txt {
		flex:1 1 55%;
	}
	#renovation.idx .about-content .each-about .box-txt .txt-inner {
		padding:42px 15px 30px;
	}
	#renovation.idx .about-content .each-about .box-txt h3 {
		font-size:1.9rem;
	}
	#renovation.idx .about-content .each-about .box-txt h3 .num {
		font-size: 3.2rem;
		height: 61px;
		line-height: 61px;
		top: -31px;
		width: 61px;
	}
	#renovation.idx .about-content .each-about .box-txt h3 + p {
		font-size:1.4rem;
		margin-top:0.5em;
	}
	#renovation.idx .about-content .each-about .box-txt .button[data-button="arw"] {
		margin-top:15px;
	}
}

@media only screen and (max-width: 768px) {
	#renovation.idx .about-content {
		margin-top:40px;
	}
	#renovation.idx .about-content .each-about {
		display:block;
		margin-top:20px;
	}
	#renovation.idx .about-content .each-about .box-img,
	#renovation.idx .about-content .each-about .box-txt {
		display:block;
		width:100%;
	}
	#renovation.idx .about-content .each-about .box-img {
		padding-top: 61%;
		min-height: inherit;
	}
	#renovation.idx .about-content .each-about .box-txt .txt-inner {
		padding:15px 15px 30px;
	}
	#renovation.idx .about-content .each-about .box-txt h3 {
		font-size:1.7rem;
	}
	#renovation.idx .about-content .each-about .box-txt h3 .num {
		display:block;
		font-size:2.2rem;
		height:40px;
		line-height:37px;
		letter-spacing:1px;
		margin-bottom:12px;
		position:static;
		width:40px;
	}
	#renovation.idx .about-content .each-about .box-txt h3 + p {
		font-size:1.4rem;
	}
}



/* /renovation/about 
-------------------------------------------------------------------------------- */
#renovation.about .nav-renovation {
	letter-spacing:-0.4em;
	text-align:center;
}
#renovation.about .nav-renovation:nth-of-type(2) {
	margin-top:75px;
}
#renovation.about .nav-renovation li {
	display:inline-block;
	letter-spacing:normal;
	position:relative;
}
#renovation.about .nav-renovation li:after,
#renovation.about .nav-renovation li:first-child:before {
	background-color:#000;
	content:"";
	margin-top:-7px;
	position:absolute;
	right:0;
	top:50%;
	height:14px;
	width:1px;
	z-index:1;
}
#renovation.about .nav-renovation li:first-child:before {
	left:0;
	right:inherit;
}
#renovation.about .nav-renovation li a {
	color:#000;
	display:block;
	line-height:26px;
	padding:0 22px;
}
#renovation.about .nav-renovation li.current a {
	background-color:#f9eddd;
}
#renovation.about .wrap-about {
	background-color:#fff;
	border-top:2px solid #000;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
}
#renovation.about .wrap-about:nth-of-type(1) {
	margin-top:55px;
}
#renovation.about .wrap-about .wrap-heading {
	font-size:2.8rem;
	font-weight:700;
	margin-top:90px;
	margin-bottom:90px;
	text-align:center;
}
#renovation.about .wrap-about .box-content {
	border-top:2px solid #000;
	padding:120px 9.16%;
}
#renovation.about .wrap-about .box-content:nth-of-type(1) {
	border-top:none;
	padding-top:0;
}
#renovation.about .wrap-about .box-content .box-title {
	font-size:2.0rem;
	font-weight:700;
}
#renovation.about .wrap-about .box-content .box-title + * {
	margin-top:30px;
}
#renovation.about .wrap-about .box-content p {
	line-height:2;
}
#renovation.about .wrap-about .box-content .bold {
	font-weight:700;
}
#renovation.about .wrap-about .box-content > .column {
	margin-top:65px;
}
#renovation.about .wrap-about .box-content > .column figcaption {
	margin-top:15px;
}
@media only screen and (max-width: 1200px) {
	#renovation.about .nav-renovation:nth-of-type(2) {
		margin-top:75px;
	}
	#renovation.about .nav-renovation li a {
		padding:0 18px;
	}
	#renovation.about .wrap-about {
		margin-left:20px;
		margin-right:20px;
	}
	#renovation.about .wrap-about .column[data-column="p2_s1"] .each-comm {
		margin-left:auto;
		margin-right:auto;
	}
	#renovation.about .wrap-about .column[data-column="p2_s1"] .each-comm:nth-child(n+2) {
		margin-top:20px;
	}
}
@media only screen and (max-width: 768px) {
	#renovation.about .nav-renovation {
		margin-left:15px;
		margin-right:15px;
	}
	#renovation.about .nav-renovation:nth-of-type(2) {
		margin-top:35px;
	}
	#renovation.about .nav-renovation li {
		border-bottom:1px solid #000;
		display:block;
		font-size:1.4rem;
	}
	#renovation.about .nav-renovation li:first-child {
		border-top:1px solid #000;
	}
	#renovation.about .nav-renovation li:after,
	#renovation.about .nav-renovation li:first-child:before {
		background:none;
		height:0;
		width:0;
	}
	#renovation.about .nav-renovation li a {
		line-height:42px;
		padding:0 10px;
	}
	#renovation.about .wrap-about {
		margin-left:0;
		margin-right:0;
		max-width:inherit;
	}
	#renovation.about .wrap-about:nth-of-type(1) {
		margin-top:30px;
	}
	#renovation.about .wrap-about .wrap-heading {
		font-size:2.0rem;
		margin-top:40px;
		margin-bottom:40px;
	}
	#renovation.about .wrap-about .box-content {
		font-size:1.4rem;
		padding:40px 15px;
	}
	#renovation.about .wrap-about .box-content .box-title {
		font-size:1.7rem;
	}
	#renovation.about .wrap-about .box-content .box-title + * {
		margin-top:20px;
	}
	#renovation.about .wrap-about .box-content p {
		line-height:1.8;
	}
	#renovation.about .wrap-about .box-content > .column {
		margin-top:20px;
	}
	#renovation.about .wrap-about .box-content > .column figcaption {
		margin-top:10px;
	}
}



#renovation.about .box-flow .each-comm {
	border-top:1px solid #000;
	padding:85px 5.38% 60px 4.89%;
	position:relative;
}
#renovation.about .box-flow .each-comm:first-child {
	border-top:none;
	padding-top:0;
}
#renovation.about .box-flow .each-comm:last-child {
	padding-bottom:0;
}
#renovation.about .box-flow .each-comm:before,
#renovation.about .box-flow .each-comm:after {
	content:"";
	height:0;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	width:0;
}
#renovation.about .box-flow .each-comm:first-child:before,
#renovation.about .box-flow .each-comm:first-child:after,
#renovation.about .box-flow .each-comm.option:before,
#renovation.about .box-flow .each-comm.option:after {
	border:none;
	position:static;
}
#renovation.about .box-flow .each-comm:before {
	border-color:#fff transparent transparent transparent;
	border-style:solid;
	border-width:35px 63px 0 63px;
	top:-1px;
	z-index:2;
}
#renovation.about .box-flow .each-comm:after {
	border-color:#000 transparent transparent transparent;
	border-style:solid;
	border-width:35px 63px 0 63px;
	top:0px;
	z-index:1;
}
#renovation.about .box-flow .each-comm .comm-inner {
	display:flex;
	margin-top:45px;
}
#renovation.about .box-flow .each-comm .box-img {
	flex:1 1 45%;
	text-align:right;
}
#renovation.about .box-flow .each-comm .box-txt {
	flex:1 1 55%;
	padding-right:5%;
}
#renovation.about .box-flow .each-comm .box-tag {
	color:#fff;
	font-family:'Oswald', sans-serif;
	font-size:2.2rem;
	line-height:35px;
	letter-spacing:1px;
	margin:0 auto;
	width:130px;
	padding:0 15px 3px;
	text-align:center;
}
#renovation.about .box-flow .each-comm .box-tag[data-tag="c1"] {
	background-color:#000;
}
#renovation.about .box-flow .each-comm .box-tag[data-tag="c2"] {
	background-color:#bd9e81;
}
@media only screen and (max-width: 1200px) {
	#renovation.about .box-flow .each-comm {
		padding:85px 5.38% 60px 4.89%;
	}
	#renovation.about .box-flow .each-comm:first-child {
		border-top:none;
		padding-top:0;
	}
	#renovation.about .box-flow .each-comm:last-child {
		padding-bottom:0;
	}
	#renovation.about .box-flow .each-comm:first-child,
	#renovation.about .box-flow .each-comm.option {
		position:static;
	}
	#renovation.about .box-flow .each-comm:before,
	#renovation.about .box-flow .each-comm:after {
		content:"";
		height:0;
		margin:0 auto;
		position:absolute;
		left:0;
		right:0;
		width:0;
	}
	#renovation.about .box-flow .each-comm:before {
		border-color:#fff transparent transparent transparent;
		border-style:solid;
		border-width:35px 63px 0 63px;
		top:-1px;
		z-index:2;
	}
	#renovation.about .box-flow .each-comm:after {
		border-color:#000 transparent transparent transparent;
		border-style:solid;
		border-width:35px 63px 0 63px;
		top:0px;
		z-index:1;
	}
	#renovation.about .box-flow .each-comm .comm-inner {
		display:flex;
		margin-top:45px;
	}
	#renovation.about .box-flow .each-comm .box-img {
		flex:1 1 45%;
		text-align:right;
	}
	#renovation.about .box-flow .each-comm .box-txt {
		flex:1 1 55%;
		padding-right:5%;
	}
	#renovation.about .box-flow .each-comm .box-tag {
		color:#fff;
		font-family:'Oswald', sans-serif;
		font-size:2.2rem;
		line-height:35px;
		letter-spacing:1px;
		margin:0 auto;
		width:130px;
		padding:0 15px 3px;
		text-align:center;
	}
}
@media only screen and (max-width: 768px) {
	#renovation.about .box-flow .each-comm {
		padding:55px 0 40px;
	}
	#renovation.about .box-flow .each-comm.option {
		padding-top:40px;
	}
	#renovation.about .box-flow .each-comm:before {
		border-width:22px 48px 0 48px;
	}
	#renovation.about .box-flow .each-comm:after {
		border-width:22px 48px 0 48px;
	}
	#renovation.about .box-flow .each-comm .comm-inner {
		display:block;
		margin-top:20px;
	}
	#renovation.about .box-flow .each-comm .box-img {
		margin-top:20px;
		text-align:center;
	}
	#renovation.about .box-flow .each-comm .box-txt {
		padding-right:0;
	}
	#renovation.about .box-flow .each-comm .box-tag {
		font-size:1.4rem;
		line-height:25px;
		padding:0 10px;
		width:90px;
	}
	#renovation.about .box-flow .each-comm .box-title {
		text-align:center;
	}
}




/* /renovation/about02.html
-------------------------------------------------------------------------------- */
#renovation.about02 .price-info {
	background-color:#fcf4d1;
	margin-top:25px;
	padding:30px;
}
#renovation.about02 .price-info h4 {
	font-size:1.7rem;
	margin-bottom:10px;
}
#renovation.about02 .tax-separate {
	font-size:80%;
}
#renovation.about .wrap-about .asterisk {
	margin-top:55px;
	overflow:hidden;
}
#renovation.about .wrap-about .asterisk li {
	float:left;
	font-size:1.3rem;
	margin-right:1em;
}
#renovation.about .wrap-about .asterisk li:before {
	content:"※";
}
@media only screen and (max-width: 1200px) {
	#renovation.about02 .wrap-about .box-content:nth-of-type(2) .column {
		margin-top:0;
	}
}
@media only screen and (max-width: 768px) {
	#renovation.about02 .price-info {
		margin-top:15px;
		padding:15px;
	}
	#renovation.about02 .price-info h4 {
		font-size:1.5rem;
	}
	#renovation.about .wrap-about .asterisk {
		margin-top:25px;
	}
	#renovation.about .wrap-about .asterisk li {
		float:none;
		margin-right:0;
	}
}




/* /renovation/about04.html
-------------------------------------------------------------------------------- */
#renovation.about04 .wrap-about:nth-of-type(1) {
	text-align:center;
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
	#renovation.about04 .wrap-about:nth-of-type(1) .box-content {
		padding-bottom:90px;
	}
}