.pageHader {
    background-image: url(/asset/img/rd/headerbg.jpg);
}
.rdlower .pageHader::before {
    display: none;
}
.localNav {
    margin-bottom: 7rem;
}

.relocation {
    margin-bottom: 8rem;
}

.figWrap {
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}
.figWrap figure {
    display: block;
    margin: 0 3rem;
    width: 19.86%;
}
.figWrap figure img {
    width: 100%;    
    border-radius: 10px;
    margin-bottom: 2.5rem;
}
.figWrap figure figcaption {
    text-align: center;
}
.figWrap figure figcaption  span {
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.msgtxt {
    border-top: solid 1px #009E8A;
    padding: 3rem 0 0;
    margin-bottom: 6rem;
}
.facility {
    overflow: hidden;
    padding-bottom: 4rem;
}
.facility:last-child {
    padding-bottom: 0;
}
.facility.flexitem {
    display: flex;
    justify-content: space-between;
    overflow: visible;
    align-items:flex-start;
}

.facility figure {
    width: 50%;
    float: left;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.1);
    margin-bottom: 1em;
}
.facility.flexitem figure {
    float: none;
}
.facility .txtWrap {
    width: 45.58%;
}
.facility figure img {
    width: 100%;
    vertical-align: bottom;
}
.facility > p {
    float: right;
    width: 45.58%;
}
.facility .txtWrap ol {
    margin: 1.5em 0 0 1.5em;    
}
.facility .txtWrap ol li + li {
    margin-top: 1.5em;
}
.facility .txtWrap ol p + p {
    margin-top: 1em;
}
ul.switch{
    width: 502px;
    margin-bottom: 4rem;
}
ul.switch li {
    width: 32.27%;
}
.rdtop #relateProject,
#r-system  {
    margin-bottom: 8rem;
}
.release li,
.report li {
    list-style: none;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: solid 1px #C2C2C2;
    position: relative;
    box-sizing: border-box;
}
.release li a,
.report li a {
    display: block;
    background-image: url(/asset/img/common/arw.svg);
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center right;    
    padding-right: 11.5%;
}
.release li::after,
.report li::after {
    content: "";
    background-color: #009E8A;
    width: 3.31%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: -1px;
    display: block;
}
.release li .date,
.report li .date {
    font-weight: bold;
    color: #009E8A;
}
.release li .txt,
.report li .txt {
    margin-top: 1.5rem;
}
.report li .txt b {
    font-weight: bold;
    display: block;
}
.release + .btn-a,
.report + .btn-a {
    margin-top: 4rem;
}
/*advanced*/
.advanced .pageHader {
    background-image: url(/asset/img/rd/advanced/headerbg.jpg);
}
.rdlower .leadBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.rdlower .leadBox figure {
    width: 45.58%;    
}
.rdlower .leadBox figure img {
    vertical-align: bottom;
    border-radius: 10px;
}
.rdlower .leadBox p {
    width: 50%;
}
.chiefmsg {
    background-color: #E9F3F1;
    border-radius: 10px;
    padding: 5rem 0;
    margin: 6rem 0;
    clear: both;
    overflow: hidden;
}
.chiefmsg > div {
    width: 77.92%;
    margin: 0 auto;
}
.chiefmsg > div figure {
    width: 27.08%;
    border-radius: 10px;
    overflow: hidden;
    float: left;
}
.chiefmsg > div figure img {
    width: 100%;
    vertical-align: bottom;
}
.chiefmsg > div p {
    float: right;
    width: 68.55%;
}
.chiefmsg > div p:last-child {
    font-size: 1.4rem;
    text-align: right;
}
.rdcace {
    margin-bottom: 4rem;
}
.rdcace:last-child {
    margin-bottom: 0;
}
.caceHeader {
    overflow: hidden;
}
.caceHeader figure {
    text-align: center;
    width: 50%;
}
.caceHeader figure img {
    width: 100%;
    border-radius: 10px;
}
.rdcace > p + dl {
    margin-top: 3rem;
}
.rdcace dt {
    font-weight: bold;
    border-bottom: solid 1px #009E8A;
    margin-bottom: 2rem;
    padding-bottom: 0.8rem;
}
.rdcace a.txtlink:link,
.rdcace a.txtlink:visited {
    color: #5F80BF;
}
.rdcace > figure {
    display: table;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 4rem;
}
.rdcace dd figure {
    display: table;
    margin: 3rem auto 0;
    text-align: center;
}
.rdcace dd .flexFig2Wrap figure {
    display: block;
    margin: 0;
}
.rdcace dd figure img {
    max-width: 100%;
}
.rdcace dd figure figcaption {
    font-size: 1.2rem;
    margin-top: 1rem;
    line-height: 1.5;
}
#r-system .colum4Wrap {
    justify-content: center;
    gap: 0 3%;
}
#r-system .colum4Wrap dl {
    /*width: 23.15%;*/
}
/*lifescience*/
.lifescience .pageHader {
    background-image: url(/asset/img/rd/lifescience/headerbg.jpg);
}
/*production*/
.production .pageHader {
    background-image: url(/asset/img/rd/production/headerbg.jpg);
}
/*resourcecircular*/
.resourcecircular .pageHader {
    background-image: url(/asset/img/rd/resourcecircular/headerbg.jpg);
}
/*tropicalbiomass*/
.tropicalbiomass .pageHader {
    background-image: url(/asset/img/rd/tropicalbiomass/headerbg.jpg);
}
/*sulfurindex*/
.sulfurindex .localNav {
    justify-content: center;
    margin-top: 7rem;
}
.sulfurindex .localNav li {
    width: 14.91%;
    margin: 0 1.5rem;
}
.sulfurindex figure.figbg {
    background-color: #F4F4F4;
    padding: 2rem 0;
    text-align: center;
    border-radius: 10px;
    margin-top: 2rem;
}
.sulfurindex figure.figbg + h3 {
    margin-top: 6rem;
}
.sulfurindex figure.figbg + h4 {
    margin-top: 4rem;
}
.resultTxt {
    font-size: 2.8rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 3rem;
}
.sulfurindex table.tableType1 {
    margin:3rem 0 4rem;
}
.sulfurindex table.tableType1:last-of-type {
    margin-bottom: 3rem;
}
.sulfurindex .btn-a {
    margin-top: 3rem;
}
/*research-paper*/
.research-paper #tabs {
    margin-top: 8rem;
}
.research-paper ul.switch {
    width: 338px;
}
.research-paper ul.switch li {
    width: 50%;
}
.year_sec.disnon {
    display: none;
}
.year_sec ul {
    box-sizing: border-box;
    border-top: solid 2px #009E8A;
    border-bottom: solid 2px #009E8A;
    position: relative;
    width: 100%;
    margin: 3rem 0 8rem;
}
.year_sec ul::before,
.year_sec ul::after {
    content: "";
    display: block;
    width: 16%;
    height: 2px;
    background-color: #EE8AAA;
    position: absolute;
    left: 0;
    top: -2px;
}
.year_sec ul::after {
    top: inherit;
    bottom: -2px;
}
.year_sec ul li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 2.5rem 0;
    border-bottom: solid 1px #c8c5c4;
    flex-wrap: wrap;
}
.year_sec ul li:last-child {
    border-bottom: none;
}
.year_sec ul li h3 {
    width: 26.5%;
    padding: 0;
    font-size: 1.6rem;
    box-sizing: border-box;
    padding-right: 5rem;
    line-height: 1.43;
}
.year_sec ul li dl {
    width: 73.5%;
    line-height: 1.75;
}
.year_sec ul li dt {
    font-weight: bold;
}
.year_sec ul li dd + dt {
    margin-top: 1rem;
}
.year_sec ul li p {
    width: 73.5%;
    line-height: 1.75;
    margin-top: 1rem;
    margin-left: 26.5%;
}
#panel1 .year_sec ul li dl dt:nth-of-type(2) ,
#panel1 .year_sec ul li dl dt:nth-of-type(5) ,
#panel1 .year_sec ul li dl dt:nth-of-type(8) {
    border-top: solid 1px #009E8A;
    padding-top: 0.8em;
}
.fmselectWrap {
    border-bottom:solid 2px #BCDAD2;
    width: 190px;
    box-sizing: border-box;    
    margin: 0 auto;
    position: relative;
}
.fmselectWrap::after {
    content: " ";
    display: block;
    background-image: url(/asset/img/common/selectArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 10px;
    position: absolute;
    right: 1.2rem;
    top: 50%;
    margin-top: -5px;
}
.fmselect {
    border:none;
    outline: 0;
    -webkit-appearance: none;
     appearance: none;
     padding: 10px 12px;
     width: 190px;
     text-align: center;
     font-size: 1.6rem;
}
#rp_list2 li {
    display: block;
}
#rp_list2 li dl {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#rp_list2 li dt {
    width: 26.5%;
    margin-bottom: 1rem;
}
#rp_list2 .year_sec ul li dd + dt {
    margin-top: 0;
}
#rp_list2 li dd {
    width: 73.5%;
    margin-bottom: 1rem;
}
#rp_list2 li {
    padding-bottom: 1rem;
}
.year_sec ul li a:link,
.year_sec ul li a:visited {
    color: #5F80BF;
    text-decoration: underline;
}

@media(hover: hover) {
.year_sec ul li a:hover {
    text-decoration: none;
}
}

@media screen and (max-width: 767px) {    
    .pageHader {
        background-image: url(/asset/img/rd/headerbg_sp.jpg);
    }
    .pageHader::before {
        background-color: rgba(0,0,0,0.7);
    }
    .figWrap {
        justify-content: space-between;
    }
    .figWrap figure {
        width: 45.29%;
        margin: 0;
    }
    .figWrap figure figcaption span {
        font-size: 1.8rem;
    }
    .facility figure,
    .facility p,
    .facility .txtWrap {
        width: 100%;
        float: none;
    }
    .facility figure {
        margin-bottom: 2rem;
    }
    .facility p.btn-a {
        text-align: center;
    }
    .facility.flexitem {
        display: block;
    }
    ul.switch {
        width: 100%;
    }
    .rdtop #relateProject,
    #r-system {
        margin-bottom: 0;
    }
    .rdlower .pageHader {
        height: 35.73vw;
        background-size: auto 100%;
        background-position: center;
        margin-bottom: 5rem;
    }
    .rdlower .pageHader::before {
        display: none;
    }
    .rdlower.advanced .pageHader {
        background-image: url(/asset/img/rd/advanced/headerbg-sp.jpg);
    }    
    .rdlower .leadBox figure {
        width: 100%;
        order:1;
        margin-bottom: 2rem;
    }
    .rdlower .leadBox p {
        width: 100%;
        order:2;    
    }

    .chiefmsg {
        margin-top: 4rem;
        padding: 4rem 0;
    }
    .chiefmsg > div {
        width: 89.41%;
    }
    .chiefmsg > div figure,
    .chiefmsg > div p {
        float: none;
        width: 100%;
    }
    .chiefmsg > div figure {
        width: 100%;
        height: 0;
        padding-top: 66%;
        overflow: hidden;
        border-radius: 10px;
        position: relative;
        margin-bottom: 2rem;
    }
    .chiefmsg > div figure img {
        position: absolute;
        left: 0;
        top: -25px;
        width: 100%;
        height: auto;
    }
    .caceHeader figure.imgL {
        width: 100%;
        float: none;
    }
    .rdcace dl {
        margin-top: 4rem;
    }
    #r-system .colum4Wrap dl {
        width: 100%;
    }
    #r-system .colum4Wrap dl:last-child {
        margin-bottom: 0;
    }    
    .rdcace dd .flexFig2Wrap figure + figure {
        margin-top: 1.5rem;
    }
    /*lifescience*/
    .lifescience .chiefmsg > div figure img {
        top: 0;
    }
    /*production*/
    .production .chiefmsg > div figure img {
        top: -10px;
    }
    /*resourcecircular*/
    .resourcecircular .chiefmsg > div figure img {
        top: -50px;
    }
    /*tropicalbiomass*/
    .tropicalbiomass .chiefmsg > div figure img {
        top: -50px;
    }
    /*sulfurindex*/
    .sulfurindex .localNav {
        margin: 3rem auto 4rem;
    }
    .sulfurindex .localNav li {
        width: 50%;
        margin: 0;
    }
    .sulfurindex .localNav li:last-child {
        margin-top: 2.5rem;
    }
    .sulfurindex figure.figbg {
        padding: 0;
        border-radius: 10px;
        overflow: hidden;
    }
    /*research-paper*/
    .year_sec ul li {
        display: block;
    }
    .year_sec ul li h3,
    .year_sec ul li dl {
        width: 100%;
        padding: 0;
    }
    .year_sec ul li h3 {
        margin-bottom: 1.5rem;
    }
    #rp_list2 li dd {
        word-wrap: break-word;
    }


}