i {display: block; background-repeat: no-repeat; background-position: center; background-size: contain;}

/* icon : a b c d e f g h i j k l m n o p q r s t u v w x y z */
.ic-arrow-right-bk-16 {width: 1.6rem; height: 1.6rem; background-image: url(../img/ico/ic-arrow-right-bk-16.svg);}
.ic-arrow-right-bk-20 {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-arrow-right-bk-20.svg);}
.ic-arrow-right-wh-20 {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-arrow-right-wh-20.svg);}

.ic-arrow-bent-right {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-arrow-bent-right.svg);}
.ic-arrow-bent-left {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-arrow-bent-left.svg);}

.ic-ddfactory {width: 7.2rem; height: 7.2rem; background-image: url(../img/ico/ic-ddfactory.svg);}
.ic-oddinary {width: 7.2rem; height: 7.2rem; background-image: url(../img/ico/ic-oddinary.svg);}
.ic-studiodd {width: 7.2rem; height: 7.2rem; background-image: url(../img/ico/ic-studiodd.svg);}

.ic-arrow-oddinary {width: 1.6rem; height: 4.8rem; background-image: url(../img/ico/ic-arrow-oddinary.svg);}
.ic-arrow-contact {width: 5.2rem; height: 5.2rem; background-image: url(../img/ico/ic-arrow-contact.svg);}

.ic-arrow-calendar-left {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-arrow-calendar-left.svg);}
.ic-arrow-calendar-right {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-arrow-calendar-right.svg);}

.ic-file-16 {width: 1.6rem; height: 1.6rem; background-image: url(../img/ico/ic-file-16.svg);}

@media screen and (max-width: 768px) {
    .ic-ddfactory, .ic-oddinary, .ic-studiodd {width: 3.6rem; height: 3.6rem;}
}