@charset "utf-8";
/*******************************************/
/* Home                                    */
/*******************************************/

.homCopy{ width:100%; height:505px; }
.homCopy img{ width:413px; height:286px; margin:0; }
.homHero{ width:648px; height:700px; position:relative; margin-bottom: 60px; }
.homDate{ position:absolute; bottom:64px; left:67px; }
.homDate img{ width:521px; height:148px; }
.homInfo{ background:#ecf4ff; border:2px solid #0d6fb8; margin-bottom:30px; padding:24px; position:relative; }
.homInfo_inr{ }
.homInfo_covid19{ width:100%; }
.homInfo_inr p, .homInfo_covid19 p{ line-height:2.8rem; }
.posh1 a{ margin: 0 0 0 auto; width: 256px; }
.homHero-note{ color:red; line-height:2.4rem; position:absolute; bottom:32px; left:0; text-align:center; width:100%; }
.btnBox{ display: flex; flex-wrap: nowrap; justify-content: space-around; }

/* Info */
.infTtl{ border-bottom:4px solid #00aaff; font-size:2.4rem; line-height:1em; text-align:center; padding-bottom:2.4rem; }
.infUl{ clear:both; padding-left:0; width:100%; }
.infUl li{ border-bottom:1px solid #ccc; line-height:2.8rem; list-style:none; padding:16px 0;  }
.infDl dt{ width:100%; }
.infDl dd{ width:100%; }

/*******************************************/
/* responsive                              */
/*******************************************/
@media screen and (max-width:767px) {

	.homCopy{ width:100%; height:350px; }
	.homCopy img{ width:240px; height:166px; margin:0; }
    .homHero{ width:100%; height:auto; margin-bottom: 24px; }
	.homDate{ left:50%; margin-left:-144px; }
	.homDate img{ width:288px; height:82px; }
	.homInfo{ margin-bottom:64px; padding:16px; }
	.homInfo_inr{ width:100%; }
	.homInfo_inr p{ line-height:2.8rem; }
	.posh1{ position:static; }
	.posh1 a{ margin:16px auto 0; }
	.homHero-note{ position:absolute; bottom:8px; left:0; text-align:left; }
    .btnBox{ display: block; }
	
}