@charset "UTF-8";

/* case
----------------------------------------------- */
.case {margin: 0 auto;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.case li {margin-bottom: 4vw;width: 48%;}
.case li a{position: relative;}
.case li a:after {content: '';display: inline-block;width: 24px;height: 24px;background: url("../images/zoom.jpg") no-repeat right bottom;background-size: contain;vertical-align: middle;position: absolute;right:0;bottom:0;}
.case li img { width:100%;}

.case .tab01 li { width: 100%;}
.post-type-archive-case .tab01 a{display: block;}

.case .case-text .case-ttl{color: var(--gold);font-size: 3.5vw;margin: 3vw auto 1vw;line-height: 1.2;}
.case .case-text .text{font-size: 3.2vw;line-height: 1.6;margin-bottom: 0;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {

.case li {margin-bottom: 40px;}
.case li a:after {background: url("../images/zoom.jpg") no-repeat right bottom;background-size: contain;}

.case .case-text .case-ttl{ font-size: 16px; margin: 10px auto 6px;}
.case .case-text .text{ font-size: 14px;}

}

/* =============================================
retina
================================================*/

@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.case li a:after {  background-image: url(../images/zoom@2x.jpg);}

}