@charset "UTF-8";

.mCustomScrollbar {
    margin-top: 60px;
}

.mCustomScrollbar.mCS_no_scrollbar {
    margin-top: 30px;
}

.anchor_area_wrap  {
    margin: 0 auto 60px;
}

.anchor_area_wrap_inner {
    overflow: hidden;
    width: 1400px;
}

.anchor_area  {
    max-width: 1400px;
    min-width: 1090px;
    width: 100%;
    position: relative;
    text-align: left;
}

.anchor_area .bg_block  {
    margin :55px 0 0 0;
    padding: 0 0 11px 0;
}

.anchor_area .bg_block dt  {
    padding: 0 0 5px 30px;
}

.anchor_area .bg_block dd  {
    box-sizing: border-box;
    background: #ede1f4;
    border: solid 1px #e0e0e0;
    padding: 0 0 0 30px;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
}

.anchor_area .bg_block dd.line01 {
    height: 78px;
}

.anchor_area .bg_block dd.line02 {
    height: 208px;
    background: #dceef5; 
}

.anchor_area .bg_block dd.line03 {
    height: 78px;
    background: #d9f2de; 
}

.anchor_area .bg_block dd.line04 {
    height: 78px;
    background: #faebe0;
}

.anchor_area .cat_block {
    position: absolute;
    display: flex;
    width: calc(100% - 142px);
    top: -45px;
    left: 142px;
    list-style: none;
    height: 555px;
}

.anchor_area .cat_block li {
    background-color: rgba(255, 255, 255, 0.36);
    border: solid 1px #e0e0e0;
    width: calc(25% - 10px);
    margin: 0 10px 0 0;
    position: relative;
    box-sizing: border-box;
    padding: 25px 0 0 70px;
    line-height: 1.4;
}

.anchor_area .cat_block li.cat_block02 {
    padding: 8px 0 0 70px;
}

.anchor_area .cat_block li img {
    position: absolute;
    width: 52px;
    top:10px;
    left: 10px;
}

.anchor_area .cat_block li span {
    font-size: 1.2rem;
    line-height: 1.2;
}

.anchor_area .nav01,
.anchor_area .nav02,
.anchor_area .nav03,
.anchor_area .nav04,
.anchor_area .nav05,
.anchor_area .nav06,
.anchor_area .nav07,
.anchor_area .nav08,
.anchor_area .nav09 {
    position: absolute;
    width: calc(100% - 142px);
    left: 142px;
    padding: 0 0 0 11px;
}

.anchor_area a {
    display: flex;
    align-items: center;
    background: #fff;
    border: solid 1px #b2b2b2;
    box-sizing: border-box;
    padding: 0 20px 0 10px;
    line-height: 1.5;
    position: relative;
}

.anchor_area a.no_anchor {
    pointer-events: none;
}

.anchor_area a:hover {
    background-color: #f2f2f2;
    text-decoration: none;
}

.anchor_area a img {
    position: absolute;
    top: calc(50% - 4px);
    transform: rotateX(180deg);
    right: 10px;
    width: 9px;
}

.anchor_area .nav01 {
    top: 40px;
}

.anchor_area .nav01 a {
    height: 56px;
    width: calc(25% - 30px);
    
}

.anchor_area .nav02 {
    top: 105px;
}

.anchor_area .nav02 a {
    height: 56px;
    width: calc(25% - 30px);
}

.anchor_area .nav03 {
    top: 126px;
}

.anchor_area .nav03 a {
    justify-content: center;
    height: 56px;
    width: calc(50% - 25px);
    z-index: 1;
}

.anchor_area .nav04 {
    top: 126px;
}

.anchor_area .nav04 a {
    height: 56px;
    left:calc(50% + 5px);
    width: calc(25% - 30px);
}

.anchor_area .nav05 {
    top: 191px;
}

.anchor_area .nav05 a {
    justify-content: center;
    height: 54px;
    width: calc(50% - 25px);
}

.anchor_area .nav06 {
    top: 256px;
}

.anchor_area .nav06 a {
    justify-content: center;
    height: 54px;
    width: calc(75% - 25px);
}

.anchor_area .nav07 {
    top: 346px;
}

.anchor_area .nav07 a {
    height: 56px;
    left:calc(25% + 5px);
    width: calc(25% - 30px);
}

.anchor_area .nav08 {
    top: 434px;
}

.anchor_area .nav08 a {
    height: 56px;
    left:calc(75% + 5px);
    width: calc(25% - 25px);
}

#anchor01 {
    padding: 100px 0 0 0;
    margin: -100px 0 0 0;
}

#anchor02,
#anchor03,
#anchor04,
#anchor05,
#anchor06,
#anchor07,
#anchor08 {
    padding: 50px 0 0 0;
    margin: -50px 0 0 0;
}

.product_area {
    position: relative;
    border-top: 1px solid #e0e0e0;
    overflow: visible;
    padding: 40px 0 0 0;
    margin: 0 0 60px 0;
    text-align: left;
}

.product_area::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 20%;
    border-top: 1px solid #c00;
}

.product_area .top_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 40px 0;
}

.product_area .top_block .top_block_img {
    width: 200px;
}

.product_area .top_block .titlebox {
    width: calc(100% - 240px);
}

.product_area .top_block .titlebox dl {
    margin: 0 0 8px 0;
}

.product_area .top_block .titlebox dl dt {
    margin: 0 0 15px 0;
}

.product_area .top_block .titlebox dl .category span {
    font-size: 1.2rem;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    line-height: 1;
}

.product_area .top_block .titlebox dl .category span.use {
    margin-top: 2vw;
    padding: 5px 0;
}

.product_area .top_block .titlebox dl .category .cat01 {
    background: #ece2f2;
}

.product_area .top_block .titlebox dl .category .cat02 {
    background: #dceef5; 
}

.product_area .top_block .titlebox dl .category .cat03 {
    background: #d9f2de; 
}

.product_area .top_block .titlebox dl .category .cat04 {
    background: #faebe0;
}

.product_area .top_block .titlebox dl dt.category {
    font-size: 1.2rem;  
}

.product_area .top_block .titlebox dl dd {
    font-size: 2.4rem;  
}

.product_area .top_block .titlebox .use_list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 15px 0;
}

.product_area .top_block .titlebox .use_list li {
    font-size: 1.2rem;
    background: #f2f2f2;
    margin: 0 8px 8px 0;
    padding: 2px 5px;
}

.product_area .btm_block {
    position: relative;
    padding: 0 462px 0 0;
    min-height: 387px;
}

.product_area .btm_block .data_table {
    text-align: center;
    margin: 0 0 40px 0;
}

.product_area .btm_block .data_table table {
    margin: 20px 0 0;
    border: solid 1px #e0e0e0;
    border-collapse: collapse;
    width: 100%;
}

.product_area .btm_block .data_table table:first-child {
    margin-top: 0;
}

.product_area .btm_block .data_table table th,
.product_area .btm_block .data_table table td {
    border: solid 1px #e0e0e0;
    padding: 13px 0;
    width: 20%;
    font-weight: normal;
    font-size: 1.2rem;
}

.product_area .btm_block .data_table table thead th {
    background: #f3f3f3;
    font-size: 1.4rem;
}

.product_area .btm_block .data_table table th {
    background: #fafafa;
}

.product_area .btm_block .data_table table td {
	font-size: 1.7rem;
}

.product_area .btm_block .graph {
    width: 421px;
    position: absolute;
    top: 0;
    right: 0;
}

.product_area .btm_block .graph img {
    width: 100%;
}

.product_area .btm_block .graph .imgPc {
    display: block;
}

.product_area .btm_block .graph .imgSp {
    display: none;
}

.product_area .btm_block .link_pdf {
    width: 100%;
    margin: 0 0 20px 0;
}

.product_area .btm_block .link_pdf a {
    border: solid 1px #000;
    display: inline-block;
    padding: 5px 20px;
}

.product_area .btm_block .link_pdf a:hover {
    background-color: #f2f2f2;
    text-decoration: none;
}

.product_area .btm_block .link_pdf img {
    width: 15px;
    margin: 3px 0 0 5px;
}

.product_area .btm_block .Gen-Gr-Txt {
    margin: 0 0 12px 0;
}

/* for English ----------------------------------------------------*/

.en .anchor_area {
    min-width: 1150px;
}

.en .anchor_area .bg_block dt  {
    padding: 30px 0 10px 24px;
    line-height: 1.2;
    font-size: 1.4rem;
}

.anchor_area .bg_block dd {
    font-size: 1.4rem;
    padding: 0 0 0 24px;
    line-height: 1.4;
}

.en .anchor_area .bg_block dd.line01 {
    height: 78px;
}

.en .anchor_area .cat_block {
    top: 0;
    height: 556px;
}

.en .anchor_area .cat_block li {
    font-size: 1.5rem;
    line-height: 1.1;
}

.en .anchor_area .cat_block li.cat_block02 {
    padding: 12px 0 0 70px;
}

.en .anchor_area .cat_block li span {
    font-size: 1.2rem;
}


.en .anchor_area .nav01,
.en .anchor_area .nav02 {
    font-size: 1.5rem;
}

.en .anchor_area .nav03,
.en .anchor_area .nav04,
.en .anchor_area .nav05,
.en .anchor_area .nav06,
.en .anchor_area .nav07,
.en .anchor_area .nav08 {
    font-size: 1.4rem;
}

.en .anchor_area .nav01 {
    top: 85px;
}

.en .anchor_area .nav01 a {
    height: 54px;
    
}

.en .anchor_area .nav02 {
    top: 150px;
}

.en .anchor_area .nav02 a {
    height: 54px;
}

.en .anchor_area .nav03 {
    top: 171px;
}

.en .anchor_area .nav03 a {
    height: 54px;
}

.en .anchor_area .nav04 {
    top: 171px;
}

.en .anchor_area .nav04 a {
    height: 54px;
}

.en .anchor_area .nav05 {
    top: 236px;
}

.en .anchor_area .nav05 a {
    height: 54px;
}

.en .anchor_area .nav06 {
    top: 301px;
}

.en .anchor_area .nav06 a {
    height: 54px;
}

.en .anchor_area .nav07 {
    top: 390px;
}

.en .anchor_area .nav07 a {
    height: 54px;
}

.en .anchor_area .nav08 {
    top: 478px;
}

.en .anchor_area .nav08 a {
    height: 56px;
}

.en .product_area .top_block .titlebox dl dt.category {
    font-size: 1.4rem;
}

.en .product_area .top_block .titlebox dl .category span {
    font-size: 1.4rem;
}

.en .product_area .top_block .titlebox dl dd {
    font-size: 2.6rem;
}

.en .product_area .top_block .titlebox .use_list li {
    font-size: 1.4rem;
}

.en .product_area .top_block .titlebox .ex {
    font-size: 1.4rem;
}

.en .product_area .btm_block .data_table dl dt {
    font-size: 1.4rem;
}

/* -------------------------------------------------------------------------
 SP layout
--------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
    .anchor_area_wrap {
        width: 100%;
        padding: 0 0 0 20px;
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
        margin: 0 20px 0 0;
    }

    .mCSB_buttonLeft,
    .mCSB_buttonRight {
        display: none!important;
    }

    #anchor01,
    #anchor02,
    #anchor03,
    #anchor04,
    #anchor05,
    #anchor06,
    #anchor07,
    #anchor08 {
    padding: 0;
    margin: 0;
    }

    .product_area {
        padding: 30px 0 0 0;
        margin: 0 20px 40px 20px;
    }

    .product_area .top_block {
        margin: 0 0 30px 0;
    }

    .product_area .top_block .top_block_img {
        width: 32vw;
    }

    .product_area .top_block .titlebox {
        width: calc(100% - 38vw);
    }

    .product_area .top_block .titlebox dl {
        height: 34vw;
    }

    .product_area .top_block .titlebox dl dd {
        font-size: 2rem;
    }

    .product_area .top_block .titlebox dl .category span.use {
        display: block;
    }

    .product_area .top_block .titlebox .use_list {
        position: relative;
        left: -38vw;
        font-size: 1.4rem;
        width: 38vw;
    }

    .product_area .top_block .titlebox .use_list li {
        max-width: 32vw;
    }

    .product_area .top_block .ex {
        margin: 0 0 0 -38vw;
        font-size: 1.2rem;
    }

    .product_area .btm_block {
        padding: 0;
    }

    .product_area .btm_block .data_table {
        margin: 0 0 30px 0;
    }

    .product_area .btm_block .data_table {
        width: 100%;
    }

    .product_area .btm_block .data_table table th {
        font-size: 1rem;
    }
	.product_area .btm_block .data_table table td {
		font-size: 1.5rem;
	}
    .product_area .btm_block .data_table table thead th {
        font-size: 1.2rem;
        padding: 10px 0;
    }

    .product_area .btm_block .graph {
        width: 100%;
        position: relative;
        margin: 0 0 30px 0;
    }

    .product_area .btm_block .graph img {
        width: 100%;
    }

    .product_area .btm_block .graph .imgPc {
        
        display: none;
    }
    
    .product_area .btm_block .graph .imgSp {
        display: block;
    }

    .product_area .btm_block .link_pdf {
        font-size: 1.2rem;
        text-align: center;
        margin: 0 0 15px 0;
    }

    .product_area .btm_block .link_pdf a {
        display: block;
    }
    
    .product_area .btm_block .link_pdf img {
        margin: 2px 0 0 5px;
    }
    
    .product_area .btm_block .Gen-Gr-Txt {
        font-size: 1.2rem;
    }

    /* for English ----------------------------------------------------*/

    .en .product_area .top_block .titlebox dl dd {
        font-size: 2rem;
        word-break: break-word;
    }

    .en .product_area .top_block .titlebox .use_list li {
        font-size: 1.4rem;
    }
}