@charset "utf-8";

/* CSS Document */

body.is-active {
    overflow: hidden;
}

body.is-active .mfp-wrap {
    overflow: auto;
}

.btn_overseas {
    position: absolute;
    width: 366px;
    right: 44px;
    top: -125px;
}

.infoTop {
    background-image: url(../common/img/bg_l_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1100px;
    padding: 30px 0 48px 0;
    margin: 0 0 20px 0;
}

.infoTop .topImg {
    width: 1020px;
    height: 510px;
    margin: 0 auto 20px auto;
    padding: 16px 23px 15px 24px;
    box-sizing: border-box;
    position: relative;
    overflow-x: hidden;
    background-image: url(../products/img/bg_topimg.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.infoTop .topImg a {
    display: block;
}


/*
.infoTop .topImg:before {
	content: "";
	background-image: url(../products/img/bg_topimg.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 1020px;
	height: 510px;
	position: absolute;
	top: 0;
	left: 0;
}

*/

.infoTop .topinfo {
    width: 1000px;
    height: 438px;
    background-image: url(../products/img/bg_topinfo.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 25px 50px 25px 14px;
    display: flex;
    justify-content: space-between;
}

.infoTop .topinfo .imgBox {
    width: 36%;
    /*padding: 0 100px;*/
    padding: 0 10px;
    text-align: center;
    margin: 20px 40px 0 20px;
}

.infoTop .topinfo .imgBox img {
    max-width: 100%;
    max-height: 100%;
}

.infoTop .topinfo img {
    height: 388px;
    /*padding: 0 100px;*/
    padding: 0 10px;
}

.infoTop .topinfo .txtBox {
    display: block;
    letter-spacing: 0em;
    width: 98%;
}

.infoTop .topinfo .txtBox .example_new {
    font-size: 0.6em;
	vertical-align: top;
}

.infoTop .topinfo .txtBox .tx_sm {
    font-size: 0.7em;
	line-height: 1.8em;
}
.infoTop .topinfo .txtBox .tx_sm .smp {
    display: none;
}

.infoTop .topinfo .txtBox .title {
    font-feature-settings: "palt" 1;
    font-size: 32px;
    line-height: 1.4em;
    font-weight: bold;
    background-image: url(../common/img/title_line01.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 580px 3px;
    /*	padding: 50px 0 30px 0;*/
    padding: 15px 0 30px 0;
    margin: 0 0 24px 0;
    position: relative;
    width: auto;
    text-align: left;
    top: 0;
    letter-spacing: 0.02em;
}

.infoTop .topinfo .txtBox .copy {
    font-size: 19px;
    font-feature-settings: "palt" 1;
    line-height: 1.6;
    margin: 0 0 0 0;
}

.infoTop .topinfo .txtBox .txt {
    font-size: 16px;
    line-height: 1.7;
}

.listPdct {
    display: flex;
    flex-wrap: wrap;
}

.listCont {
    width: 352px;
    box-sizing: border-box;
    padding: 45px 50px;
    background-image: url(../common/img/bg_s_pc_mid.png);
    background-repeat: repeat-y;
    background-size: 100%;
    position: relative;
    margin: 0 22px 20px 0;
}

.listCont:before,
.listCont:after {
    content: "";
    width: 100%;
    height: 40px;
    /*任意*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    left: 0;
    right: 0;
}

.listCont:before {
    background-image: url(../common/img/bg_s_pc_top.png);
    background-position: top;
    top: -1px;
}

.listCont:after {
    background-image: url(../common/img/bg_s_pc_bottom.png);
    background-position: bottom;
    bottom: -1px;
}

.listCont:nth-of-type(3n) {
    margin: 0 0 20px 0;
}

.listCont p.img {
    text-align: center;
    padding: 0 0 0 0;
    min-height: 363px;
}

.listCont p.img a:after {
    content: "";
    display: block;
    background-image: url(../common/img/ico_zoom.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    background-color: #fff6d7;
    width: 36px;
    height: 41px;
    padding: 0 0 0 12px;
    position: absolute;
    bottom: -56px;
    right: -12px;
}

.listCont p.img a {
    padding: 0 0 0px 0;
    position: relative;
    min-height: 364px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-basis: 100%;
    max-width: 100%;
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .listCont p.img {
        display: table;
        width: 100%;
    }
    /* IE11 */
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .listCont p.img a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    /* IE11 */
}

@media all and (-ms-high-contrast:none) {}

.listCont p.img span {
    max-width: 252px;
    max-height: 364px;
    display: block;
    margin: 0 auto;
}

.listCont p.img img {
    display: block;
    margin: 0 auto;
    max-height: 364px;
    max-width: 252px;
}

.listCont p.txt {
    font-size: 19px;
    line-height: 1.6;
    text-align: center;
    padding: 30px 0 0 0;
    background-image: url(../common/img/title_line02.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 207.5px 3px;
    margin: 30px 0 0 0;
}

.listCont.wide p.txt {
    padding: 15px 0 0 0;
}

.listCont.wide p.link {
    text-align: center;
    padding: 10px 0 0 0;
}

.listCont.wide p.link a,
.listCont.wide p.link a:link,
.listCont.wide p.link a:visited,
.listCont.wide p.link a:hover,
.listCont.wide p.link a:active {
    color: #00a2e5;
}

p.titlePast {
    width: 685px;
    margin: 70px auto 30px auto;
    padding: 40px 0;
    background-image: url(../products/img/bg_textpast.png);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}

p.titlePast img {
    width: 220px;
}


/**/

.mData {
    display: none;
}

.mfp-content .mData {
    display: inline-block;
}

button.mfp-close {
    display: none;
}

.fancybox-content.mData,
.mfp-content .mData {
    margin: 0;
    width: 824px;
    height: auto;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    position: relative;
    background-color: transparent;
    overflow: hidden;
}

.fancybox-content.mData:before,
.fancybox-content.mData:after,
.mfp-content .mData:before,
.mfp-content .mData:after {
    content: "";
    width: 100%;
    height: 40px;
    /*任意*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    left: 0;
    right: 0;
}

.fancybox-content.mData:before,
.mfp-content .mData:before {
    background-image: url(../products/img/bg_mdata_top.png);
    background-position: top;
    top: -1px;
}

.fancybox-content.mData:after,
.mfp-content .mData:after {
    background-image: url(../products/img/bg_mdata_bottom.png);
    background-position: bottom;
    bottom: -1px;
}

.fancybox-content.mData .tInner,
.mfp-content .mData .tInner {
    margin: 20px auto;
    display: table;
    padding: 50px;
    background-image: url(../products/img/bg_mdata_mid.png);
    background-repeat: repeat-y;
    background-size: 100%;
    width: 100%;
}

.mfp-content .mData .tInner {
    box-sizing: border-box;
}

.fancybox-content.mData .tInner .cell,
.mfp-content .mData .tInner .cell {
    display: table-cell;
    vertical-align: middle;
    /*height:874px;*/
}

.fancybox-content.mData .tInner>*,
.mfp-content .mData .tInner>* {
    display: block;
}

.fancybox-content.mData p.txt strong,
.mfp-content .mData p.txt strong {
    font-weight: bold;
    font-size: 18px;
    background-image: url(../img/h2_line.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 2px 0 5px 2px;
}

.fancybox-content.mData p.txt,
.mfp-content .mData p.txt {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    padding-bottom: 25px;
    font-weight: normal;
}

.fancybox-content.mData p.txt,
.mfp-content .mData p.txt .tx_sm {
    font-size: 12px;
    line-height: 1.6;
    color: #fff;
    padding-bottom: 25px;
    font-weight: normal;
}

.fancybox-content.mData p.txt,
.mfp-content .mData p.txt .ex_sm {
    font-size: 10px;
    vertical-align:top;
}

.fancybox-content.mData p.link,
.mfp-content .mData p.link {
    color: #fff;
    padding: 0 0 25px 0;
}

.fancybox-content.mData p.link a,
.mfp-content .mData p.link a {
    color: #fff;
}

.fancybox-content.mData p.img,
.mfp-content .mData p.img {
    padding: 0 0 30px 0;
}

.fancybox-content.mData p.img img,
.mfp-content .mData p.img img {
    max-width: 100%;
    max-height: 590px;
}

.fancybox-content p button.btn,
.mfp-content p button.btn {
    width: 91px;
    padding: 0;
    margin: 0 auto;
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
}

.fancybox-close-small {
    display: none !important;
}


/*world*/

.contInner .bp.worldTxtbox {
    display: table;
    margin: 0 0 20px 0;
    padding: 40px 50px;
}

.worldTxtbox p {
    display: table-cell;
    width: 100%;
    height: 120px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.57;
    background-image: url(../products/img/bg_worldinfo_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0 200px 4px 50px;
    position: relative;
}

.worldTxtbox img {
    position: absolute;
    right: 6px;
    bottom: 3px;
    width: 191.5px;
    height: 149px;
}

.contInner .bp.worldMap {
    position: relative;
    z-index: 0;
    padding: 50px;
}

.worldMap .btnBox {
    list-style: none;
    z-index: 10;
}

.worldMap .btnBox li {
    list-style: none;
    position: absolute;
    display: block;
}

.worldMap .btnBox li a {
    display: block;
    height: 28px;
    z-index: 10;
}

.worldMap .btnBox li a img {
    display: none;
}

.worldMap .btnBox li.btn_uk {
    width: 96px;
    top: 196px;
    left: 137px;
}

.worldMap .btnBox li.btn_usa {
    width: 96px;
    top: 163px;
    left: 720px;
}

.worldMap .btnBox li.btn_hongkong {
    width: 66px;
    top: 540px;
    left: 528px;
}

.worldMap .btnBox li.btn_taiwan {
    width: 66px;
    top: 574px;
    left: 632px;
}

.worldMap .btnBox li.btn_vietnam {
    width: 100px;
    top: 540px;
    left: 404px;
}

.worldMap .btnBox li.btn_thai {
    width: 66px;
    top: 610px;
    left: 376px;
}

.worldMap .btnBox li.btn_malaysia {
    width: 122px;
    top: 740px;
    left: 430px;
}

.worldMap .btnBox li.btn_pilipin {
    width: 118px;
    top: 684px;
    left: 592px;
}

.worldMap .btnBox li.btn_ri {
    width: 142px;
    top: 844px;
    left: 500px;
}

.worldMap .btnBox li.btn_bz {
    width: 100px;
    top: 374px;
    left: 927px;
}

.wData {
    display: none;
}

.mfp-content .wData {
    display: inline-block;
}

.fancybox-content.wData,
.mfp-content .wData {
    margin: 0 0 0;
    width: 824px;
    height: auto;
    box-sizing: border-box;
    padding: 45px 0 10px 0;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.fancybox-content.wData .tInner,
.mfp-content .wData .tInner {
    background-image: url(../products/img/bg_wdata_mid.png);
    background-color: transparent;
    background-repeat: repeat-y;
    background-size: 100%;
    padding: 20px 40px;
}

.fancybox-content.wData:before,
.fancybox-content.wData:after,
.mfp-content .wData:before,
.mfp-content .wData:after {
    content: "";
    width: 100%;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    left: 0;
    right: 0;
}

.fancybox-content.wData:before,
.mfp-content .wData:before {
    background-image: url(../products/img/bg_wdata_top.png);
    background-position: top;
    top: 35px;
}

.fancybox-content.wData:after,
.mfp-content .wData:after {
    background-image: url(../products/img/bg_wdata_bottom.png);
    background-position: bottom;
    bottom: 0;
}

.fancybox-content.wData .bp:before,
.fancybox-content.wData .bp:after,
.mfp-content .wData .bp:before,
.mfp-content .wData .bp:after {
    content: "";
    width: 100%;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    left: 0;
    right: 0;
}

.fancybox-content.wData .bp:before,
.mfp-content .wData .bp:before {
    background-image: url(../common/img/bg_l_pc_top.png);
    background-position: top;
    top: -1px;
}

.fancybox-content.wData .bp:after,
.mfp-content .wData .bp:after {
    background-image: url(../common/img/bg_l_pc_bottom.png);
    background-position: bottom;
    bottom: -1px;
    height: 20px;
}

.fancybox-content.wData .bp,
.mfp-content .wData .bp {
    background-image: url(../common/img/bg_l_pc_mid.png);
    background-repeat: repeat-y;
    background-size: 100%;
    padding: 20px 40px 87px 40px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.fancybox-content.wData .bp .cont,
.mfp-content .wData .bp .cont {
    padding: 0 0 65px 0;
    width: 560px;
    margin: 0 auto 50px auto;
    background-image: url(../common/img/bg_linedot01.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 100% 3px;
}

.fancybox-content.wData .bp .cont:first-of-type,
.mfp-content .wData .bp .cont:first-of-type {
    margin: 25px auto 50px auto;
}

.fancybox-content.wData .bp .cont:last-of-type,
.mfp-content .wData .bp .cont:last-of-type {
    background-image: none;
    margin: 0 auto;
    padding: 0 0 20px 0;
}

.fancybox-content.wData .bp .cName,
.mfp-content .wData .bp .cName {
    background-image: url(../products/img/bg_wdata_title.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    width: 675px;
    height: 111px;
    margin: -85px auto 0 auto;
    position: relative;
    z-index: 20;
    font-size: 26px;
    line-height: 1;
    text-align: center;
    color: #fff;
    padding: 42px 0 0 0;
    font-emphasize-position: before;
}

.wData .bp .txt,
.wData .bp .title {
    font-size: 16px;
    line-height: 1.57;
    text-align: center;
    margin: 30px 0;
}

.wData .bp .title {
    margin: 20px 0 0 0;
}

.fancybox-content.wData .bp .img,
.mfp-content .wData .bp .img {
    width: 430px;
    margin: 0 auto 24px auto;
}

.fancybox-content.wData .bp .img img,
.mfp-content .wData .bp .img img {
    max-height: 415px;
}

.fancybox-content.wData .bp .title,
.mfp-content .wData .bp .title {
    position: relative;
    width: auto;
    background-image: none;
    top: auto;
    left: auto;
    right: auto;
}

.fancybox-content.wData .bp .title span,
.mfp-content .wData .bp .title span {
    background-image: url(../common/img/title_line01.png);
    background-repeat: repeat-x;
    background-size: 100% 3px;
    background-position: bottom;
    padding: 2px 0 15px 2px;
}

.fancybox-content.wData .bp .cont:last-of-type .title,
.mfp-content .wData .bp .cont:last-of-type .title {
    margin-bottom: 20px;
}

.chronologyBox .bg_greenbord p img {
    display: block;
    margin: 0 auto;
}

.products__btn--history__bg {
    width: 1102px;
    height: 236px;
    margin: auto;
    margin-bottom: 40px;
    background: url(../products/img/bg_btn_history.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.products__btn--history {
    display: block;
    width: 364px;
    margin: auto;
    padding-top: 67.208px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

.products__btn--history:hover {
    opacity: 0.8;
}

.products__btn--products__bg {
    width: 1102px;
    height: 236px;
    margin: auto;
    margin-bottom: 20px;
    background: url(../products/img/bg_btn_history.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.products__btn--products {
    display: block;
    width: 364px;
    margin: auto;
    padding-top: 67.208px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

.products__btn--products:hover {
    opacity: 0.8;
}

.products__btn--pc {
    width: 364px;
    margin: auto;
}

.products__btn--sp {
    display: none;
}


/*-----------------------------
	1024px以下
-----------------------------*/

@media only screen and (max-width: 1024px) {}


/*-----------------------------
	415px以下
-----------------------------*/

@media only screen and (max-width: 415px) {
    .btn_overseas {
        width: 209px;
        right: -12px;
        top: -69px;
    }
    .lower h2.pr {
        margin: 0 auto 65px auto;
    }
    .infoTop {
        width: 100%;
        padding: 16px 7px 24px 7px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
        background-image: url(../common/img/bg_l_sp_mid.png);
        background-size: 100%;
        background-repeat: repeat-y;
        position: relative;
        border-radius: 12px;
    }
    .infoTop:before {
        content: "";
        width: 100%;
        height: 48px;
        background-image: url(../common/img/bg_l_sp_top.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        position: absolute;
        top: -1px;
        left: 0;
        right: 0;
    }
    .infoTop:after {
        content: "";
        width: 100%;
        height: 48px;
        background-image: url(../common/img/bg_l_sp_bottom.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom center;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
    }
    .infoTop .topImg {
        width: 100%;
        height: auto;
        margin: 0 auto 10px auto;
        padding: 1.28vw 1.86vw 1.28vw 2vw;
        background-size: 100%;
    }
    .infoTop .topImg:after {
        width: 100%;
        height: 100%;
    }
    .infoTop .topinfo {
        width: 100%;
        height: auto;
        background-image: url(../products/img/bg_topinfo_sp_mid.png);
        background-repeat: repeat-y;
        background-size: 100%;
        position: relative;
        margin: 0 auto 1vw auto;
        box-sizing: border-box;
        padding: 3.334vw 4.5vw 3.334vw 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-radius: 16px;
    }
    .infoTop .topinfo:before,
    .infoTop .topinfo:after {
        content: "";
        width: 100%;
        height: 40px;
        /*任意*/
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        position: absolute;
        left: 0;
        right: 0;
    }
    .infoTop .topinfo:before {
        background-image: url(../products/img/bg_topinfo_sp_top.png);
        background-position: top;
        top: -1px;
    }
    .infoTop .topinfo:after {
        background-image: url(../products/img/bg_topinfo_sp_bottom.png);
        background-position: bottom;
        bottom: -1px;
    }
    /*.spc縦用*/
    .infoTop .topinfo.spc {
        flex-wrap: wrap;
        flex-direction: column;
        padding: 4.8%;
    }
	.infoTop .topinfo .txtBox .txt_smp {
    display: block;
}
    .infoTop .topinfo p.title {
        align-items: center;
        justify-content: center;
        background-image: url(../common/img/title_line01.png);
        background-repeat: repeat-x;
        background-position: bottom;
        background-size: 580px 3px;
        padding: 0 0 14px 0;
        margin: 0 0 17px 0;
        display: flex;
        height: 6vw;
        position: relative;
        text-align: center;
        width: 100%;
    }
    .infoTop .topinfo img {
        height: auto;
        padding: 0 21px;
    }
    .infoTop .topinfo .imgBox {
        width: 30%;
        box-sizing: border-box;
        text-align: center;
        margin: 0 auto;
        padding: 0;
    }
    .infoTop .topinfo.spc .imgBox {
        width: 100%;
    }
    .infoTop .topinfo .imgBox img {
        padding: 0;
    }
    .infoTop .topinfo.spc img {
        width: auto;
        height: 60vw;
        padding: 0;
    }
    .infoTop .topinfo .txtBox {
        width: 65%;
    }
    .infoTop .topinfo .txtBox .title {
        font-size: 4.266vw;
        line-height: 1.5;
        background-size: 580px 3px;
        height: auto;
        padding: 0 0 3.733vw 0;
        margin: 0 0 4.533vw 0;
    }
    .infoTop .topinfo .txtBox .copy {
        font-size: 3.6vw;
        line-height: 1.5;
        font-weight: bold;
        padding: 0 0 0.5em 0;
        margin: 0;
    }
    .infoTop .copy.sp {
        margin-bottom: 1em;
    }
    .infoTop .txt {
        font-size: 13px;
        line-height: 1.6;
        padding: 0 10px;
    }
    .listCont {
        width: 48.5%;
        height: auto;
        box-sizing: border-box;
        padding: 20px 5.1% 16px 5.1%;
        background-image: url(../common/img/bg_s_sp_mid.png);
        background-repeat: repeat-y;
        background-size: 100%;
        margin: 0 3% 22px 0;
        position: relative;
    }
    .listCont:before {
        content: "";
        width: 100%;
        height: 48px;
        background-image: url(../common/img/bg_s_sp_top.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        position: absolute;
        top: -1px;
        left: 0;
        right: 0;
    }
    .listCont:after {
        content: "";
        width: 100%;
        height: 48px;
        background-image: url(../common/img/bg_s_sp_bottom.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom center;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
    }
    .listCont:nth-of-type(3n) {
        margin: 0 3% 22px 0;
    }
    .listCont:nth-of-type(2n) {
        margin: 0 0% 22px 0;
    }
    .listCont p.img {
        text-align: center;
        padding: 0 0 0 0;
        max-height: 160px;
        min-height: auto;
        display: block;
    }
    .listCont p.img a:after {
        content: "";
        display: block;
        background-image: url(../common/img/ico_zoom.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        background-color: #fff6d7;
        width: 15px;
        height: 17.5px;
        padding: 0 0 0 12px;
        position: absolute;
        bottom: -23px;
        right: -0px;
    }
    .listCont p.img a {
        display: flex;
        padding: 0 0 0px 0;
        position: relative;
        min-height: 160px;
        vertical-align: middle;
        text-align: center;
        align-items: center;
    }
    .listCont p.img img {
        max-height: 160px;
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
    .listCont p.txt {
        font-size: 13px;
        line-height: 1.4;
        text-align: center;
        padding: 13px 0 0 0;
        background-image: url(../common/img/title_line02.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 207.5px 3px;
        margin: 13px 0 0 0;
    }
    .listCont.wide p.link {
        font-size: 2.8vw;
        position: relative;
        z-index: 1;
    }
    p.titlePast {
        width: 275px;
        margin: 33px auto 25px auto;
        padding: 14px 0;
        background-image: url(../products/img/bg_textpast.png);
        background-repeat: no-repeat;
        background-size: contain;
        text-align: center;
    }
    p.titlePast img {
        width: 50%;
    }
    .mfp-content .mData {
        width: 363px;
    }
    .fancybox-content.wData,
    .mfp-content .wData {
        margin: 0;
        width: 90%;
        max-width: 337px;
        height: auto;
        box-sizing: border-box;
        /*	padding: 5px 0;
*/
        text-align: center;
        background-color: transparent;
        background-image: none;
        overflow: hidden;
    }
    .fancybox-content.mData:before,
    .mfp-content .mData:before {
        content: "";
        width: 100%;
        height: 5%;
        background-image: url(../products/img/bg_mdata_sp_top.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        position: absolute;
        top: -1px;
        left: 0;
        right: 0;
    }
    .fancybox-content.mData:after,
    .mfp-content .mData:after {
        content: "";
        width: 100%;
        height: 6vw;
        background-image: url(../products/img/bg_mdata_sp_bottom.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom center;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
    }
    .fancybox-content.mData .tInner,
    .mfp-content .mData .tInner {
        background-image: url(../products/img/bg_mdata_sp_mid.png);
        background-repeat: repeat-y;
        background-size: 100%;
        padding: 30px;
        margin: 0;
    }
    .fancybox-content.mData .tInner .cell,
    .mfp-content .mData .tInner .cell {
        height: 100%;
    }
    .fancybox-content.mData .tInner>*,
    .mfp-content .mData .tInner>* {
        display: block;
    }
    .fancybox-content.mData p.txt strong,
    .mfp-content .mData p.txt strong {
        font-weight: bold;
        font-size: 16px;
        background-image: url(../img/h2_line.png);
        background-repeat: repeat-x;
        background-position: bottom;
        padding: 2px 0 5px 2px;
    }
    .fancybox-content.mData p.txt,
    .mfp-content .mData p.txt {
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding-bottom: 25px;
        font-weight: normal;
        text-align: left;
    }
    .fancybox-content.mData p.txt:nth-of-type(2),
    .mfp-content .mData p.txt:nth-of-type(2) {
        text-align: center;
    }
    .fancybox-content.mData p.img,
    .mfp-content .mData p.img {
        padding: 15px 0 30px 0;
    }
    .fancybox-content.mData p.img img,
    .mfp-content .mData p.img img {
        max-width: 100%;
        max-height: 250px;
    }
    .fancybox-content p button.btn,
    .mfp-content p button.btn {
        width: 91px;
        padding: 0;
        margin: 0 auto;
        background-color: transparent;
        border: 0 none;
    }
    .contInner .bp {
        padding: 18px 7px 23px 7px;
    }
    .contInner .bp.worldTxtbox,
    .contInner .bp.worldMap {
        padding: 18px 7px 23px 7px;
    }
    .worldTxtbox p {
        display: table-cell;
        width: 100%;
        height: auto;
        vertical-align: middle;
        font-size: 13px;
        line-height: 1.57;
        background-image: url(../products/img/bg_worldinfo_sp_mid.png);
        background-repeat: repeat-y;
        background-size: 100%;
        padding: 20px 20px 20px 20px;
        position: relative;
        border-bottom-right-radius: 20px;
    }
    .worldTxtbox p:before,
    .worldTxtbox p:after
    /*,
.infoTop .topinfo:before,
.infoTop .topinfo:after*/
    {
        content: "";
        width: 100%;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        position: absolute;
        left: 0;
        right: 0;
    }
    .worldTxtbox p:before
    /*,.infoTop .topinfo:before*/
    {
        background-image: url(../products/img/bg_worldinfo_sp_top.png);
        background-position: top;
        top: -1px;
    }
    .worldTxtbox p:after
    /*,.infoTop .topinfo:after*/
    {
        background-image: url(../products/img/bg_worldinfo_sp_bottom.png);
        background-position: bottom;
        bottom: -1px;
    }
    .worldTxtbox img.sp {
        position: relative;
        width: 210px;
        height: auto;
        margin: 14px auto 0 auto;
    }
    .worldMap .btnBox li {
        list-style: none;
        position: relative;
        display: block;
        margin-bottom: 16px;
    }
    .worldMap .btnBox li:first-of-type {
        margin-top: 16px;
    }
    .worldMap .btnBox li.btn_bz,
    .worldMap .btnBox li.btn_usa {
        padding-bottom: 16px;
        background-image: url(../common/img/title_line01.png);
        background-repeat: no-repeat;
        background-size: 90% 3px;
        background-position: center bottom;
    }
    .worldMap .btnBox li a {
        display: block;
        height: auto;
        z-index: 10;
    }
    .worldMap .btnBox li a img {
        display: block;
    }
    .worldMap .btnBox li.btn_uk,
    .worldMap .btnBox li.btn_usa,
    .worldMap .btnBox li.btn_hongkong,
    .worldMap .btnBox li.btn_taiwan,
    .worldMap .btnBox li.btn_vietnam,
    .worldMap .btnBox li.btn_thai,
    .worldMap .btnBox li.btn_malaysia,
    .worldMap .btnBox li.btn_pilipin,
    .worldMap .btnBox li.btn_ri,
    .worldMap .btnBox li.btn_bz {
        width: 100%;
        height: auto;
        top: auto;
        left: auto;
    }
    .fancybox-content.wData,
    .mfp-content .wData {
        width: 337px;
    }
    .fancybox-content.wData:before,
    .fancybox-content.wData:after,
    .fancybox-content.wData .bp:before,
    .fancybox-content.wData .bp:after,
    .mfp-content .wData:before,
    .mfp-content .wData:after,
    .mfp-content .wData .bp:before,
    .mfp-content .wData .bp:after {
        height: 3vw;
    }
    .fancybox-content.wData:before,
    .mfp-content .wData:before {
        top: 37px;
    }
    .fancybox-content.wData .tInner,
    .mfp-content .wData .tInner {
        padding: 10px 20px;
    }
    .fancybox-content.wData .bp,
    .mfp-content .wData .bp {
        padding: 16px 16px 30px 16px;
    }
    .fancybox-content.wData .bp .cName,
    .mfp-content .wData .bp .cName {
        width: 275px;
        height: 45px;
        margin: -55px auto 0 auto;
        position: relative;
        font-size: 15px;
        padding: 14px 0 0 0;
    }
    .fancybox-content.wData .bp .cont,
    .mfp-content .wData .bp .cont {
        padding: 0 0 18px 0;
        width: 265px;
        margin: 0 auto 18px auto;
        background-image: url(../common/img/bg_linedot01.png);
        background-repeat: repeat-x;
        background-position: center bottom;
        background-size: 100% 3px;
    }
    .fancybox-content.wData .bp .cont:first-of-type,
    .mfp-content .wData .bp .cont:first-of-type {
        margin: 25px auto 18px auto;
    }
    .fancybox-content.wData .bp .img,
    .mfp-content .wData .bp .img {
        width: 100%;
        max-width: 210px;
        max-height: 200px;
        margin: 0 auto 16px auto;
    }
    .fancybox-content.wData .bp .img img,
    .mfp-content .wData .bp .img img {
        max-height: 200px;
    }
    .fancybox-content.wData .bp .title span,
    .mfp-content .wData .bp .title span {
        display: inline-block;
        background-image: url(../common/img/title_line01.png);
        background-repeat: repeat-x;
        background-size: 100% 3px;
        background-position: bottom;
        padding: 2px 0 6px 2px;
    }
    .fancybox-content.wData .bp .cont:last-of-type .title,
    .mfp-content .wData .bp .cont:last-of-type .title {
        margin: 0 0;
    }
    .fancybox-content.wData .bp .txt,
    .fancybox-content.wData .bp .title,
    .mfp-content .wData .bp .txt,
    .mfp-content .wData .bp .title {
        font-size: 12px;
        line-height: 1.57;
        text-align: left;
        margin: 25px 0;
    }
    .fancybox-content.wData .bp .title,
    .mfp-content .wData .bp .title {
        text-align: center;
        margin: 0;
    }
    .chronologyBox .bg_greenbord {
        width: 80vw;
        margin-left: auto;
        margin-right: auto;
    }
    .chronologyBox .bg_greenbord p img {
        width: 55.867vw;
    }
}


/**/

@media only screen and (max-width: 415px) {
    .products__btn--history__bg {
        width: 82.3vw;
        height: 34.1333vw;
        margin: auto;
        margin-bottom: 5vw;
        background: url(../products/img/bg_btn_history_sp.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media only screen and (max-width: 415px) {
    .products__btn--history {
        display: block;
        width: 54.5333vw;
        margin: auto;
        padding-top: 8.2vw;
        cursor: pointer;
        transition: all 0.1s ease-in-out;
    }
    .products__btn--history:hover {
        opacity: 1;
    }
}

@media only screen and (max-width: 415px) {
    .products__btn--products__bg {
        width: 82.3vw;
        height: 34.1333vw;
        margin: auto;
        margin-bottom: 5vw;
        background: url(../products/img/bg_btn_history_sp.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media only screen and (max-width: 415px) {
    .products__btn--products {
        display: block;
        width: 54.5333vw;
        margin: auto;
        padding-top: 8.2vw;
        cursor: pointer;
        transition: all 0.1s ease-in-out;
    }
    .products__btn--products:hover {
        opacity: 1;
    }
}

@media only screen and (max-width: 415px) {
    .products__btn--pc {
        display: none;
    }
}

@media only screen and (max-width: 415px) {
    .products__btn--sp {
        display: block;
        width: 54.5333vw;
    }
}

@media only screen and (max-width: 415px) {
    .products__btn--sp {
        display: block;
        width: 54.5333vw;
    }
}


/*-----------------------------
	321px以下
-----------------------------*/

@media only screen and (max-width: 321px) {
    .btn_overseas {
        width: 209px;
        right: 0px;
        top: -69px;
    }
    .infoTop .topinfo .txtBox .title {
        font-size: 14px;
        line-height: 1.6;
        background-size: 580px 3px;
        padding: 0 0 14px 0;
        margin: 0 0 17px 0;
    }
}