<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:641px) {

#container {
    background: url(/images/common/bg_gray_header.png) center top no-repeat;
    padding: 155px 0 0;
}

section#contents {
    width: 960px;
    margin: 105px auto 60px;
}

section#contents .footer_date {
    font-size: 1.2rem;
    line-height: 100%;
    margin: -30px 0 0;
    text-align: right;
    color: #cbd0d3;
}

section#contents .heading {
    margin-bottom: 45px;
}
section#contents .heading p.category {
    display: inline-block;
    background: #323438;
    height: 2.7rem;
    padding: 0 10px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    margin: 0;
    font-size: 1.3rem;
    line-height: 2.7rem;
    color: #fff;
}
section#contents .heading p.category span {
    display: block;
    height: 100%;
    padding-left: 20px;
    padding-right: 10px
}
span.icon-1 {
    background: url(/images/topics/icon_01.png) left center/15px auto no-repeat;   
}
span.icon-2 {
    background: url(/images/topics/icon_02.png) left center/15px auto no-repeat;   
}
span.icon-3 {
    background: url(/images/topics/icon_03.png) left center/15px auto no-repeat;   
}
span.icon-4 {
    background: url(/images/topics/icon_04.png) left center/15px auto no-repeat;   
}
span.icon-5 {
    background: url(/images/topics/icon_05.png) left center/15px auto no-repeat;   
}

section#contents .heading h3 {
    font-size: 1.6rem;
    line-height: 140%;
    margin-top: 20px;
}
section#contents .heading h2 {
    font-size: 2.6rem;
    line-height: 140%;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-top: 20px;
}
section#contents .heading h3 + h2 {
    margin-top: 10px;
}
section#contents .heading .date {
    font-size: 1.2rem;
    line-height: 100%;
    margin: 30px 0 70px;
}
section#contents .heading p.hashtag {
    font-size: 1.4rem;
    line-height: 100%;
    margin: 20px 0 0;
    color: #f08404;
}
section#contents .heading p.hashtag &gt; * {
    margin-right: 1em;
    padding: 10px 0;
    color: #f08404;
    display: inline-block;
}
section#contents .heading p.hashtag &gt; *::before {
    content: '#';
}
section#contents .heading p.hashtag a:hover {
    transition: all 0.2s;
    text-decoration: underline;
}

section#contents .report {
    text-align: center;
}
section#contents .report p,
section#contents .report li {
    letter-spacing: normal;
    font-size: 1.4rem;
    line-height: 200%;
    margin-bottom: 35px;
    text-align: justify;
    text-justify: inter-ideograph;
}


section#contents .report .image_col {
    width: 640px;
}
section#contents .report .image_col.freesize{
    display: inline-block;
    width: auto;
}

section#contents .report .youtube_col {
    width: 640px;
    margin: 60px auto;
    text-align: center;
}
section#contents .report .youtube_col iframe {
    display: inline-block;
    width: 640px;
    height: 360px;
}

section#contents .report .image_col,
section#contents .report .image_col-2,
section#contents .report .image_col-3 {
    margin: 60px auto;
    text-align: center;
}
section#contents .report .image_col-2 .wrap {
    display: inline-block;
    width: 450px;
}
section#contents .report .image_col-3 .wrap {
    display: inline-block;
    width: 281px;
}
section#contents .report .image_col-2 .wrap:first-child,
section#contents .report .image_col-3 .wrap:first-child {
    float: left;
}
section#contents .report .image_col-2 .wrap:last-child,
section#contents .report .image_col-3 .wrap:last-child {
    float: right;
}

section#contents .report .image_col .wrap img,
section#contents .report .image_col-2 .wrap img,
section#contents .report .image_col-3 .wrap img {
    width: 100%;
    height: auto;
}
section#contents .report .image_col p,
section#contents .report .image_col-2 p,
section#contents .report .image_col-3 p,
section#contents .report .image_left p,
section#contents .report .image_right p,
section#contents .report .youtube_col p {
    font-size: 1.2rem;
    line-height: 180%;
    color: #51565a;
    margin: 5px 0 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
section#contents .report .image_col-2::after,
section#contents .report .image_col-3::after,
section#contents .report .text_col-2::after,
section#contents .report .float_col::after,
section#contents .report .color_col-2::after,
section#contents .report .float_wrap::after {
    content: '';
    display: block;
    clear: both;
}




section#contents .report h3 {
    font-size: 2.3rem;
    line-height: 140%;
    font-weight: bold;
    margin: 80px 0 50px;;
    padding-bottom: 15px;
    background: url(/images/common/line_01.png) left bottom/100% 2px no-repeat;
    text-align: left;
}

section#contents .report h4 {
    font-size: 1.8rem;
    line-height: 140%;
    font-weight: bold;
    margin: 70px 0 40px;;
    padding: 9px 14px 8px;
    background: #ece6dd;
    text-align: left;
}

section#contents .report h5 {
    font-size: 1.6rem;
    line-height: 140%;
    font-weight: bold;
    padding-left: 24px;
    background: url(/images/common/text_mark_01.png) left center/18px auto no-repeat;
    margin-bottom: 10px;
    text-align: left;
}

section#contents .report .text_col-2,
section#contents .report .text_col-3,
section#contents .report .float_col {
    margin: 60px auto;
}
section#contents .report h5 + .text_col-2,
section#contents .report h5 + .text_col-3,
section#contents .report h5 + .float_col {
    margin: 0px auto;
}
section#contents .report .text_col-2 p,
section#contents .report .text_col-3 p,
section#contents .report .float_col p {
    margin-bottom: 1em;
}
section#contents .report .text_col-2 .wrap,
section#contents .report .text_col-2 ul {
    display: inline-block;
    width: 450px;
}
section#contents .report .text_col-2 .wrap:first-child,
section#contents .report .text_col-2 ul:first-child {
    float: left;
}
section#contents .report .text_col-2 .wrap:last-child,
section#contents .report .text_col-2 ul:last-child {
    float: right;
}

section#contents .report .float_col .image_left {
    width: 280px;
    float: left;
    margin: 0 60px 15px 0;
}
section#contents .report .float_col .image_right {
    width: 280px;
    float: right;
    margin: 0 0 15px 60px;
}
section#contents .report .image_left img,
section#contents .report .image_right img {
    width: 100%;
    height: auto;
}

section#contents .report a.arrow,
section#contents .report a.blank,
section#contents .report a.pdf {
    display: block;
    color: #f08404;
    font-size: 1.4rem;
    line-height: 200%;
    text-align: left;
}
section#contents .report a.arrow:hover span,
section#contents .report a.blank:hover span,
section#contents .report a.pdf:hover span {
    text-decoration: underline;
}
section#contents .report a.arrow span {
    display: inline-block;
    padding-left: 23px;
    background: url(/images/common/arrow_right.png) left center/10px auto no-repeat;
    transition: all 0.2s;
    min-height: 21px;
}
section#contents .report a.arrow:hover span {
    animation: link_arrow_right 0.6s ease 0s infinite;
}
section#contents .report a.blank span {
    display: inline-block;
    padding-right: 23px;
    background: url(/images/common/icon_blank.png) right center/12px auto no-repeat;
    min-height: 21px;
}
section#contents .report a.pdf span {
    display: inline-block;
    padding-right: 26px;
    background: url(/images/common/icon_pdf.png) right center/20px auto no-repeat;
    min-height: 21px;
}

section#contents .report li {
    background: url(/images/common/text_mark_02.png) left top 0.8em/6px auto no-repeat;
    padding: 0 0 0 20px;
    margin: 0 0 15px;
}

section#contents .report table {
    width: 100%;
    margin: 0 0 70px;
}
section#contents .report table th,
section#contents .report table td {
    border: 1px solid #cbd0d3;
    font-size: 1.4rem;
    line-height: 140%;
    padding: 25px 25px 24px;
    vertical-align: top;
}
section#contents .report table.table_1 th {
    background: #f4f6f6;
    width: 200px;
    border-right: none;
    color: #1f2125;
}
section#contents .report table.table_1 th + td {
    border-left: none;
}

section#contents .report table.table_2 th {
    background: #f4f6f6;
    color: #1f2125;
    width: 200px;
}
section#contents .report table.table_2 tr.title th {
    background: #ece6dd;
    width: auto;
}

section#contents .report .color_col,
section#contents .report .color_col-2 {
    background: #f4f6f6;
    padding: 25px;
    margin: 0 0 70px;
}
section#contents .report .color_col h5,
section#contents .report .color_col-2 h5 {
    background: none;
    padding: 0;
    margin-bottom: 20px;
}
section#contents .report .color_col p,
section#contents .report .color_col-2 p {
    margin: 0 0 15px;
}
section#contents .report .color_col p:last-child,
section#contents .report .color_col-2 p:last-child {
    margin: 0;
}
section#contents .report .color_col-2 .wrap {
    display: inline-block;
    width: 430px;
}
section#contents .report .color_col-2 .wrap:first-child {
    float: left;
}
section#contents .report .color_col-2 .wrap:last-child {
    float: right;
}

section#contents .report .float_wrap .image_left {
    width: 280px;
    float: left;
    margin: 0 60px 0 0;
}
section#contents .report .float_wrap .image_left p {
    margin-top: 5px;
}
section#contents .report .color_col-2 a + a {
    margin: 15px 0 0;
}

section#contents .report .backBtn {
    text-align: center;
    margin: 60px 0 0;
}
section#contents .report .backBtn a {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold; 
    line-height: 50px;
    height: 50px;
    width: 200px;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    background: #f08404;
}
section#contents .report .backBtn a::after {
    content: '';
    background: #1f2125;
    width: 110%;
    height: 0;
    position: absolute;
    left: -50%;
    right: -50%;
    top: -50%;
    bottom: -50%;
    margin: auto;
    z-index: 1;
    transition: all 0.3s;
    transform: rotate(-20.25deg);
    -webkit-transform: rotate(-20.25deg);
}
section#contents .report .backBtn a:hover::after {
    width: 110%;
    height: 250%;
}
section#contents .report .backBtn span {
    display: block;
    background: url(/images/common/icon_menu_02.png) left 20px center/16px auto no-repeat;
    height: 100%;
    position: relative;
    z-index: 2;
}

section#other_topics {
    margin-top: 120px;
    padding-bottom: 30px;
    width: 1210px;
}
section#other_topics ul {
    margin-left: -10px;
    line-height: 0;
    font-size: 1px;
    letter-spacing: -5px;
}
section#other_topics h3 {
    font-size: 1.3rem;
    line-height: 100%;
    font-weight: normal;
    text-align: center;
    margin: 0 auto 30px;
    width: 335px;
    position: relative;
    padding-right: 10px;
}
section#other_topics h3::before {
    content: '';
    width: calc(100% - 10px);
    height: 1px;
    position: absolute;
    left: 0;
    top: 12px;
    margin: auto;
    background: #cbd0d3;
    z-index: 1;
}
section#other_topics h3 span {
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 2.4rem;
    line-height: 100%;
    font-weight: bold;
    margin: 0 0 8px;
    background: #fff;
    padding: 0 17px;
    position: relative;
    z-index: 2;
}
section#other_topics ul li p {
    width: 224px;
    letter-spacing: normal;
}
section#other_topics ul li p.image {
    height: 126px;
    overflow: hidden;
}
section#other_topics ul li p.image img {
    width: 100%;
    height: auto;
    transition: transform 0.3s;
}

section#other_topics ul li p.category {
    display: inline-block;
    width: auto;
    background: #323438;
    height: 2.3rem;
    padding: 0 15px 0 10px;
    position: relative;
    top: -8px;
    left: 0;
    z-index: 2;
}
section#other_topics ul li p.category span {
    display: block;
    height: 100%;
    font-size: 1.1rem;
    line-height: 2.3rem;
    color: #fff;
    padding-left: 20px;
}
section#other_topics ul li p.text {
    font-size: 1.4rem;
    line-height: 180%;
    font-weight: bold;
    margin-top: 7px;
    color: #1f2125;
}
section#other_topics ul li a:hover p.text {
    color: #f08404;
}
section#other_topics ul li p.hashtag {
    color: #f08404;
    font-size: 1.2rem;
    line-height: 120%;
    width: 224px;
    text-align: left;
    margin: 10px auto 0;
}
section#other_topics ul li p.hashtag &gt; * {
    margin-left: 1em;
    display: inline;
    color: #f08404;
    vertical-align: top;
    padding: 10px 0;
}
section#other_topics ul li p.hashtag &gt; *:first-child {
    margin-left: 0;
}
section#other_topics ul li p.hashtag &gt; *::before {
    content: '#';
}
section#other_topics ul li p.hashtag a:hover {
    transition: all 0.2s;
    text-decoration: underline;
}


}/*PC*/

@media screen and (max-width:640px) {
    #container {
        background: url(/images/common/bg_gray_header.png) center top 60px/700px auto no-repeat;
        padding: 80px 0 0;
    }

    section#contents {
        margin: 50px 4vw 0;
    }

    section#contents .footer_date {
        font-size: 1.2rem;
        line-height: 100%;
        margin: 0 0 0;
        text-align: right;
        color: #cbd0d3;
    }

    section#contents .heading {
        margin-bottom: 20px;
    }
    section#contents .heading p.category {
        display: inline-block;
        background: #323438;
        height: 2.2rem;
        padding: 0 8px;
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
        margin: 0;
        font-size: 1.2rem;
        line-height: 2.2rem;
        color: #fff;
    }
    section#contents .heading p.category span {
        display: block;
        height: 100%;
        padding-left: 18px;
        padding-right: 3px
    }
    span.icon-1 {
        background: url(/images/topics/icon_01.png) left center/13px auto no-repeat;   
    }
    span.icon-2 {
        background: url(/images/topics/icon_02.png) left center/13px auto no-repeat;   
    }
    span.icon-3 {
        background: url(/images/topics/icon_03.png) left center/13px auto no-repeat;   
    }
    span.icon-4 {
        background: url(/images/topics/icon_04.png) left center/13px auto no-repeat;   
    }
    span.icon-5 {
        background: url(/images/topics/icon_05.png) left center/13px auto no-repeat;   
    }

    section#contents .heading h3 {
        font-size: 1.2rem;
        line-height: 140%;
        margin-top: 15px;
    }
    section#contents .heading h2 {
        font-size: 1.8rem;
        line-height: 140%;
        font-weight: bold;
        letter-spacing: 0.05em;
        margin: 20px 0 0;
        text-align: left;
    }
    section#contents .heading h3 + h2 {
        margin-top: 10px;
    }
    section#contents .heading .date {
        font-size: 1.2rem;
        line-height: 100%;
        margin: 15px 0 40px;
    }
    section#contents .heading p.hashtag {
        font-size: 1.2rem;
        line-height: 100%;
        margin: 10px 0 0;
        color: #f08404;
    }
    section#contents .heading p.hashtag &gt; * {
        margin-right: 1em;
        padding: 8px 0;
        color: #f08404;
        display: inline-block;
    }
    section#contents .heading p.hashtag &gt; *::before {
        content: '#';
    }
    section#contents .heading p.hashtag a:active {
        transition: all 0.2s;
        text-decoration: underline;
    }

    section#contents .report {
        text-align: center;
    }
    section#contents .report p,
    section#contents .report li {
        letter-spacing: normal;
        font-size: 1.2rem;
        line-height: 180%;
        margin-bottom: 20px;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    section#contents .report .image_col {
        width: 100%;
    }
    section#contents .report .image_col img {
        width: 100%;
        height: auto;
    }
    section#contents .report .image_col.freesize{
        display: inline-block;
        width: auto;
    }
    section#contents .report .image_col.freesize img {
        width: 100%!important;
        height: auto;
    }

    section#contents .report .youtube_col {
        margin: 20px auto;
        text-align: center;
    }
    section#contents .report .youtube_col iframe {
        display: inline-block;
        width: 92vw;
        height: 51.75vw;
    }

    section#contents .report .image_col,
    section#contents .report .image_col-2,
    section#contents .report .image_col-3 {
        margin: 20px auto;
        text-align: center;
    }
    section#contents .report .image_col-2 .wrap {
        display: inline-block;
        width: 48%;
    }
    section#contents .report .image_col-3 .wrap {
        display: inline-block;
        width: 31.5%;
    }
    section#contents .report .image_col-2 .wrap:first-child,
    section#contents .report .image_col-3 .wrap:first-child {
        float: left;
    }
    section#contents .report .image_col-2 .wrap:last-child,
    section#contents .report .image_col-3 .wrap:last-child {
        float: right;
    }

    section#contents .report .image_col .wrap img,
    section#contents .report .image_col-2 .wrap img,
    section#contents .report .image_col-3 .wrap img {
        width: 100%;
        height: auto;
    }
    section#contents .report .image_col p,
    section#contents .report .image_col-2 p,
    section#contents .report .image_col-3 p,
    section#contents .report .image_left p,
    section#contents .report .image_right p,
    section#contents .report .youtube_col p {
        font-size: 1.0rem;
        line-height: 160%;
        color: #51565a;
        margin: 2px 0 0;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    section#contents .report .image_col-2::after,
    section#contents .report .image_col-3::after,
    section#contents .report .text_col-2::after,
    section#contents .report .float_col::after,
    section#contents .report .color_col-2::after,
    section#contents .report .float_wrap::after {
        content: '';
        display: block;
        clear: both;
    }




    section#contents .report h3 {
        font-size: 1.6rem;
        line-height: 140%;
        font-weight: bold;
        margin: 40px 0 15px;;
        padding-bottom: 10px;
        background: url(/images/common/line_01.png) left bottom/150% 2px no-repeat;
        text-align: left;
    }

    section#contents .report h4 {
        font-size: 1.4rem;
        line-height: 140%;
        font-weight: bold;
        margin: 30px 0 15px;;
        padding: 7px 10px 6px;
        background: #ece6dd;
        text-align: left;
    }

    section#contents .report h5 {
        font-size: 1.2rem;
        line-height: 160%;
        font-weight: bold;
        padding-left: 17px;
        background: url(/images/common/text_mark_01.png) left top 3px/12px auto no-repeat;
        margin-bottom: 10px;
        text-align: left;
    }

    section#contents .report .text_col-2,
    section#contents .report .text_col-3,
    section#contents .report .float_col {
        margin: 20px auto;
    }
    section#contents .report h5 + .text_col-2,
    section#contents .report h5 + .text_col-3,
    section#contents .report h5 + .float_col {
        margin: 0px auto;
    }
    section#contents .report .text_col-2 p,
    section#contents .report .text_col-3 p,
    section#contents .report .float_col p {
        margin-bottom: 1em;
    }
    section#contents .report .text_col-2 .wrap,
    section#contents .report .text_col-2 ul {
        display: inline-block;
        width: 48%;
    }
    section#contents .report .text_col-2 .wrap:first-child,
    section#contents .report .text_col-2 ul:first-child {
        float: left;
    }
    section#contents .report .text_col-2 .wrap:last-child,
    section#contents .report .text_col-2 ul:last-child {
        float: right;
    }
    
    section#contents .report .float_col .image_left {
        width: 48%;
        float: left;
        margin: 0 4% 5px 0;
    }
    section#contents .report .float_col .image_right {
        width: 48%;
        float: right;
        margin: 0 0 5px 4%;
    }
    section#contents .report .image_left img,
    section#contents .report .image_right img {
        width: 100%;
        height: auto;
    }
    /*
    section#contents .report .float_col &gt; p {
        width: 48%;
        float: left;
    }
    */

    section#contents .report a.arrow,
    section#contents .report a.blank,
    section#contents .report a.pdf {
        display: block;
        color: #f08404;
        font-size: 1.2rem;
        line-height: 160%;
        text-align: left;
        margin: 10px 0;
    }
    section#contents .report a.arrow:active span,
    section#contents .report a.blank:active span,
    section#contents .report a.pdf:active span {
        text-decoration: underline;
    }
    section#contents .report a.arrow span {
        display: inline-block;
        padding-left: 18px;
        background: url(/images/common/arrow_right.png) left top 0.4em/8px auto no-repeat;
        transition: all 0.2s;
        min-height: 21px;
    }
    section#contents .report a.arrow:active span {
        animation: link_arrow_right 0.6s ease 0s infinite;
    }
    section#contents .report a.blank span {
        display: inline-block;
        padding-right: 16px;
        background: url(/images/common/icon_blank.png) right top 0.3em/10px auto no-repeat;
        min-height: 21px;
    }
    section#contents .report a.pdf span {
        display: inline-block;
        padding-right: 22px;
        background: url(/images/common/icon_pdf.png) right top 0.2em/16px auto no-repeat;
        min-height: 21px;
    }

    section#contents .report li {
        background: url(/images/common/text_mark_02.png) left top 0.7em/4px auto no-repeat;
        padding: 0 0 0 10px;
        margin: 0 0 10px;
    }

    section#contents .report table {
        width: 100%;
        margin: 0 0 30px;
    }
    section#contents .report table th,
    section#contents .report table td {
        border: 1px solid #cbd0d3;
        font-size: 1.2rem;
        line-height: 140%;
        padding: 10px 10px 10px;
        vertical-align: top;
    }
    section#contents .report table.table_1 th {
        background: #f4f6f6;
        width: 30%;
        border-right: none;
        color: #1f2125;
    }
    section#contents .report table.table_1 th + td {
        border-left: none;
    }

    section#contents .report table.table_2 th {
        background: #f4f6f6;
        color: #1f2125;
        width: 30%;
    }
    section#contents .report table.table_2 tr.title th {
        background: #ece6dd;
        width: auto;
    }

    section#contents .report .color_col,
    section#contents .report .color_col-2 {
        background: #f4f6f6;
        padding: 10px;
        margin: 0 0 30px;
    }
    section#contents .report .color_col h5,
    section#contents .report .color_col-2 h5 {
        background: none;
        padding: 0;
        margin-bottom: 10px;
    }
    section#contents .report .color_col p,
    section#contents .report .color_col-2 p {
        margin: 0 0 5px;
    }
    section#contents .report .color_col p:last-child,
    section#contents .report .color_col-2 p:last-child {
        margin: 0;
    }
    section#contents .report .color_col-2 .wrap {
        display: inline-block;
        width: 48%;
    }
    section#contents .report .color_col-2 .wrap:first-child {
        float: left;
    }
    section#contents .report .color_col-2 .wrap:last-child {
        float: right;
    }

    section#contents .report .float_wrap .image_left {
        width: 48%;
        float: left;
        margin: 0 4% 5px 0;
    }
    section#contents .report .float_wrap .image_left p {
        margin-top: 2px;
    }
    section#contents .report .color_col-2 .wrap {
        
    }
    section#contents .report .color_col-2 a {
    }

    section#contents .report .backBtn {
        text-align: center;
        margin: 60px 0 0;
    }
    section#contents .report .backBtn a {
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold; 
        line-height: 50px;
        height: 50px;
        width: 200px;
        vertical-align: top;
        position: relative;
        overflow: hidden;
        background: #f08404;
    }
    section#contents .report .backBtn a::after {
        content: '';
        background: #1f2125;
        width: 110%;
        height: 0;
        position: absolute;
        left: -50%;
        right: -50%;
        top: -50%;
        bottom: -50%;
        margin: auto;
        z-index: 1;
        transition: all 0.3s;
        transform: rotate(-20.25deg);
        -webkit-transform: rotate(-20.25deg);
    }
    section#contents .report .backBtn a:active::after {
        width: 110%;
        height: 250%;
    }
    section#contents .report .backBtn span {
        display: block;
        background: url(/images/common/icon_menu_02.png) left 20px center/16px auto no-repeat;
        height: 100%;
        position: relative;
        z-index: 2;
    }

    section#other_topics {
        margin: 100px 0 0;
        padding-bottom: 30px;
        width: 688px;
    }
    section#other_topics ul {
        line-height: 0;
        font-size: 1px;
        letter-spacing: -5px;
    }
    section#other_topics h3 {
        font-size: 1.2rem;
        line-height: 100%;
        font-weight: normal;
        text-align: center;
        margin: 0 0 20px;
        position: relative;
        width: 100vw;
    }
    section#other_topics h3 span {
        display: inline-block;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 2.4rem;
        line-height: 100%;
        font-weight: bold;
        margin: 0 0 8px;
        padding: 0;
        position: relative;
        z-index: 2;
    }
    section#other_topics ul li p {
        width: 160px;
        letter-spacing: normal;
    }
    section#other_topics ul li p.image {
        height: 89px;
        overflow: hidden;
    }
    section#other_topics ul li p.image img {
        width: 100%;
        height: auto;
        transition: transform 0.3s;
    }

    section#other_topics ul li p.category {
        display: inline-block;
        width: auto;
        background: #323438;
        height: 2.3rem;
        padding: 0 15px 0 10px;
        position: relative;
        top: -8px;
        left: 0;
        z-index: 2;
    }
    section#other_topics ul li p.category span {
        display: block;
        height: 100%;
        font-size: 1.1rem;
        line-height: 2.3rem;
        color: #fff;
        padding-left: 20px;
    }
    section#other_topics ul li p.text {
        font-size: 1.2rem;
        line-height: 160%;
        font-weight: bold;
        margin-top: 7px;
        color: #1f2125;
    }
    section#other_topics ul li a:active p.text {
        color: #f08404;
    }
    section#other_topics ul li p.hashtag {
        color: #f08404;
        font-size: 1.1rem;
        line-height: 120%;
        width: 160px;
        text-align: left;
        margin: 5px 0 0;
        padding-left: 3vw;
    }
    section#other_topics ul li p.hashtag &gt; * {
        margin-left: 1em;
        display: inline;
        color: #f08404;
        vertical-align: top;
        padding: 10px 0;
    }
    section#other_topics ul li p.hashtag &gt; *:first-child {
        margin-left: 0;
    }
    section#other_topics ul li p.hashtag &gt; *::before {
        content: '#';
    }
    
    section#other_topics .slick-dots {
        width: 100vw;
    }
    section#other_topics ul li p.hashtag a:active {
        transition: all 0.2s;
        text-decoration: underline;
    }

}/*SP*/


</pre></body></html>