/*----------
PRODUCTS - common
----------*/
.product_inner{
    max-width: 840px;
    margin-right: auto;
    margin-left: auto;
}
.btn_area{
    background: #f7f7f7;
    padding: 30px 0;
    margin-top: 120px;
}
.btn-rounded{
    text-align: center;
}
.btn-rounded a{
    position: relative;
    color: #00b681;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #00b681;
    border-radius: 100px;
    padding: 30px 60px;
    max-width:448px;
    width: 100%;
    transition: 0.5s;
}
.btn-rounded 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;
}
.btn-rounded a:hover{
    background: #00b681;
    color: #fff;
}
.btn-rounded a:hover:after{
    background: url(../../images/common/ico_arrow_circle_w.svg) no-repeat center center;
    background-size: contain;
}
@media screen and (max-width: 768px){
    .btn-rounded a{
        padding: 20px 30px;
    }
    .btn-rounded a:after{
        right: 20px;
        top: calc(50% - 4px);
        width: 8px;
        height: 8px;
    }
}

.ft-products-menu{
    margin-top: 120px;
    display: flex;
    flex-wrap: wrap;
}
.ft-products-menu .each{
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 50px 20px 30px;
    width: calc(250 / 1000 * 100%);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    transition: color .5s;
}
.ft-products-menu .each:before{
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 0;
    height: calc(100% + 2px);
    background: #00b681;
    transition: width .3s;
}
.ft-products-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-products-menu .each p{
    position: relative;
    z-index: 2;
    line-height: 1.5;
}
.ft-products-menu .each:hover,
.ft-products-menu .each.current{
    color: #fff;
}
.ft-products-menu .each:hover:before,
.ft-products-menu .each.current:before{
    width: calc(100% + 2px);
}
.ft-products-menu .each:hover:after,
.ft-products-menu .each.current:after{
    background: url(../../images/common/ico_arrow_circle_w.svg) no-repeat center center;
    background-size: contain;
}
@media screen and (min-width: 769px) {
    .ft-products-menu .each:nth-child(4n+1) {
        border-left: 1px solid #ddd;
    }
    .ft-products-menu .each:nth-child(-n+4) {
        border-top: 1px solid #ddd;
    }
}
@media screen and (max-width: 768px){
    .ft-products-menu{
        margin-top: 60px;
    }
    .ft-products-menu .each{
        padding: 10px 20px 10px 15px;
        width: calc(325 / 650 * 100%);
        /* border: none; */
        min-height: 54px;
    }
    .ft-products-menu .each:nth-child(2n+1) {
        border-left: 1px solid #ddd;
    }
    .ft-products-menu .each:nth-child(-n+2) {
        border-top: 1px solid #ddd;
    }
    .ft-products-menu .each:after{
        right: 10px;
        top: calc(50% - 4px);
        width: 9px;
        height: 9px;
    }
    .ft-products-menu .each p{
        font-size: 11px;
    }
}

/*----------
PRODUCTS - top
----------*/
.index_wrapp{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index_wrapp .col-2{
    width: 48%;
    margin-bottom: 60px;
}
.index_wrapp .col-1{
    width: 100%;
    margin-bottom: 60px;
}
.index_wrapp .sectitle{
    margin-top: 0;
}
.index_in{
    display: flex;
    justify-content: space-between;
}
.index_in .each{
    width: 30.7%;
}
.index_main li a{
    display: block;
    position: relative;
    background: #f7f7f7;
    padding: 15px 20px 13px;
    border-bottom: 1px solid #e2e2e3;
    transition: .5s;
    line-height:1.3;
}
.index_main li a:hover{
    background: #00b681;
    color: #fff;
}
.index_main li a:after{
    content: "";
    position: absolute;
    right: 20px;
    top: calc(50% - 7px);
    width: 15px;
    height: 15px;
    background: url(../../images/common/ico_arrow_circle.svg) no-repeat center center;
    background-size: contain;
}
.index_main li a:hover:after{
    background: url(../../images/common/ico_arrow_circle_w.svg) no-repeat center center;
    background-size: contain;
}
.index_sub {
    display: flex;
}
.index_sub li{
    width: 50%;
    padding-left: 20px;
}
.index_sub li a{
    position: relative;
    display: block;
    padding: 10px 20px 8px 25px;
    text-decoration: underline;
    border-bottom: 1px solid #e2e2e3;
    transition: .5s;
}
.index_sub li a:hover{
    text-decoration: none;
}
.index_sub li a:before{
    content: "";
    position: absolute;
    left: 5px;
    top: calc(50% - 3px);
    width: 6px;
    height: 8px;
    background: url(../../images/products/top/ico_sub.png) no-repeat center center;
    background-size: contain;
}
.index_in .index_sub li{
    width: 100%;
}
@media screen and (max-width: 768px){
    .index_main li a{
        padding: 15px 40px 13px 20px;
    }
    .index_wrapp .col-2{
        width: 100%;
        margin-bottom: 60px;
    }
    .index_wrapp .col-1{
        width: 100%;
        margin-bottom: 60px;
    }
    .index_wrapp .sectitle{
        margin-top: 0;
    }
    .index_in{
        display: block;
    }
    .index_in .each{
        width: 100%;
        margin-bottom: 30px;
    }
    .index_in .each img{
        width: 100%;
    }
}



/*----------
PRODUCTS - Dr's idea
----------*/
.drsidea_block{
    background: #f7f7f7;
    display: flex;
    justify-content: space-between;
    padding: 40px;
    margin-bottom: 40px;
}
.drsidea_block .img{
    position: relative;
    width: calc(260 / 920 * 100%);
}
.drsidea_block .img .wipe{
    position: absolute;
    right: -20px;
    top: -20px;
}
.drsidea_block .txt{
    width: calc(620 / 920 * 100%);
}
.drsidea_block .txt .title{
    font-weight: bold;
    color: #00b681;
    font-size: 20px;
}
.drsidea_block .txt p+p{
    margin-top: 1em;
}
.drsidea_block .txt .btn-rounded{
    text-align: right;
}
.drsidea_block .txt .btn-rounded a{
    background: #fff;
    padding: 10px 40px;
    text-align: center;
    max-width: 240px;
    transition: 0.5s;
}
.drsidea_block .txt .btn-rounded a:hover{
    background: #00b681;
    color: #fff;
}
.drsidea_block .txt .btn-rounded a:after{
    right: 20px;
}
@media screen and (max-width: 768px){
    .drsidea_block{
        display: block;
        padding: 30px;
    }
    .drsidea_block .img{
        width: 100%;
        text-align: center;
    }
    .drsidea_block .img .wipe{
        width: 30%;
        max-width: 150px;
    }
    .drsidea_block .txt{
        width: 100%;
        margin-top: 30px;
    }
    .drsidea_block .txt .title{
        font-size: 18px;
    }
    .drsidea_block .txt .btn-rounded{
        text-align: center;
    }
}

/*----------
PRODUCTS - container
----------*/
.stcontainer .sectitle + .blocktitle {
    margin-top: 0;
}
.stcontainer_block01,
.stcontainer_block02 {
    display: flex;
    justify-content: space-between;
}
.stcontainer_block01 .img{
    width: 38%;
}
.stcontainer_block01 .txt {
    width: 56%;
}
.stcontainer_block02 .img{
    width: 41%;
}
.stcontainer_block02 .txt {
    width: 55%;
}
.subtitle + .stcontainer_block02 {
    margin-top: 24px;
}
.stcontainer_block03 {
    display: flex;
    margin-top: 40px;
}
.stcontainer_block03 .each {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.stcontainer_block03 .each .mov_title {
    position: relative;
    font-size: 14px;
    line-height: 1.571;
    font-weight: bold;
    padding-left: 40px;
    color: #00b681;
    margin-top: 18px;
    min-height: 42px;
}
.stcontainer_block03 .each .mov_title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background: url(../../images/products/securea/ico_youtube.png) no-repeat top center;
    background-size: contain;
}
.stcontainer_block03 .each .mov_title span{
    display: inline-block;
}
.stcontainer_block03 .each .mov_title + p {
    margin-top: 8px;
}

@media screen and (max-width: 768px){
    .stcontainer_block01,
    .stcontainer_block02,
    .stcontainer_block03 {
        display: block;
    }
    .stcontainer_block01 .txt,
    .stcontainer_block02 .txt{
        width: 100%;
        margin-top: 20px;
    }
    .stcontainer_block01 .img,
    .stcontainer_block02 .img{
        width: 100%;
        margin-top: 15px;
    }
    .stcontainer_block03 .each {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .stcontainer_block03 .each .mov_title {
        min-height: auto;
        min-height: initial;
    }
    .stcontainer .blocktitle {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}


/*----------
PRODUCTS - ppe
----------*/
.imglist_block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.imglist_block .each{
    width: 32%;
    margin-right: 2%;
}
.imglist_block .each:nth-child(3n){
    margin-right: 0;
}
.imglist_block .each:nth-child(n+4){
    margin-top: 30px;
}
.imglist_block .each .caption{
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
}
.ppe_block01{
    margin-top: 60px;
    position: relative;
}
.ppe_block01_en{
    max-width: 610px;
    margin-right: auto;
    margin-left: auto;
}
.ppe_block01 .btn01{
    position: absolute;
    width: calc(242 / 840 * 100%);
    top: 20%;
    left: 5.5%;
    transition: .5s;
}
.ppe_block01 .btn02{
    position: absolute;
    width: calc(242 / 840 * 100%);
    top: 20%;
    right: 5.5%;
    transition: .5s;
}
.ppe_block01 .btn03{
    position: absolute;
    width: calc(152 / 840 * 100%);
    top: 68%;
    left: 5.5%;
    transition: .5s;
}
.ppe_block01 .btn04{
    position: absolute;
    width: calc(152 / 840 * 100%);
    top: 68%;
    right: 6%;
    transition: .5s;
}
.ppe_block01 .btn01:hover,
.ppe_block01 .btn02:hover,
.ppe_block01 .btn03:hover,
.ppe_block01 .btn04:hover{
    opacity: 0.8;
}
.ppe_block02{
    display: flex;
    justify-content: space-between;
}
.ppe_block02 .img{
    width: 40%;
}
.ppe_block02 .txt{
    width: 56%;
}
.ppe_block02 .txt .title{
    font-size: 16px;
}
.ppe_block02 .txt .title span{
    padding-bottom: 2px;
    border-bottom: 2px solid #00b681;
}
.ppe_block03{
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 40px 0;
    margin-top: 40px;
}
.ppe_block03 .title{
    color: #00b681;
    text-align: center;
    width: 20%;
    padding: 0 10px;
    font-size: 16px;
}
.ppe_block03 .illust{
    display: flex;
    justify-content: space-between; 
    width: 80%;
    padding: 0 40px;
    border-left: 1px solid #ddd;
}
.ppe_block03 .illust .each{
    width: calc(233 / 720 * 100%);
}
.ppe_block03 .illust .desc{
    margin-top: 10px;
    line-height: 1.5;
}
.ppe_block04{
    display: flex;
    justify-content: space-between;
}
.ppe_block04 .txt{
    width: 62%;
}
.ppe_block04 .img{
    width: 34%;
}
.ppe_block05{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ppe_block05 .each{
    width: 47%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 30px;
}
.ppe_block05 .each .img{
    width: calc(190 / 470 * 100%);
}
.ppe_block05 .each .txt{
    width: calc(260 / 470 * 100%);
}
.ppe_block05 .each .txt .step span{
    display: inline-block;
    background: #00b681;
    color: #fff;
    font-weight: bold;
    padding: 5px 7px 3px;
    font-size: 12px;
}
.ppe_block05 .each .txt .desc{
    font-size: 12px;
    line-height: 1.6;
    margin-top: 10px;
}
.ppe_block06{
    display: flex;
    justify-content: space-between;
}
.ppe_block06 .fitcheck{
    position: relative;
    width: 62%;
    padding: 20px 20px 20px 40px;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ppe_block06 .fitcheck:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 40px solid #ff2626;
    border-bottom: 40px solid transparent;
}
.ppe_block06 .fitcheck .txt{
    width: calc(365 / 560 * 100%);
}
.ppe_block06 .fitcheck .txt .title{
    font-size: 18px;
    color: #ff2626;
    font-weight: bold;
}
.ppe_block06 .fitcheck .txt .desc{
    margin-top: 5px;
}
.ppe_block06 .caution{
    width: 35%;
    font-size: 12px;
    color: #646464;
}
.ppe_block07{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 60px;
}
.ppe_block07 .each{
    width: 47%;
}
.ppe_block07 .each .blocktitle{
    margin-top: 30px;
    margin-bottom: 30px;
}
.ppe_block07 .each table{
    width: 100%;
}
.ppe_block07 .each table td{
    width: 55%;
    font-size: 14px;
    border-bottom: 1px dotted #ddd;
    padding: 20px;
    line-height:1.3;
}
.ppe_block07 .each table .name{
    background: #f7f7f7;
    width: 45%;
}
.ppe_block07 .caution{
    font-size: 12px;
    margin-top: 20px;
    color: #646464;
}

.ppe_table_wrap{
    margin-top: 60px;
    overflow-x: auto;
}
.tabletitle{
    font-size: 16px;
    margin-bottom: 10px;
}
.ppe_table01{
    margin-top: 40px;
    width: calc(100% - 2px);
    border-collapse: collapse;
}
.ppe_table01 .type{
    color: #00b681;
    text-align: center;
    font-weight: bold;
}
.ppe_table01 td{
    border-bottom: 1px solid #dddddd;
    padding: 20px;
    vertical-align: middle;
    line-height: 1.6;
}
.ppe_table01 tr:nth-child(even){
    background: #f7f7f7;
}
.ppe_table02{
    width: calc(100% - 2px);
}
.ppe_table02 td{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px dotted #ddd;
    text-align: center;
    padding: 10px;
    vertical-align: middle;
    font-size: 14px;
}
.ppe_table02 .th_sub{
    width: calc(125 / 880 * 100%);
}
.ppe_table02 .bordered{
    border-bottom: 1px solid #ddd;
}
.th_main{
    padding: 12px 10px 10px;
    background: #646464;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border-right: 1px solid #fff;
}
.th_sub{
    padding: 12px 10px 10px;
    background: #dddddd;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border-right: 1px solid #fff;
}
.ppe_titleblock01{
    display: flex;
    align-items: center;
    margin-top: 60px;
    width: 100%;
    border-top: 1px solid #00b681;
    border-bottom: 1px solid #00b681;
    padding: 20px 0;
    margin-bottom: 40px;
}
.ppe_titleblock01 .txt{
    width: 13%;
}
.ppe_titleblock01 .desc{
    width: 87%;
    padding-left: 40px;
}

.ppe_titleblock01 .title{
    color: #00b681;
    font-weight: bold;
    text-align: center;
}
.ppe_titleblock01 .label{
    color: #fff;
    font-weight: bold;
    background: #00b681;
    text-align: center;
    margin-top: 0;
}
@media screen and (max-width: 768px){
.imglist_block{
    display: block;
}
.imglist_block .img{
    text-align: center;
}
.imglist_block .each{
    width: 100%;
    margin-right: 0;
}
.imglist_block .each:nth-child(n+2){
    margin-top: 30px;
}
.imglist_block .each .caption{
    font-size: 10px;
}
.ppe_block01 .btn01{
    width: calc(210 / 750 * 100%);
    top: 14%;
    left: 5%;
}
.ppe_block01 .btn02{
    width: calc(210 / 750 * 100%);
    top: 14%;
    right: 5%;
}
.ppe_block01 .btn03{
    width: calc(228 / 750 * 100%);
    top: 74%;
    left: 16%;
}
.ppe_block01 .btn04{
    width: calc(228 / 750 * 100%);
    top: 74%;
    right: 16%;
}
.ppe_block02{
    display: block;
}
.ppe_block02 .img{
    width: 100%;
    margin-bottom: 20px;
}
.ppe_block02 .txt{
    width: 100%;
}
.ppe_block02 .txt .title{
    font-size: 14px;
}
.ppe_block03{
    display: block;
    border: 1px solid #ddd;
    padding: 30px 0;
    margin-top: 40px;
}
.ppe_block03 .title{
    color: #00b681;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    font-size: 16px;
}
.ppe_block03 .illust{
    display: block;
    width: 100%;
    padding: 0 30px;
    border-left: 1px solid #ddd;
}
.ppe_block03 .illust .each{
    width: 100%;
    margin-top: 30px;
}
.ppe_block03 .illust .each .img{
    text-align: center;
}
.ppe_block04{
    display: block;
}
.ppe_block04 .txt{
    width: 100%;
}
.ppe_block04 .img{
    width: 100%;
    margin-top: 30px;
}
.ppe_block05{
    display: block;
}
.ppe_block05 .each{
    width: 100%;
    display: block;
}
.ppe_block05 .each .img{
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.ppe_block05 .each .txt{
    width: 100%;
}
.ppe_block05 .each .txt .desc{
    font-size: 10px;
    margin-top: 10px;
}
.ppe_block06{
    display: block;
}
.ppe_block06 .fitcheck{
    width: 100%;
    padding: 20px 20px 20px 40px;
    display: block;
}
.ppe_block06 .fitcheck:after{
    border-left: 30px solid #ff2626;
    border-bottom: 30px solid transparent;
}
.ppe_block06 .fitcheck .txt{
    width: 100%;
}
.ppe_block06 .fitcheck .txt .title{
    font-size: 16px;
}
.ppe_block06 .fitcheck .txt .desc{
    margin-top: 5px;
}
.ppe_block06 .fitcheck .img{
    text-align: center;
    margin-top: 20px;
}
.ppe_block06 .caution{
    width: 100%;
    font-size: 10px;
    margin-top: 20px;
}
.ppe_block07{
    display: block;
    margin-top: 40px;
    margin-bottom: 60px;
}
.ppe_block07 .each{
    width: 100%;
    margin-bottom: 30px;
}
.ppe_block07 .each .blocktitle{
    margin-top: 20px;
    margin-bottom: 20px;
}
.ppe_block07 .each table{
    width: 100%;
}
.ppe_block07 .each table td{
    width: 55%;
    font-size: 12px;
    padding: 15px;
}
.ppe_block07 .each table .name{
    background: #f7f7f7;
    width: 45%;
}
.ppe_block07 .caution{
    font-size: 10px;
    margin-top: 20px;
}

.ppe_table_wrap{
    margin-top: 60px;
    overflow-x: auto;
}
.tabletitle{
    font-size: 14px;
    margin-bottom: 10px;
}
.ppe_table01 td{
    font-size: 12px;
    padding: 10px;
}
.ppe_table01 tr:nth-child(even){
    background: #f7f7f7;
}
.ppe_table02{
    width: calc(100% - 2px);
}
.ppe_table02 td{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px dotted #ddd;
    text-align: center;
    padding: 10px;
    vertical-align: middle;
    font-size: 14px;
}
.ppe_table02 .th_sub{
    width: calc(125 / 880 * 100%);
}
.ppe_table02 .bordered{
    border-bottom: 1px solid #ddd;
}
.th_main{
    padding: 12px 10px 10px;
    background: #646464;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border-right: 1px solid #fff;
}
.th_sub{
    padding: 12px 10px 10px;
    background: #dddddd;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border-right: 1px solid #fff;
}
.ppe_titleblock01{
    display: block;
    margin-top: 60px;
    width: 100%;
    border-top: 1px solid #00b681;
    border-bottom: 1px solid #00b681;
    padding: 20px 0;
    margin-bottom: 40px;
}
.ppe_titleblock01 .txt{
    width: 100%;
}
.ppe_titleblock01 .desc{
    width: 80%;
    padding-left: 0;
    margin: 0 auto;
}

.ppe_titleblock01 .label{
    width: 80%;
    margin: 0 auto 10px;
}
}

/*----------
PRODUCTS - container
----------*/
.container_block01{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.container_block01 .each{
    width: 47%;
}
.container_block01 .each .blocktitle{
    margin-top: 25px;
    margin-bottom: 20px;
}
.container_block02{
    margin-top: 60px;
}
.container_block02 .title{
    background: #ddd;
    text-align: center;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
}
.container_block02_in{
    padding: 40px;
    border: 1px solid #ddd;
}
.container_block02_in .img{
    text-align: center;
}
.container_block03{
    display: flex;
    justify-content: space-between;
}
.container_block03 .each{
    width: 47%;
    border: 1px solid #f7f7f7;
}
.container_block04{
    display: flex;
    justify-content: space-between;
}
.container_block04 .each{
    width: 31.2%;
    border: 1px solid #f7f7f7;
}
.container_block03 .each .title,
.container_block04 .each .title{
    text-align: center;
    background: #f7f7f7;
    color: #00b681;
    font-weight: bold;
    font-size: 18px;
}
.container_block03 .each .desc,
.container_block04 .each .desc{
    padding: 20px;
    margin-top: 0;
}
.container_combine{
    text-align: center;
    margin-top: 60px;
}
.container_btn{
    margin-top: 80px;
}
.container_btn a{
    max-width: 560px;
}
@media screen and (max-width: 768px){
    .container_block01{
        margin-top: 0px;
        display: block;
    }
    .container_block01 .each{
        margin-top: 30px;
        width: 100%;
    }
    .container_block02 .title{
        padding: 5px 0;
        font-size: 14px;
    }
    .container_block02_in{
        padding: 30px;
    }
    .container_block03{
        display: block;
    }
    .container_block03 .each{
        width: 100%;
    }
    .container_block04{
        display: block;
    }
    .container_block04 .each{
        width: 100%;
        margin-top: 30px;
    }
    .container_block03 .each .title,
    .container_block04 .each .title{
        font-size: 16px;
    }
    .container_block03 .each .desc,
    .container_block04 .each .desc{
        padding: 20px;
        margin-top: 0;
    }
    .container_combine{
        text-align: center;
        margin-top: 60px;
    }
    .container_btn{
        margin-top: 80px;
    }
    .container_btn a{
        max-width: 560px;
    }
}

/*----------
PRODUCTS - container
----------*/
.operamaster_pdca{
    margin-top: 70px;
}
.pdca_in {
    display: flex;
    margin-bottom: 100px;
}
.pdca_in-re {
    display: flex;
    flex-direction: row-reverse;
}
.pdca_in .operamaster_block01:nth-of-type(odd),
.pdca_in-re .operamaster_block01:nth-of-type(even) {
    margin-right: 120px;
}
.operamaster_block01 {
    max-width: 440px;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.operamaster_block01 .flow_arrow {
    position: absolute;
}
.operamaster_block01 .flow_arrow span {
    color: #00b682;
    font-weight: bold;
    font-size: 18px;
    position: relative;
}
.operamaster_block01 .flow_arrow span::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 22px;
    border-color: transparent transparent transparent #00b682;
}
.operamaster_block--plan .flow_arrow {
    top: 50%;
    right: -120px;
    width: 120px;
    text-align: center;
}
.operamaster_block--do .flow_arrow {
    bottom: calc( -50px - 1.5em);
    left: 50%;
    text-align: right;
    transform: translateX(-50%);
}
.operamaster_block--check .flow_arrow {
    top: 50%;
    left: -120px;
    width: 120px;
    text-align: center;
}
.operamaster_block--act .flow_arrow {
    top: calc( -50px - 1.5em);
    left: 50%;
    text-align: left;
    transform: translateX(-50%);
}

.operamaster_pdca_en .operamaster_block--plan .flow_arrow {
    top: 50%;
    right: -120px;
    width: 120px;
    text-align: center;
    line-height: 1.4;
}
.operamaster_pdca_en .operamaster_block--do .flow_arrow {
    bottom: calc( -50px - 1.5em);
    left: 50%;
    text-align: left;
    transform: translateX(-50%);
    line-height: 1.4;
}
.operamaster_pdca_en .operamaster_block--do .flow_arrow span,
.operamaster_pdca_en .operamaster_block--act .flow_arrow span {
    display: inline-block;
}
.operamaster_pdca_en .operamaster_block--check .flow_arrow {
    top: 50%;
    left: -120px;
    width: 120px;
    text-align: center;
    line-height: 1.4;
}
.operamaster_pdca_en .operamaster_block--act .flow_arrow {
    top: calc( -50px - 1.5em);
    left: 50%;
    text-align: left;
    transform: translateX(-50%);
    line-height: 1.4;
}
.operamaster_pdca_en .operamaster_block--do .flow_arrow span:before{
    bottom: 50%;
    transform: rotate(90deg) translateX(50%)
}
.operamaster_pdca_en .operamaster_block--act .flow_arrow span:before{
    bottom: 50%;
    transform: rotate(-90deg) translateX(-50%)
}

.operamaster_block--plan .flow_arrow span,
.operamaster_block--check .flow_arrow span {
    padding-top: 42px;
}
.operamaster_block--do .flow_arrow span {
    padding-left: 42px;
}
.operamaster_block--act .flow_arrow span {
    padding-right: 42px;
}

.operamaster_block--plan .flow_arrow span::before {
    top: 0;
    left: calc(50% - 11px);
}
.operamaster_block--do .flow_arrow span::before {
    bottom: 0;
    left: 0;
    transform: rotate(90deg);
}
.operamaster_block--check .flow_arrow span::before {
    top: 0;
    left: calc(50% - 16px);
    transform: rotate(180deg);
}
.operamaster_block--act .flow_arrow span::before {
    bottom: 0;
    right: 0;
    transform: rotate(-90deg);
}
.operamaster_block01 .txt {
    border: 2px solid #f7f7f7;
    border-top: none;
    padding: 35px 30px;
    flex-grow: 1;
}
.operamaster_btn{
    text-align: center;
}
.operamaster_btn a{
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 100px;
    padding: 30px 60px;
    max-width:560px;
    width: 100%;
    transition: 0.5s;
    font-size: 16px;
    line-height: 1.5;
}
.operamaster_btn a span{
    font-size: 14px;
}
.operamaster_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;
}
.operamaster_btn a:hover{
    background: #00b681;
    color: #fff;
}
.operamaster_btn a:hover:after{
    background: url(../../images/common/ico_arrow_circle_w.svg) no-repeat center center;
    background-size: contain;
}
@media screen and (max-width: 768px){
    
    .pdca_in {
        display: block;
        margin-bottom: 70px;
    }
    .pdca_in-re {
        display: block;
    }
    .pdca_in .operamaster_block01:nth-of-type(odd),
    .pdca_in-re .operamaster_block01:nth-of-type(even) {
        margin-right: auto;
    }
    .operamaster_block01 {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 70px;
    }
    .operamaster_block01 .txt {
        padding: 20px;
    }
    .pdca_in-re .operamaster_block02.is-sp {
        text-align: center;
        font-size: 14px;
        line-height: 1.3;
        color: #646464;
    }
    .pdca_in-re .operamaster_block02.is-sp .label{
        display:inline-block;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 3px 3% 0px;
        background: #00b682;
        border: 1px solid #00b682;
        letter-spacing: 0.04em;
        font-size: 16px;
    }
    .pdca_in-re .operamaster_block02.is-sp .title {
        display:inline-block;
        padding: 4px 3% 1px;
        color: #00b682;
        font-weight: bold;
        font-size: 16px;
        background: #f7f7f7;
        margin-right:5px;
    }

    .operamaster_pdca_en .operamaster_block--plan .flow_arrow,
    .operamaster_pdca_en .operamaster_block--do .flow_arrow,
    .operamaster_pdca_en .operamaster_block--check .flow_arrow,
    .operamaster_pdca_en .operamaster_block--act .flow_arrow {
        display: inline-block;
        top: auto;
        right: auto;
        bottom: calc( -35px - 1.5em);
        left: 50%;
        width: auto;
        text-align: left;
        transform: translateX(-50%);
    }
    .operamaster_block--plan .flow_arrow,
    .operamaster_block--do .flow_arrow,
    .operamaster_block--check .flow_arrow,
    .operamaster_block--act .flow_arrow {
        top: auto;
        right: auto;
        bottom: calc( -35px - 2em);
        left: 50%;
        width: auto;
        text-align: right;
        transform: translateX(-50%);
    }
    .operamaster_block--plan .flow_arrow span,
    .operamaster_block--check .flow_arrow span,
    .operamaster_block--act .flow_arrow span  {
        display: inline-block;
        padding:0 0 0 42px;
    }
    .operamaster_pdca_en .operamaster_block--plan .flow_arrow span,
    .operamaster_pdca_en .operamaster_block--check .flow_arrow span,
    .operamaster_pdca_en .operamaster_block--act .flow_arrow span  {
        padding:0 0 0 42px;
    }
    .operamaster_block--plan .flow_arrow span::before,
    .operamaster_block--check .flow_arrow span::before,
    .operamaster_block--act .flow_arrow span::before {
        transform: rotate(90deg);
        left: 0;
        top: calc(50% - 18px);
        bottom: 0;
    }
    .operamaster_pdca_en .operamaster_block--plan .flow_arrow span::before,
    .operamaster_pdca_en .operamaster_block--check .flow_arrow span::before,
    .operamaster_pdca_en .operamaster_block--act .flow_arrow span::before {
        transform: rotate(90deg);
        left: 0;
        top: calc(50% - 18px);
        bottom: 0;
    }
    .operamaster_block--do .flow_arrow span::before {
        left: 0;
        top: calc(50% - 18px);
        bottom: 0;
    }
    .operamaster_btn_area {
        margin-top: 60px;
        padding: 30px 20px;
    }
    .operamaster_btn a{
        padding: 20px 40px 20px 20px;
        font-size: 14px; 
    }
    .operamaster_btn a span{
        font-size: 12px;
    }
    .operamaster_btn a:after{
        right: 20px;
        /* top: calc(50% - 4px); */
        /* width: 8px; */
        /* height: 8px; */
    }
}


/*----------
PRODUCTS - container
----------*/
.supportbox_block01{
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
}
.supportbox_block01 .img{
    width: 50%;
}
.supportbox_block01 .txt{
    width: 46%;
}
.supportbox_block01 .txt .blocktitle{
    margin-top: 0;
}
.supportbox_block01 .txt .features{
    margin-bottom: 20px;
}
.supportbox_block01 .txt .features li{
    position: relative;
    padding-left: 20px;
    line-height: 2;
}
.supportbox_block01 .txt .features li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 10px;
    height: 9px;
    background: url(../../images/products/support_box/ico_check.png) no-repeat center center;
    background-size: contain;
}
.supportbox_block01 .txt .desc{
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
}
.supportbox_block01 .txt .desc span{
    background: #00b681;
    color: #fff;
    padding: 0.1em 0.2em 0;
}
.supportme_block_pre{
    display: flex;
    justify-content: space-between;
}
.supportme_block_pre .txt{
    width: calc(100% - 320px);
}
.supportme_block_pre .img{
    width: 300px;
}
.supportme_block01{
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
}
.supportme_block01 .each{
    width: 48%;
}
.supportme_block01 .img{
    width: 100%;
}
.supportme_block01 .txt{
    width: 100%;
}
.supportme_block01 .blocktitle{
    margin-top: 20px;
    margin-bottom: 20px;
}



.supportbox_block02{
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.supportbox_block02 .each{
    width: 48%;
}
.supportbox_block02 .each .title{
    display: flex;
    align-items: center;
    position: relative;
    min-height: 62px;
    margin-bottom: 10px;
}
.supportbox_block02 .each .title p{
    font-size: 16px;
    font-weight: bold;
    color: #00b681;
    padding-left: 10px;
}
.supportbox_block02 .each .content{
    background: #f7f7f7;
    border-radius: 8px;
    padding: 30px;
    height: calc(100% - 72px);
}
.supportbox_block02 .each .content li{
    position: relative;
    padding-left: 20px;
    line-height: 1.5;
}
.supportbox_block02 .each .content li:nth-child(n+2){
    margin-top: 10px;
}
.supportbox_block02 .each .content li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 11px;
    height: 11px;
    background: url(../../images/products/support_box/ico_circle.png) no-repeat center center;
    background-size: contain;
}
.supportbox_block03{
    display: flex;
}
.supportbox_block03 p{
    width: 30%;
}
.supportbox_block04{
    margin-top: 60px;
}
.supportbox_block04 .title{
    position: relative;
    display: inline-block;
    padding: 8px 20px 3px;
    background: #00b681;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
.supportbox_block04 .title:after{
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    border-left: 26px solid #00b681;
    border-top: 38px solid transparent;
}
.supportbox_block04 .content{
    padding: 40px 60px;
    border: 2px dotted #00b681;
}
.supportbox_block04 .content .lead{
    position: relative;
    text-align: center;
    background: #ddd;
    padding: 8px 10px 5px;
    margin-bottom: 35px;
    font-size: 20px;
    line-height: 1.5;
}
.supportbox_block04 .content .lead:after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: calc(50% - 9px);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 10px solid #ddd;
}
.supportbox_block04 .content .problems li{
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}
.supportbox_block04 .content .problems .problem_in{
    display: inline-block;
    position: relative;
}
.supportbox_block04 .content .problems .problem_in:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff000;
    z-index: -1;
}
.supportbox_block04 .content .problems .percentage_num{
    font-size: 26px;
    font-weight: bold;
    color: #ff1d1d;
}
.supportbox_block04 .content .problems .percentage{
    font-size: 16px;
    font-weight: bold;
    color: #ff1d1d;
}
.supportbox_block04 .content .source{
    text-align: right;
    font-size: 10px;
    color: #646464;
    margin-top: 20px;
}
.supportbox_block04 .content .source span{
    display: inline-block;
    padding: 0 2px; 
    border: 1px solid #646464;
}
.supportbox_block04 .content .downarrow{
    margin-top: 20px;
    text-align: center;
}
.supportbox_block04 .content .tec{
    text-align: center;
    font-weight: bold;
    color: #00b681;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
}

@media screen and (max-width: 768px){
.supportbox_block01{
    display: block;
}
.supportbox_block01 .img{
    width: 100%;
}
.supportbox_block01 .txt{
    width: 100%;
}
.supportbox_block01 .txt .desc{
    font-size: 16px;
}
.supportme_block_pre{
    display: block;
    width: 100%;
}
.supportme_block_pre .txt{
    width: 100%;
}
.supportme_block_pre .img{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.supportme_block_pre .img img{
    max-width: 250px;
}
.supportme_block01{
    display: block;
    margin-top: 0;
}
.supportme_block01 .each{
    width: 100%;
    margin-top: 2em;
}
.supportbox_block02{
    display: block;
}
.supportbox_block02 .each{
    margin-top: 30px;
    width: 100%;
}
.supportbox_block02 .each .title{
    min-height: initial;
    min-height: auto;
    margin-bottom: 10px;
}
.supportbox_block02 .each .title p{
    font-size: 14px;
}
.supportbox_block02 .each .content{
    padding: 20px;
    height: auto;
}
.supportbox_block02 .each .content li{
    font-size: 14px;
}
.supportbox_block03{
    display: block;
}
.supportbox_block03 p{
    width: 100%;
    text-align: center;
}
.supportbox_block04 .title{
    padding: 4px 10px 2px;
    font-size: 16px;
}
.supportbox_block04 .title:after{
    right: -17px;
    border-left: 18px solid #00b681;
    border-top: 30px solid transparent;
}
.supportbox_block04 .content{
    padding: 20px 30px;
    border: 1px dotted #00b681;
}
.supportbox_block04 .content .lead{
    padding: 8px 10px 5px;
    font-size: 18px;
}
.supportbox_block04 .content .problems li{
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
}
.supportbox_block04 .content .problems .problem_in{
    position: relative;
}
.supportbox_block04 .content .problems .problem_in:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff000;
    z-index: -1;
}
.supportbox_block04 .content .problems .percentage_num{
    font-size: 20px;
    font-weight: bold;
    color: #ff1d1d;
}
.supportbox_block04 .content .problems .percentage{
    font-size: 14px;
    font-weight: bold;
    color: #ff1d1d;
}
.supportbox_block04 .content .source{
    text-align: right;
    font-size: 10px;
    color: #646464;
    margin-top: 20px;
}
.supportbox_block04 .content .tec{
    font-size: 18px;
}

}

/*----------
PRODUCTS - container
----------*/
.management_block01{
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.management_block01 .each{
    width: 48%;
}
.management_block01 .each .blocktitle{
    margin-top: 40px;
}
.management_block02{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.management_block02 .heading{
    width: 15%;
    display: flex;
    align-items: center;
    padding: 30px;
}
.management_block02 .heading_in{
    width: 100%;
}
.management_block02.block_plan{
    margin-top: 60px;
}
.management_block02.block_plan .heading{
    background: #006eba;
}
.management_block02.block_do .heading{
    background: #910782;
}
.management_block02.block_check .heading{
    background: #009c99;
}
.management_block02.block_action .heading{
    background: #ea5e00;
}
.management_block02 .label{
    background: #fff;
    text-align: center;
    width: 100%;
    padding: 5px 5px 3px;
    font-size: 20px;
    font-weight: bold;
}
.management_block02.block_plan .label{
    color: #006eba;
}
.management_block02.block_do .label{
    color: #910782;
}
.management_block02.block_check .label{
    color: #009c99;
}
.management_block02.block_action .label{
    color: #ea5e00;
}

.management_block02 .title{
    text-align: center;
    margin-top: 15px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.management_block02 .content{
    width: 81%;
    padding: 30px 0 10px;
}
.management_block02 .content .content_in{
    display: flex;
    justify-content: space-between;
}
.management_block02 .content .content_in .desc{
    width: calc(580 / 810 * 100%);
}
.management_block02 .content .content_in .img{
    width: calc(210 / 810 * 100%);
    margin-top: 0;
}
.management_block02 .content .lead{
    font-weight: bold;
    font-size: 18px;
}
.management_block02.block_plan .lead{
    color: #006eba;
}
.management_block02.block_do .lead{
    color: #910782;
}
.management_block02.block_check .lead{
    color: #009c99;
}
.management_block02.block_action .lead{
    color: #ea5e00;
}

@media screen and (max-width: 768px){
    .management_block01{
        display: block;
    }
    .management_block01 .each{
        width: 100%;
        margin-top: 40px;
    }
    .management_block02{
        display: block;
        margin-top: 40px;
    }
    .management_block02 .heading{
        width: 100%;
        display: block;
        padding: 10px;
    }
    .management_block02 .heading_in{
        width: 100%;
    }
    .management_block02.block_plan{
        margin-top: 60px;
    }
    .management_block02 .label{
        width: 100%;
        padding: 2px 5px 1px;
        font-size: 13px;
    }
    .management_block02 .title{
        margin-top: 10px;
        font-size: 12px;
    }

    .management_block02 .content{
        width: 100%;
        padding: 20px 0 10px;
    }
    .management_block02 .content .content_in{
        display: block;
    }
    .management_block02 .content .lead{
        font-size: 13px;
    }
    .management_block02 .content .desc{
        font-size: 11px;
    }
    .management_block02 .content .content_in .desc{
        width: 100%;
    }
    .management_block02 .content .content_in .img{
        width: 100%;
        margin-top: 1.5em;
        text-align: center;
    }
}

/*----------
PRODUCTS - premiumkit common
----------*/
.premiumkit_btnarea{
    display: flex;
    justify-content: center;
    background: #f7f7f7;
    padding: 30px;
    margin-top: 120px;
}
.premiumkit_btnarea .btn{
    padding: 0 10px;
    width: 50%;
    max-width:448px;
}
.premiumkit_btnarea .btn a{
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    border-radius: 100px;
    padding: 30px 60px;
    width: 100%;
    transition: 0.5s;
    font-size: 16px;
}
.premiumkit_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;
}
.premiumkit_btnarea .btn a:hover,
.premiumkit_btnarea .btn.current a{
    background: #00b681;
    color: #fff;
}
.premiumkit_btnarea .btn a:hover:after,
.premiumkit_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){
    .premiumkit_btnarea{
        display: block;
        padding: 30px 20px;
        margin-top: 60px;
    }
    .premiumkit_btnarea .btn{
        padding: 0;
        width: 100%;
        max-width: auto;
        max-width: initial;
    }
    .premiumkit_btnarea .btn + .btn{
        margin-top: 20px;
    }
    .premiumkit_btnarea .btn a{
        padding: 20px 40px;
    }
    .premiumkit_btnarea .btn a:after{
        right: 20px;
    }

}
/*----------
PRODUCTS - premiumkit
----------*/
.premiumkit_block01{
    display: flex;
    justify-content: space-between;
}
.premiumkit_block01 .img{
    width: 21%;
}
.premiumkit_block01 .txt{
    width: 73%;
}
.premiumkit_block02{
    display: flex;
    justify-content: space-between;
}
.premiumkit_block02 .img{
    width: 39%;
}
.premiumkit_block02 .txt{
    width: 57%;
}

.premiumkit_block03{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 30px;
}
.premiumkit_block03 .txt{
    width: 48%;
}
.premiumkit_block03 .blocktitle{
    margin-top: 0;
}
.premiumkit_block03 .img{
    width: 46%;
}

.premiumkit_block04{
    width: 96%;
    max-width: 920px;
    margin: 0 auto;
}
.premiumkit_block04 .heading{
    background: #dddddd;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.premiumkit_block04 .content{
    border: 1px solid #ddd;
    padding: 20px 40px;
    text-align: center;
}
.premiumkit_block04 .note{
    text-align: right;
}
.premiumkit_block05{
    width: 96%;
    max-width: 920px;
    margin: 0 auto;
    background: #f7f7f7;
    padding: 40px 55px;
}
.premiumkit_block05 .content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.premiumkit_block05 .content .txt{
    width: 48%;
    text-align: center;
}
.premiumkit_block05 .content .txt .heading{
    background: #fff;
    font-weight: bold;
    padding:  5px 5px 2px;
}
.premiumkit_block05 .content .txt span{
    display: inline-block;
}
.premiumkit_block05 .content .img{
    margin-top: 25px;
}
.premiumkit_block06{
    margin-top: 60px;
}
.premiumkit_block06 .title{
    position: relative;
    display: inline-block;
    padding: 8px 20px 3px;
    background: #00b681;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
.premiumkit_block06 .title:after{
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    border-left: 26px solid #00b681;
    border-top: 38px solid transparent;
}
.premiumkit_block06 .content{
    padding: 40px 60px;
    border: 2px dotted #00b681;
}
.premiumkit_block06 .table_wrapp{
    overflow-x: auto;
    margin-top: 15px;
    margin-bottom: 80px;
}
.premiumkit_block06 .table_wrapp .note {
    padding: 8px 0;
    line-height: 1.4;
}
.premiumkit_block06 .table{
    min-width: 800px;
}
.premiumkit_block06 .table th{
    vertical-align: middle;
    padding: 15px 5px 12px;
}
.premiumkit_block06 .table th:not(:last-child){
    border-right: 1px solid #fff;
}
.premiumkit_block06 .table .timing{
    width: calc(101 / 880 * 100%)
}
.premiumkit_block06 .table .whole{
    width: calc(220 / 880 * 100%)
}
.premiumkit_block06 .table .emergency{
    width: calc(278 / 880 * 100%)
}
.premiumkit_block06 .table .problem{
    width: calc(278 / 880 * 100%)
}
.premiumkit_block06 .table td{
    vertical-align: middle;
    border-right: 1px solid #ddd;
    padding: 20px;
    font-size: 14px;
    line-height: 1.6;
}
.premiumkit_block06 .table td:first-child{
    border-left: 1px solid #ddd;
}
.premiumkit_block06 .table .revo{
    border-top: 1px solid #646464;
    border-bottom: 1px solid #646464;
}
.premiumkit_block06 .table .revo .desc{
    background: #f7f7f7;
}
.premiumkit_block06 .list-triangle{
    margin-top: 1.5em;
}
.premiumkit_block06 .list-triangle li{
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    line-height: 1.6;
}
.premiumkit_block06 .list-triangle li:before{
    content: "▶";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
    color: #00b681;
}
.premiumkit_block06 .list-triangle li+li{
    margin-top: 15px;
}
.premiumkit_block06 .img{
    margin-top: 30px;
    text-align: center;
}
.premiumkit_block06 .importance{
    display: flex;
    margin-top: 40px;
}
.premiumkit_block06 .importance .heading{
    width: calc(230 / 880 * 100%);
    background: #ddd;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}
.premiumkit_block06 .importance .box{
    width: calc(650 / 880 * 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(40 / 650 * 100%);
    border: 1px solid #ddd;
}
.premiumkit_block06 .importance .box .txt_before p,
.premiumkit_block06 .importance .box .txt_after p{
    margin-top: 0;
}
.premiumkit_block06 .importance .arrow_right{
    width: calc(64 / 650 * 100%);
}
.premiumkit_cent{
    position: relative;
    margin-top: 60px;
    text-align: center;
    margin-bottom: 35px;
}
.premiumkit_cent:after{
    content: "";
    position: absolute;
    left: calc(50% - 7px);
    bottom: -15px;
    border-top: 10px solid #00b681;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.premiumkit_cent span{
    display: inline-block;
    padding: 2px 5px;
    background: #00b681;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.premiumkit_require{
    text-align: center;
}
.premiumkit_require span{
    color: #00b681;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #00b681;
}
.premiumkit_title{
    position: relative;
    background: #f7f7f7;
    padding: 10px 10px 7px;
    color: #00b681;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.premiumkit_title:after{
    content: "";
    position: absolute;
    left: calc(50% - 7px);
    bottom: -10px;
    border-top: 10px solid #f7f7f7;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
.checktitle{
    position: relative;
    font-size: 16px;
    font-weight: bold;
    padding-left: 40px;
    color: #00b681;
    margin-bottom: 25px;
    margin-top: 40px;
}
.checktitle:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background: url(../../images/products/premiumkit/ico_check.png) no-repeat center center;
    background-size: contain;
}

.premiumkit_block07{
    display: flex;
    justify-content: center;
}
.premiumkit_block07 .each:first-child{
    position: relative;
    margin-right: 160px;
}
.premiumkit_block07 .each:first-child:after{
    content: "";
    position: absolute;
    right: -130px;
    top: 40%;
    width: 90px;
    height: 40px;
    background: url(../../images/products/premiumkit/arrow_right.png) no-repeat center center;
    background-size: contain;
}
.premiumkit_block07 .note{
    margin-top: 5px;
    line-height: 1.6;
}
.premiumkit_block08{
    margin-top: 30px;
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between;
}
.premiumkit_block08 .txt{
    width: 64%;
}
.premiumkit_block08 .img{
    width: 32%;
}
.premiumkit_block08 .note{
    margin-top: 5px;
    line-height: 1.6;
}
.premiumkit_block09{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 90px;
}
.premiumkit_block09 .each{
    width: 31.2%;
}
.premiumkit_block09 .each .caption{
    line-height: 1.2;
    margin-top: 0;
    padding: 5px 5px 3px;
    background: #c3e4d8;
    text-align: center;
}
.premiumkit_block10{
    margin-top: 40px;
}
.premiumkit_block10 .title{
    padding: 5px 5px 2px;
    text-align: center;
    background: #505050;
    color: #fff;
}
.premiumkit_block10 .desc{
    text-align: center;
    border: 1px solid #505050;
    margin-top: 0;
    padding: 20px 10px;
}
.premiumkit_block11{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.premiumkit_block11 .note{
    margin-top: 5px;
    line-height: 1.6;
}
.premiumkit_block12{
    display: flex;
    justify-content: center;
}
.premiumkit_block12 .each{
    width: 35.3%;
    margin: 0 10px;
}
.premiumkit_bottom{
    margin-top: 80px;
    padding: 30px 30px 25px;
    border: 3px solid #00b681;
    color: #00b681;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
@media screen and (max-width: 768px){
    .premiumkit_block01{
        display: block;
    }
    .premiumkit_block01 .img{
        width: 100%;
        text-align: center;
    }
    .premiumkit_block01 .txt{
        width: 100%;
        margin-top: 30px;
    }
    .premiumkit_block02{
        display: block;
    }
    .premiumkit_block02 .img{
        width: 100%;
    }
    .premiumkit_block02 .txt{
        width: 100%;
        margin-top: 30px;
    }
    .premiumkit_block03{
        display: block;
        margin-top: 80px;
        margin-bottom: 30px;
    }
    .premiumkit_block03 .txt{
        width: 100%;
    }
    .premiumkit_block03 .blocktitle{
        margin-top: 0;
    }
    .premiumkit_block03 .img{
        width: 100%;
        margin-top: 30px;
    }
    .premiumkit_block04{
        width: 100%;
    }
    .premiumkit_block04 .heading{
        padding: 5px 10px;
        font-size: 12px;
    }
    .premiumkit_block04 .content{
        padding: 20px 20px;
    }
    .premiumkit_block05{
        width: 100%;
        padding: 20px 30px;
    }
    .premiumkit_block05 .content{
        display: block;
    }
    .premiumkit_block05 .content .txt{
        margin-bottom: 20px;
        width: 100%;
    }
    .premiumkit_block05 .content .txt .heading{
        padding:  5px 5px 2px;
    }
    .premiumkit_block05 .content .img{
        margin-top: 25px;
    }
    .premiumkit_block06{
        margin-top: 60px;
    }
    .premiumkit_block06 .title{
        padding: 4px 10px 2px;
        font-size: 16px;
    }
    .premiumkit_block06 .title:after{
        right: -17px;
        border-left: 18px solid #00b681;
        border-top: 30px solid transparent;
    }
    .premiumkit_block06 .content{
        padding: 20px 20px;
        overflow-x: auto;
    }
    .premiumkit_block06 .table td{
        padding: 20px;
        font-size: 12px;
    }
    .premiumkit_block06 .list-triangle li{
        font-size: 12px;
    }
    .premiumkit_block06 .importance{
        display: block;
        margin-top: 40px;
    }
    .premiumkit_block06 .importance .heading{
        width: 100%;
        display: block;
    }
    .premiumkit_block06 .importance .box{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: calc(40 / 650 * 100%);
        border: 1px solid #ddd;
    }
    .premiumkit_block06 .importance .box .txt_before{
        width: 50%;
    }
    .premiumkit_block06 .importance .box .txt_after{
        width: 35%;
    }
    .premiumkit_block06 .importance .arrow_right{
        width: 10%;
    }
    .premiumkit_cent{
        position: relative;
        margin-top: 60px;
        text-align: center;
        margin-bottom: 35px;
    }
    .premiumkit_cent:after{
        content: "";
        position: absolute;
        left: calc(50% - 7px);
        bottom: -15px;
        border-top: 10px solid #00b681;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
    }
    .premiumkit_cent span{
        display: inline-block;
        padding: 2px 5px;
        font-size: 16px;
    }
    .premiumkit_require span{
        font-size: 16px;
    }
    .premiumkit_title{
        padding: 10px 10px 7px;
        font-size: 16px;
    }
    .checktitle{
        font-size: 14px;
        padding-left: 26px;
        margin-bottom: 25px;
        margin-top: 40px;
    }
    .checktitle:before{
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 16px;
        height: 16px;
        background: url(../../images/products/premiumkit/ico_check.png) no-repeat center center;
        background-size: contain;
    }

    .premiumkit_block07 .each:first-child{
        margin-right: 60px;
    }
    .premiumkit_block07 .each:first-child:after{
        content: "";
        position: absolute;
        right: -50px;
        top: 0;
        width: 40px;
        height: 100%;
        background: url(../../images/products/premiumkit/arrow_right.png) no-repeat center center;
        background-size: contain;
    }
    .premiumkit_block07 .note{
        margin-top: 5px;
        line-height: 1.6;
    }
    .premiumkit_block08{
        margin-top: 30px;
        margin-bottom: 80px;
        display: block;
    }
    .premiumkit_block08 .txt{
        width: 100%;
    }
    .premiumkit_block08 .img{
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }
    .premiumkit_block09{
        flex-wrap: wrap;
        margin-top: 20px;
        margin-bottom: 60px;
    }
    .premiumkit_block09 .each{
        width: 48%;
        margin-top: 10px;
    }
    .premiumkit_block10{
        margin-top: 40px;
    }
    .premiumkit_block10 .title{
        padding: 5px 5px 2px;
        text-align: center;
    }
    .premiumkit_block10 .desc{
        margin-top: 0;
        padding: 20px 10px;
    }
    .premiumkit_block11{
        display: block;
    }
    .premiumkit_block11 .each01{
        margin-top: 10px;
    }
    .premiumkit_block11 .each02{
        margin-top: 10px;
    }
    .premiumkit_block12{
        display: block;
    }
    .premiumkit_block12 .each{
        width: 100%;
        margin: 10px 0 0;
    }
    .premiumkit_bottom{
        margin-top: 80px;
        padding: 30px 30px 25px;
        border: 3px solid #00b681;
        font-size: 16px;
    }
    
}

/*----------
PRODUCTS - premiumkit recommend
----------*/
.premiumkit_recommend_block01{
    display: flex;
    margin-top: 40px;
}
.premiumkit_recommend_block01 .img{
    position: relative;
    width: 28%;
}
.premiumkit_recommend_block01 .img .wipe{
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: calc(107 / 280 * 100%);
}
.premiumkit_recommend_block01 .txt{
    width: 72%;
    display: flex;
    align-items: center;
    padding: 10px 60px;
    background: #f7f7f7;
}
@media screen and (max-width: 768px){
   .premiumkit_recommend_block01{
        display: block;
    }
    .premiumkit_recommend_block01 .img{
        width: 100%;
    }
    .premiumkit_recommend_block01 .img img{
        width: 100%;
    }
    .premiumkit_recommend_block01 .img .wipe{
        position: absolute;
        bottom: -20px;
        right: -20px;
        width: calc(107 / 280 * 100%);
    }
    .premiumkit_recommend_block01 .txt{
        width: 100%;
        display: block;
        padding: 30px 20px;
    }
}

/*----------
PRODUCTS - premiumkit recommend
----------*/
.premiumkit_kit_block01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 60px;
    background: #f7f7f7;
    margin-top: 80px;
}
.premiumkit_kit_block01 .each01{
    width: 48%;
    background: #fff;
    padding: 30px;
    margin-bottom: 40px;
}
.premiumkit_kit_block01 .each02{
    width: 100%;
    background: #fff;
    padding: 30px;
}
.premiumkit_kit_block01 .checktitle{
    margin-top: 0;
    margin-bottom: 0;
}
.premiumkit_kit_block01 .link{
    position: relative;
    text-align: right;
    padding-right: 25px;
}
.premiumkit_kit_block01 .link:before{
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background: url(../../images/common/ico_arrow_circle.svg) no-repeat center center;
    background-size: contain;
}
.premiumkit_kit_block01 .link a{
    text-decoration: underline;
}
.premiumkitkit_block02{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 40px;
}
.premiumkitkit_block02 .img01{
    width: calc(210 / 820 * 100%);
    margin-right: calc(25 / 820 * 100%);
}
.premiumkitkit_block02 .img02{
    width: calc(210 / 820 * 100%);
    margin-right: calc(25 / 820 * 100%);
}
.premiumkitkit_block02 .img03{
    width: calc(346 / 820 * 100%);
}
.premiumkitkit_block02 .note{
    margin-top: 10px;
}
.premiumkitkit_block02 .img03 .note{
    margin-top: 0;
}
.premiumkitkit_block03{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.premiumkitkit_block03 .img{
    width: calc(430 / 820 * 100%);
}
.premiumkitkit_block03 .txt{
    width: calc(360 / 820 * 100%);
}
@media screen and (max-width: 768px){
    .premiumkit_kit_block01{
        display: block;
        padding: 20px;
        margin-top: 40px;
    }
    .premiumkit_kit_block01 .each01{
        width: 100%;
        padding: 20px;
        margin-bottom: 30px;
    }
    .premiumkit_kit_block01 .each02{
        padding: 20px;
    }
    .premiumkitkit_block02 .img01{
        width: 48%;
        margin-right: 4%;
    }
    .premiumkitkit_block02 .img02{
        width: 48%;
        margin-right: 0;
    }
    .premiumkitkit_block02 .img03{
        width: 100%;
        margin-top: 20px;
    }
    .premiumkitkit_block03{
        display: block;
    }
    .premiumkitkit_block03 .img{
        width: 100%;
    }
    .premiumkitkit_block03 .txt{
        width: 100%;
        margin-top: 20px;
    }
}

/*----------
PRODUCTS - sterilize
----------*/
.sterilize_block01{
    display: flex;
    justify-content: space-between;
}
.sterilize_block01 .txt{
    width: 56%;
}
.sterilize_block01 .img{
    width: 38%;
}

.sterilize_block02{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.sterilize_block02 .img{
    width: 41%;
}
.sterilize_block02 .txt{
    width: 59%;
}
.sterilize_block02 .txt .title{
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: bold;
}
.sterilize_block02 .txt p{
    padding-left: 40px;
}
.sterilize_block03{
    margin-top: 40px;
}
.sterilize_block03 .toggle{
    position: relative;
    width: 100%;
    background: #f7f7f7;
    padding: 20px 60px 16px 40px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
}
.sterilize_block03 .toggle:before{
    content: "";
    position: absolute;
    right: 30px;
    width: 30px;
    height: 4px;
    top: calc(50% - 2px);
    background-color: #00b681;
}
.sterilize_block03 .toggle:after{
    content: "";
    position: absolute;
    right: 43px;
    width: 4px;
    height: 30px;
    top: calc(50% - 15px);
    background-color: #00b681;
}
.sterilize_block03 .content{
    padding: 30px 40px;
    display: none;
}
.sterilize_block03 .toggle.on:after{
    display: none;
}
.sterilize_block03 .toggle.on+.content{
    display: block;
}


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

    .sterilize_block02{
        display: block;
        margin-top: 40px;
    }
    .sterilize_block02 .img{
        width: 100%;
        text-align: center;
    }
    .sterilize_block02 .txt{
        width: 100%;
        margin-top: 30px;
    }
    .sterilize_block02 .txt .title{
        border-bottom: 1px solid #ddd;
        font-size: 16px;
        font-weight: bold;
    }
    .sterilize_block02 .txt p{
        padding-left: 0;
    }
}

/*----------
PRODUCTS - operanote
----------*/
.operanote-anchor{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.operanote-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;
}
.operanote-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);
}
.operanote-anchor-governance .each{
    width: calc(280 / 1000 * 100%);
}
.operanote-anchor .each:nth-child(4n){
    margin-right: 0;
}
.operanote-anchor .each:nth-child(n+5){
    margin-top: 40px;
}
.operanote_block01{
    display: flex;
    justify-content: space-between;
}
.operanote_block01 .img{
    width: 37%;
    text-align: center;
}
.operanote_block01 .txt{
    width: 57%;
}
.operanote_block01 .txt .btn-rounded{
    text-align: left;
}
.operanote_block01 .txt .btn-rounded a{
    max-width: 310px;
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: center;
}
.operanote_in{
    max-width: 880px;
    margin: 0 auto;
}
.operanote_in + .operanote_in{
    margin-top: 60px;
}
.operanote_in .operanotetitle{
    position: relative;
    background: #f7f7f7;
    padding: 3px 10px 0;
    color: #00b681;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}
.operanote_in .operanotetitle:after{
    content: "";
    position: absolute;
    left: calc(50% - 7px);
    bottom: -10px;
    border-top: 10px solid #f7f7f7;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
.operanote_in .movie{
    margin: 80px 0 120px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.operanote_in .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.operanote_block02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.operanote_block02 .img{
    width: calc(350 / 880 * 100%);
}
.operanote_block02 .txt{
    width: calc(490 / 880 * 100%);
}
.operanote_block02 .txt .blocktitle{
    margin-top: 0;
}
.operanote_block02 .txt .blocktitle .point{
    font-size: 12px;
    font-weight: bold;
    color: #00b681;
}
.operanote_block02 .txt .note{
    margin-top: 10px;
}
@media screen and (max-width: 768px){
    .operanote_block01{
        display: block;
    }
    .operanote_block01 .img{
        width: 100%;
    }
    .operanote_block01 .txt{
        width: 100%;
        margin-top: 20px;
    }
    .operanote_in + .operanote_in{
        margin-top: 40px;
    }
    .operanote_in .operanotetitle{
        font-size: 18px;
    }
    .operanote_in .movie{
        margin: 20px 0 0;
    }
    .operanote_block02{
        display: block;
        margin: 20px 0 40px;
    }
    .operanote_block02 .img{
        width: 100%;
    }
    .operanote_block02 .txt{
        width: 100%;
        margin-top: 20px;
    }
    .operanote_block02 .txt .blocktitle{
        margin-top: 0;
    }
    .operanote_block02 .txt .blocktitle .point{
        font-size: 12px;
        font-weight: bold;
        color: #00b681;
    }
}
/*----------
PRODUCTS - operanote
----------*/
.operanote_case_block{
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 40px;
    margin-bottom: 60px;
}
.operanote_case_block .heading{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.operanote_case_block .heading .blocktitle{
    margin-top: 0;
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: bold;
}
.operanote_case_block .heading .blocktitle .case{
    font-size: 14px;
    color: #00b681;
}
.operanote_case_block .heading .blocktitle .name {
    padding-right: 8px;
}
.operanote_case_block .heading .blocktitle .link-blank {
    font-size: 13px;
    color: #00b681;
    font-weight: normal;
}
.operanote_case_block .heading .date{
    display: inline-block;
    background: #f7f7f7;
    color: #00b681;
    padding: 13px 20px 10px;
}
.operanote_case_block .content{
    overflow: hidden;
}
.operanote_case_block .content .point{
    border-bottom: 1px dashed #00b681;
    line-height: 1.4;
}
.operanote_case_block .content p+p{
    margin-top: 1em;
}
.operanote_case_block .content .point:nth-of-type(n+2){
    margin-top: 30px;
}
.operanote_case_block .content .point span{
    display: inline-block;
    background: #00b681;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding:4px 8px 2px;
}
.operanote_case_block .content .lead{
    font-size: 18px;
    color: #00b681;
    line-height: 1.5;
    margin-top:15px;
    margin-bottom: 12px;
}
.operanote_case_block .content .img{
    float: right;
    background: #fff;
    padding-left: 40px;
    padding-bottom: 40px;
}
.operanote_case_block .content .link{
    text-align: right;
}
.operanote_case_block .content .link a{
    position: relative;
    display: inline-block;
    padding-right: 25px;
    text-decoration: underline;
    color: #00b681;
}
.operanote_case_block .content .link a:after{
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background: url(../../images/common/ico_arrow_circle.svg) no-repeat center center;
    background-size: contain;
}
@media screen and (max-width: 768px){
    .operanote_case_block{
        padding: 30px 20px;
    }
    .operanote_case_block .heading{
        display: block;
        margin-bottom: 30px;
    }
    .operanote_case_block .heading .blocktitle{
        margin-bottom: 20px;
        font-size: 16px;
    }
    .operanote_case_block .heading .blocktitle .case {
        margin-bottom: 3px;
    }
    .operanote_case_block .heading .blocktitle .link-blank {
        margin: 3px 0 0;
    }
    .operanote_case_block .heading .date{
        padding: 5px 10px 2px;
    }
    .operanote_case_block .content .img{
        float: none;
        padding-left: 0;
        padding-bottom: 0;
        text-align: center;
        margin-bottom: 40px;
    }
}


/*----------
PRODUCTS - securea
----------*/
.securea_block01{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.securea_block01 .txt{
    width: 37%;
    padding-right: 40px;
}
.securea_block01 .txt .lead span{
    display: inline-block;
    padding: 2px 3px 0;
    background: #00b681;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
}
.securea_block01 .txt .desc{
    margin-top: 10px;
}
.securea_block01 .img{
    position: relative;
    width: 37%;
}
.securea_block01 .img:after{
    content: "";
    position: absolute;
    right: -40px;
    bottom: -30px;
    width: 80%;
    height: 80%;
    z-index: -1;
    background: #e6f2ee;
}
.securea_block02{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.securea_block02 .each{
    width: 32%;
    margin-bottom: 30px;
}
.securea_block02 .each .checktitle{
    margin-top: 0;
    margin-bottom: 0;
}
.securea_block02 .each .content{
    background: #f7f7f7;
    padding: 20px;
    margin-top: 10px;
}
.securea_block02 .each .img{
    text-align: center;
}
.securea_block02 .each .note{
    text-align: center;
}
.securea_block03{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.securea_block03 .each{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.securea_block03 .each:nth-child(3n){
    margin-right: 0;
}
.securea_block03 .each .mov_title{
    position: relative;
    font-size: 14px;
    line-height: 1.571;
    font-weight: bold;
    padding-left: 40px;
    color: #00b681;
    margin-top: 10px;
}
.securea_block03 .each .mov_title:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background: url(../../images/products/securea/ico_youtube.png) no-repeat top center;
    background-size: contain;
}
.securea_block03 .each .note{
    margin-top: 0;
}
.securea_block03 .each a {
    transition: opacity .5s;
}
.securea_block03 .each a:hover {
    opacity: .8;
}
.mov_note {
    padding-left: 1em;
    text-indent: -1em;
}
.securea_title{
    background: #ddd;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    margin-top: 40px;
}
.securea_block04{
    display: flex;
    margin-top: 10px;
}
.securea_block04 .heading{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    font-weight: bold;
    width: 23%;
}
.securea_block04 .content{
    width: 77%;
    padding: 10px 20px;
}

@media screen and (max-width: 768px){
    .securea_block01{
        display: block;
        margin-top: 40px;
    }
    .securea_block01 .txt{
        width: 100%;
        padding-right: 0;
    }
    .securea_block01 .txt .lead span{
        font-size: 16px;
    }
    .securea_block01 .img{
        margin-top: 20px;
        width: 100%;
    }
    .securea_block01 .img:after {
        right: -6.66667%;
    }
    .securea_block02{
        display: block;
    }
    .securea_block02 .each{
        width: 100%;
        margin-bottom: 30px;
    }
    .securea_block02 .each .checktitle{
        margin-top: 0;
        margin-bottom: 0;
    }
    .securea_block02 .each .content{
        background: #f7f7f7;
        padding: 20px;
        margin-top: 10px;
    }
    .securea_block03{
        justify-content: space-between;
    }
    .securea_block03 .each{
        width: 48%;
        margin-right: 2%;
        margin-bottom: 30px;
    }
    .securea_block03 .each:nth-child(3n){
        margin-right: 2%;
    }
    .securea_block03 .each:nth-child(2n){
        margin-right: 0;
    }
    .securea_block04{
        display: block;
        margin-top: 10px;
    }
    .securea_block04 .heading{
        display: block;
        text-align: center;
        width: 100%;
    }
    .securea_block04 .content{
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }
}

/*----------
PRODUCTS - emaro
----------*/
.list-circle li{
    position: relative;
    padding-left: 20px;
    line-height: 1.5;
    margin-top: 10px;
    font-size: 14px;
}
.list-circle li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 11px;
    height: 11px;
    background: url(../../images/products/support_box/ico_circle.png) no-repeat center center;
    background-size: contain;
}
.list-decimal li{
    position: relative;
    padding-left: 25px;
    line-height: 1.5;
    margin-top: 10px;
    font-size: 14px;
}
.list-decimal li:before{
    position: absolute;
    left: 0;
    top: 0;
}
.list-decimal li:nth-child(1):before{
    content: "1. ";
}
.list-decimal li:nth-child(2):before{
    content: "2. ";
}


.emaro_block01{
    display: flex;
    justify-content: space-between;
}
.emaro_block01 .img{
    width: 37%;
}
.emaro_block01 .txt{
    width: 57%;
}

.emaro_block02{
    display: flex;
    align-items: flex-start;
    margin-top: 40px;
}
.emaro_block02 .blocktitle{
    width: 140px;
    margin-top: 5px;
}
.emaro_block02 .content{
    width: calc(100% - 140px);
}
.emaro_title{
    position: relative;
    background: #f7f7f7;
    padding: 3px 10px 0;
    color: #00b681;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}
.emaro_title:after{
    content: "";
    position: absolute;
    left: calc(50% - 7px);
    bottom: -10px;
    border-top: 10px solid #f7f7f7;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
.emaro_block03{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.emaro_block03 .img{
    width: 41%;
    text-align: center;
}
.emaro_block03 .txt{
    width: 55%;
}
.emaro_block03 .blocktitle01{
    margin-top: 0;
    margin-bottom: 20px;
}
.emaro_block03 .blocktitle02{
    margin-top: 30px;
    margin-bottom: 20px;
}
.emaro_arrowdown{
    text-align: center;
    padding: 40px 0 30px;
}
.emaro-note {
    margin-top: 100px;
    color: #9e9e9e;
    text-align: center;
}
@media screen and (max-width: 768px){
    .list-circle li{
        font-size: 12px;
    }
    .list-circle li:before{
        top: 2px;
    }
    .emaro_block01{
        display: block;
    }
    .emaro_block01 .img{
        width: 100%;
    }
    .emaro_block01 .txt{
        width: 100%;
        margin-top: 20px;
    }

    .emaro_block02{
        display: block;
    }
    .emaro_block02 .blocktitle{
        width: 100%;
    }
    .emaro_block02 .content{
        width: 100%;
    }
    .emaro_title{
        font-size: 18px;
    }

    .emaro_block03{
        display: block;
    }
    .emaro_block03 .img{
        width: 100%;
        margin-bottom: 20px;
    }
    .emaro_block03 .txt{
        width: 100%;
    }
    .emaro-note {
        margin-top: 50px;
    }
}

/*----------
PRODUCTS - emaro
----------*/
.surefind_block01{
    display: flex;
    justify-content: space-between;
}
.surefind_block01 .img{
    width: 37%;
}
.surefind_block01 .txt{
    width: 57%;
}
.surefind_block02{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 850px;
    margin: 0 auto 60px;
}
.surefind_block02 .img{
    width: 41%;
}
.surefind_block02 .txt{
    width: 55%;
}
.surefind_block02 .txt .blocktitle{
    margin-top: 10px;
}
.surefind_block03{
    max-width: 720px;
    margin: 0 auto;
}
.surefind_block03 .each{
    position: relative;
    display: flex;
    margin-bottom: 30px;
}
.surefind_block03 .each:not(:last-child):after{
    content: "";
    position: absolute;
    left: calc(50% - 12px);
    bottom: -22px;
    border-top: 12px solid #00b681;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}
.surefind_block03 .each .title{
    width: 140px;
    background: #00b681;
    text-align: center;
    padding: 15px 10px 12px;
    font-size: 18px;
    color: #fff;
}
.surefind_block03 .each .desc{
    width: calc(100% - 140px);
    background: #f7f7f7;
    padding: 18px 30px 14px;
    margin-top: 0;
}
.surefind_title{
    background: #ddd;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}
.imglist_block + .surefind_title{
    margin-top: 60px;
}

@media screen and (max-width: 768px){
    .surefind_block01{
        display: block;
    }
    .surefind_block01 .img{
        width: 100%;
    }
    .surefind_block01 .txt{
        width: 100%;
    }
    .surefind_block02{
        display: block;
    }
    .surefind_block02 .img{
        width: 100%;
        margin-top: 20px;
    }
    .surefind_block02 .txt{
        width: 100%;
    }
    .surefind_block03 .each .title{
        width: 100px;
        padding: 10px 5px 8px;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .surefind_block03 .each .desc{
        width: calc(100% - 100px);
        background: #f7f7f7;
        padding: 15px 20px 9px;
        margin-top: 0;
    }
}

/*----------
PRODUCTS - mask
----------*/
.mask_block01{
    display: flex;
    justify-content: space-between;
}
.mask_block01 .img{
    width: 37%;
}
.mask_block01 .txt{
    width: 59%;
}
.mask_block01 .txt p+p{
    margin-top: 10px;
}
.mask_block01 .txt .lead01{
    font-weight: bold;
    font-size: 20px;
    color: #00b681;
}
.mask_block01 .txt .lead02{
    margin-bottom: 30px;
}
.mask_block02{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mask_block02 .txt{
    width: 46%;
}
.mask_block02 .img{
    width: 48%;
}
.mask_block02 .img .note{
    color: #646464;
    margin-top: 5px;
}
.mask_block03{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f7f7f7;
    padding: 40px;
    margin-top: 40px;
}
.mask_block03 .img{
    width: calc(460 / 920 * 100%);
}
.mask_block03 .txt{
    width: calc(420 / 920 * 100%);
}

.mask_block04{
    display: flex;
    justify-content: space-between;
}
.mask_block04 .each{
    width: 48%;
}
.mask_table01 table{
    width: 100%;
}
.mask_table01 td{
    padding: 20px;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.4;
}
.mask_table01 tr td:first-child{
    border-left: 1px solid #ddd;
}
.mask_table02 table{
    width: 100%;
}
.mask_table02 table td{
    padding: 20px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.4;
}
.mask_table02 table tr:first-child td{
    border-top: 1px solid #ddd;
}
.mask_table02 table tr td:first-child{
    padding: 20px;
    vertical-align: middle;
    background: #f7f7f7;
}
.mask_block05{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.mask_block05 .each{
    background: #f7f7f7;
    width: 47%;
    padding: 40px;
    text-align: center;
}
.mask_txt01{
    margin-top: 40px;
}
.mask_txt01 span{
    font-size: 20px;
    color: #00b681;
}
.mask_note01{
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    padding: 20px;
    color: #646464;
}
.mask_block06{
    display: flex;
    flex-wrap: wrap;
}
.mask_block06 .title{
    position: relative;
    margin-top: 60px;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
    background: #00b681;
    font-weight: bold;
    font-size: 20px;
    padding: 0 10px;
    width: 100%;
}
.mask_block06 .title:after{
    content: "";
    position: absolute;
    left: calc(50% - 7px);
    bottom: -7px;
    border-top: 10px solid #00b681;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.mask_block06 .checktitle{
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 20px;
    line-height:1.7;
}
.mask_block06 .checktitle .note{
    color: #000;
    font-weight: normal;
    display: inline-block;
}
.mask_block06 .each{
    width: 100%;
}
.mask_block06 .each-3{
    width: 30.6%;
    margin-right: 4.1%;
}
.mask_block06 .each-last{
    margin-right: 0;
}
.mask_block06 .txt01{
    margin-top: 5px;
}
.mask_block06 .txt01 .note{
    color: #646464;
}
.mask_block06.mask_safty .checktitle {
    min-height: 102px;
}
.mask_table03{
    padding: 0 20px;
    margin-top: 40px;
}
.mask_table03 table{
    width: 100%;
}
.mask_table03 table td{
    width: 12%;
    text-align: center;
    padding: 25px 5px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.mask_table03 table tr .head{
    padding:  15px 5px;
}
.mask_table03 table tr td:first-child{
    border-left: 1px solid #ddd;
}
.mask_table03 table tr:nth-child(2) th{
    background: #f7f7f7;
    vertical-align: middle;
    padding: 10px 5px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
}
.mask_table03 table tr th:first-child{
    border-left: 1px solid #ddd;
}

.mask_table03 table tr .head{
    background: #ddd;
    line-height: 1.5;
}
.mask_table03 .note{
    text-align: right;
    color: #646464;
}
.mask_block05_01{
    padding: 20px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.mask_block05_02{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.mask_block05_02 .img{
    width: 28%;
}
.mask_block05_02 .img p{
    margin-top: 0;
}
.mask_block05_02 .img .caption{
    background: #646464;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.mask_block05_02 .txt{
    width: 68%;
}
.mask_block05_02 .txt .lead{
    border-bottom: 2px solid #00b681;
}

@media screen and (max-width: 768px){
    .mask_block01{
        display: block;
    }
    .mask_block01 .img{
        width: 100%;
    }
    .mask_block01 .txt{
        margin-top: 40px;
        width: 100%;
    }
    .mask_block01 .txt p+p{
        margin-top: 10px;
    }
    .mask_block01 .txt .lead01{
        font-size: 18px;
    }
    .mask_block01 .txt .lead02{
        margin-bottom: 30px;
    }
    .mask_block02{
        margin-top: 30px;
        display: block;
    }
    .mask_block02 .txt{
        width: 100%;
    }
    .mask_block02 .img{
        margin-top: 30px;
        width: 100%;
    }
    .mask_block03{
        display: block;
        padding: 10px;
    }
    .mask_block03 .img{
        width: 100%;
    }
    .mask_block03 .txt{
        margin-top: 20px;
        width: 100%;
    }
    .mask_block04{
        display: block;
    }
    .mask_block04 .each{
        width: 100%;
    }
    .mask_table01 table{
        width: 100%;
    }
    .mask_table01 td{
        padding: 10px;
        font-size: 14px;
    }
    .mask_table02 table{
        width: 100%;
    }
    .mask_table02 table td{
        padding: 10px;
        font-size: 14px;
    }
    .mask_table02 table tr td:first-child{
        padding: 10px;
        width: 110px;
    }
    .mask_block05{
        display: block;
        margin-bottom: 20px;
    }
    .mask_block05 .each{
        width: 100%;
        padding: 20px;
        margin-bottom: 20px;
    }
    .mask_txt01{
        margin-top: 40px;
    }
    .mask_txt01 span{
        font-size: 18px;
    }
    .mask_note01{
        padding: 20px;
        color: #646464;
    }
    .mask_block06{
        display: flex;
        flex-wrap: wrap;
    }
    .mask_block06 .each{
        width: 100%;
    }
    .mask_block06 .each+.each{
        margin-top: 20px;
    }
    .mask_block06 .each-3{
        width: 100%;
        margin-right: 4.1%;
    }
    .mask_block06 .each-last{
        margin-right: 0;
    }
    .mask_block06 .txt01{
        margin-top: 5px;
    }
    .mask_block06 .txt01 .note{
        color: #646464;
    }    
    .mask_block06.mask_safty .checktitle {
        min-height: initial;
        min-height: auto;
    }
    .mask_table03{
        padding: 0;
    }
    .mask_table_in{
        overflow-x: auto;
    }
    .mask_table03 table{
        width: 100%;
        min-width: 800px;
    }
    .mask_table03 table td{
        width: 12%;
        text-align: center;
        padding: 25px 5px;
    }
    .mask_table03 table tr .head{
        padding:  15px 5px;
    }
    .mask_table03 table tr:nth-child(2) th{
        vertical-align: middle;
        padding: 10px 5px;
    }
    .mask_block05_01{
        padding: 20px;
        margin-top: 30px;
    }
    .mask_block05_02{
        display: block;
        margin-top: 30px;
    }
    .mask_block05_02 .img{
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        text-align: center;
    }
    .mask_block05_02 .img p{
        margin-top: 0;
    }
    .mask_block05_02 .img .caption{
        background: #646464;
    }
    .mask_block05_02 .txt{
        width: 100%;
        margin-top: 20px;
    }
    .mask_block05_02 .txt .lead{
        border-bottom: 2px solid #00b681;
    }

}

/*----------
PRODUCTS - nonwoven
----------*/
.nonwoven_txt01{
    margin-top: 40px;
}
.nonwoven_block01{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.nonwoven_block01 .txt{
    width: 47.7%;
}
.nonwoven_block01 .txt .title{
    font-size: 16px;
    font-weight: bold;
}
.nonwoven_block01 .txt .title span{
    border-bottom: 2px solid #00b681;
}
.nonwoven_block01 .img{
    width: 48.3%;
}
.nonwoventitle{
    position: relative;
    background: #f7f7f7;
    padding: 3px 10px 0;
    color: #00b681;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}
.nonwoven_block02{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.nonwoven_block02 .txt{
    width: 47.7%;
}
.nonwoven_block02 .txt .title{
    font-size: 16px;
    font-weight: bold;
}
.nonwoven_block02 .txt .title span{
    border-bottom: 2px solid #00b681;
}
.nonwoven_block02 .img{
    width: 48.3%;
}
.nonwoven_block03{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.nonwoven_block03 .each{
    width: 49%;
}
.nonwoven_block04{
    display: flex;
    justify-content: space-between;
}
.nonwoven_block04 .eg{
    width: 40%;
    text-align: center;
}
.nonwoven_block04 .cost{
    width: 56%;
}
.nonwoven_block04 .cost .img{
    text-align: center;
    margin-top: 20px;
}

@media screen and (max-width: 768px){
    .nonwoven_txt01{
        margin-top: 40px;
    }
    .nonwoven_block01{
        display: block;
        margin-bottom: 40px;
    }
    .nonwoven_block01 .txt{
        width: 100%;
    }
    .nonwoven_block01 .txt .title{
        font-size: 14px;
    }
    .nonwoven_block01 .img{
        width: 100%;
    }
    .nonwoventitle{
        font-size: 18px;
    }

    .nonwoven_block02{
        display: block;
        justify-content: space-between;
    }
    .nonwoven_block02 .txt{
        width: 100%;
    }
    .nonwoven_block02 .img{
        width: 100%;
    }
    .nonwoven_block03{
        display: block;
    }
    .nonwoven_block03 .each{
        width: 100%;
    }
    .nonwoven_block04{
        display: block;
    }
    .nonwoven_block04 .eg{
        width: 100%;
    }
    .nonwoven_block04 .cost{
        margin-top: 20px;
        width: 100%;
    }

}

/*----------
PRODUCTS - revice
----------*/
.revice_block01{
    display: flex;
    justify-content: space-between;
}
.revice_block01 .img{
    width: 37.3%;
}
.revice_block01 .txt{
    width: 59%;
}
.revice_block02{
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.revice_block02 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.revice_block03{
    text-align: center;
}
.revice_block04{
    margin-top: 25px;
}
.revice_block05{
    display: flex;
    justify-content: space-between;
}
.revice_block05 .each{
    width: calc(33.333% - 15px);
}
.revice_block05 .each .blocktitle{
    margin-top: 0;
}
.revice_block06 {
    display: flex;
    justify-content: space-between;
}
.revice_block06 .each{
    width: 45%;
}
.revice_block06 .each .title{
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #00b783;
}
.revice_block07 {
    display: flex;
    justify-content: space-between;
}
.revice_block07 .txt{
    width: 55%;
}
.revice_block07 .img{
    width: 40%;
}

.revice_note{
    font-size: 12px;
    margin-top: 30px;
}
.revice_note a{
    color: #00b681;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
.revice_block01 {
        display: block;
    }

    .revice_block01 .img {
        width: 100%;
        text-align: center;
    }

    .revice_block01 .txt {
        width: 100%;
    }

    .revice_block02 {
        max-width: 800px;
        margin: 0 auto;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

    .revice_block02 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .revice_block03 {
        text-align: center;
    }

    .revice_block04 {
        margin-top: 25px;
        overflow: scroll;
    }
    .revice_block04 img{
        width: 800px;
        max-width: initial;
    }

    .revice_block05 {
        display: block;
    }

    .revice_block05 .each {
        width: 100%;
        margin-bottom: 40px;
    }

    .revice_block05 .each .blocktitle {
        margin-top: 0;
    }

    .revice_block06 {
        display: block;
    }

    .revice_block06 .each {
        width: 100%;
        margin-bottom: 40px;
    }

    .revice_block06 .each .title {
        font-size: 18px;
    }

    .revice_block07 {
        display: block;
    }

    .revice_block07 .txt {
        width: 100%;
    }

    .revice_block07 .img {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .revice_note {
        font-size: 10px;
        margin-top: 20px;
    }
}


/*----------
PRODUCTS - confirm
----------*/
.confirm_wrapp{
    background: rgba(0,0,0,0.85);
    width: 100vw;
    height: 100vh;
    position: fixed;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}
.confirm_wrapp.is-view{
    display: flex;
}
.confirm_wrapp_en.is-view{
    display: none;
}
.confirm_content{
    width: 90%;
    max-width: 720px;
    padding: 60px 30px;
    text-align: center;
    background: #fff;
    border: 2px solid #00b681;
    border-radius: 10px;
}
.confirm_content .body{
    margin-bottom: 1em;
    font-size: 14px;
    line-height: 2;
}
.confirm_question{
    color: #00b681;
    font-weight: bold;
    font-size: 18px;
    margin-top: 60px;
    margin-bottom: 20px;
}
.confirm_btns{
    display: flex;
    justify-content: center;
}
.confirm_btns .each{
    width: 160px;
    margin: 0 10px;
}
.confirm_btns .each a,
.confirm_btns .each button{
    display: inline-block;
    width: 100%;
    border-radius: 100px;
    border: 1px solid #00b681;
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #00b681;
    transition: .5s;
}
.confirm_btns .each a:hover,
.confirm_btns .each button:hover{
    background: #00b681;
    color: #fff;
}
.confirm_btns .each .note{
    margin-top: 5px;
}
@media screen and (max-width: 768px){
    .confirm_content .body{
        font-size: 12px;
    }
    .confirm_question{
        font-size: 16px;
    }
    .confirm_btns .each a,
    .confirm_btns .each button{
        font-size: 12px;
    }

}