@charset "UTF-8";
.campaign .mb10 { margin-bottom: 2vw!important; }
.campaign img { width:100%; margin-bottom:5%; }
.campaign ul { margin-bottom: 8%; }
.campaign li { margin-bottom: 6%; padding: 5%; background:var(--brown02); }
.campaign li .pic { position: relative; }
.campaign li .pic:before { content:""; width: 98%; height:98%; border: 1px solid #fff; position: absolute; top: 1%; left: 1%; }
.campaign li .tit { font-size: 4vw; font-family: var(--mincho); line-height: 1.4; font-weight: 600; border-bottom: 1px dashed var(--gray); padding-bottom: 4%;}
.campaign li .txt { margin-bottom: 1%; font-size: 3.5vw; text-align: justify; }
.campaign li .pre { font-size: 6vw; font-family: var(--mincho); font-weight: 600; }
.campaign li .pre span { margin-right: 2%; padding: 0 3%; display: inline-table; color: #fff; font-size: 3.5vw; background: var(--brown01); vertical-align: middle; position: relative;top: -3px; }
.campaign li .pre small { font-size: 70%; }

/* =============================================
    pc
================================================*/
@media screen and (min-width: 736px) {
.campaign .mb10 { margin-bottom: 10px!important; }
.campaign ul { width: 600px; margin: 0 auto 40px; }
.campaign li { padding: 30px; margin-bottom: 20px; }
.campaign li .tit { font-size:20px; margin-bottom: 20px; }
.campaign li .pre span { padding: 5px 10px; font-size: 18px; }
.campaign li .pre { margin-bottom: 0; font-size:30px; line-height: 1; }
.campaign li .txt { margin-bottom: 15px; font-size: 15px; }
}