@charset "UTF-8";


/*　
---------------------------------------------------------*/


.news{}
.news_inner{
    padding-top: 117px;
    padding-bottom: 96px;
    display: flex;
    gap: 0 20px;
}
.news_head{
    width: 24%;
}
.news_head .e-news_cat{
    max-width: 170px;
}
.news_main{
    flex: 1;
}
.news_btn{
    text-align: right;
    margin-top: 50px;
}
.news_box{
    display: none;
}
.news_box.active{
    display: block;
}
 


@media only screen and (max-width: 950px) {
    .news_inner{
        display: grid;
    }
    .news_head{
    width: auto;
    margin-bottom: 20px;
}
    .news_head .e-news_cat {
        max-width: none;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
}


/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .news{}
    .news_inner{
    padding-top: 8rem;
    padding-bottom: 6rem;
}
    .news_head{}
    .news_head .c-news_cat{
    gap: .5rem .6rem;
}
    .news_main{}
    .news_btn{
    text-align: center;
    margin-top: 3rem;
}
}


/*　
---------------------------------------------------------*/


.detail{}
.detail_inner{
    max-width: 780px;
    padding-top: 54px;
    border-bottom: solid 1px var(--color-border);
    padding-bottom: 61px;
}
.detail_head{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.detail_date{
    font-size: 14px;
    opacity: 0.5;
    margin-right: 22px;    
}
.detail_cat{
    background: #DEEFFB;
    color: var(--color-blue2);
    border-radius: 50px;
    font-size: 11px;
    padding: 1px 15px;    
}
.detail_ttl{
    font-weight: 300;
    font-size: 28px;
    line-height: 1.7;
    letter-spacing: 0.05em;
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {

    .detail{}
    .detail_inner{
    padding-top: 2rem;
    padding-bottom: 4rem;
}
    .detail_head{
    margin-bottom: .5rem;
}
    .detail_date{
        font-size: 1.4rem;
        margin-right: 1.5rem;
    }
    .detail_cat{
        font-size: 1.1rem;
        padding: 0 1.3rem;        
    }
    .detail_ttl{
    font-size: 2rem;
    line-height: 1.5;
}


}

/*　
---------------------------------------------------------*/

.l-editor_inner{
    padding-top: 60px;
    padding-bottom: 60px;
    max-width: 780px;
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {

    .l-editor_inner{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

}


/*　
---------------------------------------------------------*/


.foot{}
.foot_inner{
    max-width: 780px;
    border-top: solid 1px var(--color-border);
    padding-top: 41px;
    padding-bottom: 40px;
}
.foot_link{
    text-align: center;
    position: relative;
    z-index: 1;
}
.foot_link .c-btn1{
    padding-left: 0;
    padding-right: 0;
    justify-content:center;
}
.foot_link .next,
.foot_link .prev{
    position: absolute;
    z-index: 1;
    font-size: 14px;
    top: 15px;
}
.foot_link .next{

    left: 0;
}

.foot_link .prev{
    right: 0;
}
.foot_link .prev .c-arrow{
    margin-left: 8px;
}
.foot_link .next .c-arrow{
    margin-right: 8px;
    transform: scale(-1,1);
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .foot{}
    .foot_inner{}
    .foot_link{}
    .foot_link .c-btn1{
    min-height: 5rem;
    min-width: 11rem;
    font-size: 1.4rem;
}
    .foot_link .next,
    .foot_link .prev{
    font-size: 1.3rem;
    top: 1.2rem;
}
    .foot_link .next{}
    .foot_link .prev{}
    .foot_link .prev .c-arrow{
    margin-right: .6rem;
}
    .foot_link .next .c-arrow{
    margin-right: .6rem;
}
}