@charset "UTF-8";

#area-top { padding-bottom: 40px; }

.btn-prev { font-size: 18px; font-family: "Meiryo"; color: #fff; background-color: #999; border: 0px; border-radius: 5px; box-shadow: 3px 3px 3px #ddd; margin: 0px 18px 10px 0px; padding: 5px 10px; cursor: pointer; float: right; }
.btn-prev:hover { color: #000; background-color: #ddd; }

.notice-title-area { clear: both; width: 100%; }
.notice-title-area .notice-title { float: left; font-size: 25px; font-weight: bold; font-family: "Meiryo"; color: #666; margin: 0px; padding: 0px 0px 10px 20px; }
.notice-title-area .notice-title img { display: inline-block; vertical-align: middle; }
.notice-title-area a { float: right; padding-top: 0px; }

.notice-area { clear: both; width: 93%; border: 1px solid #ddd; background-color: #fff; margin: 0 auto 40px; padding: 20px; }

.notice-area .notice-article h2 { color: #666; text-align: center; }
.notice-area .notice-article { width: 95%; text-align: justify; margin: 0 auto; padding-bottom: 20px; }

.notice-area .notice-list { width: 95%; margin: 40px auto 0; }
.notice-area .notice-list dl { width: 100%; border: 1px solid #999; border-width: 1px 0px 0px 0px; margin: 0 auto; padding: 5px 0px 5px 0px; display: table; }
.notice-area .notice-list dl:last-child { border-width: 1px 0px; }
.notice-area .notice-list dl dt { width: 15%; color: #fff; font-weight: bold; background-color: #999; margin: 0px; padding: 10px 0px 10px 0px; display: table-cell; vertical-align: middle; text-align: center; }
.notice-area .notice-list dl dd { width: 85%; font-weight: bold; background-color: #fff; margin: 0px; padding: 0px 0px 0px 20px; display: table-cell; vertical-align: middle; text-align: left; }
.notice-area .notice-list dl dd a:link, .notice-area .notice-list dl dd a:active, .notice-area .notice-list dl dd a:visited { color: #333; }
.notice-area .notice-list dl dd img { vertical-align: top; }

.notice-area ul { list-style: none; }
.notice-area ul li { display: inline-block; margin: 20px 5px 0px 5px; }
.notice-area ul li a { border: 1px solid #ddd; border-radius: 5px; padding: 8px 15px; }
.notice-area ul li a:hover { background-color: #d9d9d9; }

/* Smartphone */
@media only screen and (max-width: 1130px) {
}

/* iPad Pro */
@media only screen and (max-width: 1024px) {
}

/* iPad */
@media only screen and (max-width: 768px) {
    .notice-title-area { margin: 20px 0px; }
    .notice-title-area .notice-title { font-size: 22px; }

    .notice-area { width: 93%; padding: 10px; }

    .notice-area .notice-list { width: 100%; }
    .notice-area .notice-list dl dt { width: 25%; }
    .notice-area .notice-list dl dd { width: 75%; }
}

/* iPhone 7 Plus, iPhone 8, iPhone 8 Plus, iPhone X */
@media only screen and (max-width: 414px) {
    .notice-area { width: 85%; }

    .notice-area .notice-list dl dt { width: 35%; font-size: 11px; font-weight: normal; }
    .notice-area .notice-list dl dd { width: 65%; font-size: 11px; }

    .notice-area ul li a { padding: 4px 9px; }
}

/* iPhone 7 */
@media only screen and (max-width: 375px) {
}

/* Galaxy S5 */
@media only screen and (max-width: 360px) {
}

/* iPhone 5, iPhone SE */
@media only screen and (max-width: 320px) {
}