@charset "utf-8";

/* Sub page layout */
.subpage {display:flex;flex-direction:column;width:100%;}
.sub-contents {display:flex;flex-direction:column;width:100%;}
.subpage .img-area {overflow:hidden;line-height:0;}
.subpage .img-area img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

/* Sub section */
.subpage .sub-sec {padding:var(--gap-sub) 0 var(--sec-pad);background:var(--color-bg-primary);}
.subpage .sub-sec--gray {padding:var(--sec-pad) 0 var(--gap-sub);background:var(--color-bg-section);}
.subpage .sub-sec > .inner > .con-tit {margin-bottom:var(--gap-md);}
.subpage .con-tit h3 {margin:0;font-size:var(--font60);line-height:1.2;font-weight:var(--fw-bold);color:var(--color-text-title);}
.subpage .con-txt.desc p {margin:0;color:var(--color-text-secondary);font-size:var(--font20);line-height:normal;}
.subpage .sub-sec-head {margin-bottom:var(--gap-md);}
.subpage .sub-sec-head .con-txt.desc p {margin:20rem 0 0;line-height:1.5;}

.sub-visual {position:relative;aspect-ratio:1920 / 750;color:var(--wh);overflow:hidden;background-color:var(--bk-deep);background-image:var(--sub-visual-bg);background-repeat:no-repeat;background-position:center;background-size:cover;}
.sub-visual-dim {position:absolute;inset:0;z-index:1;background:var(--opac-bk-20);pointer-events:none;}
.sub-visual-con {position:relative;z-index:2;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:20rem;padding-top:var(--gap-xl);}
.sub-navi {display:flex;align-items:center;gap:5rem;opacity:.8;}
.sub-navi-home,
.sub-navi-arr {display:flex;width:24rem;height:24rem;flex:none;align-items:center;justify-content:center;line-height:0;}
.sub-navi-home img,
.sub-navi-arr img {display:block;width:100%;height:100%;object-fit:contain;}
.sub-navi-cur {font-size:var(--font14);line-height:1.1;}
.sub-visual-tit {margin:0;font-size:80rem;font-weight:var(--fw-bold);line-height:1.3;text-align:center;}

/* Page tabs */
.sub-tab {border-bottom:1rem solid #d3d3d3;background:var(--wh);}
.sub-tab-in {display:flex;align-items:stretch;min-height:100rem;}
.sub-tab-item {display:flex;flex:1;align-items:center;justify-content:center;padding:0 10rem;border-bottom:2rem solid transparent;color:#646464;font-size:var(--font20);line-height:1.3;text-align:center;transition:color .2s ease,border-color .2s ease;}
.sub-tab-item.is-active {border-bottom-color:var(--bk-deep);color:var(--bk-deep);font-weight:var(--fw-bold);}

/* Search */
.sub-search {display:flex;flex:0 1 400rem;width:100%;max-width:400rem;height:60rem;align-items:center;justify-content:space-between;padding:0 14rem 0 24rem;border:1rem solid var(--gray-d5);border-radius:var(--radius-full);background:var(--wh);}
.sub-search-input {flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--bk-deep);font-size:var(--font20);line-height:1.3;outline:none;}
.sub-search-input::placeholder {color:var(--gray-d5);}
.sub-search-btn {display:flex;width:40rem;height:40rem;flex:none;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--bk-deep);cursor:pointer;}
.sub-search-btn img {display:block;width:18rem;height:18rem;object-fit:contain;}

/* Paging */
.sub-paging {display:flex;justify-content:center;margin-top:var(--gap-md);}
.sub-paging .pg_wrap {float:none;display:flex;align-items:center;justify-content:center;gap:6rem;}
.sub-paging .pg_page,
.sub-paging .pg_current {min-width:24rem;height:auto;padding:0;border:0;background:transparent;color:var(--bk);font-size:var(--font20);line-height:1.3;border-radius:0;}
.sub-paging .pg_current {font-weight:var(--fw-semibold);}
.sub-paging .pg_start,
.sub-paging .pg_prev,
.sub-paging .pg_next,
.sub-paging .pg_end {width:20rem;height:20rem;min-width:20rem;text-indent:-999px;overflow:hidden;opacity:.55;background-color:transparent;background-size:14rem auto;background-repeat:no-repeat;background-position:center;}
.sub-paging .pg_start {background-image:url(../img/btn_first.gif);}
.sub-paging .pg_prev {background-image:url(../img/btn_prev.gif);}
.sub-paging .pg_next {background-image:url(../img/btn_next.gif);}
.sub-paging .pg_end {background-image:url(../img/btn_end.gif);}

@media screen and (max-width:1024px) {
    .sub-visual-tit {font-size:64rem;}
    .sub-search {max-width:320rem;}
    /* .subpage .con-tit h3 {font-size:48rem;} */
}

@media screen and (max-width:850px) {
    .sub-visual {background-image:var(--sub-visual-bg-m, var(--sub-visual-bg));}
}

@media screen and (max-width:800px) {
    .sub-visual {aspect-ratio:375 / 640;}
    .sub-visual-con {padding-top:var(--gap-md);gap:15rem;}
    .sub-visual-tit {font-size:40rem;}

    .sub-tab-in {min-height:64rem;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .sub-tab-item {flex:none;min-width:max-content;padding:0 16rem;font-size:var(--font16);}

    .sub-search {max-width:none;width:100%;height:52rem;padding-right:10rem;flex:auto;}
    .sub-search-input {font-size:var(--font16);}

    .subpage .sub-sec,
    .subpage .sub-sec--gray {padding:var(--gap-md) 0;}
    .subpage .sub-sec > .inner > .con-tit,
    .subpage .sub-sec-head {margin-bottom:var(--gap-sm);}
    /* .subpage .con-tit h3 {font-size:var(--font30);} */
    .subpage .con-txt.desc p {font-size:var(--font16);}
    .subpage .sub-sec-head .con-txt.desc p {margin-top:24rem;line-height:1.5;}
}