@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap');

/*-----------------------------------------------
common
-----------------------------------------------*/
.is-sp-show {
    display: none;
}

.is-pc-show {
    display: inline-block;
}

@media (max-width: 47.99em) {
    .is-pc-show {
        display: none;
    }

    .is-sp-show {
        display: inline-block;
    }
}

.contents_header {
    max-width: 750px;
    margin: 0 auto;
}

.allContentWrap.wrapper {
    display: block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    background: #f3fcff url(../img/pc_bg.jpg) repeat-x center bottom;
    background-attachment: fixed;
}

.allContentWrap.wrapper img {
    max-width: 100%;
    height: 100%;
}

/* nav内の画像のみheight: auto */
.allContentWrap.wrapper .nav img {
    height: auto;
}

.allContentWrap.wrapper .btn:hover {
    opacity: 0.8;
}

.allContentWrap.wrapper .sp_header {
    display: block;
}

@media (min-width: 48em) {
    .allContentWrap.wrapper .sp_header {
        display: none;
    }
}

.allContentMain {
    background: #fff;
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
}
@media (min-width: 48em) {
    .allContentMain {
        max-width: 480px;
        margin: 0 auto;
    }
}
@media (min-width: 48em) {
.allContentMain a {
    transition: .4s all;
}
.allContentMain a:hover {
    opacity: 0.7;
}
}
.allContentMain i {
    font-style: italic;
    margin-left: -0.3em;
}

/*-----------------------------------------------
contents_header
-----------------------------------------------*/

.contents_header,
.contentsHeader {
    max-width: 750px;
    margin: 0 auto;
    text-align: right;
    padding: 4vw 0 0;
}

@media (min-width: 48em) {
    .contents_header,
   .contentsHeader {
        width: 100%;
        padding: 5px 0 10px;
    }

    .contents_header img {
        width: 100%;
    }
}

@media (max-width: 46em) {
    .contents_header,
    .contentsHeader {
        width: 100%;
        text-align: right;
        margin: 0 auto;
    }
}

.contents_header span,
.contentsHeader span {
    display: inline-block;
    padding: 15px 15px 0;
    font-size: 90%;
}


/*-----------------------------------------------
ft_breadCrumb
-----------------------------------------------*/

.ft_breadCrumb {
    width: 100%;
}

.ft_breadCrumb .breadCrumb_list {
    padding: 1.6vw 2.6666666667vw;
    background-color: #f1f1ee;
    border: 1px solid #c3c1bf;
    border-width: 1px 0;
    text-align: center;
    font-size: 3.4vw;
}

@media (max-width: 47.99em) {
    .ft_breadCrumb .breadCrumb_list {
        white-space: nowrap;
        overflow: scroll;
    }
}

@media (min-width: 48em) {
    .ft_breadCrumb .breadCrumb_list {
        padding: 16px;
        border-bottom: none;
        font-size: 16px;
    }
}

.ft_breadCrumb li {
    position: relative;
    display: inline;
    white-space: nowrap;
    padding: 0 0 0 2.3rem;
}

.ft_breadCrumb li:first-child {
    padding-left: 0;
}

.ft_breadCrumb li:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%) rotate(45deg);
    width: 0.6rem;
    height: 0.6rem;
    border-top: 2px solid #999999;
    border-right: 2px solid #999999;
}

@media (min-width: 48em) {
    .ft_breadCrumb li:not(:first-of-type)::before {
        width: 8px;
        height: 8px;
        border-top-width: 2px;
        border-right-width: 2px;
    }
}

.bannerWrap .desk-report {
    margin: 0 0 17.3333333333vw;
}

@media (min-width: 48em) {
    .bannerWrap .desk-report {
        margin-bottom: 40px;
    }
}

.footer {
    padding: 5% 0 20vw;
    overflow: hidden;
}
@media (min-width: 48em) {
    .footer {
        padding: 5% 0 100px;
    }
}