@media screen and (min-width: 740px){
    div.info{
        display: block;
        width: 960px;
        margin-top: 40px;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    h2.index3{
        display: block;
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        font-size: 24px;
    }
    div.bar01{
        display: block;
        width: 900px;
        height: 3px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        background-color: #FF9387;
    }
    p.info{
        margin-left: 30px;
    }

    div.info2{
        display: block;
        width: 960px;
        height: 540px;
        margin-bottom: 60px;
        margin-left: auto;
        margin-right: auto;
    }
    div.bar02{
        display: block;
        width: 420px;
        height: 3px;
        background-color: #FF9387;
    }
    div.info01{
        display: block;
        width: 420px;
        margin-left: 30px;
        text-align: center;
    }
    h3.info01{
        font-size: 20px;
    }
    a.info01{
        display: block;
        width: 174px;
        height: 34px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        background: url(info01.jpg);
    }
    a.info01:hover{
        background-position: bottom;
    }
    div.info01m{
        display: block;
        width: 343px;
        height: 16px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 57px;
        padding-bottom: 57px;
        vertical-align: middle;
        background-color: #FFE5E3;
    }
    p.info01{
        display: block;
        width: 200px;
        margin-left: 16px;
    }
    img.info01{
        display: block;
        width: 111px;
        height: 111px;
        position: relative;
        top: -71px;
        left: 220px;
    }

    div.info02{
        display: block;
        width: 420px;
        position: relative;
        top: -237px;
        left: 510px;
        text-align: center;
    }
    div.info02m{
        display: block;
        width: 400px;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
    }
    img.info02a{
        display: block;
        width: 51px;
        height: 29px;
        margin-left: 60px;
    }
    p.info02a{
        display: block;
        width: 220px;
        height: 28px;
        position: relative;
        top: -32px;
        left: 120px;
        font-size: 24px;
        font-weight: bold;
    }
    img.info02b{
        display: block;
        width: 51px;
        height: 29px;
        margin-left: 60px;
    }
    p.info02b{
        display: block;
        width: 220px;
        height: 28px;
        position: relative;
        top: -32px;
        left: 120px;
        font-size: 24px;
        font-weight: bold;
    }
    p.info02c{
        display: block;
        width: 220px;
        position: relative;
        top: -20px;
        margin-left: auto;
        margin-right: auto;
    }

    div.info03{
        display: block;
        width: 420px;
        height: 260px;
        margin-left: 30px;
        position: relative;
        top: -140px;
        text-align: center;
    }
    p.info03a{
        display: block;
        width: 216px;
        margin-top: 20px;
        margin-left: 20px;
        font-size: 18px;
        text-align: left;
    }
    p.info03b{
        display: block;
        width: 216px;
        margin-left: 20px;
        font-size: 12px;
        text-align: left;
    }
    img.info03a{
        display: block;
        width: 137px;
        position: relative;
        top: -90px;
        left: 260px;
    }
    a.info03{
        display: block;
        width: 174px;
        height: 34px;
        margin-left: 80px;
        position: relative;
        top: -100px;
        background: url(info01.jpg);
    }
    a.info03:hover{
        background-position: bottom;
    }
    img.info03b{
        display: block;
        width: 48px;
        height: 29px;
        position: relative;
        top: -90px;
        left: 20px;
    }
    p.info03c{
        display: block;
        width: 220px;
        height: 28px;
        position: relative;
        top: -122px;
        left: 80px;
        font-size: 24px;
        font-weight: bold;
    }
    p.info03d{
        display: block;
        width: 220px;
        position: relative;
        top: -115px;
        left: 75px;
    }
}

@media screen and (max-width: 739px){
    div.info{
        display: block;
        width: 960px;
        margin-top: 40px;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    h2.index3{
        display: block;
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        font-size: 24px;
    }
    div.bar01{
        display: block;
        width: 900px;
        height: 3px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        background-color: #FF9387;
    }
    p.info{
        margin-left: 30px;
    }

    div.info2{
        display: block;
        width: 960px;
        height: 540px;
        margin-bottom: 60px;
        margin-left: auto;
        margin-right: auto;
    }
    div.bar02{
        display: block;
        width: 420px;
        height: 3px;
        background-color: #FF9387;
    }
    div.info01{
        display: block;
        width: 420px;
        margin-left: 30px;
        text-align: center;
    }
    h3.info01{
        font-size: 20px;
    }
    a.info01{
        display: block;
        width: 174px;
        height: 34px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        background: url(info01.jpg);
    }
    a.info01:hover{
        background-position: bottom;
    }
    div.info01m{
        display: block;
        width: 343px;
        height: 16px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 57px;
        padding-bottom: 57px;
        vertical-align: middle;
        background-color: #FFE5E3;
    }
    p.info01{
        display: block;
        width: 200px;
        margin-left: 16px;
    }
    img.info01{
        display: block;
        width: 111px;
        height: 111px;
        position: relative;
        top: -71px;
        left: 220px;
    }

    div.info02{
        display: block;
        width: 420px;
        position: relative;
        top: -237px;
        left: 510px;
        text-align: center;
    }
    div.info02m{
        display: block;
        width: 400px;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
    }
    img.info02a{
        display: block;
        width: 51px;
        height: 29px;
        margin-left: 60px;
    }
    p.info02a{
        display: block;
        width: 220px;
        height: 28px;
        position: relative;
        top: -32px;
        left: 120px;
        font-size: 24px;
        font-weight: bold;
    }
    img.info02b{
        display: block;
        width: 51px;
        height: 29px;
        margin-left: 60px;
    }
    p.info02b{
        display: block;
        width: 220px;
        height: 28px;
        position: relative;
        top: -32px;
        left: 120px;
        font-size: 24px;
        font-weight: bold;
    }
    p.info02c{
        display: block;
        width: 220px;
        position: relative;
        top: -20px;
        margin-left: auto;
        margin-right: auto;
    }

    div.info03{
        display: block;
        width: 420px;
        height: 260px;
        margin-left: 30px;
        position: relative;
        top: -140px;
        text-align: center;
    }
    p.info03a{
        display: block;
        width: 216px;
        margin-top: 20px;
        margin-left: 20px;
        font-size: 18px;
        text-align: left;
    }
    p.info03b{
        display: block;
        width: 216px;
        margin-left: 20px;
        font-size: 12px;
        text-align: left;
    }
    img.info03a{
        display: block;
        width: 137px;
        position: relative;
        top: -90px;
        left: 260px;
    }
    a.info03{
        display: block;
        width: 174px;
        height: 34px;
        margin-left: 80px;
        position: relative;
        top: -100px;
        background: url(info01.jpg);
    }
    a.info03:hover{
        background-position: bottom;
    }
    img.info03b{
        display: block;
        width: 48px;
        height: 29px;
        position: relative;
        top: -90px;
        left: 20px;
    }
    p.info03c{
        display: block;
        width: 220px;
        height: 28px;
        position: relative;
        top: -122px;
        left: 80px;
        font-size: 24px;
        font-weight: bold;
    }
    p.info03d{
        display: block;
        width: 220px;
        position: relative;
        top: -115px;
        left: 75px;
    }
}