#contents #main #top .inner .selects { *zoom: 1; }
#contents #main #top .inner .selects:after { content: ""; display: table; clear: both; }

#contents .red { color: #d8051e; }
#contents #main { box-sizing: border-box; border: 8px solid #72c300; border-radius: 12px; margin: 0 auto 55px; width: 960px; }
@media only screen and (max-width: 760px) { #contents #main { border: none; margin-bottom: 0; padding: 0 15px 30px; width: 100%; } }
#contents #main #top { background: url(../img/metabo_check/pict_check.gif) no-repeat 50px 510px; padding-top: 124px; position: relative; }
@media only screen and (max-width: 760px) { #contents #main #top { background: none; padding-top: 0; } }
#contents #main #top h3 { border: none; left: 0; margin: 0; padding: 0; position: absolute; top: 0; }
@media only screen and (max-width: 760px) { #contents #main #top h3 { border-bottom: 1px solid #72c300; color: #72c300; font-size: 94%; font-weight: bold; margin-bottom: 18px; padding-bottom: 10px; position: static; } }
#contents #main #top .inner { margin: 0 auto; padding-bottom: 50px; width: 850px; }
@media only screen and (max-width: 760px) { #contents #main #top .inner { padding-bottom: 0; width: 100%; } }
#contents #main #top .inner h4 { font-size: 122%; font-weight: bold; margin-bottom: 40px; }
@media only screen and (max-width: 760px) { #contents #main #top .inner h4 { font-size: 83%; line-height: 1.6; margin-bottom: 23px; } }
#contents #main #top .inner .selects { margin-bottom: 100px; }
@media only screen and (max-width: 760px) { #contents #main #top .inner .selects { margin-bottom: 15px; } }
#contents #main #top .inner .selects ul.left { float: left; margin-right: 25px; width: 425px; }
@media only screen and (max-width: 760px) { #contents #main #top .inner .selects ul.left { float: none; width: 100%; } }
#contents #main #top .inner .selects ul.right { float: right; width: 400px; }
@media only screen and (max-width: 760px) { #contents #main #top .inner .selects ul.right { float: none; width: 100%; } }
#contents #main #top .inner .selects ul li { font-size: 89%; letter-spacing: -0.04em; line-height: 1.6; margin-bottom: 12px; }
@media only screen and (max-width: 760px) { #contents #main #top .inner .selects ul li { border-bottom: 1px dotted #c9c9c9; font-size: 78%; margin-bottom: 15px; padding-bottom: 15px; } }
#contents #main #top .inner .selects ul li label { background: url(../img/metabo_check/check_off.gif) no-repeat left 1px; display: block; padding-left: 30px; }
@media only screen and (max-width: 760px) { #contents #main #top .inner .selects ul li label { background: url(../img/metabo_check/sp/check_off.gif) no-repeat left 1px; background-size: 19px 18px; } }
#contents #main #top .inner .selects ul li label input { display: none; }
#contents #main #top .inner .selects ul li label.on { background: url(../img/metabo_check/check_on.gif) no-repeat left 1px; }
@media only screen and (max-width: 760px) { #contents #main #top .inner .selects ul li label.on { background: url(../img/metabo_check/sp/check_on.gif) no-repeat left 1px; background-size: 19px 18px; } }
#contents #main #top .inner .button { text-align: right; }
@media only screen and (max-width: 760px) { #contents #main #top .inner .button { text-align: center; } }
#contents #main #result { display: none; padding-top: 76px; position: relative; }
@media only screen and (max-width: 760px) { #contents #main #result { padding-top: 0; } }
#contents #main #result h3 { border: none; left: 0; margin: 0; padding: 0; position: absolute; top: 0; }
@media only screen and (max-width: 760px) { #contents #main #result h3 { border-bottom: 1px solid #72c300; color: #72c300; font-size: 94%; font-weight: bold; margin-bottom: 18px; padding-bottom: 10px; position: static; } }
#contents #main #result .box { padding: 100px 50px 50px 336px; }
@media only screen and (max-width: 760px) { #contents #main #result .box { padding: 0; } }
@media only screen and (max-width: 760px) { #contents #main #result .box .body { padding-left: 103px; } }
#contents #main #result .box .body h4 { color: #d8051e; font-size: 278%; font-weight: bold; margin-bottom: 30px; }
@media only screen and (max-width: 760px) { #contents #main #result .box .body h4 { font-size: 111%; margin-bottom: 12px; } }
#contents #main #result .box .body .text { font-size: 167%; font-weight: bold; letter-spacing: -0.04em; line-height: 1.8; margin-bottom: 70px; }
@media only screen and (max-width: 760px) { #contents #main #result .box .body .text { font-size: 83%; margin-bottom: 25px; } }
#contents #main #result .box .return { text-align: right; }
@media only screen and (max-width: 760px) { #contents #main #result .box .return { text-align: center; } }
#contents #main #result #result01 { background: url(../img/metabo_check/bg01.gif) no-repeat 22px 58px; display: none; }
@media only screen and (max-width: 760px) { #contents #main #result #result01 { background-size: 90px auto; background-position: left top; } }
#contents #main #result #result02 { background: url(../img/metabo_check/bg02.gif) no-repeat 67px 48px; display: none; }
@media only screen and (max-width: 760px) { #contents #main #result #result02 { background-size: 90px auto; background-position: left top; } }
#contents #main #result #result03 { background: url(../img/metabo_check/bg03.gif) no-repeat 38px 67px; display: none; }
@media only screen and (max-width: 760px) { #contents #main #result #result03 { background-size: 90px auto; background-position: left 20px; } }
#contents #main #result #result03 .text { margin-bottom: 45px; }
#contents #main #result #result04 { background: url(../img/metabo_check/bg04.gif) no-repeat 26px 48px; display: none; }
@media only screen and (max-width: 760px) { #contents #main #result #result04 { background-size: 90px auto; background-position: left top; } }

/*# sourceMappingURL=metabo_check.css.map */