@charset "UTF-8";
/* ====================================================================================================
■ about
==================================================================================================== */
/* about01 */
.about01 p:first-child {
    text-indent: -0.5em;
}
/* about02 */
.about02 .infoListTtlArea .small80 {
    text-indent: -0.5em;
}
.about02 .info04 .infoEventTxt .item::after {
    content: '：';
}
/* about03 */
.about03 .acknowledgmentDescArea .ttl::before {
    content: '〈';
}
.about03 .acknowledgmentDescArea .ttl::after {
    content: '〉';
}
.about03 .acknowledgmentTxt span {
    display: inline-block;
}
/* about04 */
.about04 .creditList .item::after {
    content: '：';
}
/*  ===== PC ===== */
@media screen and (min-width: 766px) , print {
    /* about01 */
    .about01 {
        padding-top: 64px;
    }
    .about01 p {
        font-size: 26px;
        margin-top: 32px;
    }
    .about01 p:first-child {
        margin-top: 0;
    }
    .about01 a {
        color: #000;
        border-bottom: #ccc 3px solid;
        transition: all 0.3s ease-in-out;
    }
    .about01 a:hover {
        border-bottom: #EC1234 3px solid;
    }
    .tippy-tooltip {
        font-size: 15px;
        color: #000;
        line-height: 1.5;
        padding: 32px;
        border-radius: 0;
        box-shadow: 0 0 3px 3px rgba(236,18,52,0.3);
    }
    .tippy-backdrop {
        background: #fff;
    }
    .tipBoxWrap {
        display: none;
    }
    .tipBox {
        text-align: left;
    }
    .tipBox .tipTtl {
        font-size: 18px;
        margin-bottom: 8px;
        color: #ec1234;
    }
    .tipBox .tipTxt {
        text-align: justify;
    }
    .tipBox .tipLink {
        margin-top: 4px;
    }
    .tipBox .tipLink a {
        border-bottom: #ec1234 1px solid;
    }
    /* about02 */
    /*
    .about02 .infoListArea {
        border-bottom: #00BA47 1px solid;
    }
    */
    .about02 .infoListTtlArea {
        padding-left: 144px;
        padding-bottom: 24px;
    }
    .about02 .infoListTtl {
        font-size: 20px;
        line-height: 1.5;
    }
    .about02 .infoList {
        display: table;
        width: 100%;
        border-top: #00BA47 1px solid;
    }
    .about02 .infoListItem {
        display: table-cell;
        width: 144px;
        font-size: 14px;
        line-height: 1.5;
        vertical-align: top;
        padding: 24px 0;
    }
    .about02 .infoListTxt {
        display: table-cell;
        line-height: 1.5;
        padding: 24px 0;
    }
    .about02 .info03 .museumLogo {
        width: 240px;
        height: auto;
    }
    .about02 .info04 .infoListTxt {
        padding: 0;
    }
    .about02 .info04 .infoEventList {
        display: table;
        width: 100%;
        padding: 24px 0;
        border-bottom: #00BA47 1px solid;
    }
    .about02 .info04 .infoEventList:last-child {
        border-bottom: none;
    }
    .about02 .info04 .infoEventList a {
        display: block;
        line-height: 1.5;
        color: #000;
        padding-right: 32px;
        background: url(../../assets/img/arrow_gray_right2.svg) no-repeat center right;
        background-size: 16px auto;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }
    .about02 .info04 .infoEventList a:hover {
        background: url(../../assets/img/arrow_green_right.svg) no-repeat center right;
        background-size: 16px auto;
        
    }
    .about02 .info04 .infoEventList .infoEventTtl {
        display: table-cell;
        width: 320px;
    }
    .about02 .info04 .infoEventList .infoEventTxtArea {
        display: table-cell;
    }
    .about02 .info04 .infoEventTxt {
        display: table;
        width: 100%;
    }
    .about02 .info04 .infoEventTxt .item {
        display: table-cell;
        width: 64px;
        font-size: 14px;
    }
    .about02 .info05 .infoDocList {
        font-size: 0;
    }
    .about02 .info05 .infoDocList li {
        display: inline-block;
        width: 272px;
        font-size: 16px;
        vertical-align: top;
        margin-right: 48px;
    }
    .about02 .info05 .infoDocList li:last-child {
        margin-right: 0;
    }
    .about02 .info05 .infoDocList li a {
        display: block;
        line-height: 1.2;
    }
    .about02 .info05 .infoDocList li .thumb img {
        border: #ccc 1px solid;
    }
    .about02 .info05 .infoDocList li .linkTxt {
        display: block;
        width: 100%;
        margin-top: 10px;
        padding-left: 20px;
        background: url(../../assets/img/icon_flyer.svg) no-repeat left top;
        background-size: auto 16px;
    }
    .about02 .info05 .infoDocList li a:hover .linkTxt {
        color: #00ba47;
        background: url(../../assets/img/icon_flyer_green.svg) no-repeat left top;
        background-size: auto 16px;
    }
    /* about03 */
    .about03 {
        font-size: 12px;
        overflow: hidden;
    }
    .about03 .ttl {
        font-size: 14px;
    }
    .about03 .acknowledgmentDescArea {
        width: 272px;
        float: left;
    }
    .about03 .acknowledgmentTxt {
        width: 448px;
        float: right;
        letter-spacing: -0.05em;
    }
    /* about04 */
    .about04 {
        padding-top: 32px;
    }
    .about04 .creditList {
        width: 272px;
        font-size: 12px;
        margin-top: 10px;
    }
    .about04 .creditList .item,
    .about04 .creditList .txt {
        display: inline-block;
    }
}
/*  ===== SP ===== */
@media screen and (max-width: 765px) {
    /* about01 */
    .about01 {
        padding-top: 12vw;
    }
    .about01 p {
        font-size: 4.8vw; /* 18px */
        margin-top: 30px;
    }
    .about01 p:first-child {
        margin-top: 0;
    }
    .about01 a {
        color: #000;
        border-bottom: #ccc 3px solid;
        transition: all 0.3s ease-in-out;
    }
    .about01 a:hover {
        border-bottom: #EC1234 3px solid;
    }
    .tippy-popper {
        max-width: 75vw;
    }
    .tippy-tooltip {
        font-size: 3.4666vw; /* 13px */
        color: #000;
        line-height: 1.5;
        padding: 8vw;  /* 30px */
        border-radius: 0;
        box-shadow: 0 0 3px 3px rgba(236,18,52,0.3);
    }
    .tippy-backdrop {
        background: #fff;
    }
    .tipBoxWrap {
        display: none;
    }
    .tipBox {
        text-align: left;
    }
    .tipBox .tipTtl {
        margin-bottom: 10px;
        color: #ec1234;
    }
    .tipBox .tipTxt {
        text-align: justify;
    }
    .tipBox .tipLink {
        margin-top: 5px;
    }
    .tipBox .tipLink a {
        border-bottom: #ec1234 1px solid;
    }
    /* about02 */
    .about02 .infoListArea {
        border-bottom: #00BA47 1px solid;
    }
    .about02 .infoListTtlArea {
        padding-bottom: 15px;
    }
    .about02 .infoListTtl {
        font-size: 4.8vw;
        line-height: 1.5;
        margin-bottom: 5px;
    }
    .about02 .infoList {
        display: table;
        width: 100%;
        border-top: #00BA47 1px solid;
    }
    .about02 .infoListItem {
        display: table-cell;
        width: 20vw;
        font-size: 3.2vw; /* 12px */
        line-height: 1.5;
        vertical-align: top;
        padding: 15px 0;
    }
    .about02 .infoListTxt {
        display: table-cell;
        line-height: 1.5;
        padding: 15px 0;
    }
    .about02 .info03 .museumLogo {
        width: 56vw;
        height: auto;
    }
        .about02 .info04 .infoListTxt {
        padding: 0;
    }
    .about02 .info04 .infoEventList {
        padding: 15px 0;
        border-bottom: #00BA47 1px solid;
    }
    .about02 .info04 .infoEventList:last-child {
        border-bottom: none;
    }
    .about02 .info04 .infoEventList a {
        display: block;
        line-height: 1.5;
        color: #000;
        padding-right: 8vw;
        background: url(../../assets/img/arrow_gray_right2.svg) no-repeat center right;
        background-size: 15px auto;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }
    .about02 .info04 .infoEventList a:hover {
        background: url(../../assets/img/arrow_green_right.svg) no-repeat center right;
        background-size: 15px auto;
    }
    .about02 .info04 .infoEventTxt {
        display: table;
        width: 100%;
        font-size: 12px;
    }
    .about02 .info04 .infoEventTxt .item {
        display: table-cell;
        width: 12vw;
        font-size: 10px;
    }    
    .about02 .info05 .infoDocList li {
        margin-bottom: 15px;
    }
    .about02 .info05 .infoDocList li a {
        display: block;
        line-height: 1.2;
    }
    .about02 .info05 .infoDocList li .thumb img {
        border: #ccc 1px solid;
    }
    .about02 .info05 .infoDocList li .linkTxt {
        display: block;
        font-size: 12px;
        margin-top: 5px;
        padding-left: 15px;
        background: url(../../assets/img/icon_flyer.svg) no-repeat left top;
        background-size: auto 12px;
    }
    .about02 .info05 .infoDocList li a:hover .linkTxt {
        color: #00ba47;
        background: url(../../assets/img/icon_flyer_green.svg) no-repeat left top;
        background-size: auto 12px;
    }
    /* about03 */
    .about03 {
        font-size: 10px;
        overflow: hidden;
    }
    .about03 .ttl {
        font-size: 11px;
    }
    .about03 .acknowledgmentDescArea {
        margin-bottom: 5px;
    }
    .about03 .acknowledgmentTxt {
        letter-spacing: -0.05em;
    }
    /* about04 */
    .about04 {
        padding-top: 45px;
    }
    .about04 .creditList {
        font-size: 10px;
        margin-top: 5px;
    }
    .about04 .creditList .item,
    .about04 .creditList .txt {
        display: inline-block;
    }
}