@charset "utf-8";

/**************************************************

		index
        
**************************************************/

#wrapper {width:100%;margin:0; overflow:hidden;background-color: #ffffff;}

#contents dl{display:block;width:90%;margin: 0 auto;border:none;padding: 20px;height: auto;}
#contents dl dt {background:url(../images/-what_tflab-.png) no-repeat;    background-size: 100%;}
#contents dl dt.txhide{height:34px;margin: 0 0 25px; width:100%; display:block;}
#contents dl dd{width: 76%;color: #555;padding-right: 0; margin: 0 auto;letter-spacing: 0.5px;font-size:14px;display: block;}

#contents {background:none;}
#contents div.howbox {margin: 10px auto 50px; width:90%; text-align: center;}
#contents div.howbox ol li{display: inline-block;margin:0 auto;}
#contents div.howbox ol li img{ width: 100%; margin:0 auto;}
#contents .caution {width:90%; margin:0 auto; }
#contents .caution .caption{font-weight:800; color:#fff; background-color:#0e8340; line-height:2em; font-size:14px; margin:0;}
#contents .caution .note{ border:1px solid #0e8340; padding:20px 50px; color:#0e8340; font-size:12px; margin-bottom:50px;line-height: 1.5em;}
#contents .caution .caption:before{ content:""; border-left:3px solid #ffffff; margin-left:10px;}


@media screen and (max-width: 480px){
#contents div img { width:100%;}
#contents dl { width:90%; height:auto;}
#contents dl dt {background-size: 100%;}
#contents dl dt.txhide{ display:block; height: auto;margin: 0 0 15px;}
#contents dl dd { width:100%;}
#contents div.howbox { width: 90%; margin: 0 auto;	}
#contents div.howbox ol li {display: block;}
#contents .caution .note { padding: 5px 10px;}
}




