@charset "utf-8"; 
@media (min-width:1281px){.preview-container{width:600px;}
.preview-container .small-box{height:600px;}
.preview-container #media{height:600px !important}
.preview-container .thumbnail-box .item{height:123px;}
.preview-container .big-box{width:550px;height:550px;}}
@media (min-width:1281px) and (max-width:1600px){.preview-container{width:550px;}
.preview-container .small-box{height:550px;}
.preview-container #media{height:550px !important}
.preview-container .thumbnail-box .item{height:110px;}
.preview-container .big-box{width:520px;height:520px;}}
@media (min-width:1281px) and (max-width:1440px){.preview-container{width:470px;}
.preview-container .small-box{height:470px;}
.preview-container #media{height:470px !important}
.preview-container .thumbnail-box .item{height:90px;}
.preview-container .big-box{width:410px;height:410px;}}
@media (min-width:1025px){header .head-info .head-logo a{flex-direction:column;justify-content:flex-start;align-items:flex-start;}
header .head-info .head-logo a span{padding:0;line-height:1;font-size:var(--fontsize12);color:#094DA2;max-width:285px;transform:scale(.9);transform-origin:left}
header .head-info .head-logo img{max-height:54px}
header.is-active .head-info{height:90px}}
@media (max-width:1024px){header .head-info .head-logo a span{display:none}}
@media (min-width:769px){.contact .contact-list li {width:18%;}}