/*----------
medical - common
----------*/
.ft-medical-menu{
    margin-top: 120px;
    display: flex;
    flex-wrap: wrap;
}
.ft-medical-menu .each{
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 50px 20px 30px;
    width: calc(310 / 1000 * 100%);
    border: 1px solid #ddd;
    margin-right: calc(35 / 1000 * 100%);
    transition: color .5s;
}
.ft-medical-menu .each:nth-child(3n){
    margin-right: 0;
}
.ft-medical-menu .each:nth-child(n+4){
    margin-top: 35px;
}
.ft-medical-menu .each:before{
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 2px;
    height: calc(100% + 2px);
    background: #00b681;
    transition: width .3s;
}
.ft-medical-menu .each:after{
    content: "";
    position: absolute;
    right: 20px;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    background: url(../../images/common/ico_arrow_circle.svg) no-repeat center center;
    background-size: contain;
    z-index: 2;
}
.ft-medical-menu .each p{
    position: relative;
    z-index: 2;
    line-height: 1.5;
}
.ft-medical-menu .each:hover,
.ft-medical-menu .each.current{
    color: #fff;
}
.ft-medical-menu .each:hover:before,
.ft-medical-menu .each.current:before{
    width: calc(100% + 2px);
}
.ft-medical-menu .each:hover:after,
.ft-medical-menu .each.current:after{
    background: url(../../images/common/ico_arrow_circle_w.svg) no-repeat center center;
    background-size: contain;
}

@media screen and (max-width: 768px){
.ft-medical-menu{
    margin-top: 60px;
}
.ft-medical-menu .each{
    padding: 10px 20px 10px 15px;
    width: calc(320 / 650 * 100%);
    margin-right: calc(10 / 650 * 100%);
    min-height: 54px;
}
.ft-medical-menu .each:nth-child(3n){
    margin-right: calc(10 / 650 * 100%);
}
.ft-medical-menu .each:nth-child(even){
    /* margin-right: calc(10 / 650 * 100%); */
    margin-right: 0;
}
.ft-medical-menu .each:nth-child(n+3){
    margin-top: calc(10 / 650 * 100%);
}
.ft-medical-menu .each:after{
    right: 10px;
    top: calc(50% - 4px);
    width: 9px;
    height: 9px;
}
.ft-medical-menu .each p{
    font-size: 11px;
}


}



/*----------
MEDICAL - top
----------*/
.medical-menus{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.medical-menus .each{
    display: block;
    position: relative;
    width: 48%;
    padding-top: calc(260 / 1000 * 100%);
    overflow: hidden;
}
.medical-menus .each:nth-child(n+3){
    margin-top: 50px;
}
.medical-menus .each img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: .5s;
}
.medical-menus .each:hover img{
    transform: scale(1.1);
}
.medical-menus .each .title{
    position: absolute;
    bottom: 0;
    background: rgba(80,80,80,0.85);
    border-left: 2px solid #00b681;
    padding: 13px 40px 13px 15px;
    width: 100%;
    color: #fff;
    font-size: 16px;
}
.medical-menus .each .title:after{
    content: "";
    position: absolute;
    right: 20px;
    top: calc(50% - 7px);
    width: 15px;
    height: 15px;
    background: url(../../images/common/ico_arrow_circle_w.svg) no-repeat center center;
    background-size: contain;
}

@media screen and (max-width: 768px){

    .medical-menus .each{
        padding-top: calc(133 / 325 * 100%);
    }
    .medical-menus .each:nth-child(n+3){
        margin-top: 40px;
    }
    .medical-menus .each img {
        height: 100%;
        object-fit: cover;
    }
    .medical-menus .each .title:after{
        right: 10px;
        top: calc(50% - 5px);
        width: 10px;
        height: 10px;
    }

    .medical-menus .each .title{
        padding: 8px 25px 8px 10px;
        font-size: 14px;
        line-height: 1.4;
    }

}

/*----------
MEDICAL - nonwoven
----------*/
.nonwoven_block01{
    display: flex;
    justify-content: space-between;
}
.nonwoven_block01 .txt{
    width: 61%;
}
.nonwoven_block01 .img{
    width: 35%;
}
.nonwoven_in{
    max-width: 880px;
    margin: 0 auto;
}
.nonwoven_table01{
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
}
.nonwoven_table01 + .nonwoven_table01{
    margin-top: 60px;
}
.nonwoven_table01 th{
    width: 130px;
    background: #00b681;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding: 20px 10px 15px;
    font-size: 14px;
}
.nonwoven_table01 td{
    width: 748px;
    vertical-align: middle;
    background: #f7f7f7;
    border-bottom: 1px solid #fff;
    padding: 20px 25px;
    line-height: 1.6;
    font-size: 14px;
}
.nonwoven_table01 td.sub{
    width: 307px;
}
.nonwoven_tablewrapp{
    overflow-x: auto;
}
.nonwoven_table02{
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
    min-width: 800px;
}
.nonwoven_table02 th{
    padding: 12px 10px 10px;
    background: #dddddd;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border-right: 1px solid #fff;
}
.nonwoven_table02 .label{
    width: 18%;
}
.nonwoven_table02 .standard{
    width: 16%;
}
.nonwoven_table02 .how{
    width: 40%;
}
.nonwoven_table02 .value{
    width: 26%;
}
.nonwoven_table02 td{
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 20px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.4;
}
.nonwoven_table02 tr td:first-child{
    border-left: 1px solid #dddddd;
}
.nonwoven_block02{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.nonwoven_block02 .each{
    width: 48%;
}
.nonwoven_block02 .each .title{
    text-align: center;
    background: #f7f7f7;
    color: #00b681;
    font-weight: bold;
    font-size: 18px;
}
.nonwoven_block02 .each .content{
    display: flex;
}
.nonwoven_block02 .each .content span{
    display: block;
    width: 50%;
    padding: 0 20px;
}
.nonwoven_block03{
    display: flex;
    justify-content: space-between;
}
.nonwoven_block03 .txt{
    width: 44%;
}
.nonwoven_block03 .img{
    width: 52%;
    margin-top: 0;
}

.nonwoven_table03 {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
    margin-bottom: 30px;
}
.nonwoven_table03 tr {
    border-top: 1px solid #ddd;
}
.nonwoven_table03 tr:last-of-type {
    border-bottom: 1px solid #ddd;
}
.nonwoven_table03 th {
    background: #f7f7f7;
    width: 180px;
    padding: 12px 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.4;
}
.nonwoven_table03 td {
    padding: 24px 20px;
    font-size: 14px;
    line-height: 2;
}
.nonwoven_btnarea {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    margin-top: 10px;
}
.nonwoven_btnarea .btn {
    padding: 10px 15px;
    width: 50%;
    max-width: 450px;
}
.nonwoven_btnarea .btn a {
    position: relative;
    display: inline-block;
    border: 1px solid #00b681;
    color: #00b681;
    font-weight: bold;
    background: #fff;
    text-align: center;
    border-radius: 100px;
    padding: 30px 58px 30px 20px;
    width: 100%;
    transition: 0.5s;
    font-size: 16px;
    line-height: 1.3;
}
.nonwoven_btnarea .btn a:after {
    content: "";
    position: absolute;
    right: 40px;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    background: url(../../images/common/ico_arrow_circle.svg) no-repeat center center;
    background-size: contain;
}
.nonwoven_btnarea .btn a:hover {
    background: #00b681;
    color: #fff;
}
.nonwoven_btnarea .btn a:hover:after {
    background: url(../../images/common/ico_arrow_circle_w.svg) no-repeat center center;
    background-size: contain;
}
.nonwoven_block04{
    background: #f7f7f7;
    padding: 40px;
}
.nonwoven_block04 .title{
    text-align: center;
    background: #00b681;
    color: #fff;
    font-weight: bold;
}
.nonwoven_block04 .content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}
.nonwoven_block04 .content .img{
    position: relative;
    width: calc(182 / 920 * 100%);
}
.nonwoven_block04 .content .img span{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    padding: 0;
}
.nonwoven_block04 .content .img span:after{
    content: "";
    position: absolute;
    right: calc(50% - 30px);
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background: url(../../images/common/ico_pdf.png) no-repeat center center;
    background-size: contain;
}
.nonwoven_block04 .content .table{
    width: calc(707 / 920 * 100%);
}
.nonwoven_block04 .content .table table{
    width: 100%;
}
.nonwoven_block04 .content .table table th{
    background: #ddd;
    width: 130px;
    padding: 25px 20px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #f7f7f7;
}
.nonwoven_block04 .content .table table td{
    padding: 25px 20px;
    font-size: 14px;
    line-height: 1.6;
    background: #fff;
    border-bottom: 1px solid #f7f7f7;
}
@media screen and (max-width: 768px){
    .nonwoven_block01{
        display: block;
    }
    .nonwoven_block01 .txt{
        width: 100%;
    }
    .nonwoven_block01 .img{
        width: 100%;
        margin-top: 30px;
    }
    .nonwoven_in{
        max-width: 880px;
        margin: 0 auto;
    }
    .nonwoven_table01{
        width: 100%;
        border-collapse: collapse;
        margin-top: 30px;
    }
    .nonwoven_table01 + .nonwoven_table01{
        margin-top: 60px;
    }
    .nonwoven_table01 table{
        display: block;
    }
    .nonwoven_table01 th{
        display: block;
        width: 100%;
        padding: 10px 10px;
    }
    .nonwoven_table01 td{
        display: block;
        width: 100%;
        vertical-align: middle;
        background: #f7f7f7;
        border-bottom: 1px solid #fff;
        padding: 20px 25px;
    }
    .nonwoven_table01 td.sub{
        width: 100%;
    }
    .nonwoven_block02{
        margin-top: 30px;
        display: block;
        justify-content: space-between;
    }
    .nonwoven_block02 .each{
        width: 100%;
        margin-top: 30px;
    }
    .nonwoven_block02 .each .title{
        text-align: center;
        background: #f7f7f7;
        color: #00b681;
        font-weight: bold;
        font-size: 16px;
    }
    .nonwoven_block02 .each .content{
        display: flex;
    }
    .nonwoven_block02 .each .content span{
        width: 50%;
        padding: 0 10px;
    }
    .nonwoven_block03{
        display: block;
        justify-content: space-between;
    }
    .nonwoven_block03 .txt{
        width: 100%;
    }
    .nonwoven_block03 .img{
        width: 100%;
        margin-top: 30px;
    }
    .nonwoven_table03 th {
        width: 20%;
        min-width: 100px;
    }
    .nonwoven_btnarea {
        display: block;
        padding: 20px 0 20px;
    } 
    .nonwoven_btnarea .btn {
        padding: 0;
        width: 100%;
        max-width: auto;
        max-width: initial;
    }
    .nonwoven_btnarea .btn + .btn {
        margin-top: 20px;
    }
    .nonwoven_btnarea .btn a {
        padding: 20px 65px 20px 40px;
    }
    
    .nonwoven_block04{
        padding: 20px;
    }
    .nonwoven_block04 .content{
        display: block;
        margin-top: 20px;
    }
    .nonwoven_block04 .content .img{
        position: relative;
        width: 60%;
        margin: 0 auto;
    }
    .nonwoven_block04 .content .table{
        margin-top: 30px;
        width: 100%;
        display: block;
    }
    .nonwoven_block04 .content .table table{
        width: 100%;
    }
    .nonwoven_block04 .content .table table th{
        width: 100%;
        padding: 15px 20px;
        font-size: 12px;
        display: block;
    }
    .nonwoven_block04 .content .table table td{
        width: 100%;
        padding: 15px 20px;
        font-size: 12px;
        display: block;
    }
}

/*----------
MEDICAL - operatimes
----------*/
.operatimes-anchor{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.operatimes-anchor .each{
    position: relative;
    width: calc(226 / 1000 * 100%);
    margin-right: calc(32 / 1000  * 100%);
    padding-bottom: 10px;
    border-bottom: 1px solid #00b681;
    padding-right: 20px;
    line-height: 1.2;
}
.operatimes-anchor .each:after{
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
    width: 15px;
    height: 15px;
    background: url(../../images/common/ico_arrow_circle.svg) no-repeat center center;
    background-size: contain;
    transform: rotate(90deg);
}

.operatimes_sectitle span{
    color: #646464;
    font-size: 13px;
}
.operatimes_link01{
    color: #00b681;
    text-decoration: underline;
}
.times_block_latest{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    padding: 30px;
    border: 1px solid #dddddd;
}
.times_block_latest .img{
    width: 302px;
}
.times_block_latest .img img{
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
}
.times_block_latest .img .caption{
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}
.times_block_latest .txt{
    margin-right: 30px;
    width: calc(100% - 332px);
}
.times_block_latest .txt h3{
    position: relative;
    font-size: 20px;
    margin-bottom: 32px;
    font-weight: bold;
    color: #00b681;
}
.times_block01{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 50px;
}
.times_block01 .each{
    width: 30.2%;
    margin-right: 4.7%;
}
.times_block01 .each:nth-child(3n){
    margin-right: 0;
}
.times_block01 .each:nth-child(n+4){
    margin-top: 60px;
}
.times_block01 .each .blocktitle{
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 1.6;
}
.times_block01 .each .img{
    text-align: center;
}
.times_block01 .each .img img {
    transition: .5s;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
}
.times_block01 .each .img:hover img {
    box-shadow: none;
}

.archive_table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 2;
    width: 100%;
}
.archive_table tr {
    border-bottom: 1px solid #ddd;
}
.archive_table th {
    background: #dddddd;
    padding: 12px 10px 10px;
    border: 1px solid #ddd;
    text-align: left;
    text-align: center;
    font-size: 16px;
    line-height: 1.3;
}
.archive_table th{
    border-right: 1px solid #fff;
}
.archive_table th:last-of-type {
    border-right: 1px solid #ddd;
}
.archive_table td {
    padding: 15px 20px;
    border-right: 1px solid #ddd;
    vertical-align: middle;
    line-height: 1.6;
}
.archive_table td.number {
    background: #f7f7f7;
    width: 25%;
}
.archive_table td.date {
    text-align: center;
    width: 20%;
}
.archive_table td.theme {
    width: 55%;
}

.times_block02{
    margin-top: 40px;
}
.times_block02 .heading{
    display: flex;
}
.times_block02 .heading .label{
    width: 122px;
    padding: 5px 5px 3px;
    background: #00b681;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.times_block02 .heading .date{
    width: calc(100% - 122px);
    padding: 5px 10px 3px 30px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 0;
    background: #f7f7f7;
}
.times_block02 .content{
    padding: 30px 40px;
    border: 1px solid #f7f7f7;
}
.times_block02 .content .blocktitle{
    margin-top: 0;
}
.times_block02 .content .link{
    text-align: right;
}

@media screen and (max-width: 768px){
    .operatimes-anchor .each{
        position: relative;
        width: 48%;
        margin-right: 4%;
        padding-bottom: 10px;
        border-bottom: 1px solid #00b681;
    }
    .operatimes-anchor .each:nth-child(2n){
        margin-right: 0;
    }
    .operatimes_sectitle span{
        font-size: 10px;
    }
    .times_block01 .each{
        /* width: 46%; */
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
    }
    .times_block01 .each:nth-child(3n){
        /* margin-right: 8%; */
    }
    .times_block01 .each:nth-child(2n){
        margin-right: 0;
    }
    .times_block01 .each:nth-child(n+3){
        /* margin-top: 30px; */
    }
    .times_block01 .each .blocktitle{
        margin-top: 15px;
        margin-bottom: 10px;
        line-height: 1.6;
    }
    .times_block_latest{
        display: block;
    }
    .times_block_latest .img{
        width: 100%;
    }
    .times_block_latest .txt{
        margin-top: 30px;
        margin-right: 0;
        width: 100%;
    }
    .times_block_latest .txt h3{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .archive_table thead {
        display: none;
    }
    .archive_table tr {
        border-left: 1px solid #ddd;
    }
    .archive_table tr:first-of-type {
        border-top: 1px solid #ddd;
    }
    .archive_table td + td {
        border-top: 1px dotted #ddd;
    }
    .archive_table td.number,
    .archive_table td.date,
    .archive_table td.theme {
        width: 100%;
        display: block;
    }
    .archive_table td.number {
        text-align: center;
        font-weight: bold;
    }
    .archive_table td.date {
        text-align: left;
    }
    .archive_table td:not(.number):before {
        content: attr(data-label);
        display: inline-block;
     }
    .times_block02{
        margin-top: 40px;
    }
    .times_block02 .heading{
        display: flex;
    }
    .times_block02 .heading .label{
        width: 82px;
        padding: 5px 5px 3px;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .times_block02 .heading .date{
        width: calc(100% - 82px);
        padding: 5px 10px 5px 10px;
        font-size: 12px;
        line-height: 1.6;
    }
    .times_block02 .content{
        padding: 30px 10px;
    }
    .times_block02 .content .blocktitle{
        line-height: 1.6;
    }
    

}

/*----------
MEDICAL - link
----------*/
.link-anchor{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.link-anchor .each{
    position: relative;
    width: calc(226 / 1000 * 100%);
    margin-right: calc(32 / 1000  * 100%);
    padding-bottom: 10px;
    border-bottom: 1px solid #00b681;
    padding-right: 20px;
    line-height: 1.2;
}
.link-anchor .each:after{
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
    width: 15px;
    height: 15px;
    background: url(../../images/common/ico_arrow_circle.svg) no-repeat center center;
    background-size: contain;
    transform: rotate(90deg);
}

.link_block01{
    background: #f7f7f7;
    padding: 30px 40px;
}
.link_block01 .content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.link_block01 .content .img{
    position: relative;
    width: calc(183 / 920 * 100%);
    max-width: 183px;
    margin: 0 auto;
}
.link_block01 .content .img span{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    padding: 0;
}
.link_block01 .content .img span:after{
    content: "";
    position: absolute;
    right: calc(50% - 30px);
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background: url(../../images/common/ico_pdf.png) no-repeat center center;
    background-size: contain;
}
.link_block01 .content .table{
    width: calc(707 / 920 * 100%);
}
.link_block01 .content .table table{
    table-layout: fixed;
    width: 100%;
}
.link_block01 .content .table table th{
    background: #ddd;
    width: 130px;
    padding: 25px 20px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #f7f7f7;
}
.link_block01 .content .table table td{
    padding: 25px 20px;
    font-size: 14px;
    line-height: 1.6;
    background: #fff;
    border-bottom: 1px solid #f7f7f7;
}
.link_block02{
    display: flex;
    flex-wrap: wrap;
}
.link_block02 li{
    width: 25%;
    margin-top: 1.5em;
    font-size: 14px;
}
.link_block02 a{
    display: inline-block;
    position: relative;
    text-decoration: underline;
    padding-right: 30px;
}
.link_block02 a:after{
    content: "";
    position: absolute;
    right: 10px;
    top: calc(50% - 5px);
    width: 13px;
    height: 11px;
    background: url(../../images/medical/link/ico_blank.png) no-repeat center center;
    background-size: contain;
}
@media screen and (max-width: 768px){
    .link_block01{
        padding: 20px;
        margin-top: 30px;
    }
    .link_block01 .content{
        display: block;
    }
    .link_block01 .content .img{
        position: relative;
        width: 60%;
        margin: 30px auto 0;
    }
    .link_block01 .content .table{
        margin-top: 30px;
        width: 100%;
        display: block;
    }
    .link_block01 .content .table table{
        width: 100%;
    }
    .link_block01 .content .table table th{
        width: 100%;
        padding: 15px 20px;
        font-size: 12px;
        display: block;
    }
    .link_block01 .content .table table td{
        width: 100%;
        padding: 15px 20px;
        font-size: 12px;
        display: block;
    }
    .link_block02 li{
        width: 50%;
    }

}

/*----------
MEDICAL - infect
----------*/
.infect_box{
    background: #f7f7f7;
    display: inline-block;
    padding: 20px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.6;
}
.infect_txt01 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%) translateY(-50%);
}
.infect_txt01 span{
    display: inline-block;
    background: #fff;
    padding: 0 1em;
}
.infect_block02{
    margin-top: 40px;
}
.infect_block02 .title{
    background: #f7f7f7;
    text-align: center;
    font-weight: bold;
    padding: 13px;
}
.infect_block02 .content{
    padding: 20px 0 0;
}
.infect_table{
    font-size: 14px;
    line-height: 1.6;
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin-top: 20px;
}
.infect_table th{
    width: 180px;
    padding: 20px;
    background: #f7f7f7;
    text-align: center;
    color: #00b681;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.infect_table tr:first-child th,
.infect_table tr:first-child td{
    border-top: 1px solid #ddd;
}
.infect_table tr td.td-bordered{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.infect_table .td02{
    width: 160px;
    text-align: center;
    border-right: 1px dashed #f7f7f7;
}
.infect_table .td03{
    width: 460px;
}
.infect_table td{
    padding: 20px;
}
.link-block01 {
    border: 1px dashed #111;
    padding: 20px 40px 60px;
    margin-top: 60px;
    position: relative;
}
.infect_btnarea{
    display: flex;
    justify-content: center;
    padding: 30px;
    margin-top: 20px;
}
.infect_btnarea .btn{
    padding: 0 10px;
    width: 50%;
    max-width: 400px;
}
.infect_btnarea .btn a{
    position: relative;
    display: inline-block;
    border: 1px solid #00b681;
    color: #00b681;
    font-weight: bold;
    background: #fff;
    text-align: center;
    border-radius: 100px;
    padding: 30px 60px;
    width: 100%;
    transition: 0.5s;
    font-size: 16px;
}
.infect_btnarea .btn a:after{
    content: "";
    position: absolute;
    right: 40px;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    background: url(../../images/common/ico_arrow_circle.svg) no-repeat center center;
    background-size: contain;
}
.infect_btnarea .btn a:hover,
.infect_btnarea .btn.current a{
    background: #00b681;
    color: #fff;
}
.infect_btnarea .btn a:hover:after,
.infect_btnarea .btn.current a:after{
    background: url(../../images/common/ico_arrow_circle_w.svg) no-repeat center center;
    background-size: contain;
}
@media screen and (max-width: 768px){
    .infect_table{
        font-size: 12px;
    }
    .infect_table th,
    .infect_table td{
        padding: 10px;
    }

    .infect_btnarea{
        display: block;
        padding: 30px 20px;
    }
    .infect_btnarea .btn{
        padding: 0;
        width: 100%;
        max-width: auto;
        max-width: initial;
    }
    .infect_btnarea .btn + .btn{
        margin-top: 20px;
    }
    .infect_btnarea .btn a{
        padding: 20px 30px;
    }
    .link-block01 {
        padding: 20px 20px 40px;
    }
}

/*----------
MEDICAL - AORN JOURNAL
----------*/

.journal_block01{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.journal_block01 .img {
    position: relative;
    width: calc(250 / 1000 * 100%);
    max-width: 250px;
    margin: 0 auto;
}
.journal_block01 .txt {
    position: relative;
    width: calc(700 / 1000 * 100%);
    margin: 0 auto;
}

.journal_block02 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.journal_block02 .img {
    position: relative;
    width: calc(183 / 920 * 100%);
    max-width: 183px;
    margin: 0 auto;
}

.journal_block02 .img span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    padding: 0;
}
.journal_block02 .img span:after {
    content: "";
    position: absolute;
    right: calc(50% - 30px);
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background: url(../../images/common/ico_pdf.png) no-repeat center center;
    background-size: contain;
}

.journal_block02 .table {
    width: calc(707 / 920 * 100%);
}
.journal_block02 .table .publish{
    font-weight: 700;
}
.journal_block02 .table .theme{
    margin-top: 20px;
}
.journal_block02 .table .theme li{
    position: relative;
    padding-left: 1.5em;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.4;
}
.journal_block02 .table .theme li:before{
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
}

@media screen and (max-width: 768px) {
    .journal_block01{
        display: block;
    }
    .journal_block01 .img {
        width: 100%;
        text-align: center;
    }
    .journal_block01 .txt {
        width: 100%;
        margin-top: 20px;
    }

    .journal_block02 {
        display: block;
    }

    .journal_block02 .img {
        position: relative;
        width: 60%;
        margin: 30px auto 0;
    }

    .journal_block02 .table {
        margin-top: 30px;
        width: 100%;
        display: block;
    }
    .journal_block02 .table .theme li{
        font-size: 12px;
    }


}