@charset "UTF-8";
/*=========================================
 nav
 ==========================================*/
.news_nav_area a{
    color: #000;
    display: inline-flex;
    align-items: center;
}
@media screen and (min-width: 940px){
    .news_nav_area{
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    .news_nav_area a{
        height: 80px;
    }
}
@media screen and (max-width: 939.9px){
    .news_page_title{
        background: rgb(var(--color_19));
        color: #FFF;
        font-weight: bold;
        margin-top: calc((15 / 320) * 100vw);
        margin-bottom: calc((15 / 320) * 100vw);
        padding: calc((15 / 320) * 100vw);
    }
    .news_page_title .title{
        font-size: calc((14 / 320) * 100vw);
    }
    .news_nav_area_wrap{
        font-size: calc((14 / 320) * 100vw);
    }
    .news_nav_area_wrap .select_title{
        position: relative;
        height: calc((50 / 320) * 100vw);
        display: flex;
        align-items: center;
        background: url("../img/icon/select_arrow.svg") no-repeat right calc((10 / 320) * 100vw) center;
        background-size: calc((10 / 320) * 100vw);
        padding-right: calc((30 / 320) * 100vw);
    }
    .news_nav_area_wrap .news_nav_area{
        display: none;
        border: solid 1px #CCC;
        box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
    }
    .news_nav_area_wrap .news_nav_area a{
        display: block;
        padding: calc((10 / 320) * 100vw) calc((10 / 320) * 100vw);
    }
    .news_nav_area_wrap .news_nav_area a:hover{
        text-decoration: none;
    }
    .news_nav_area_wrap.page_news .news_nav_area a.link_news,
    .news_nav_area_wrap.page_campaign .news_nav_area a.link_campaign,
    .news_nav_area_wrap.page_seminar .news_nav_area a.link_seminar,
    .news_nav_area_wrap.page_domain .news_nav_area a.link_domain,
    .news_nav_area_wrap.page_pr .news_nav_area a.link_pr,
    .news_nav_area_wrap.page_trademark .news_nav_area a.link_trademark,
    .news_nav_area_wrap.page_important .news_nav_area a.link_important{
        background: #ADE1F5;
        color: #FFF;
    }
}

/*=========================================
 list
 ==========================================*/
.news_list_area .list{
    border-color: rgba(var(--borderColor) , 0.75);
    border-style: solid;
    color: #000;
    display: block;
}
.news_list_area .list p{
    line-height: 1.4;
}
.news_list_area .list:hover{
    color: rgb(var(--color_19));
    text-decoration: none;
}
.news_list_area .list .tit,
.news_list_area .list .detail{
    overflow: hidden;
    width: 100%;
}
.news_list_area .list .tit p,
.news_list_area .list .detail p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (min-width: 768px){
    .news_list_area .list:not(:first-child){
        margin-top: 30px;
    }
    .news_list_area .list{
        border-width: 1px;
    }
    .news_list_area .list.img_layout{
        display: flex;
        width: 100%;
        height:auto;
    }
    .news_list_area .list.img_layout >div{
        height:auto;
    }
    .news_list_area .list.img_layout .img_area{
        width: 40%;
    }
    .news_list_area .list.img_layout .img_area >div{
        width: 100%;
        height: 100%;
    }
    .news_list_area .list.img_layout .img_area >div img{
        height: 100%;
        object-fit: cover;
    }
    .news_list_area .list.img_layout .txt_area{
        width: 60%;
    }
    .news_list_area .list .txt_area{
        padding: 24px 36px;
    }
    .news_list_area .list .date{
        font-size: 12px;
        margin-bottom: 12px;
    }
    .news_list_area .list .tit{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .news_list_area .list .detail{
        font-size: 16px;
    }
    .news_list_area .list:not(.img_layout) .tit p{
        -webkit-line-clamp: 2;
    }
    .news_list_area .list.img_layout .tit p{
        -webkit-line-clamp: 2;
    }
    .news_list_area .list:not(.img_layout) .detail p{
        -webkit-line-clamp: 2;
    }
    .news_list_area .list.img_layout .detail p{
        -webkit-line-clamp: 2;
    }
}
@media screen and (max-width: 767.9px){
    .news_list_area .list:not(:last-child){
        border-width: 0 0 1px 0;
    }
    .news_list_area .list {
        padding: calc((30 / 320) * 100vw) 0;
    }
    .news_list_area .list .img_area{
        margin-bottom: calc((20 / 320) * 100vw);
    }
    .news_list_area .list .date{
        font-size: calc((12 / 320) * 100vw);
        margin-bottom: calc((15 / 320) * 100vw);
    }
    .news_list_area .list .tit{
        font-size: calc((20 / 320) * 100vw);
        margin-bottom: calc((15 / 320) * 100vw);
    }
    .news_list_area .list .detail{
        font-size: calc((16 / 320) * 100vw);
    }
    .news_list_area .list .tit p{
        -webkit-line-clamp: 4;
    }
    .news_list_area .list .detail p{
        -webkit-line-clamp: 3;
    }
}
/*=========================================
 detail
 ==========================================*/
.news_detail_area .content .tit{
    line-height: 1.6;
}
.news_detail_area .content .detail_area p{
    line-height: 1.8;
}
.news_detail_area .content .detail_area p a{
    color: rgb(var(--color_19));
    text-decoration: underline;
}
.news_detail_area .content .tag_list{
    list-style: none;
}
.news_detail_area .content .tag_list li{
    display: inline-block;
    border-color: rgba(var(--borderColor) , 0.75);
    border-style: solid;
    border-width: 1px;
}
.news_detail_area .content .link_area{
    border-color: rgba(var(--borderColor) , 0.75);
    border-style: solid;
    border-width: 1px 0 0 0;
}
.news_detail_area .content .link_area a{
    color: #000;
}
.news_detail_area .content .detail_area ul.annotation{
    list-style: none;
}
@media screen and (min-width: 768px){
    .news_detail_area .content{
        border-color: rgba(var(--borderColor) , 0.75);
        border-style: solid;
        border-width: 1px;
        padding: 60px;
    }
    .news_detail_area .content .date{
        font-size: 14px;
        margin-bottom: 25px;
    }
    .news_detail_area .content .tit_area{
        margin-bottom: 25px;
    }
    .news_detail_area .content .tit_area .tit{
        font-size: 24px;
    }
    .news_detail_area .content .tit_area .sub{
        font-size: 20px;
        margin-top: 15px;
    }
    .news_detail_area .content .detail_area p{
        font-size: 14px;
    }
    .news_detail_area .content .detail_area table{
        font-size: 12px;
    }
    .news_detail_area .content .detail_area ul,
    .news_detail_area .content .detail_area ol{
        padding-left: 5px;
    }
    .news_detail_area .content .detail_area ul li,
    .news_detail_area .content .detail_area ol li{
        font-size: 14px;
    }
    .news_detail_area .content .detail_area ul li{
        padding-left: 20px;
        text-indent: -20px;
    }
    .news_detail_area .content .detail_area ul.annotation.number li{
        padding-left: 24px;
        text-indent: -29px;
    }
    .news_detail_area .content .detail_area ol li{
        padding-left: 14px;
        text-indent: -14px;
    }
    .news_detail_area .content .detail_area div + p,
    .news_detail_area .content .detail_area p + p,
    .news_detail_area .content .detail_area p + dl,
    .news_detail_area .content .detail_area table + p,
    .news_detail_area .content .detail_area ul + p,
    .news_detail_area .content .detail_area ol + p,
    .news_detail_area .content .detail_area dl + p{
        margin-top: 30px;
    }
    .news_detail_area .content .detail_area p + table,
    .news_detail_area .content .detail_area p + ul,
    .news_detail_area .content .detail_area p + ol{
        margin-top: 10px;
    }
    .site_inner p + div.txt_center {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .news_detail_area .content .detail_area p .txt_large{
        font-size: 20px;
    }
    .news_detail_area .content .detail_area p .txt_middle{
        font-size: 16px;
    }
    .news_detail_area .content .detail_area p .txt_small{
        font-size: 12px;
    }
    .news_detail_area .content .detail_area .pc_two_col{
        display: flex;
    }
    .news_detail_area .content .detail_area .pc_two_col .col{
        width: calc(50% - 5px);
    }
    .news_detail_area .content .bottom_area{
        margin-top: 40px;
    }
    .news_detail_area .content .tag_list li{
        font-size: 14px;
        padding: 5px;
        margin-bottom: 5px;
    }
    .news_detail_area .content .link_area{
        margin-top: 30px;
        padding-top: 30px;
        text-align: right;
    }
    .news_detail_area .content .detail_area .qa_list,
    .news_detail_area .content .detail_area .qa_list p{
        font-size: 16px;
    }
}
@media screen and (max-width: 767.9px){
    .page_container.news_detail_container{
        padding-bottom: calc((60 / 320) * 100vw) !important;
    }
    .news_detail_area .content{
        padding-top: calc((30 / 320) * 100vw);
    }
    .news_detail_area .content .date{
        font-size: calc((12 / 320) * 100vw);
        margin-bottom: calc((20 / 320) * 100vw);
    }
    .news_detail_area .content .tit_area{
        margin-bottom: calc((15 / 320) * 100vw);
    }
    .news_detail_area .content .tit_area .tit{
        font-size: calc((20 / 320) * 100vw);
    }
    .news_detail_area .content .tit_area .sub{
        font-size: calc((18 / 320) * 100vw);
        margin-top: calc((15 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area p{
        font-size: calc((14 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area table{
        font-size: calc((11 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area ul,
    .news_detail_area .content .detail_area ol{
        padding-left: calc((5 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area ul li,
    .news_detail_area .content .detail_area ol li{
        font-size: calc((14 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area ul li{
        padding-left: calc((20 / 320) * 100vw);
        text-indent:  calc((-20 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area ul.annotation.number li{
        padding-left: calc((24 / 320) * 100vw);
        text-indent:  calc((-29 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area ol li{
        padding-left:  calc((14 / 320) * 100vw);
        text-indent:  calc((-14 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area p + p,
    .news_detail_area .content .detail_area p + dl,
    .news_detail_area .content .detail_area div + p,
    .news_detail_area .content .detail_area table + p,
    .news_detail_area .content .detail_area ul + p,
    .news_detail_area .content .detail_area ol + p,
    .news_detail_area .content .detail_area dl + p{
        margin-top: calc((20 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area p + table,
    .news_detail_area .content .detail_area p + ul,
    .news_detail_area .content .detail_area p + ol{
        margin-top: calc((10 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area p .txt_large{
        font-size: calc((18 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area p .txt_middle{
        font-size: calc((16 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area p .txt_small{
        font-size: calc((12 / 320) * 100vw);
    }
    .news_detail_area .content .bottom_area{
        margin-top: calc((30 / 320) * 100vw);
    }
    .news_detail_area .content .tag_list li{
        font-size: calc((14 / 320) * 100vw);
        padding: calc((5 / 320) * 100vw);
        margin-bottom: calc((5 / 320) * 100vw);
    }
    .news_detail_area .content .link_area{
        margin-top: calc((30 / 320) * 100vw);
        padding-top: calc((30 / 320) * 100vw);
    }
    .news_detail_area .content .detail_area .qa_list,
    .news_detail_area .content .detail_area .qa_list p{
        font-size: calc((16 / 320) * 100vw);
    }
}
.news-post20230920 h3,
.news-post20230920 ol,
.news-post20230920 li {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.8;
}
.news-post20230920 .sign {
    margin-bottom: 40px;
}
.news-post20230920 h1 {
    font-size: 16px;
    text-align: center;
}
.news-post20230920 li {
    margin-bottom: 20px;
}
.news-post20230920 hr {
    margin: 60px 0;
    border-color: rgba(var(--borderColor) , 0.75);
    border-style: solid;
    border-width: thin;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.news_detail_area .img_center img {
    margin-bottom: 10px;
}
.news_detail_area .img_center {
    text-align: center;
}

figcaption.element-caption {
    margin: 0.5rem 0 1.5rem;
    max-width: 100%;
    width: auto !important;
    text-align: center;
    font-size: 12px;
}
figcaption.element-caption a {
    text-decoration: underline;
    color: rgb(var(--color_19));
    word-break: break-all;
}

.news_20240603 .annotation {
    font-size: 75%;
}
.news_20240603 ul {
    margin-top: 30px !important;
}
.news_20240603 li  {
    margin-bottom: 30px;
    line-height: 1.7;
}
.news_20240603 h2 {
    display: inline;
    font-size: 16px;
}
.news_20240603 li img {
    margin-top: 12px;
    max-width: 600px;
    width: 100%;
    border: 1px solid #eee;
}
.news_20240603 h3 {
    margin-top: 30px;
    font-size: 16px;
}