@charset "utf-8";
/* CSS Document */
#info h3{ text-align: center; margin: 0 0 85px;}
#info .tit{ font-size: 22px; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px #000 solid;}

#info table, #info tbody, #info table tr{ width: 100%; font-size: 16px; line-height: 1.4; display: block;}
#info tr{ padding: 18px 0; border-bottom: 1px #e5e5e5 solid;}
#info tr:last-of-type{ border: none;}
#info th{ width: 100px;}
#info td{ color: #ad4271; text-decoration: underline;}
#info .btn_info{ max-width: 420px; margin: 30px auto 100px; border: 1px #ad4271 solid; text-align: center; }
#info .btn_info a{ display: inline-block; padding: 21px 0 23px 35px ; position: relative; font-size: 20px; color: #ad4271; line-height: 1.3;}
#info .btn_info a:before{ position: absolute; content: ''; background: url("../../images/information/icon1.jpg") no-repeat; width: 19px; height: 19px; left: 0; top: 50%; transform: translateY(-50%);}

/* ============== Media =============== */

@media only screen and (max-width: 480px){
	#info h3{ margin: 0 0 10vw;}
	#info .tit{ font-size: 16px; padding: 0 0 15px;}
	#info table tr{ font-size: 14px;}
	#info th{ width: 85px;}
	#info .btn_info{ margin: 30px auto 50px;}
	#info .btn_info a{ font-size: 18px; padding: 17px 0 19px 30px;}
}