/* CSS Document */

/* --- installation page --- */
#installation #top { background-image: url(../images/main03.jpg);}
#installation h3 { color: #fff; background-color: #4fbfd3; box-sizing: border-box; padding-left: 0.85em; text-align: left;}
#installation .shelf.dot ul { text-align: left;}
#installation .shelf.dot ul li { display: flex; align-items: center;}
#installation .shelf.dot ul li span:nth-of-type(1) { width: 6em; font-weight: 600;}
#installation .shelf.dot ul li span:nth-of-type(2) { width: calc(100% - 6em); line-height: 1.5;}
#installation table { width: 100%;}
#installation th, #installation td { border: 0.05rem solid #727171;}
#installation th { background-color: #cae8ef; font-weight: 600;}
#installation td { font-weight: 500;}
#installation p.note { font-weight: 600;}
/* --- common --- */
@media only screen and (min-width: 768px) {
#installation h2 { font-size: 2rem; margin-bottom: 2em;}
#installation h3 { font-size: 1.5rem; line-height: 3.9rem; margin-bottom: 2rem;}
#installation section:not(#footer) .shelf { display: grid; grid-template-columns: 40% 55%; gap: 5%; margin-bottom: 3rem;}
#installation .shelf.dot u { height: 100%;}
#installation .shelf.dot ul li { font-size: 0.85rem; min-height: 18%; box-sizing: border-box;}
#installation th, #installation td { font-size: 0.9rem; padding: 0.5em 0.4em;}
#installation p.note { text-align: right; font-size: 0.9rem; margin-top: 2rem;}
}/* --- pc --- */
@media only screen and (max-width: 767px) {
.lower #top .box h1 { font-size: 3.3rem;}
#installation h2 { font-size: 2rem; margin-bottom: 2em;}
#installation h3 { font-size: 1.5rem; line-height: 3.9rem; margin-bottom: 1.5rem;}
#installation .shelf.dot { margin-bottom: 2rem;}
#installation .shelf.dot figure { margin-bottom: 2rem;}
#installation .shelf.dot ul li { font-size: 1.05rem;}
#installation th, #installation td { padding: 1em 0.5em;}
#installation p.note { text-align: right; margin-top: 2em;}
}/* --- sp --- */




/* --- common --- */
@media only screen and (min-width: 768px) {

}/* --- pc --- */
@media only screen and (max-width: 767px) {
}/* --- sp --- */