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

 file name :premium.css
 style info :プレミアムトップページ
 

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

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

	overwrite

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




/* =================================== */
#pankuzu ol{ display: none;}
#pageHeader02 h1{
	z-index: 50;
	line-height: 1.3;
}
#pageHeader02 figure{
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 768px) {

	#pageHeader02{
		padding: 80px 0 0;
		background: #1e1e1e;
	}
	#pageHeader02 figure{
		width: 1220px;
		margin: 0 auto;
		padding: 0 10px;
		text-align: right;
	}
	#pageHeader02 figure img{
		width: 616px;
		margin: 0 0 -55px;
	}

	#pankuzu ol{ display: block;}
}

/*
#main
--------------------------------------*/
#main{
	padding: 45px 0 0;
}
#main h2{
	margin: 0 0 30px;
}
#main h2::before{
	content: "";
	display: block;
	width: 28px;
	height: 2px;
	margin: 0 0 15px;
	background: #c4a27d;
}
#main h2 .name{
	display: block;
	font-size: 2.5rem;
}
#main h2 .ruby{
	display: block;
	font-size: 1.9rem;
	color: #fff;
}
#main .txt01{
	margin: 0 0 1.5em;
	line-height: 2;
}
#main .txt02{
	line-height: 2;
}

#main .works{
	margin: 0 -15px;
	padding: 70px 0 55px;
}
#main .works .swiper-slide figure{
	position: relative;
}
#main .works .swiper-slide figure figcaption{
	position: absolute;
	left: 0.5em;
	bottom: 0.3em;
	font-size: 1.5rem;
	color: #fff;
}
#main .works .swiper-slide figure figcaption.cap-r{
	left: auto;
	right: 0.5em;
}


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

@media screen and (min-width: 768px) {
	#main{
		padding: 70px 0 0;
	}
	#main h2{
		margin: 0 0 30px;
	}
	#main h2::before{
		width: 43px;
		height: 3px;
	}
	#main h2 .name{
		font-size: 3.8rem;
	}
	#main h2 .ruby{
		font-size: 2.9rem;
	}
	#main .txt01{
		margin: 0 0 2em;
		line-height: 2.6;
	}
	#main .txt02{
		line-height: 2;
	}

	#main .works{
		margin: 0;
		padding: 120px 0 95px;
	}
	#main .works .swiper-slide figure figcaption{
		font-size: 2.2rem;
	}

}


/*
	aside
--------------------------------------------*/
#main aside{
	padding: 35px 0 10px;
	background: #1e1e1e;
}
#main aside ul li{
	margin: 0 0 30px;
	box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2);
}
#main aside ul li a{
	display: block;
	padding: 0 0 28px;
	color: #c4a27d;
	background: #000;
}
#main aside ul li a figure{
	margin: 0 0 30px;
}
#main aside ul li a figure figcaption{
	padding: 15px 20px;
	font-size: 1.5rem;
}
#main aside ul li a .btn{
	width: 225px;
	margin: 0 auto;
	padding: 12px 0;
	border: solid 1px #c4a27d;
	font-size: 1.3rem;
	text-align: center;
	position: relative;
}
#main aside ul li a .btn::before{
	content: "";
	display: block;
	width: 7px;
	height: 16px;
	background: url("/kodate/designoffice/kansai2/img/common/ico_arrow04.svg") no-repeat 50% 50% / 100% auto;
	position: absolute;
	top: calc(50% - 8px);
	right: 15px;
}

@media screen and (min-width: 768px) {
	#main aside{
		padding: 130px 0 75px;
	}
	#main aside ul{
		max-width: 1120px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#main aside ul::after{
		content: "";
		display: block;
		width: 320px;
	}
	#main aside ul li{
		width: 320px;
		margin: 0 0 55px;
	}
	#main aside ul li a{
		display: flex;
		flex-direction: column;
		height: 100%;
		padding: 0 0 28px;
	}
	#main aside ul li a figure figcaption{
		font-size: 1.6rem;
	}
	#main aside ul li a figure span{
		display: block;
		overflow: hidden;
		background: #000;
	}
	#main aside ul li a figure span img{
		transition: all ease 0.4s;
	}
	#main aside ul li a:hover figure span img{
		transform: scale(1.2);
		opacity: 0.6;
	}

	#main aside ul li a .btn{
		width: 225px;
		margin: auto auto 0;
		padding: 12px 0;
		font-size: 1.6rem;
	}
	#main aside ul li a .btn::before{
		transition: all ease 0.4s;
	}
	#main aside ul li a:hover .btn::before{
		right: 10px;
	}
}


/*
	links
--------------------------------------------*/
#main .links{
	padding: 60px 0;
}
#main .links .btn-consulting{
	margin: 0 auto 35px;
	max-width: none;
}
#main .links .btn-back{
	max-width: 280px;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {

	#main .links{
		padding: 112px 0;
	}
	#main .links .btn-consulting{
		margin: 0 auto 60px;
		max-width: 667px;
	}
	#main .links .btn-back{
		max-width: 360px;
	}


}

</pre></body></html>