@charset "utf-8";

/* 下層ページのcommon */
ul{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


.title_area{
    background:url("../images/bg_title.jpg") no-repeat center left;
}

#breadcrumbs{
    width:100%;
    max-width:1100px;
    margin: 0 auto;
    padding-top:16px;
    font-size:14px;
}

#breadcrumbs a{
    color:#0088C2;
    text-decoration:underline !important;
}

.title_area h2{
    padding:45px 0 80px;
    color:#9dcfe5;
    font-family: "Marcellus";
    font-size: 64px;
    font-weight: 400;
    text-align: center;
}

.title_area.tab_before h2{
    padding:45px 0 150px;
}

.title_area h2 .small{
    color:#363D40;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.contents_area{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:80px 0 96px;
}

.contents_area table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.contents_area table th,
.contents_area table td{
    padding:16px;
    border:1px solid #D2E1EA;
    font-size: 16px;
}
.contents_area table th{
    background-color:#F8FCFD;
    font-weight: 500;
    text-align: left;
}


@media screen and (max-width: 720px) {
    #breadcrumbs {
        padding-left:12px;
        font-size: 12px;
    }

    .title_area h2 {
        padding: 30px 0 50px;
        font-size: 38px;
    }

    .title_area.tab_before h2{
        padding: 30px 0 80px;
    }

    .contents_area{
        padding:40px 12px 0;
    }

    .contents_area table th,
    .contents_area table td{
        padding:10px 8px;
        font-size: 13px;
    }
}