<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@media screen and (min-width:641px),
screen and (orientation: landscape){
#main-title { background: url(../images/coating/title01.jpg) no-repeat top center; }

/*page_reform01 and page_reform06*/
.ttl_text { color: #0a090a; font-size: 16px; line-height: 2; text-align: left; }

/*.ttl_text*/
.reform06_text { font-size: 14px; text-align: left; width: 636px; margin: 0 auto 70px; }

/*.reform06_text*/
.float_box02 { width: 750px; margin: 0 auto; /*.left_box02*/ /*.right_box*/ }
.float_box02 .left_box02 { width: 355px; margin-right: 40px; float: left; }
.float_box02 .right_box { width: 355px; float: left; }

/*.float_box02*/
/*page_reform02---page_reform05 list*/
.break { display: block; }

.clump { width: 800px; border: 1px solid; background-repeat: no-repeat; background-position: left top; padding: 39px 0 35px; margin-bottom: 50px; }

/*.clump*/
.wall { background-image: url(../images/reform/img01.png); }

/*.wall*/
.floor { background-image: url(../images/reform/img02.png); }

/*.floor*/
.room_temperature { background-image: url(../images/reform/img03.png); }

/*.room_temperature*/
.tatami { background-image: url(../images/reform/img04.png); }

/*.tatami*/
.title { color: #0a090a; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0.01em; }

/*.title*/
.reform02-title { padding: 0 0 0 195px; }

/*.reform02-title*/
.reform03-title { padding: 0 0 0 229px; }

/*.reform03-title*/
.reform04-title { padding: 0 0 0 284px; }

/*.reform04-title*/
.reform05-title { padding: 0 0 0 220px; }

/*.reform05-title*/
.flot_box { width: 750px; margin: 0 auto; /*.left_box*/ /*.text*/ /*.right_box*/ }
.flot_box .left_box { width: 300px; float: left; margin-right: 40px; }
.flot_box .text { color: #0a090a; font-size: 14px; line-height: 2; }
.flot_box .right_box { width: 410px; float: left; /*.inner_list*/ }
.flot_box .right_box .inner_list { width: 410px; background-color: #f3f2e6; padding: 20px 20px 20px 30px; color: #81664d; /*.inner_clump*/ }
.flot_box .right_box .inner_list .inner_clump { margin-bottom: 5px; /*&amp;:last-child*/ }
.flot_box .right_box .inner_list .inner_clump:last-child { margin-bottom: 0; }

/*.flot_box*/

}
@media screen and (orientation: portrait) {
@media screen and (max-width:640px) {

#main-title { background: url(../images/coating/title01.jpg) no-repeat top center; }

/*page_reform01 and page_reform06*/
.ttl_text { color: #0a090a; font-size: 16px; line-height: 2; text-align: left; padding-left: 1em; padding-right: 1em; }

/*.ttl_text*/
.reform06_text { font-size: 14px; text-align: left; margin: 0 auto 3em; }

/*.reform06_text*/
.float_box02 { margin: 0 auto; /*.left_box02*/ /*.right_box*/ }
.float_box02 .left_box02 {  }
.float_box02 .right_box { }

/*.float_box02*/
/*page_reform02---page_reform05 list*/
.break { display: block; }

.clump { border: 1px solid; background-repeat: no-repeat; background-position: left top; width: 98%; margin: 0px auto 4em; padding: 9rem 4% 2em; }

/*.clump*/
.wall { background-image: url(../images/reform/img01.png); }

/*.wall*/
.floor { background-image: url(../images/reform/img02.png); }

/*.floor*/
.room_temperature { background-image: url(../images/reform/img03.png); }

/*.room_temperature*/
.tatami { background-image: url(../images/reform/img04.png); }

/*.tatami*/
.title { color: #0a090a; font-size: 1.5em; font-weight: 600; line-height: 1.3; }

/*.title*/
.reform02-title { padding: 0; }

/*.reform02-title*/
.reform03-title { padding: 0; }

/*.reform03-title*/
.reform04-title { padding: 0; }

/*.reform04-title*/
.reform05-title { padding: 0; }

/*.reform05-title*/
.flot_box {  margin: 0 auto; /*.left_box*/ /*.text*/ /*.right_box*/ }
.flot_box .left_box { text-align: center; margin-bottom: 1em}
.flot_box .text { color: #0a090a; font-size: 14px; line-height: 2; }
.flot_box .right_box {  }
.flot_box .right_box .inner_list {  background-color: #f3f2e6; padding: 1em; color: #81664d; /*.inner_clump*/ }
.flot_box .right_box .inner_list .inner_clump { margin-bottom: 5px; /*&amp;:last-child*/ }
.flot_box .right_box .inner_list .inner_clump:last-child { margin-bottom: 0; }

/*.flot_box*/
.float_box02 div { text-align: center; margin-bottom: 1em;}

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