@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%;text-align: center;}
.effect dl{margin-bottom:5%;}

.reason{ margin-bottom: 10vw}
.reason .textbox{margin-bottom:5vw;}
.reason .textbox ul{margin: 6vw auto;}
.reason .textbox li{margin-bottom:1.6vw;text-indent: -0.6em;padding-left: 0.6em; }
.reason .textbox li:before{content:"・";}


/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.subhero{background: url(../../../images/menu/other/aga/pc-subhero.jpg) center right -380px;padding: 225px 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;}
	
.reason{margin-bottom: 60px;}
.reason .textbox{margin: 0 auto 4%;width: 100%;}
.reason .textbox ul{margin: 20px auto;}
.reason .textbox li{margin-bottom: 6px;}
.reason .textbox li:before{content:"・";}
	


}

@media screen and (min-width: 1000px) {	
.effect .subtit{width:100%;background:#efeae1;padding:10px;}
.effect .box dl{width:32%;}
.effect .box dd{font-size:90%;}
.features li.mb100{margin-bottom:70px;}
.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;}
.features li img{width:40%;margin-bottom: 0;}
.features li .textbox{width:55%;}
}

@media screen and (min-width: 1200px) {
.subhero{background: url(../../../images/menu/other/aga/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/other/aga/pc-subhero@2x.jpg) center right -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/other/aga/pc-subhero@2x.jpg) center top;background-size: 2000px;}
}