@charset "UTF-8";
p.center{text-align:center;}
.tplist li{margin-bottom:5vw;}
.tplist img{width:100%;}
.tplist a{position:relative;}
.tplist p{position: absolute;z-index: 1;text-align: center;margin: auto;width: 100%;top: 50%;left: 0;right: 0;transform: translate(0, -50%);color:#fff;font-family:var(--mincho);font-size:6vw;font-weight: bold;}
.tplist span{display:block;font-family: proxima-nova;font-weight: 400;font-size:70%;}
.tplist p:after{content: '\f107';font-family: 'icon';margin-left: 10px;}

.boxitems{background:#e7e0ed;padding: 7%;}
.boxitems .title{text-align:center;font-weight:600;font-family:var(--mincho);font-size:5vw;color:var(--purple02);}
.boxitems li{background:#fff;padding: 5%;border-radius: 10px;margin-bottom: 5%;}
.boxitems .sub{background:var(--purple01);color: #fff;padding: 2% 4%;}
.boxitems .sub span{font-family: proxima-nova;font-weight: 400;font-size:70%;margin-left:2vw;}
.boxitems .items{text-align:left;}
.boxitems .items span{background:#e7e0ed;padding: 1% 3%;margin-bottom: 1.5vw;border-radius: 50px;font-size:90%;display: block;}
.boxitems .items span:before{content: '\f058';font-family: 'icon';margin-right:1vw;color:var(--purple01);}


/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.tplist{isplay: -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;}
.tplist li{width:48%;}
.tplist p{font-size:30px;}

.boxitems{padding:50px;}
.boxitems .title{font-size:30px;}
.boxitems li{padding:30px;margin-bottom: 20px;}
.boxitems .sub{padding: 5px 20px;font-size:20px;margin-bottom: 10px;}
.boxitems .sub span{margin-left:10px;}
.boxitems .items span{display:inline-block;padding: 5px 15px 5px 15px;margin-bottom: 8px;}
.boxitems .items span:before{margin-right:5px;}
}

@media screen and (min-width: 1000px) { 
.boxitems ul{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;}
.boxitems li{width:32%;}
.boxitems .items span{padding: 5px 18px 5px 16px;}
}