@charset "UTF-8";
/* ====================================================================================================
■ profile
==================================================================================================== */
/*  ===== PC ===== */
@media screen and (min-width: 766px) , print {
    /* profile01 */
    .profile01 {
        padding-top: 64px;
    }
    .profile01 .profileTxtArea {
        margin-top: 32px;
    }
    .profile01 .profileName {
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 32px;
    }
    .profile01 .profileTxtArea p {
        margin-top: 16px;
    }
    /* profile02 */
    .profile02 .archiveTtl {
        display: none;
    }
    .profile02 .archiveListArea {
        font-size: 0;
    }
    .profile02 .archiveList {
        display: inline-block;
        width: 320px;
        vertical-align: top;
        margin: 64px 48px 0 0;
    }
    .profile02 .archiveList:nth-child(3n) {
        margin-right: 0;
    }
    .profile02 .archiveList01, 
    .profile02 .archiveList02, 
    .profile02 .archiveList03 {
        margin-top: 0;
    }
    .archiveSlide.swiper-container {
        width: 100%;
        height: auto;
    }
    .archiveSlide .slidePh {
        position: relative;
        width: 100%;
        height: 224px;
        overflow: hidden;
    }
    .archiveSlide .slidePh img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    .archiveSlide .slideCap {
        display: block;
        width: 100%;
        font-size: 11px;
        font-weight: 400;
        line-height: 1;
        text-align: right;
        margin-top: 8px;
        background: #fff;
    }
    .profile02 .archiveListTtl {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 8px;
    }
    .profile02 .archiveList04 .archiveListTtl,
    .profile02 .archiveList05 .archiveListTtl,
    .profile02 .archiveList06 .archiveListTtl {
        height: 95px;
    }
    .profile02 .archiveListTtl .year {
        display: block;
    }
    .profile02 .archiveListTtl .ttl {
        display: block;
        text-indent: -0.5em;
    }
    .profile02 .archiveListTtl .archivePlace {
        display: block;
        text-indent: -0.5em;
        width: 100%;
        margin-top: 4px;
    }
    .profile02 .archiveListTxt {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 16px;
    }
    .profile02 .archiveList02 .archiveListTxt,
    .profile02 .archiveList03 .archiveListTxt {
        text-indent: -0.5em;
    }
}
/*  ===== SP ===== */
@media screen and (max-width: 765px) {
    /* profile01 */
    .profile01 {
        padding-top: 12vw;
    }
    .profile01 .profileTxtArea {
        margin-top: 45px;
    }
    .profile01 .profileName {
        font-size: 5.3333vw; /* 20px */
        font-weight: 700;
        line-height: 1;
        margin-bottom: 30px;
    }
    .profile01 .profileTxtArea p {
        margin-top: 15px;
    }
    /* profile02 */
    .profile02 .archive {
        border-top: #00ba47 1px solid;
    }
    .profile02 .archiveTtl {
        color: #ec1234;
        padding: 15px 0;
    }
    .profile02 .archiveTtl span {
        display: block;
        line-height: 1.5;
    }
    .profile02 .archiveTtl .lanJp {
        font-size: 3.2vw;
    }
    .profile02 .archiveList {
        width: 72vw; /* 270px */
        margin-top: 45px;
    }
    .profile02 .archiveList:first-child {
        margin-top: 15px;
    }
    .profile02 .archiveList:last-child {
        margin-bottom: 45px;
    }
    .archiveSlide.swiper-container {
        width: 100%;
        height: auto;
    }
    .archiveSlide .slidePh {
        position: relative;
        width: 100%;
        height: 50.6666vw; /* 190px */
        overflow: hidden;
    }
    .archiveSlide .slidePh img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    .archiveSlide .slideCap {
        display: block;
        width: 100%;
        font-size: 10px;
        font-weight: 400;
        line-height: 1;
        text-align: right;
        margin-top: 5px;
        background: #fff;
    }
    .profile02 .archiveListTtl {
        line-height: 1.5;
    }
    .profile02 .archiveListTtl .year {
        display: block;
    }
    .profile02 .archiveListTtl .ttl {
        display: block;
        text-indent: -0.5em;
    }
    .profile02 .archiveListTtl .archivePlace {
        display: block;
        width: 100%;
        margin-top: 2.5px;
        text-indent: -0.5em;
    }
    .profile02 .archiveListTxt {
        font-size: 2.9333vw; /* 11px */
        line-height: 1.5;
        margin-top: 15px;
    }
    .profile02 .archiveList02 .archiveListTxt,
    .profile02 .archiveList03 .archiveListTxt {
        text-indent: -0.5em;
    }
}