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

/* コンテンツヘッダ
----------------------------------------------*/
div#header{
	background-image:url('../img/reform/img_header.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	height:360px;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	padding-top:20px;
}

div#header img{
	margin:0 auto;
	width:96%;
}

div#header img.pc{ display:block;max-width:931px; }
div#header img.sp{ display:none;max-width:449px; }

@media print, screen and (max-width:1000px){
	div#header{
		width:1000px;
	}
}

@media print, screen and (max-width:768px){
	div#header{
		width:100%;
	}
}

@media print, screen and (max-width:480px){
	div#header{
		background-image:url('../img/reform/img_header_sp.jpg');
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		height:300px;
		width:100%;
	}
	div#header img.pc{ display:none; }
	div#header img.sp{ display:block; }
}

/*#container #inner article section ul li{
	position:relative;
	padding-left:15px;
}

#container #inner article section ul li::before{
	content:"※";
	width:0;
	height:0;
	position:absolute;
	left:-1px;
}*/

#container #inner article section &gt; div.navi{
	font-size:16px;
	line-height:140%;
	margin-bottom: 70px;
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	margin-bottom: 30px;
	justify-content: center;
    /*align-items: center; */
	align-items: baseline;
}

#container #inner article section &gt; div &gt; nav{
	width: 100%;
}

#container #inner article section &gt; div.navi a{
	text-decoration:none;
	color: #066AAF;	
	display: inline-block;
	vertical-align: text-top;
}
#container #inner article section &gt; div.navi a:hover{
	text-decoration:underline;
}

#container #inner article section &gt; div &gt; nav &gt; ul.left{
	float: left;
	width: 40%;
	padding-left: 10%;
	/*margin-bottom: 40px;*/
}

#container #inner article section &gt; div &gt; nav &gt; ul.right{
	float: right;
	width: 40%;
	/*margin-bottom: 40px;*/
}

#container #inner article section nav li{
	list-style-image: url('../img/reform/ico_allow.png');
	height: 30px;
}


@media print, screen and (max-width:768px){

	#container #inner article section &gt; div.navi{
		font-size:14px;
	}
	#container #inner article section &gt; div &gt; nav &gt; ul.left{
		float: left;
		width: auto;
		padding-left: 5%;
	}
}

@media print, screen and (max-width:670px){
	#container #inner article section &gt; div.navi{
		font-size:16px;
	}
	#container #inner article section &gt; div &gt; nav &gt; ul.left{
		float: none;
		width: auto;
		padding-left: 10%;	
	}
	#container #inner article section &gt; div &gt; nav &gt; ul.right{
		float: none;
		width: auto;
		padding-left: 10%;
	}
}

@media print, screen and (max-width:480px){
	#container #inner article section &gt; div.navi{
		font-size:14px;
	}
}

@media print, screen and (max-width:420px){
	#container #inner article section &gt; div &gt; nav &gt; ul.left{
		padding-left: 10%;	
	}
	#container #inner article section &gt; div &gt; nav &gt; ul.right{
		padding-left: 10%;
	}
}

@media print, screen and (max-width:360px){
	#container #inner article section &gt; div.navi{
		font-size:12px;
	}
}

#container #inner article section{
	padding:45px 0 50px 0;
}

#container #inner article section &gt; p{
	font-size:16px;
	line-height:140%;
}

/* 共通
----------------------------------------------*/
img.pc{ display:block; }
img.sp{ display:none; }

@media print, screen and (max-width:680px){
	img.pc{ display:none; }
	img.sp{ display:block; }
}

#container #inner article section &gt; div.container{
		margin-bottom: 60px;
}

@media print, screen and (max-width:500px){
	#container #inner article section &gt; div.container{
		margin-bottom: 0;
	}
}

#container #inner article section &gt; div.container &gt; p{
	font-size:16px;
	/*line-height:140%;*/
	line-height:160%;
}

#container #inner article section &gt; div.container &gt; h1,
#container #inner article section &gt; div.container &gt; h2{
	font-size:20px;
	height:24px;
	line-height:24px;
	border-left:8px solid #076AAF;
	box-sizing:border-box;
	padding-left:16px;
	margin-bottom:25px;
}

#container #inner article section &gt; div.container &gt; h3{
	font-size:18px;
	color:#076AAF;
	height:40px;
	line-height:36px;
	box-sizing:border-box;
	border:1px solid #076AAF;
	border-left:5px solid #076AAF;
	padding-left:10px;
	text-align:left;
	margin-bottom:25px;
}

@media all and (-ms-high-contrast:none){	/* IE11用ハック */
	*::-ms-backdrop, #container #inner article section &gt; div.container &gt; h3{
		line-height:44px;
	}
}

#container #inner article section &gt; div.container &gt; h4{
	margin:23px 0 8px 0;
	font-size:16px;
	font-weight:600;
	color:#076AAF;
}

#container #inner article section &gt; div.container total{
	margin:23px 0 8px 0;
	font-size:16px;
	font-weight:600;
	color:#ED8F25;
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:1px dotted #ED8F25;
}



@media print, screen and (max-width:480px){
	#container #inner article section &gt; div.container &gt; h1,
	#container #inner article section &gt; div.container &gt; h2{
		height:auto;
		padding:2px 0 4px 16px;
		line-height:160%;
	}
	#container #inner article section &gt; div.container &gt; h3{
		height:auto;
		line-height:26px;
		padding:2px 0 5px 10px;
	}
}
/*@media print, screen and (max-width:400px){
	#container #inner article section &gt; div.container &gt; h1,
	#container #inner article section &gt; div.container &gt; h2{
		font-size:16px;
	}
	#container #inner article section &gt; div.container &gt; h3{
		font-size:16px;
	}
}*/

#container #inner article section &gt; div.container.first{
	clear: both;
}

/* サカモトのリフォームとは
----------------------------------------------*/
#container #inner article section &gt; div.container.first{
	margin-bottom:30px;
}

#container #inner article section &gt; div.container.first div p.total{
	font-size:16px;
	font-weight: 600;
	color:#ED8F25;
	/*margin-bottom:15px;*/
	margin-bottom: 10px;
	padding-bottom:6px;
	border-bottom:1px dotted #ED8F25;
	line-height:160%;
}

#container #inner article section &gt; div.container.first div p.detail{
	font-size:16px;
	/*line-height:140%;*/
	line-height:160%;
}

#container #inner article section &gt; div.container.first &gt; span{
	float:left;
	width:240px;
	height:100%;
	display:block;
}

#container #inner article section &gt; div.container.first &gt; span img{
	width:100%;
}

#container #inner article section &gt; div.container.first div{
	float: left;
    width: calc(100% - 240px);
	/*width:265px;*/
	height:100%;
	background-color:#FFF;
	/*padding:10px 10px;*/
	padding:0 10px 10px 10px;
	box-sizing:border-box;
	margin-bottom: 40px;
}
@media print, screen and (max-width:768px){
	#container #inner article section &gt; div.container.first{
		height: auto;
	}

	#container #inner article section &gt; div.container.first &gt; span{
		float:left;
		width:240px;
		height:100%;
		display:block;
		margin-right: 15px;
	}
	#container #inner article section &gt; div.container.first div{
		width: calc(100% - 240px);
		float: none;
		width: 100%;
		height:100%;
		background-color:#FFF;
		padding:0;
		box-sizing:border-box;
		margin-bottom: 40px;
	}
	#container #inner article section &gt; div.container.first div p.total{
		display:flex;	
	}

}

@media print, screen and (max-width:470px){
	#container #inner article section &gt; div.container.first &gt; span{
		float:left;
		width:200px;
		height:100%;
		display:block;
	}
}

@media print, screen and (max-width:400px){
	#container #inner article section &gt; div.container.first &gt; span{
		float:left;
		width:160px;
		height:100%;
		display:block;
	}
	#container #inner article section &gt; div.container.first div{
		padding: 0px 10px;
	}
	/*#container #inner article section &gt; div.container.first div p.total{
		font-size:14px;
	}
	#container #inner article section &gt; div.container.first div p.detail{
		font-size:14px;
	}*/
}


/* リフォームの流れ
----------------------------------------------*/
#container #inner article section &gt; div.container.second{
	clear: both;
}

#container #inner article section  &gt; div.container.second p {
	/*font-size:15px;*/
	font-size:16px;
	/*line-height:140%;*/
	line-height:160%;
}

#container #inner article section &gt; div.container.second p.title{
	margin-bottom:27px;
}

#container #inner article section &gt; div.container.second ul{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	background-color:#F1F1F1;
	border:1px solid #CBCBCB;
	overflow:hidden;
}

#container #inner article section &gt; div.container.second ul li{
	width:100%;
	height:160px;
	float:none;
	margin-right:0;
	margin-bottom:10px;
	overflow:hidden;
}

#container #inner article section &gt; div.container.second ul li:nth-child(2n){
	margin-right:0;
}

#container #inner article section &gt; div.container.second ul li:nth-child(7){
	height:175px;
	margin-bottom:0;
}

#container #inner article section &gt; div.container.second ul li &gt; span{
	float:left;
	width:240px;
	height:100%;
	display:block;
}

#container #inner article section &gt; div.container.second ul li &gt; span img{
	width:100%;
}

#container #inner article section &gt; div.container.second ul li div{
	float: left;
    width: calc(100% - 240px);
	/*width:265px;*/
	height:100%;
	background-color:#FFF;
	padding:18px 10px;
	box-sizing:border-box;	
}

#container #inner article section &gt; div.container.second ul li div h4{
	font-size:16px;
	color:#076AAF;
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:1px solid #076AAF;
}

#container #inner article section &gt; div.container.second ul li div p{
	font-size:15px;
	line-height:140%;
}


@media print, screen and (max-width:768px){
	#container #inner article section &gt; div.container.second {
    	margin-bottom: 50px;
	}
	#container #inner article section &gt; div.container.second ul li {
		height: auto;
	}
	#container #inner article section &gt; div.container.second ul li &gt; span {
   		float: none;
    	width: 100%;
	}

	#container #inner article section &gt; div.container.second ul li &gt; span img{
		vertical-align:bottom;
	}

	#container #inner article section &gt; div.container.second ul li div {
    	width: 100%;
	}
	#container #inner article section &gt; div.container.second ul li:nth-child(7) {
    	height: auto;
	}

	#container #inner article section &gt; div.container.second ul li div h4{
		line-height:160%;
	}

	#container #inner article section &gt; div.container.second ul li div p{
		font-size:16px;
		line-height:160%;
	}
}
/*@media print, screen and (max-width:400px){
	#container #inner article section &gt; div.container.second p {
	    font-size: 14px;
	}
	#container #inner article section &gt; div.container.second ul li div p{
		font-size:14px;
	}
}*/
/* 事業紹介
----------------------------------------------*/
#container #inner article section &gt; div.container.third span.pc {
	display: inline;
}
#container #inner article section &gt; div.container.third span.sp {
	display: none;
}

#container #inner article section &gt; div.container.third img{
		/*display: block;*/
		margin-left: 30px;
		vertical-align:top;
}

#container #inner article section &gt; div.container.third div.caseSide img:nth-child(1){
		width: 25%;
}
#container #inner article section &gt; div.container.third div.caseSide img:nth-child(2){
		width: 40%;
}
#container #inner article section &gt; div.container.third div.caseSide{
		font-size:15px;
		/*width: 40%;*/
		text-align: center;
		padding-right: 20px;
		padding-bottom: 30px;
}
#container #inner article section &gt; div.container.third div.caseLength{
		font-size:15px;
		/*width: 40%;*/
		text-align: center;
		padding-right: 20px;
		padding-bottom: 30px;
		/*height: 450px;*/
}
#container #inner article section &gt; div.container.third div.caseLength img:nth-child(1){
		/*width: 25%;*/
		width: 17%;
}
#container #inner article section &gt; div.container.third div.caseLength img:nth-child(2){
		/*width: 40%;*/
		width: 28%;
}

#container #inner article section &gt; div.container.third p.title{
	margin-bottom: 30px;
}

#container #inner article section &gt; div.container.third div.flex1,
#container #inner article section &gt; div.container.third div.flex2  {
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	margin-bottom: 30px;
}

@media all and  (-webkit-min-device-pixel-ratio:0){   /* Chrome用ハック */
	#container #inner article section &gt; div.container.third div.flex1 img:nth-child(1),
	#container #inner article section &gt; div.container.third div.flex1 img:nth-child(2){
		margin-left: 0;
		margin-right: 5%;
		width: 30%;
		height: 30%;
	}
	#container #inner article section &gt; div.container.third div.flex1 img:nth-child(3){
		margin-left: 0;
		margin-right: 0;
		width: 30%;
		height: 30%;
	}
	#container #inner article section &gt; div.container.third div.flex2 img:nth-child(1),
	#container #inner article section &gt; div.container.third div.flex2 img:nth-child(2),
	#container #inner article section &gt; div.container.third div.flex2 img:nth-child(3){
		margin-left: 0;
		margin-right: 4%;
		width: 22%;
		height: 22%;
	}
	#container #inner article section &gt; div.container.third div.flex2 img:last-child{
		margin-left: 0;
		margin-right: 0;
		width: 22%;
		height: 22%;
	}
}

@media all and  (-webkit-min-device-pixel-ratio:0) and (max-width:550px){
		#container #inner article section &gt; div.container.third div.flex1 img:nth-child(1),
		#container #inner article section &gt; div.container.third div.flex1 img:nth-child(2){
			margin-left: 0;
			margin-right: 0;
			width: 100%;
		}
		#container #inner article section &gt; div.container.third div.flex1 img:nth-child(3){
			margin-left: 0;
			margin-right: 0;
			width: 100%
		}
		#container #inner article section &gt; div.container.third div.flex2 img:nth-child(1),
	 	#container #inner article section &gt; div.container.third div.flex2 img:nth-child(2),
	 	#container #inner article section &gt; div.container.third div.flex2 img:nth-child(3){
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}
		#container #inner article section &gt; div.container.third div.flex2 img:last-child{
		margin-left: 0;
		margin-right: 0;
		width: auto;
		}
	}


@media all and (-ms-high-contrast:none){	/* IE11用ハック */
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex1 img:nth-child(1),
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex1 img:nth-child(2){
		margin-left: 0;
		margin-right: 5%;
		width: 30%;
	}
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex1 img:nth-child(3){
		margin-left: 0;
		margin-right: 0;
		width: 30%;
	}
}

@media all and  (-ms-high-contrast:none) and (max-width:550px){
		*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex1 img:nth-child(1),
		*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex1 img:nth-child(2){
			margin-left: 0;
			margin-right: 0;
			width: 100%;
		}
		*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex1 img:nth-child(3){
			margin-left: 0;
			margin-right: 0;
			width: 100%
		}
	}

@media all and (-ms-high-contrast:none){	/* IE11用ハック */
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex2 img:nth-child(1),
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex2 img:nth-child(2),
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex2 img:nth-child(3){
		margin-left: 0;
		margin-right: 4%;
		width: 22%;
	}
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex2 img:last-child{
		margin-left: 0;
		margin-right: 0;
		width: 22%;
	}
}

@media all and  (-ms-high-contrast:none) and (max-width:550px){
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex2 img:nth-child(1),
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex2 img:nth-child(2),
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex2 img:nth-child(3){
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}
	*::-ms-backdrop, #container #inner article section &gt; div.container.third div.flex2 img:last-child{
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}
}

@media print, screen and (max-width:768px){
	#container #inner article section &gt; div.container.third div.caseSide img:nth-child(1){
		width: 30%;
		margin-left: 0;
	}
	#container #inner article section &gt; div.container.third div.caseSide img:nth-child(2){
		width: 50%;
	}

	#container #inner article section &gt; div.container.third div.caseLength img:nth-child(1){
		/*width: 30%;*/
		margin-left: 0;
		width: 20%;
	}
	#container #inner article section &gt; div.container.third div.caseLength img:nth-child(2){
		/*width: 50%;*/
		width: 33%;
	}

	#container #inner article section &gt; div.container.third div.caseLength {
		height: auto;
	}
}

@media print, screen and (max-width:550px){

	#container #inner article section &gt; div.container.third span.pc {
		display: none;
	}
	#container #inner article section &gt; div.container.third span.sp {
		display: inline;
	}

	#container #inner article section &gt; div.container.third div.caseSide {
		padding-right: 0;
	}
	#container #inner article section &gt; div.container.third div.caseSide img:nth-child(1) {
		width: 60%;
		margin-left: 0;
		margin-bottom: 15px;
	}
	#container #inner article section &gt; div.container.third div.caseSide img:nth-child(2) {
		width: 100%;
		margin-left: 0;
	}
	#container #inner article section &gt; div.container.third div.caseLength {
		padding-right: 0;
	}
	#container #inner article section &gt; div.container.third div.caseLength img:nth-child(1) {
		width: 60%;
		margin-left: 0;
		margin-bottom: 15px;
	}
	#container #inner article section &gt; div.container.third div.caseLength img:nth-child(2) {
		width: 100%;
		margin-left: 0;
	}
	#container #inner article section &gt; div.container.third div.caseSide {
		text-align: left;
	}
	#container #inner article section &gt; div.container.third div.caseLength {
		text-align: left;
	}
	#container #inner article section &gt; div.container.third div.flex1 {
		display: block;
		margin-bottom: 30px;
	}

	#container #inner article section &gt; div.container.third div.flex1 img {
		margin-left: 0;
		vertical-align: none;
		width: 100%;
		margin-bottom: 15px;
	}

	#container #inner article section &gt; div.container.third div.flex2 {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#container #inner article section &gt; div.container.third div.flex2 img {
		margin-left: 0;
		vertical-align: none;
		width: 48%;
		margin-bottom: 15px;
	}
}

/*@media print, screen and (max-width:400px){

	#container #inner article section &gt; div.container.third p.title{
		font-size:14px;
	}
}*/
</pre></body></html>