<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* flooring */
/* top */
#flooring #top{
/*
	background:url(/img/service/epcoat/flooring/top_bg.jpg) no-repeat center center;
	background-size: cover;
*/
}
#flooring #top h1{
    color: #000000;
    /*font-size: 38px;*/
}
@media screen and (max-width: 480px){
	#top{
		height: 150px;
	}
}
/* top */

/* contents */
#flooring #wrap #contents{
    margin: 30px auto 50px;
}
#flooring #wrap #contents .section{
    margin: 10px auto 50px;
    text-align: left;
    width: 96%;
}
#flooring #wrap #contents .section h2 {
    font-size: 19px;
}
#flooring #wrap #contents .section h3 {
    font-size: 16px;
    position: relative;
}
#flooring #wrap #contents .section dd{
    margin: 0 0 0 20px;
    display: none;
}
#flooring #wrap #contents .section ul{
    margin: 0;
    padding: 0;
}
#flooring #wrap #contents .section li{
    list-style-type: none;
}
#flooring #wrap #contents .section a{
    color: #333333;
    margin: 10px; 
}
#flooring #wrap #contents .section a.tel{
    margin: 0px;
}
#flooring #wrap #contents .section h3:hover {
    cursor : pointer;
}
#flooring #wrap #contents .section h3:after {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-left: 15px;
	content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #114520;
    border-right: solid 2px #114520;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	transition-duration: 0.1s;
}
#flooring #wrap #contents .section h3.open::after {
    margin-top: -3px;
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
	transition-duration: 0.1s;
}
/* contents */



/* media-query */
@media screen and (max-width: 320px){
    /* showroom */
    #flooring #wrap #contents .section h2{
        font-size: 16px;
    }
	/* showroom */
}
/* media-query */</pre></body></html>