@import '../common/variable';
.c-a009__imgbox{
    -webkit-transition: opacity ease 0.5s;
    -moz-transition: opacity ease 0.5s;
    -ms-transition: opacity ease 0.5s;
    -o-transition: opacity ease 0.5s;
    transition: opacity ease 0.5s;
    opacity: 0;    
}
.c-a009__imgbox--end{
    opacity: 1;
}
html.pc {
    .c-a009 {
        padding: @padding_pc_1 0;
        .c-sectiontitle{
//          padding-bottom: 60px;
        }
        .c-sectiontitle--common{
            padding-bottom: 0;
        }
    }
    .c-a009__title {
        color: #353535;
        font-size: 18px;
        font-weight: 500;
        margin-top: @padding_pc_1;
    }
//  .c-a009__item--1 {
//      margin-top: 60px;
//  }
//  .c-a009__item--2 {
//      margin-top: 120px;
//  }
    .c-a009__body {
        width: (197px+42)*5;
    }
    .c-a009__imgcontainer {
        width: 202px;
        height: 82px;
        border: 1px solid #DCDCDC;
        float: left;
        margin-right: 35px;
        margin-top: @padding_pc_2;
    }
    .c-a009__imgbox {
        width: 200px;
        height: 80px;
    }
}

html.mobile {
    .c-a009 {
        padding: @padding_mobile_1 0;
        .c-sectiontitle{
//          padding-bottom: 0.6rem;
        }
        .c-sectiontitle--common{
            padding-bottom: 0;
        }                
    }
    .c-a009__title {
        color: #353535;
        font-size: 0.3rem;
        font-weight: 500;
//      padding-bottom: 0.6rem;
        margin-top: @padding_mobile_1;
    }
    .c-a009__item--1 {
        margin-top: 0.6rem;
    }
    .c-a009__item--2 {
        margin-top: 1.2rem;
    }
    .c-a009__body {
        width: (1.97rem+0.4)*3;
    }
    .c-a009__imgcontainer {
        width: 2.04rem;
        height: 0.84rem;
        border: 1px solid #DCDCDC;
        float: left;
        margin-right: 0.30rem;
        margin-top: @padding_mobile_2;
    }
    .c-a009__imgbox {
        width: 2.0rem;
        height: 0.8rem;
    }
}