a.m-btn-video span:before{top: 47%;}

.kv-container{
	display: flex;justify-content: space-between;padding-bottom:20px
}
.kv-container .minisite-kv{
	width: 49%; background-color: #fff;padding-bottom:20px
}
.kv-container .title{}
.kv-container .title .regAlign{font-style: normal;}
.kv-container .text{text-align: center;padding: 16px 0;}

.kv-container a.m-btn-video{width:60%}
.product-kv{margin-bottom: 30px; margin-top: 30px;}
.product-container{display: flex;justify-content: flex-start;flex-wrap: wrap;overflow: hidden;transition: all 0.75s;padding-bottom: 27px;} 
/*.product-container.is-close + .close-list + .open-list{display:block}
.product-container.is-close + .close-list{display:none}
.product-container.is-open + .close-list + .open-list{display:none}
.product-container.is-open + .close-list{display:block}*/
.product{
	text-decoration: none;display: block;width: 24%;margin-bottom: 30px;margin-right: calc((100% - 24% * 4) / 3);    position: relative;/*height: 340px;*/
}
.product:before{
	content: "";display: block;width: 100%;padding-bottom: 109%;background-color: #fff;
}
.product:nth-of-type(4n+0){margin-right: 0px;}
.product:hover{text-decoration: none;}
.product:hover .image{opacity: 1!important;}
.product .series{    position: absolute; top: 13%; /*width: 77%;*/ left: 6%;z-index: 1;}
.product .offering-date{color:#d50000;position: absolute;top: 3%;left: 6%;font-size: 12px;}
.product .text{padding: 12px;    word-break: break-word;font-size: 12px;}
.product .image{position: absolute;top: 18%;width: 100%;}
.product .tech-container{position: absolute; display:none; top: 220px/*69%*/;padding:12px 12px 2px 12px;background-color: rgba(255,255,255,0.6);width:100%}
.product:hover .tech-container{display: block;}
.product:hover .tech-image{display:inline-block;opacity: 1!important;}
.product .tech-image{width: 14%;margin-bottom: 10px;background-color: rgba(255,255,255,0.8);border-radius: 100px;display:none;}
.product-title{display:none}
.content .close-list,.content .open-list{width:50%;display:none}
@media screen and (max-width:640px) {
	.kv-container{flex-wrap: wrap;    padding-bottom: 0;}
	.kv-container .minisite-kv{width:100%;margin-bottom:5.86vw}	
	.kv-container .minisite-kv:last-of-type{margin-bottom:0vw}
	.product-kv{margin-bottom: 0px;margin-top: 5.86vw;}
	.product-title{display:block;padding: 3.68vw 0;    font-weight: bold;    font-size: 16px;    line-height: 1.6;    text-align: center;}
	.product-title .regAlign{font-style: normal;}
	.product-container{padding-bottom:0}
	.product{width:calc(((100% - 20px) / 2));margin-right: 20px;font-size: 14px;margin-bottom:5.68vw;}
	.product:nth-of-type(2n+0){margin-right: 0px;}
	.product .tech-container{position: static; font-size: 0;   display: block;background-color: rgba(255,255,255,0);padding: 4px;}
	.product .tech-image{    display: inline-block;background-color: rgba(255,255,255,0);  padding: 2px;}
	.content .close-list, .content .open-list{width:76%}
	.product:before{padding-bottom: 96%;}
	.product .image{top: 9%;}
}


#loading
{
    position: fixed;
    z-index: 0;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;

    opacity: 1;
    background: #f0f0f0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    /* Luminous Circles */
}
#loading.is-load
{
    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
#loading.is-ready
{
    -webkit-transition: opacity 1s ease;
            transition: opacity 1s ease; 

    opacity: 0 !important;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
#loading .pl-circles
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    text-align: center;
}
#loading .pl-circles .loader
{
    position: absolute;
    top: 45%;
    left: 50%;

    width: 100px;
    height: 60px; 

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
#loading .pl-circles .loader span,
#loading .pl-circles .loader:before,
#loading .pl-circles .loader:after
{
    position: absolute;

    display: block;

    width: 15px;
    height: 15px;

    opacity: .2;
    border-radius: 50%;
    background: #a0a0a0; 

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
}
#loading .pl-circles .loader span
{
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: lightUp 1.5s linear infinite .5s;
            animation: lightUp 1.5s linear infinite .5s;
}
#loading .pl-circles .loader:before,
#loading .pl-circles .loader:after
{
    content: '';
}
#loading .pl-circles .loader:before
{
    top: 50%;
    left: 0;

    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-animation: lightUp 1.5s linear infinite;
            animation: lightUp 1.5s linear infinite;
}
#loading .pl-circles .loader:after
{
    top: 50%;
    right: 0;

    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-animation: lightUp 1.5s linear infinite 1s;
            animation: lightUp 1.5s linear infinite 1s;
}

@-webkit-keyframes lightUp
{
    0%
    {
        opacity: .2;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
    }
    40%
    {
        opacity: 1;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    60%
    {
        opacity: .2;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
    }
    100%
    {
        opacity: .2;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
    }
}