@charset "UTF-8";

.boxitem th,.boxitem td{display: block;width: 100%;}
.menu-about .check-campaign{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.menu-about .check-campaign li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;align-items: center;background: #ebe5c8;padding: 3vw 0 3vw 8vw;width: 48%; font-weight: bold;line-height: 1.4; margin-bottom: 3vw;position: relative;border-radius: 7px;font-size: 3.4vw;}
.menu-about .check-campaign li::before{content: '\e900';font-family: 'icon';color: var(--gold); margin-right: 4vw;position: absolute;top: 50%;left: 8%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.about-list dd {text-align: center;font-weight: bold;}
.about-list dd .sub {color: #fff; background-color: var(--gold);border-radius: 50px;padding: 1vw 0;}
.about-list dd .approach {color: #7f6232;}
.about-list dt.red{background-color: #fbbfbe;}
.about-list dt.yellow{background-color: #f2e4ab;}
.about-list dt.blue{background-color: #c2c9d6;}
.about-list dl {padding: 6vw;}
.about-list.mode .menu-about .check-campaign { display: block;}
.about-list.mode .menu-about .check-campaign li{width: 100%; padding: 3vw 4vw 3vw 12vw;}
.boxitem .menu-list li {margin-bottom: 0;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {
.boxitem th,.boxitem td{display: table-cell;}
.boxitem th{width: 28%;}
.boxitem .text{-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;align-items: center;}
.boxitem table{width: 100%;}
.menu-about .check-campaign li{ padding:10px 0 10px 50px;margin-bottom: 10px;width: 49%;font-size: 16px;}
.menu-about .check-campaign li::before{ margin-right: 10px;}
.about-list dd img{margin-bottom: 15px;}
.about-list>ul li{width:32%;display: -webkit-box;display: -ms-flexbox;display: flex;}
.about-list dd .sub {padding: 7px 0;}
.about-list dl{margin-bottom:0;padding: 7%;}
.about-list.mode .menu-about .check-campaign li{padding:10px 0 10px 50px;}
	
}

/* =============================================
tablet-size
================================================*/
@media screen and (min-width: 736px) and (max-width: 1024px) {
	
.menu-about .check-campaign li{ width: 48%;}
	
}