@charset "utf-8";

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

		summary
        
**************************************************/
#contents div{display:table;}
#contents h2 {font-size:36px;}
#contents h3{background:url(../images/h3_bg.gif) no-repeat;color:#fff;height: 62px;width: 240px;text-align: center;
padding-top: 3px;	margin:0;font-size: 22px;}
#contents #balance h3{font-size: 20px;}
#contents .section div p{color: #0e8340;display:table-cell;vertical-align: top;padding-left: 30px; padding-top: 7px;line-height: 1.5em;}
#contents .section{width:90%;margin: 62px auto 10px;}
#contents .desc{margin-bottom:40px;}
#contents .desc .section dl{width:100%;height: 142px;}
#contents .desc .section dl a{display:table;height:100%;}
#contents .desc .section dl dt { margin: 0;width: 86%;padding-left: 20px;color: #0e8340;font-family: "Century Gothic", sans-serif;font-size: 99%;display: table;}
#contents .desc .section dl dt:first-child {padding-top:10px;}
#contents .desc .section dl dt:nth-child(3){padding: 5px 0 0 40px;}
#contents .desc .section dl dd:last-child{ display:none;}
#contents .desc .section a:hover{ background: rgba(255,255,255,0.5);}
#contents .desc .section .no1{background:url(../images/bg_no1.gif) no-repeat;background-size: 100%;}
#contents .desc .section .no2{background:url(../images/bg_no2.gif) no-repeat; background-size: 100%;}
#contents .desc .section .no3{background:url(../images/bg_no3.gif) no-repeat; background-size: 100%;}
#contents .desc dd{vertical-align: middle;width: 69%;padding: 0px 70px 0 20px;line-height: 1.5em;margin: 0;display: table-cell;}
#contents #balance .section{margin-bottom:10px;}
#contents .desc p{ width:90%; margin: 0 auto; color:#666;}


@media screen and (max-width: 800px){
#contents .desc .section dl dt{font-size:11px;}
#contents .desc .section dl dt:nth-child(3) img{ width:70%;}
header nav ol { margin: 40px 0; }
}

@media screen and (max-width: 480px){
#contents div {display: block;}
#contents h2 {font-size: 19px;	}
#contents h3 { width: 210px;font-size: 18px;}
#contents .section div p { display: block; padding:0;}
#contents .desc .section dl{ border-radius: 8px 8px 0 0;width: 80%; margin: 0 auto 10px;height: auto;}
#contents .desc .section dl dt:nth-child(3) { text-align: center; padding:10px 0;margin: 0 auto;}
#contents .desc .section .no1{background: none;background-color: #fff;border-top: 10px solid #ecea55;}
#contents .desc .section .no2{background: none;background-color: #fff;border-top: 10px solid #f5c153;}
#contents .desc .section .no3{background: none;background-color: #fff;border-top: 10px solid #fcad6e;}
#contents .desc .section .no1 dd {  background-color: #fefeed;}
#contents .desc .section .no2 dd {  background-color: #faf3e4;}
#contents .desc .section .no3 dd {  background-color: #fbede2;}
#contents .desc .section dd { display: block;padding: 19px; margin: 0px; width: 86%;}
#contents .desc .section dl dd:last-child{ color:#fff; font-weight:600;border-radius: 0 0 8px 8px;text-shadow: 1px 1px 3px #555; font-size:20px; display:block; position:relative;}
#contents .desc .section .no1 dd:last-child{background-color: #ecea55;}
#contents .desc .section .no2 dd:last-child{background-color: #f5c153;}
#contents .desc .section .no3 dd:last-child{background-color: #fcad6e;}
#contents .desc .section dl dd:last-child:after{content: ""; top: 25px;right: 20px;border-bottom: 10px solid transparent;border-left: 8px solid #FFF;position: absolute;border-top: 10px solid transparent;}
}

