@charset "UTF-8";
.about ul{margin-bottom:3%;}
.about li{position:relative;padding:0 0 0 5%;}
.about li:before{content: '\f058';font-family: 'icon';position:absolute;left:0;color:var(--gold);}
.effect .subtit{ font-family: var(--mincho);font-weight: 600;color:var(--gold);font-size:130%;margin-bottom:0;border-bottom:1px dashed #ccc;margin-bottom:2vw;}
.effect ul{margin:4% 0;}
.effect li{background:#efeae1;padding:7%;margin-bottom:2vw;}

.features li{margin-bottom:6%;}

.info .box{border:1px solid #ccc;padding:5%;font-size:95%;margin-bottom:15%;}
.info .box .tit{text-align:center;font-size:120%;border-bottom:1px solid #ccc;padding-bottom:3%;}
.info .box ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.info .box li{width:24%;}
.info .box li p{font-size:70%;text-align:center;}

.combination .recombox .more01.mb20{margin-bottom:10px;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.subhero{background: url(../../../images/menu/skin/density/pc-subhero.jpg) center left -380px;padding: 250px 0;background-size: cover;}
.about ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.about li{width: 49%;padding: 0 0 0 18px;margin: 0 0 6px 0;}

.effect ul{order:3;margin: 0;}
.effect li{padding:30px;margin-bottom: 20px;}
.effect .subtit{margin-bottom:10px;padding-bottom:10px;}
  
.info .box{padding:50px;margin-bottom: 0;}
.info .box .tit{padding-bottom:20px;}
.info .box ul{-webkit-justify-content: center;justify-content: center;}
.info .box li{width:155px;margin:0 20px;}
.info .box li img{margin-bottom:10px;}
.info .box li p{font-size:14px;}

.features li{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;align-items: start;margin-bottom: 40px;}
.features li img{width:30%;}
.features li .textbox{width:65%;}
.features li .midashi04{padding:10px 20px;}
  
.case li{width:33%;}
}

@media screen and (min-width: 1000px) {	
.features li{margin-bottom:20px;}
.features li img{width:40%;}
.features li .textbox{width:55%;}
}

@media screen and (min-width: 1200px) {
.subhero{background: url(../../../images/menu/skin/density/pc-subhero.jpg) center top;background-size: 2000px;}

}
  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.subhero{background: url(../../../images/menu/skin/density/pc-subhero@2x.jpg) center left -380px;background-size: cover;}
}
@media screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1200px) and (min-resolution: 2dppx) { 
.subhero{background: url(../../../images/menu/skin/density/pc-subhero@2x.jpg) center top;background-size: 2000px;}
}