@charset "UTF-8";

/* breadcrumbs_wrap
-------------------------------------------------- */
@media print, screen and (min-width:768px){
    .breadcrumbs_wrap .content_inner {
        max-width: 1276px;
        padding: 10px 50px 0px;
        width: auto;
    }
}

/* h1
-------------------------------------------------- */
@media print, screen and (min-width:768px){
    .ttl_page .ttl_page_inner {
        max-width: 1276px;
        padding: 40px 50px 22px;
    }
    .ttl_page .ttl_page_inner:before{
        width: 110px;
        height: 6px;
        left: 50px;
        right: auto;
    }
}
@media screen and (max-width:767px){
    .ttl_page {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .ttl_page .ttl_page_inner{
        padding-bottom: 15px;
    }
    .ttl_page .ttl_page_inner:before{
        width: 80px;
        left: 20px;
        height: 4px;
    }
    .ttl_page .txt_main {
        font-size: 30px;
    }
}

/* 
-------------------------------------------------- */
.ttl_bdr_blue._line_none{
    padding-top: 0;
}
.ttl_bdr_blue._line_none:before{
    display: none;
}
.tab_cnt .info_list{
    border-top: none;
    margin-bottom: 0;
}
.tabs .tab_cnt{
    padding-bottom: 0;
}

/* content_clm
-------------------------------------------------- */
.content_clm{}

.content_clm .content_main{}

.content_clm .nav_side{}
.content_clm .info_list{
    border-top: none;
}
.info_list li:first-of-type{
    padding-top: 0;
}
.info_list li:first-of-type a{
    padding-top: 0;
}
.info_list a.info_list_inner:after{
    background: url(/jpn/consumer/hydrogen/news/common/images/icon_arrow_blue.svg) center center no-repeat;
}
#hy_footer {
    background: none;
}
#mv01{
    background: linear-gradient(90deg, rgba(35, 119, 200, 1) 0%, rgba(63, 178, 243, 1) 30%, rgba(87, 201, 240, 1) 70%, rgba(139, 234, 236, 1) 100%);
}
#mv01 .mv01_inner .mv01_box .mv01_ttl{
    padding-top: 0;
}
@media print, screen and (min-width:768px){
    .content_clm{
        max-width: 1276px;
        padding: 100px 50px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .content_clm .content_main{
        width: 87.07%;
        order: 1;
    }

    .content_clm .nav_side{
        width: 9.46%;
        order: 2;
    }
    #mv01{
        height: 300px;
    }
    #mv01 .mv01_inner .mv01_box{
        top: 155px;
    }
}

@media screen and (max-width:767px){
    .content_clm .nav_side{
        display: block;
    }
    .content_clm.content_inner{
        padding: 40px 20px 0;
        
    }
    .info_list a.info_list_inner:after{
        background-size: 100%;
    }
}


@media print, screen and (min-width:768px){
    /*==nav_side==*/
    .content_clm .nav_side{
    }
    .content_clm .nav_side{
    }
    .content_clm .nav_side .nav_side_block:last-of-type {
        margin-bottom: 0;
    }
    .content_clm .nav_side .nav_side_ttl{
        font-weight: bold;
        padding-left: 15px;
    }
    .content_clm .nav_side .nav_side_lists .nav_side_link{
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px;
        color: #787878;
    }
    .content_clm .nav_side .nav_side_lists .nav_side_link a{
        color: #787878;
    }
    .content_clm .nav_side .nav_side_lists .nav_side_link:before{
        content: "";
        display: none;
        width: 6px;
        height: 6px;
        background-color: #1ba1e6;
        border-radius: 50%;
        position: absolute;
        top: 0.733em;
        left: -7px;
    }
    .content_clm .nav_side .nav_side_lists .nav_side_link.is_active,
    .content_clm .nav_side .nav_side_lists .nav_side_link.is_active a{
        color: #1ba1e6;
    }
    .content_clm .nav_side .nav_side_lists .nav_side_link.is_active:before{
        display: block;
    }
    .content_clm .nav_side .nav_side_block {
        margin-bottom: 50px;
    }
    .content_clm .nav_side_cnt{
        display: block !important;
    }
    .content_clm .nav_side .nav_side_lists .nav_side_link a:hover{
        color: #1ba1e6;
        text-decoration: none;
    }
    .content_clm .nav_side .nav_side_ttl{
        font-size: 20px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width:767px){
    #mv01{
        height: 50vw;
    }
    #mv01 .mv01_inner .mv01_box{
        top: 27vw;
    }
    .nav_side_inner {
        margin-bottom: 30px;
    }
    .content_clm .nav_side_block{
        margin-bottom: 10px;
        /* border: 1px solid #dddddd; */
    }
    .content_clm .nav_side .nav_side_block:last-of-type{
        margin-bottom: 0;
    }
    .nav_side_cnt{
        position: relative;
    }
    .nav_side_cnt select {
        width: 100%;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #dddddd;
        padding: 15px 35px 15px 20px;
        box-shadow: none;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        outline: none;
        display: block;
        font-weight: bold;
    }
    .nav_side_cnt:after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        top: 22px;
        right: 15px;
        position: absolute;
        border-top: 2px solid #34B3EE;
        border-right: 2px solid #34B3EE;
        transform: rotate(135deg);}
}


/* hy_article_img_wrap
-------------------------------------------------- */
.hy_article_img_box .img_rounded {
    border-radius: 10px;
}
.hy_article_img_box .img img{
    width: 100%;
}
@media print, screen and (min-width:768px){
    .article_txt {
        margin-bottom: 50px;
    }
    .article_txt_inner {
        margin-bottom: 50px;
    }
    .hy_article_img_wrap {
        margin-bottom: 50px;
    }
    .hy_article_img_box {
        margin-bottom: 40px;
    }
    .hy_article_img_box._col2 {
        display: flex;
        flex-wrap: wrap;
    }
    .hy_article_img_box._col2 .img{
        margin-right: 27px;
        margin-top: 27px;
        width: calc((100% - 27px) / 2);
    }
    .hy_article_img_box._col2 .img:nth-of-type(2n){
        margin-right: 0;
    }
    .hy_article_img_box._col2 .img:nth-of-type(-n+2){
        margin-top: 0;
    }
    .hy_article_img_box._col3 {
        display: flex;
        flex-wrap: wrap;
    }
    .hy_article_img_box._col3 .img{
        margin-right: 27px;
        margin-top: 27px;
        width: calc((100% - 54px) / 3);
    }
    .hy_article_img_box._col3 .img:nth-of-type(3n){
        margin-right: 0;
    }
    .hy_article_img_box._col3 .img:nth-of-type(-n+3){
        margin-top: 0;
    }
}
@media screen and (max-width:767px){
    .article_txt {
        margin-bottom: 40px;
    }
    .article_txt_inner {
        margin-bottom: 40px;
    }
    .hy_article_img_wrap {
        margin-bottom: 50px;
    }
    .hy_article_img_box {
        margin-bottom: 20px;
    }
    .hy_article_img_box .img{
        margin-bottom: 20px;
    }
}