@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;box-sizing:border-box;list-style:none;quotes:none;text-decoration:none;color:#333333;
	font-optical-sizing:auto;font-style:normal;letter-spacing:0.1em;font-family:sans-serif;}
br.mb{display:none;}

body{background:url("bg.gif");padding:30px 0 0 0;}

img{width:100%;}
a{transition:0.3s;}
a:hover{opacity:0.6;}

section{width:800px;margin:0 auto;padding:50px;background:#ffffff;}

#greeting h1{font-size:30px;text-align:center;}
#greeting div{background:#00AFD0;padding:40px;margin:30px 0;}
#greeting div img{width:300px;display:block;margin:0 auto;}
#greeting p{font-size:17px;line-height:2.0;text-align:center;}
#greeting p span{font-weight:bold;}
#greeting p em{color:#f00000;}

#coupon{text-align:center;}
#coupon h2{border-top:2px dotted #cccccc;font-size:20px;padding:50px 0 0 0;}
#coupon h2 img{width:300px;display:block;margin:20px auto 0;}
#coupon h3{margin:20px 0 0 0;}
#coupon h3 em{display:block;font-size:16px;}
#coupon h3 span{display:inline-block;font-size:30px;margin:20px 0 0 0;background: linear-gradient(transparent 60%, #ffefd5 60%);padding: 0 5px;color:#000000;}
#coupon h3 a{display:block;width:280px;margin:30px auto 0;line-height:0;font-size:17px;background:#8fbc8f;padding:25px 0;border-radius:30px;color:#ffffff;}
#coupon p{margin:30px 0 0 0;font-size:15px;line-height:1.8;color:#666666;}

#faq a{font-size:14px;text-decoration:underline;color:#666666;display:block;width:220px;text-align:center;margin:50px auto 0;}


#faq h3{border-top:2px dotted #cccccc;font-size:20px;padding:50px 0 0 0;text-align:center;}

#faq ul{margin:30px auto 0;width:95%;}
#faq ul li{padding:30px 0;border-bottom:1px solid #cccccc;line-height:1.8;}
#faq ul li h4{margin:0 0 10px 0;font-size:17px;}
#faq ul li h4 span{background: linear-gradient(transparent 60%, #eeeeee 60%);padding:0 5px;}
#faq ul li p{font-size:16px;text-align:justify;}


footer{background:#000000;text-align:center;margin:60px 0 0 0;padding:60px 0 30px 0;}
footer *{color:#ffffff;font-weight:bold;}

footer p{font-size:16px;}
footer h5{font-size:20px;padding:5px 0;}
footer h6{font-size:14px;}
footer small{font-size:10px;margin:40px 0 0 0;display:block;}

@media (max-width:860px){

	
br.pc{display:none;}
br.mb{display:block;}
	
section{width:95%;padding:30px;background:#ffffff;}	
#greeting h1{font-size:25px;text-align:center;}
#greeting div{background:#00AFD0;padding:30px;margin:30px 0;}
#greeting div img{width:250px;}
#greeting p{font-size:15px;text-align:justify;}
#coupon h2{font-size:16px;}	
	
#faq ul{width:100%;}	
#faq ul li h4{font-size:16px;}
#faq ul li p{font-size:15px;}
	
}