.media_break {
display: none;
}
@media screen and (max-width:1024px) {
.media_break {
display: inline;
}
}
.products-link-area {
width: 70vw;
background: #fff;
margin: 0 auto;
}
@media screen and (max-width:1024px) {
.products-link-area {
width: 89.7435897436vw;
}
}
.products-link-area .pruducts-link-block {
display: flex;
justify-content: center;
margin-bottom: 2.8vw;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block {
margin-bottom: 10.7692307692vw;
flex-direction: column;
}
.products-link-area .pruducts-link-block:nth-child(even) {
flex-direction: column-reverse;
}
}
.products-link-area .pruducts-link-block .products-text-bg {
flex: 1;
position: relative;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-text-bg {
flex: none;
display: flex;
justify-content: center;
}
}
.products-link-area .pruducts-link-block .products-text-bg .products-description {
position: absolute;
font-size: 1vw;
font-weight: 700;
line-height: 1.7333333333vw;
color: #000;
bottom: 7em;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-text-bg .products-description {
font-size: 3.3333333333vw;
line-height: 6.6666666667vw;
text-align: center;
left: 0 !important;
width: 100%;
bottom: 33.3333333333vw;
}
}
.products-link-area .pruducts-link-block .products-text-bg .box_link {
position: absolute;
margin: initial;
width: initial;
justify-content: initial;
bottom: 4vw;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-text-bg .box_link {
bottom: 20.5128205128vw;
}
}
.products-link-area .pruducts-link-block .products-text-bg .box_link .link {
width: initial;
height: initial;
padding: 0.3333333333vw 4.3333333333vw;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-text-bg .box_link .link {
padding: 1.2820512821vw 16.6666666667vw;
}
}
.products-link-area .pruducts-link-block .products-text-bg .box_link .link span {
font-size: 0.9333333333vw;
font-weight: 700;
line-height: initial;
transition: 0.4s;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-text-bg .box_link .link span {
font-size: 3.5897435897vw;
}
}
.products-link-area .pruducts-link-block .products-text-bg .box_link .link:hover span.polygon {
background: #b00;
width: 1.2vw;
height: 1.2vw;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-text-bg .box_link .link:hover span.polygon {
width: 4.6153846154vw;
height: 4.6153846154vw;
}
}
.products-link-area .pruducts-link-block:nth-child(odd) .products-text-bg .products-description {
left: 2.7em;
}
.products-link-area .pruducts-link-block:nth-child(odd) .products-text-bg .box_link {
left: 2.6666666667vw;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block:nth-child(odd) .products-text-bg .box_link {
left: initial;
}
}
.products-link-area .pruducts-link-block:nth-child(even) .products-text-bg .products-description {
right: 2.3em;
text-align: right;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block:nth-child(even) .products-text-bg .products-description {
text-align: center;
}
}
.products-link-area .pruducts-link-block:nth-child(even) .products-text-bg .box_link {
right: 2.6666666667vw;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block:nth-child(even) .products-text-bg .box_link {
right: initial;
}
}
.products-link-area .pruducts-link-block .products-image-area {
height: 22vw;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-image-area {
height: 71.7948717949vw;
}
}
.products-link-area .pruducts-link-block .products-image-area.products-image-bg {
flex: 0.8;
background-position: center center;
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-image-area.products-image-bg {
flex: none;
}
}
.products-link-area .pruducts-link-block .products-image-area.products-image-bg.chat {
background-image: url(//mkt-corp.japan-ai.co.jp/wp/wp-content/themes/japan_ai/images/products-link-images/product_chat_img.jpeg);
}
.products-link-area .pruducts-link-block .products-image-area.products-image-bg.marketing {
background-image: url(//mkt-corp.japan-ai.co.jp/wp/wp-content/themes/japan_ai/images/products-link-images/product_marketing_img.jpeg);
}
.products-link-area .pruducts-link-block .products-image-area.products-image-bg.speech {
background-image: url(//mkt-corp.japan-ai.co.jp/wp/wp-content/themes/japan_ai/images/products-link-images/product_speech_img.jpeg);
}
.products-link-area .pruducts-link-block .products-image-area.products-text-bg.chat {
background-image: url(//mkt-corp.japan-ai.co.jp/wp/wp-content/themes/japan_ai/images/products-link-images/pc_chat_bg.png);
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-image-area.products-text-bg.chat {
background-image: url(//mkt-corp.japan-ai.co.jp/wp/wp-content/themes/japan_ai/images/products-link-images/sp_chat_bg.png);
}
}
.products-link-area .pruducts-link-block .products-image-area.products-text-bg.marketing {
background-image: url(//mkt-corp.japan-ai.co.jp/wp/wp-content/themes/japan_ai/images/products-link-images/pc_marketing_bg.png);
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-image-area.products-text-bg.marketing {
background-image: url(//mkt-corp.japan-ai.co.jp/wp/wp-content/themes/japan_ai/images/products-link-images/sp_marketing_bg.png);
}
}
.products-link-area .pruducts-link-block .products-image-area.products-text-bg.speech {
background-image: url(//mkt-corp.japan-ai.co.jp/wp/wp-content/themes/japan_ai/images/products-link-images/pc_speech_bg.png);
}
@media screen and (max-width:1024px) {
.products-link-area .pruducts-link-block .products-image-area.products-text-bg.speech {
background-image: url(//mkt-corp.japan-ai.co.jp/wp/wp-content/themes/japan_ai/images/products-link-images/sp_speech_bg.png);
}
}