@charset "UTF-8";

#area-top { min-height: 1300px; background-position: 50% 0%; }

.btn-prev { font-size: 14px; font-family: "Meiryo"; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; margin: 0px 18px 10px 0px; padding: 5px 10px; cursor: pointer; float: right; }
.btn-prev:hover { 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"; margin: 0px; padding: 0px 0px 10px 20px; }
.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 { 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: 0 auto; }
.notice-area .notice-list dl { width: 100%; border: 1px solid #efefef; 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: #666; font-weight: bold; background-color: #efefef; margin: 0px; padding: 10px 0px 10px 0px; display: table-cell; vertical-align: middle; text-align: center; }
.notice-area .notice-list dl dd { width: 85%; 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 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) {
}