﻿.con_list{max-width:1200px;margin:auto}@media only screen and (min-width: 768px){.con_list{width:90%}}@media only screen and (max-width: 767px){.con_list{width:84.61538%}}@font-face{font-family:'icomoon';src:url("../fonts/icomoon.eot?vm5lse");src:url("../fonts/icomoon.eot?vm5lse#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?vm5lse") format("truetype"),url("../fonts/icomoon.woff?vm5lse") format("woff"),url("../fonts/icomoon.svg?vm5lse#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}.con_list{max-width:1360px;display:flex;align-items:flex-start;flex-wrap:wrap;margin-top:3.64583%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_list{margin-top:5.83333%}}@media only screen and (max-width: 767px){.con_list{margin-top:11.53846%}}.con_list li{width:24.26471%;margin:.73529% 0 0 .95588%}@media only screen and (max-width: 767px){.con_list li{width:48.48485%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_list li{margin:2.94118% 0 0 .95588%}}@media only screen and (max-width: 767px){.con_list li{margin:6.06061% 0 0 3.0303%}}@media only screen and (min-width: 768px){.con_list li:nth-child(-n+4){margin-top:0}.con_list li:nth-child(4n+1){margin-left:0}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_list li{width:31.61765%;margin:2.94118% 0 0 1.47059% !important}.con_list li:nth-child(-n+3){margin-top:0 !important}.con_list li:nth-child(3n+1){margin-left:0 !important}}@media only screen and (max-width: 767px){.con_list li:nth-child(-n+2){margin-top:0}.con_list li:nth-child(odd){margin-left:0}}.con_list li a{position:relative;display:block;text-decoration:none}.con_list li a:after{content:'';position:absolute;left:2px;top:2px;z-index:-1;width:calc(100% - 4px);height:calc(100% - 4px);background:#000;transform:rotateX(-180deg);transform-style:preserve-3d;transition:transform 500ms ease}.con_list li a .inner{transition:transform 500ms ease;transform-style:preserve-3d;backface-visibility:hidden}@media only screen and (min-width: 1200px){.con_list li a .inner{position:relative;padding-bottom:66.66667%}}@media print{.con_list li a .inner{position:relative;padding-bottom:66.66667%}}.con_list li a .inner .txt{font-size:108%;font-weight:bold;letter-spacing:.08em}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_list li a .inner .txt{font-size:100%}}@media only screen and (max-width: 767px){.con_list li a .inner .txt{font-size:79%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_list li a .inner .txt{letter-spacing:.06em}}@media only screen and (max-width: 767px){.con_list li a .inner .txt{letter-spacing:.08em}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_list li a .inner .txt{font-size:93%}}@media only screen and (min-width: 1200px){.con_list li a .inner .txt{position:absolute;left:6.06061%;top:9.09091%;z-index:10;display:flex;align-items:center;justify-content:center;width:87.87879%;height:81.81818%;padding:.8em;background:rgba(208,10,29,0.6);box-sizing:border-box;transition:opacity 500ms ease;opacity:0}}@media print{.con_list li a .inner .txt{position:absolute;left:6.06061%;top:9.09091%;z-index:10;display:flex;align-items:center;justify-content:center;width:87.87879%;height:81.81818%;padding:.8em;background:rgba(208,10,29,0.6);box-sizing:border-box;transition:opacity 500ms ease;opacity:0}}@media only screen and (max-width: 1199px){.con_list li a .inner .txt{background:#fff}}.con_list li a .inner .txt span{position:relative;padding:0.53em 2.66em 0.53em 0.66em}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_list li a .inner .txt span{padding:0 2.66em 0 0}}@media only screen and (max-width: 767px){.con_list li a .inner .txt span{padding:0 2em 0 0}}@media only screen and (min-width: 1200px){.con_list li a .inner .txt span{border-bottom:1px solid rgba(255,255,255,0.5);box-sizing:border-box;color:#fff}}@media print{.con_list li a .inner .txt span{border-bottom:1px solid rgba(255,255,255,0.5);box-sizing:border-box;color:#fff}}@media only screen and (max-width: 1199px){.con_list li a .inner .txt span{display:inline-block;margin-top:.8em}}.con_list li a .inner .txt span:after{content:"";margin-left:.5em;font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:.2em;top:50%;margin:-.5em 0 0}@media only screen and (min-width: 768px){.con_list li a .inner .txt span:after{font-size:160%}}@media only screen and (max-width: 767px){.con_list li a .inner .txt span:after{font-size:119%}}.con_list li a .inner .img{position:absolute}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_list li a .inner .img{position:relative}}@media only screen and (max-width: 767px){.con_list li a .inner .img{position:relative}}@media only screen and (min-width: 1200px){.con_list li a .inner .img{left:0;top:0;width:100%;height:100%}}@media print{.con_list li a .inner .img{left:0;top:0;width:100%;height:100%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_list li a .inner .img{padding-bottom:66.66667%}}@media only screen and (max-width: 767px){.con_list li a .inner .img{padding-bottom:66.5625%}}.con_list li a .inner .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}@media only screen and (min-width: 1200px){.con_list li a:hover .inner .txt{opacity:1}}@media print{.con_list li a:hover .inner .txt{opacity:1}}.con_list li[class^="active"] a:after{transform:rotateX(0)}.con_list li[class^="active"] a .inner{transform:rotateX(-180deg)}.con_back{display:none}
