@charset "utf-8";
main {
    padding-top: 2vw;
}
body,
header.scroll_nav {
    background-color: #fff7e0;
}
.round_line {
    height: 45vw;
    /* border: solid 1px #000; */
    border-radius: 73vw 73vw 0 0;
    border-bottom: 0;
    display: block;
    position: absolute;
    top: 5vw;
    left: calc(115 / 1200 * 70vw);
    right: calc(115 / 1200 * 70vw);

    /*z-index: -1;*/
}

.round_line:before {
    content: "";
    width: 100%;
    height: 14vw;
    background-color: #fff7e0;
    display: block;
    margin-top: -5vw;
}
.round_line:after {
    content: "";
    background-image: url(../images/scroll.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -20px;
    /* top: calc(41vw + 1vw); */
    top: calc(38.5vw + 1vw);
    width: 9px;
    height: 100vw;
}
@media print, screen and (max-width: 1080px) {
    .round_line:after {
        top: 48vw;
    }
}
@media print, screen and (min-width: 1081px) and (max-width: 1180px) {
    .round_line:after {
        top: 45vw;
    }
}
@media print, screen and (min-width: 1181px) and (max-width: 1400px) {
    .round_line:after {
        top: calc(43vw + 1vw);
    }
}
@media print, screen and (max-width: 749px) {
    .round_line {
        top: 15vw;
    }
    .round_line:before {
        height: 20vw;
    }
    .round_line:after {
        display: none;
    }
}

/* コンテンツエリア */
section.title_area {
    position: relative;
    z-index: 2;
}

section.title_area img {
    display: block;
    margin: 0 auto;
}
section.content_area {
    margin-top: 0;
}
section.content_area h2 {
    margin-top: 4.2vw;
}
section.content_area h2 img {
    width: 25.938vw;
}
section.content_area p.lead {
    font-size: 1.3vw;
    padding-top: 1.563vw;
}
@media print, screen and (max-width: 749px) {
    .title_area .container {
        /* margin: 12vw 18vw 0; */
        margin: 12vw 9.6vw 0;
    }

    section.content_area h2 {
        margin-top: 5.5vw;
    }
    section.content_area h2 img {
        width: 60.08vw;
    }
    section.content_area p.lead {
        font-size: 3.204vw;
    }
}
/* エリアアンカー */
.areas {
    text-align: center;
    margin: 4.35vw auto 5.5vw;
    width: 50vw;
    font-family: RockfordSans-Light;
}

.areas dt {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    display: inline;
    padding: 0 1.5%;
}

.areas ul.area_links {
    display: flex;
    margin-top: 2vw;
    justify-content: space-around;
    z-index: 3;
}

.areas ul.area_links li {
    width: 150px;
}

.areas ul.area_links:last-of-type {
    justify-content: space-evenly;
}

.areas dd a {
    position: relative;
}
@media print, screen and (max-width: 749px) {
    .areas {
        width: 70vw;
        margin-top: 10vw;
        margin-bottom: 20vw;
    }
    .areas ul.area_links {
        margin-top: 15px;
        justify-content: space-evenly;
    }
    .areas ul.area_links li {
        width: auto;
    }
}

/* 一覧 */
.lists {
    position: relative;
}
.lists:nth-of-type(n + 3) {
    margin-top: 6.5vw;
}
.lists h3 {
    font-size: 1.25vw;
}

.lists button.scroll_btn {
    width: 20vw;
    margin-right: 0;
    margin-left: auto;

    text-align: left;
    border: none;
    background-color: transparent;

    position: absolute;
    right: 0;
    top: -2vw;
    color: #000000;
}

.lists button.scroll_btn:after {
    content: "";
    width: 100%;
    height: 10.5px;

    background-image: url(../images/link_right_s-sp.png);
    transition: 0.3s ease-in-out;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    position: absolute;
    right: 0;
    bottom: -12px;
}

.lists table {
    margin: 2vw 1.5vw 0;
    width: 80vw;
}

.lists table th {
    border-bottom: 1px solid #000;
}

.lists table td {
    line-height: 2;
    vertical-align: top;
    border-bottom: 1px solid #bcbcbc;
    padding: 1vw 25px 1vw 0;
}
.lists table th.center,
.lists table td.center {
    text-align: center;
}

a.link_s.left {
    /*font-family: "A1明朝","中ゴシックBBB", RockfordSans-Light , ErotiqueText-Regular, eb-garamond !important;*/
}

@media print, screen and (max-width: 749px) {
    .lists h3 {
        font-size: 4.5vw;
    }
    div.lists:nth-of-type(n + 3) {
        margin-top: 25vw;
    }
    /*.lists:nth-of-type(n+3) button.scroll_btn {
		top: 23vw;
	}*/
    .lists table {
        position: relative;
        margin-top: 10vw;
        margin-left: 0;
        width: 1072px;
    }
    .lists table:before {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 3vw;
        height: 100%;
    }
    .lists table th.center,
    .lists table td.center {
        padding: 1vw 4vw;
    }
    .lists button.scroll_btn {
        margin-right: -3vw;
    }
    .lists .table-scroll {
        margin-right: -3vw;

        overflow-x: auto;
        /*white-space: nowrap;*/
        -webkit-overflow-scrolling: touch;
    }
    ul li.sp a.page_top {
        font-family: RockfordSans-Light;
        width: 100%;
        padding-bottom: 2.5vw;
        position: relative;
        display: block;
        line-height: 0;
    }
    ul li.sp a.page_top:after {
        content: "";
        background-image: url(../images/viewlist-sp.png);
        /*background-image: url(../common/images/viewlist-sp.png);*/
        transition: 0.3s ease-in-out;
        width: 100%;
        height: 10.5px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        bottom: -12px;
        right: 0;
    }
}

/* フッター */
#back ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#back.content_area {
    margin-top: 15vw;
}
footer {
    margin-top: 5vw;
}

footer ul {
    /*font-family: "A1明朝","中ゴシックBBB", RockfordSans-Light , ErotiqueText-Regular, eb-garamond !important;*/
}

@media print, screen and (max-width: 749px) {
    #back.content_area {
        margin-top: 30vw;
    }
    footer {
        margin-top: 10vw;
    }
}