
@media screen and (min-width: 480px){
.reaHead{
height:100px;
background: url("../img/reason/reason_top.jpg") no-repeat 0 0;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
margin:0 0 20px -2px;
}

.reaBox1{
overflow:hidden;
background:#E8E5F2;
padding:20px;
line-height:150%;
margin-bottom:40px;
font-size:15px;
}

.reaBox2{
height:160px;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:solid 1px #E1DEEF;
}

.reaImg1{
background: url("../img/reason/reason8.jpg") no-repeat 100% 0;
}

.reaImg2{
background: url("../img/reason/reason2.jpg") no-repeat 100% 0;
}

.reaImg3{
background: url("../img/reason/reason3.jpg") no-repeat 100% 0;
}

.reaImg4{
background: url("../img/reason/reason4.jpg") no-repeat 100% 0;
}

.reaImg5{
background: url("../img/reason/reason5.jpg") no-repeat 100% 0;
}

.reaImg6{
background: url("../img/reason/reason6.jpg") no-repeat 100% 0;
}

.reaImg7{
background: url("../img/reason/reason7.jpg") no-repeat 100% 0;
}

.reaBox2 dt{
height:44px;
font-size:17px;
padding:10px 0 0 60px;
font-weight:bold;
}

.boxHead1{
background: url("../img/reason/r1.jpg") no-repeat 0 0;
}

.boxHead2{
background: url("../img/reason/r2.jpg") no-repeat 0 0;
}

.boxHead3{
background: url("../img/reason/r3.jpg") no-repeat 0 0;
}

.boxHead4{
background: url("../img/reason/r4.jpg") no-repeat 0 0;
}

.boxHead5{
background: url("../img/reason/r5.jpg") no-repeat 0 0;
}

.boxHead6{
background: url("../img/reason/r6.jpg") no-repeat 0 0;
}

.boxHead7{
background: url("../img/reason/r7.jpg") no-repeat 0 0;
}

.reaBox2 dd{
width:470px;
margin-left:0;
line-height:180%;
padding-top:5px;
}

.reaBox2:last-child{
margin-bottom:80px;
}
}




@media screen and (max-width: 479px){
.reaHead{
    height: 110px;
    background: url(../img/reason/reason_top.jpg) no-repeat 0 0;
    overflow: hidden;
    background-size: 230%;
    text-indent: 100%;
    white-space: nowrap;
}

.reaBox1{
overflow:hidden;
background:#E8E5F2;
padding:20px;
line-height:150%;
margin-bottom:40px;
font-size:15px;
}

.reaBox2{
    padding-bottom: 160px;
margin-bottom:20px;
border-bottom:solid 1px #E1DEEF;
}

.reaImg1{
background: url("../img/reason/reason8.jpg") no-repeat 100% 0;
background-position:center 90%;
}

.reaImg2{
background: url("../img/reason/reason2.jpg") no-repeat 100% 0;
background-position:center 90%;}

.reaImg3{
background: url("../img/reason/reason3.jpg") no-repeat 100% 0;
background-position:center 90%;}

.reaImg4{
background: url("../img/reason/reason4.jpg") no-repeat 100% 0;
background-position:center 90%;}

.reaImg5{
background: url("../img/reason/reason5.jpg") no-repeat 100% 0;
background-position:center 90%;}

.reaImg6{
background: url("../img/reason/reason6.jpg") no-repeat 100% 0;
background-position:center 90%;}

.reaImg7{
background: url("../img/reason/reason7.jpg") no-repeat 100% 0;
background-position:center 90%;}

.reaBox2 dt{
height:44px;
font-size:17px;
padding:10px 0 0 60px;
font-weight:bold;
}

.boxHead1{
background: url("../img/reason/r1.jpg") no-repeat 0 0;
}

.boxHead2{
background: url("../img/reason/r2.jpg") no-repeat 0 0;
}

.boxHead3{
background: url("../img/reason/r3.jpg") no-repeat 0 0;
}

.boxHead4{
background: url("../img/reason/r4.jpg") no-repeat 0 0;
}

.boxHead5{
background: url("../img/reason/r5.jpg") no-repeat 0 0;
}

.boxHead6{
background: url("../img/reason/r6.jpg") no-repeat 0 0;
}

.boxHead7{
background: url("../img/reason/r7.jpg") no-repeat 0 0;
}

.reaBox2 dd{
margin-left:0;
line-height:180%;
padding-top:5px;
}

.reaBox2:last-child{
margin-bottom:80px;
}
}