@charset "UTF-8";
/* =====================
  article1
===================== */
.news-contents main article[data-id="1"]{
    padding: 9.33333333vw 4vw;
}
/* unit1 */
.news-contents main article[data-id="1"] .unit[data-id="1"] .time{
    color: #a2a2a2;
    font-size: 3.2vw;
    line-height: 1;
    margin-left: 0.5em;
}
.news-contents main article[data-id="1"] .title{
    font-size: 4.53333333vw;
    margin-top: 3vw;
}
.news-contents main article[data-id="1"] .figure{
    margin-top: 15vw;
}
.news-contents main article[data-id="1"] .figure img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.news-contents main article[data-id="1"] .body{
    padding-top: 15vw;
    padding-bottom: 15vw;
    border-bottom: 1px dotted #b6b6b6;
}
/* unit2 */
.news-contents main article[data-id="1"] .unit[data-id="2"]{
    display: flex;
    justify-content: center;
    font-size: 3.33333333vw;
    margin-top: 12vw;
}
.news-contents main article[data-id="1"] .unit[data-id="2"] a{
    position: relative;
    display: block;
    justify-content: center;
    align-items: center;
    border: 1px solid #a8a7a5;
    line-height: 1;
    padding: 2.66666666vw 3.46666666vw;
    min-width: 8.66666666vw;
    min-height: 8.66666666vw;
    transition: all 250ms ease 0s;
}
.news-contents main article[data-id="1"] .unit[data-id="2"] .prev::before,
.news-contents main article[data-id="1"] .unit[data-id="2"] .next::before{
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: var(--arrowNP);
    width: 1.6vw;
    height: 2.4vw;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.news-contents main article[data-id="1"] .unit[data-id="2"] .prev::before{
    transform:translate(-50%,-50%) scale(-1,1);
}
.news-contents main article[data-id="1"] .unit[data-id="2"] .prev:active::before,
.news-contents main article[data-id="1"] .unit[data-id="2"] .next:active::before{
    background-image: var(--arrowNPWhite);
}
.news-contents main article[data-id="1"] .unit[data-id="2"] a:active{
    background: var(--black);
    color: #fff;
    border: 1px solid var(--black);
}
.news-contents main article[data-id="1"] .unit[data-id="2"] a.disable{
    visibility: hidden;
    pointer-events: none;
}
.news-contents main article[data-id="1"] .unit[data-id="2"] a:nth-child(2){
    margin: 0 4vw;
    min-width: 37.73333333vw;
    text-align: center;
}