@charset "UTF-8";
/* ================================================== */
/* header
/* ================================================== */
.page-header .bottom {
background: #9ec3db url(../../../../img/sp/page/solution/bg-page-header.jpg) 0 0 / cover no-repeat; }
.page-header .bottom .copy {
padding: 30px 30px 24px;
background: rgba(238,238,238,.5);
text-align: center; }
.page-header .bottom .copy p {
margin: 0; }
.page-header .bottom .copy p em {
color: #3962ad;
font-style: normal;
font-weight: 700;
font-size: 5.333333333vw;
line-height: 1; }
.page-header .bottom .copy p em span {
display: block;
margin-top: 3.2vw;
font-weight: 400;
font-size: 3.2vw; }
.page-header .bottom .copy p + p {
margin-top: 6.666666667vw;
color: #333;
font-size: 3.466666667vw;
line-height: 1.769230769; }
.page-header .bottom .page-title {
background-color: #354b76;
background-image: url(../../../img/sp/page/solution/cae/bg-page-title.jpg); }
@media only screen and (min-width: 769px) ,print {
.page-header .bottom {
background: #adcadc url(../../../../img/page/solution/bg-page-header.jpg) 100% 100% no-repeat; }
.page-header .bottom .copy {
padding: 60px 60px 54px;
background: rgba(238,238,238,.8); }
.page-header .bottom .copy p em {
font-size: 4.2rem; }
.page-header .bottom .copy p em span {
margin-top: 22px;
font-size: 2.2rem; }
.page-header .bottom .copy p + p {
margin-top: 42px;
font-weight: 700;
font-size: 1.6rem;
line-height: 1.75; }
.page-header .bottom .page-title {
background-image: url(../../../img/page/bg_title_h280px.png); }
}
@media only screen and (max-width: 768px) {
.page-header .bottom .page-title {
padding: 70px 20px; }
}
/* ================================================== */
/* main
/* ================================================== */
/* ���C�V�˒NjL�i�^�C�g���c���j*/
@media only screen and (min-width: 769px), print {
.page-header .bottom .page-title {
height: 280px;}
}
.page-body .title {
margin: 0;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2282%22%20height%3D%2282%22%20viewBox%3D%220%200%2082%2082%22%3E%3Cpath%20fill%3D%22%23FCC91A%22%20d%3D%22M0%2082v-72c0-5.523%204.477-10%2010-10h72l-82%2082z%22%2F%3E%3C%2Fsvg%3E') no-repeat; }
.page-body .title span {
display: block;
background-repeat: no-repeat;
border: 0;
color: transparent;
font: 0/0 a;
text-shadow: none; }
.page-body .title span {
width: 100%;
height: 26px; }
.page-body .title + p {
margin: 20px 0 0;
font-size: 1.3rem;
line-height: 1.692307692; }
@media only screen and (min-width: 769px) ,print {
.page-body .title {
min-height: 82px;
padding: 20px 0 0 20px; }
.page-body .title span {
width: 100%;
height: 52px; }
.page-body .title + p {
margin: 36px 0 0;
font-size: 2.4rem;
line-height: 1; }
}
@media only screen and (max-width: 768px) {
.page-body .title {
min-height: 42px;
padding: 10px 0 0 10px;
background-size: 42px auto; }
.page-body .title span {
background-size: contain; }
}
.page-body h3 {
margin: 0;
color: #333;
font-weight: 700;
font-size: 1.5rem;
text-align: center; }
@media only screen and (min-width: 769px) ,print {
.page-body h3 {
font-size: 2.2rem; }
}
/* service */
.page-body .title-service span {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22208%22%20height%3D%2242%22%20viewBox%3D%220%200%20208%2042%22%3E%3Cpath%20d%3D%22M14.112%2011.698c-.237%201.342.305%202.35%201.712%203.068.883.431.883.431%206.336%201.582%203.508.768%205.665%201.582%207.284%202.733%203.071%202.158%204.23%205.369%203.452%209.781-.634%203.596-2.326%206.665-4.912%208.822-3.254%202.684-7.718%204.075-13.326%204.075-4.075%200-7.949-.863-10.276-2.35-2.16-1.342-3.57-3.404-4.095-6.137-.276-1.151-.322-2.253-.268-4.458l10.14-.96c-.113%201.726.071%202.59.621%203.548.897%201.439%202.766%202.253%205.211%202.253%203.691%200%206.184-1.63%206.657-4.315.262-1.486-.276-2.781-1.421-3.356-.922-.479-2.061-.814-6.844-1.965-4.241-.959-5.674-1.534-7.227-2.781-2.648-2.11-3.711-5.322-3.026-9.205%201.302-7.382%208.067-12.033%2017.51-12.033%206.088%200%2010.408%201.87%2012.362%205.466.919%201.582%201.241%203.02%201.382%205.753l-10.357%201.103c-.026-3.116-1.523-4.411-5.166-4.411-2.924%200-5.36%201.582-5.749%203.787zm52.933%209.973c.113%201.534-.051%203.548-.389%206.281-.034.191-.085.479-.121.959h-21.571c-.206%203.884%201.684%205.945%205.471%205.945%201.917%200%203.705-.623%205.155-1.773.837-.672%201.266-1.199%201.869-2.445l7.927%202.349c-1.542%202.493-2.456%203.596-4.035%204.938-3.207%202.684-7.287%204.075-12.033%204.075-4.698%200-8.152-1.343-10.402-4.076-2.321-2.876-3.136-6.951-2.299-11.698%201.675-9.493%208.87-15.773%2018.026-15.773%207.478-.001%2011.984%204.074%2012.402%2011.218zm-8.451.623c-.13-3.068-1.904-4.698-5.211-4.698-3.403%200-5.735%201.534-7.108%204.698h12.319zm23.697-6.904l.668-3.787h-9.539c-.076%202.061-.276%203.74-.893%207.239l-2.605%2014.767c-.55%203.116-.95%204.843-1.66%207.24h9.923c.118-2.302.344-4.124.885-7.192l1.319-7.479c.564-2.11%201.077-3.116%202.191-4.267%201.695-1.725%203.716-2.589%206.161-2.589%201.486%200%202.642.239%204.729.911l3.823-8.63c-2.168-.48-3.11-.575-4.644-.575-4.364-.001-7.468%201.294-10.358%204.362zm38.2-3.787c-.282%201.054-.798%202.349-1.638%204.123l-7.08%2014.863c-.073.144-.155.336-.293.576-.09.24-.164.384-.228.48-.082.191-.172.431-.392.863l-.147-1.343-.099-.527-1.828-14.911c-.229-1.965-.291-2.973-.184-4.123h-10.641c.623%202.445%201.024%203.979%201.193%204.651l4.425%2020.568c.451%202.061.556%202.829.584%204.027h10.498c.451-1.199.826-1.966%202.005-4.027l11.681-20.568c.902-1.582%201.446-2.493%202.786-4.651h-10.642zm15.488-10.644l-1.269%207.191h9.731l1.269-7.191h-9.731zm-2.915%2017.883l-2.605%2014.767c-.541%203.068-.958%204.89-1.66%207.24h10.019c.124-2.062.437-4.65.893-7.24l2.605-14.767c.592-3.356%201.026-5.274%201.66-7.239h-10.019c-.092%202.157-.343%204.123-.893%207.239zm29.146-1.102c1.726%200%202.967.574%203.731%201.677.496.719.666%201.391.843%202.829l8.941-1.774c-.457-6.376-4.944-10.02-12.326-10.02-9.348%200-16.47%206.137-18.161%2015.726-.829%204.698-.039%208.918%202.259%2011.651%202.163%202.685%205.84%204.123%2010.442%204.123%205.561%200%2010.27-1.965%2013.292-5.514%201.156-1.39%201.96-2.684%202.851-4.746l-8.575-1.391c-.386%201.103-.711%201.583-1.252%202.206-1.195%201.342-3.057%202.11-4.926%202.11-3.835%200-5.688-3.356-4.774-8.534.93-5.275%203.773-8.343%207.655-8.343zm45.366%2010.212c-.034.191-.085.479-.121.959h-21.572c-.206%203.884%201.684%205.945%205.471%205.945%201.918%200%203.705-.623%205.155-1.773.837-.672%201.266-1.199%201.869-2.445l7.927%202.349c-1.542%202.493-2.456%203.596-4.035%204.938-3.206%202.684-7.287%204.075-12.032%204.075-4.698%200-8.152-1.343-10.402-4.076-2.321-2.876-3.136-6.951-2.299-11.698%201.674-9.493%208.87-15.773%2018.026-15.773%207.478%200%2011.984%204.075%2012.402%2011.219.112%201.533-.051%203.547-.389%206.28zm-8.062-5.658c-.13-3.068-1.904-4.698-5.211-4.698-3.403%200-5.735%201.534-7.108%204.698h12.319z%22%2F%3E%3C%2Fsvg%3E'); }
.page-body .title-service::after {
display: block;
margin-top: 6px;
content: "\30A8\30F3\30B8\30CB\30A2\30EA\30F3\30B0\FF06\30BD\30EA\30E5\30FC\30B7\30E7\30F3";
color: #666;
font-weight: 700;
font-size: 1.1rem;
line-height: 1; }
.services {
margin: 10px 0 0;
padding: 0;
list-style: none; }
.services .service {
height: 43.75vw;
border-radius: 0 0 13px 0; }
.services .service-cae {
background-image: url(../../../../img/sp/page/solution/bg-service-cae.jpg); }
.services .service-measurement {
background-image: url(../../../../img/sp/page/solution/bg-service-measurement.jpg); }
.services .service-iot {
background-image: url(../../../../img/sp/page/solution/bg-service-iot.jpg); }
.services .service a {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border: 0;
color: transparent;
font: 0/0 a;
text-shadow: none; }
_::-webkit-full-page-media, _:future, :root .services .service a {
-webkit-mask-image: -webkit-radial-gradient(white, black); }
.services .service a::after {
display: block;
position: absolute;
right: 0;
bottom: 0;
content: "";
width: 43px;
height: 43px;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%202.115l6.181%206.885-6.181%206.885%201.903%202.115%208.097-9-8.097-9-1.903%202.115z%22%2F%3E%3C%2Fsvg%3E') right 9px bottom 9px / 5px 9px no-repeat, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cpath%20fill%3D%22%233962AD%22%20d%3D%22M68%200v68h-68z%22%2F%3E%3C%2Fsvg%3E') right 0 bottom 0 / contain no-repeat;
border-radius: 0 0 10px 0; }
@media only screen and (min-width: 769px) ,print {
.page-body .title-service::after {
margin-top: 2px;
font-size: 2.2rem; }
.services {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 20px 0 0 0; }
.services .service {
-webkit-flex: 0 0 300px;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
min-width: 300px;
height: 180px;
background-size: cover;
background-repeat: no-repeat; }
.services .service:not(:nth-child(3n+1)) {
margin-left: 30px; }
.services .service-cae {
background-image: url(../../../../img/page/solution/bg-service-cae.jpg); }
.services .service-measurement {
background-image: url(../../../../img/page/solution/bg-service-measurement.jpg); }
.services .service-iot {
background-image: url(../../../../img/page/solution/bg-service-iot.jpg); }
.services .service a::after {
width: 68px;
height: 68px;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%202.115l6.181%206.885-6.181%206.885%201.903%202.115%208.097-9-8.097-9-1.903%202.115z%22%2F%3E%3C%2Fsvg%3E') right 13px bottom 13px / 10px 18px no-repeat, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cpath%20fill%3D%22%233962AD%22%20d%3D%22M68%200v68h-68z%22%2F%3E%3C%2Fsvg%3E') right 0 bottom 0 / contain no-repeat;
-webkit-transition: background-image 0.2s;
-moz-transition: background-image 0.2s;
-ms-transition: background-image 0.2s;
-o-transition: background-image 0.2s;
transition: background-image 0.2s; }
.services .service a:hover::after {
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20fill%3D%22%233962ad%22%20d%3D%22M0%202.115l6.181%206.885-6.181%206.885%201.903%202.115%208.097-9-8.097-9-1.903%202.115z%22%2F%3E%3C%2Fsvg%3E') right 13px bottom 13px / 10px 18px no-repeat, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M68%200v68h-68z%22%2F%3E%3C%2Fsvg%3E') right 0 bottom 0 / contain no-repeat; }
}
@media only screen and (max-width: 768px) {
.services .service {
background-size: cover; }
.services .service:not(:first-child) {
margin-top: 15px; }
}
/* product */
.page-body .title-product {
margin-top: 40px; }
.page-body .title-product span {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22230%22%20height%3D%2242%22%20viewBox%3D%220%200%20230%2042%22%3E%3Cpath%20d%3D%22M25.024.147h-10.688c-3.123%200-4.871-.049-7.148-.147-.111%202.301-.401%204.504-.866%207.147l-4.657%2026.483c-.508%202.888-.993%205.091-1.665%207.245h10.492c.126-2.105.402-4.504.909-7.392l1.102-6.266h7.711c9.467%200%2015.943-5.188%2017.475-13.902%201.498-8.517-3.003-13.168-12.665-13.168zm2.561%2013.462c-.594%203.378-2.931%205.287-6.347%205.287h-7.271l1.834-10.427h7.271c3.514-.001%205.107%201.762%204.513%205.14zm38.76-2.594l-3.892%208.811c-2.124-.686-3.301-.93-4.814-.93-2.489%200-4.547.881-6.272%202.643-1.134%201.175-1.656%202.203-2.23%204.357l-1.343%207.636c-.551%203.133-.781%204.993-.901%207.343h-10.102c.723-2.448%201.131-4.21%201.69-7.392l2.652-15.077c.628-3.573.832-5.287.91-7.391h9.711l-.68%203.867c2.942-3.133%206.103-4.454%2010.543-4.454%201.562-.001%202.521.097%204.728.587zm17.959-1.127c-9.858%200-17.197%206.217-18.919%2016.007-1.73%209.839%203.414%2016.105%2013.223%2016.105%209.711%200%2017.289-6.461%2019.003-16.202%201.704-9.693-3.449-15.91-13.307-15.91zm3.862%2016.056c-.956%205.434-3.955%208.616-8.201%208.616s-6.206-3.28-5.251-8.714c.947-5.384%204.053-8.616%208.347-8.616%204.149.001%206.069%203.232%205.105%208.714zm40.304-25.797c-.086%202.154-.359%204.258-.961%207.685l-.715%204.063c-.121.686-.198%201.126-.278%201.86-2.764-2.594-5.414-3.622-9.367-3.622-4.002%200-7.65%201.321-10.578%203.818-3.224%202.79-5.402%206.853-6.297%2011.944-1.739%209.889%202.579%2015.861%2011.46%2015.861%204.099%200%206.743-.881%2010.478-3.525-.126.441-.187.784-.238%201.077l-.275%201.566h9.614c.129-2.399.384-4.406.961-7.686l4.46-25.357c.577-3.279%201.088-5.629%201.742-7.685h-10.006zm-4.218%2025.651c-.852%204.846-4.661%208.469-9.005%208.469-1.806%200-3.442-.685-4.406-1.86-1.214-1.42-1.599-3.672-1.108-6.462.904-5.139%204.148-8.321%208.393-8.321%204.441-.001%206.961%203.426%206.126%208.174zm38.026-14.783h10.102c-.698%202.3-1.157%204.356-1.682%207.342l-2.66%2015.126c-.594%203.378-.849%205.384-.901%207.343h-9.711l.37-2.105c.043-.245.172-.979.281-1.321-3.755%203.034-6.743%204.209-10.891%204.209-3.27%200-5.741-.93-7.277-2.742-1.608-1.958-2.016-4.356-1.335-8.224l2.161-12.286c.499-2.839.783-5.287.901-7.342h10.15c-.706%202.349-1.165%204.406-1.682%207.342l-1.765%2010.035c-.353%202.007-.313%202.888.135%203.672.528.881%201.516%201.37%202.931%201.37%202.684%200%205.753-1.909%208.207-5.042l1.765-10.035c.482-2.742.746-4.797.901-7.342zm20.82%2014.783c-.93%205.287.956%208.713%204.86%208.713%201.903%200%203.798-.784%205.015-2.154.551-.636.881-1.126%201.274-2.253l8.729%201.42c-.907%202.105-1.725%203.427-2.902%204.846-3.076%203.623-7.869%205.63-13.53%205.63-4.685%200-8.428-1.468-10.63-4.209-2.34-2.79-3.144-7.098-2.3-11.895%201.722-9.79%208.973-16.056%2018.489-16.056%207.515%200%2012.083%203.72%2012.548%2010.23l-9.103%201.811c-.181-1.468-.353-2.154-.858-2.888-.778-1.126-2.041-1.713-3.798-1.713-3.953.001-6.847%203.133-7.794%208.518zm36.781%205.335c-.241%201.37-.118%202.055.439%202.497.476.343%201.223.538%202.15.538%201.269%200%202.239-.244%203.571-.88l-.576%207.44c-2.317.686-4.271.98-6.907.98-3.318%200-5.517-.539-6.872-1.714-1.605-1.419-1.995-3.084-1.41-6.412l2.635-14.979h-1.854c-1.562%200-2.848.098-4.297.294l1.438-8.175c1.381.195%202.583.294%204.292.294h1.757l.181-1.029c.431-2.448.677-4.406.789-6.706h9.955c-.597%202.007-1.157%204.357-1.57%206.706l-.181%201.029h1.757c2.147%200%203.278-.05%204.826-.245l-1.429%208.126c-1.43-.196-2.681-.294-4.438-.294h-2.05l-2.206%2012.53z%22%2F%3E%3C%2Fsvg%3E'); }
.page-body .title-product::after {
display: block;
margin-top: 6px;
content: "\30D7\30ED\30C0\30AF\30C8\FF06\30DE\30B7\30CA\30EA\30FC";
color: #666;
font-weight: 700;
font-size: 1.1rem;
line-height: 1; }
.products {
margin: 10px 0 0;
padding: 0;
list-style: none; }
.products .product {
height: 43.75vw;
-webkit-border-radius: 0 0 13px 0;
border-radius: 0 0 13px 0; }
.products .product-software {
background-image: url(../../../../img/sp/page/solution/bg-product-software.jpg); }
.products .product-hardware {
background-image: url(../../../../img/sp/page/solution/bg-product-hardware.jpg); }
/*�ēc�NjL��
.products .product-galaxy-eye {
background-image: url(../../../../img/sp/page/solution//3d-measurement/bg-Galaxy-Eye_300-180px.jpg); }
.products .product-mirage-shape {
background-image: url(../../../../img/sp/page/solution/3d-measurement/bg-MIRAGE-SHAPE_300-180px.jpg); }
.products .product-f6-smart {
background-image: url(../../../../img/sp/page/solution/3d-measurement/bg-F6-SMART_300-180px.jpg); }
�ēc�NjL��*/
.products .product a {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border: 0;
color: transparent;
font: 0/0 a;
text-shadow: none; }
_::-webkit-full-page-media, _:future, :root .products .product a {
-webkit-mask-image: -webkit-radial-gradient(white, black); }
.products .product a::after {
display: block;
position: absolute;
right: 0;
bottom: 0;
content: "";
width: 43px;
height: 43px;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%202.115l6.181%206.885-6.181%206.885%201.903%202.115%208.097-9-8.097-9-1.903%202.115z%22%2F%3E%3C%2Fsvg%3E') right 9px bottom 9px / 5px 9px no-repeat, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cpath%20fill%3D%22%233962AD%22%20d%3D%22M68%200v68h-68z%22%2F%3E%3C%2Fsvg%3E') right 0 bottom 0 / contain no-repeat;
border-radius: 0 0 10px 0; }
@media only screen and (min-width: 769px) ,print {
.page-body .title-product {
margin-top: 80px; }
.page-body .title-product::after {
margin-top: 2px;
font-size: 2.2rem; }
.products {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 20px 0 0 0; }
.products .product {
-webkit-flex: 0 0 465px;
-ms-flex: 0 0 465px;
flex: 0 0 465px;
min-width: 465px;
height: 180px;
background-size: cover;
background-repeat: no-repeat; }
.products .product:not(:nth-child(3n+1)) {
margin-left: 30px; }
.products .product-software {
background-image: url(../../../../img/page/solution/bg-product-software.jpg); }
.products .product-hardware {
background-image: url(../../../../img/page/solution/bg-product-hardware.jpg); }
.products .product-ai {
background-image: url(../../../../img/page/solution/bg-product-ai.jpg); }
/*�ēc�NjL��*/
.products .product-galaxy-eye {
background-image: url(../../../../img/page/solution/3d-measurement/bg-galaxy-eye-300-180px.jpg); }
.products .product-mirage-shape {
background-image: url(../../../../img/page/solution/3d-measurement/bg-mirage-shape-300-180px.jpg); }
.products .product-f6-smart {
background-image: url(../../../../img/page/solution/3d-measurement/bg-f6-smart-300-180px.jpg); }
/*�ēc�NjL��*/
.products .product a::after {
width: 68px;
height: 68px;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%202.115l6.181%206.885-6.181%206.885%201.903%202.115%208.097-9-8.097-9-1.903%202.115z%22%2F%3E%3C%2Fsvg%3E') right 13px bottom 13px / 10px 18px no-repeat, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cpath%20fill%3D%22%233962AD%22%20d%3D%22M68%200v68h-68z%22%2F%3E%3C%2Fsvg%3E') right 0 bottom 0 / contain no-repeat;
-webkit-transition: background-image 0.2s;
-moz-transition: background-image 0.2s;
-ms-transition: background-image 0.2s;
-o-transition: background-image 0.2s;
transition: background-image 0.2s; }
.products .product a:hover::after {
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20fill%3D%22%233962ad%22%20d%3D%22M0%202.115l6.181%206.885-6.181%206.885%201.903%202.115%208.097-9-8.097-9-1.903%202.115z%22%2F%3E%3C%2Fsvg%3E') right 13px bottom 13px / 10px 18px no-repeat, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M68%200v68h-68z%22%2F%3E%3C%2Fsvg%3E') right 0 bottom 0 / contain no-repeat; }
}
@media only screen and (max-width: 768px) {
.products .product {
background-size: cover; }
.products .product:not(:first-child) {
margin-top: 15px; }
}