@charset "UTF-8";
.second-text{width:100%;padding-bottom: 0;}
.itembox li{margin-bottom:6vw;}
.itembox .pic{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 2vw;}
.itembox .pic img{width:50%;}
.itembox .textbox{width:90%;margin:0 auto;position:relative;padding: 3vw 0;}
.itembox .title{font-family: freight-big-pro;font-weight: 400;font-size: 9vw;margin-bottom:3vw;position: relative;}
.itembox .batch{position:absolute;width: 22%;right: -2vw;top: -8vw;}
.itembox span{display:inline-table;font-family: 'Josefin Sans';border: 1px solid #65a8c7;color: #65a8c7;padding: 2% 5% 1% 5%;letter-spacing: 2px;}
.itembox .txt{margin: 3vw 0 4vw 0;}
.itembox a{text-align:right;font-family: 'Josefin Sans';text-decoration:underline;font-size:110%;letter-spacing:2px;position:relative;}
.itembox a:before{content:"●";color:#e3e3e3;}

.itembox li:nth-child(1) span{border: 1px solid #ce96ab;color: #ce96ab;}
.itembox li:nth-child(2) span{border: 1px solid #b5cd97;color: #b5cd97;}
.itembox li:nth-child(3) span{border: 1px solid #b698d0;color: #b698d0;}
.itembox li:nth-child(4) span{border: 1px solid #d9b34e;color: #d9b34e;}

@media screen and (min-width: 736px) {
.itembox li{margin-bottom: 0;padding: 50px 0;border-bottom: 1px solid #e7e7e7;}
.itembox .pic{max-width: 960px;margin:0 auto;}
.itembox .pic img{width: calc(100% / 3);}   
.itembox .title{font-size: 48px;margin-bottom: 20px;display:inline-block;letter-spacing: 2px;}
.itembox .textbox{width:960px;padding: 20px 0;}
.itembox .batch{width:120px;top: -70px;}
.itembox span{display:inline-block;padding: 10px 20px 8px 20px;position:relative;top: -10px;margin-left: 20px;font-size: 12px;background: #fff;}
.itembox .txt{margin: 0 0 20px 0;letter-spacing: 1px;}

.itembox li{position:relative;}
.itembox li::after {background: linear-gradient(90deg, #f5fbff 8%, #f7fff7);position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;transform: scale(0, 1);transform-origin: left top;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);z-index: -1;}
.itembox li:hover{opacity:1;}
.itembox li:hover::after {transform: scale(1, 1);}
.itembox li:nth-child(1):after{background: linear-gradient(90deg, #ffeff5 8%, #fff6f0);}
.itembox li:nth-child(2):after{background: linear-gradient(90deg, #f5fff5 8%, #fdffdb);}
.itembox li:nth-child(3):after{background: linear-gradient(90deg, #fdf1ff 8%, #f8fdff);}
.itembox li:nth-child(4):after{background: linear-gradient(90deg, #feffed 8%, #fff6ee);}
}