@charset "utf-8";


strong {
    font-weight: bold;
}
    #section1 {
        background: url("../images/takanot/sec1_bkg.jpg") no-repeat top center;
        height: 502px;
    }

.topLogo {
    padding-top: 3px;
    width: 242px;
}

.section1Text {
    width: 930px;
    margin: 108px  auto 0;
}

h1 {
    font-size: 60px;
    width: auto;
    letter-spacing: -1.8px;
    line-height: 1;
    font-weight: 500;
}


#section2 {
    background-color: #f7f7f7;
    height: auto;
}

    #section2 .container {
        width: 824px;
        padding-bottom: 30px;
    }

ul.downloads {
    padding-top: 121px;
    margin-top: 0;
}

    ul.downloads li {
        float: right;
        width: 29%;
        padding-right: 16%;
        margin-left: 10%;
        background: url(../images/takanot/li_bkg.png) no-repeat right top;
        padding-bottom: 95px;
    }

        ul.downloads li:nth-child(even) {
            margin-left: 0%;
        }

        ul.downloads li .title {
            font-size: 18px;
            font-weight: bold;
            padding-top: 30px;
            letter-spacing: -0.5px;
            line-height: 1.4;
        }
            ul.downloads li .title.break {
                padding-top: 20px;
            }
            ul.downloads li .title a {
                color: #165580;
            }

        ul.downloads li .text {
            font-size: 14px;
            letter-spacing: -0.4px;
            margin-top: 6px;
            line-height: 1.5;
        }

        ul.downloads li .text a {
            color: #3e3e3e
        }





@media (min-width: 1px) and (max-width: 970px) {

    .section1Text {
        width: auto;
    }

    .section1Text {
        width: auto;
    }

    #section2 {
        height: auto;
    }

        #section2 .container {
            width: 96%;
        }

    ul.downloads li {
        padding-right: 17%;
        margin-left: 6%;
    }


}


@media (min-width: 1px) and (max-width: 820px) {
    #section2 .container {
        width: 80%;
    }

    ul.downloads {
        padding-top: 60px;
    }

        ul.downloads li {
            float: none;
            width: auto;
            padding-right: 24%;
            margin-left: 0;
            padding-bottom: 76px;
        }
}

@media (min-width: 1px) and (max-width: 620px) {
    #section2 .container {
        width: 96%;
    }

    ul.downloads {
        padding-top: 60px;
    }

        ul.downloads li {
            float: none;
            width: auto;
            padding-right: 24%;
            margin-left: 0;
            padding-bottom: 12%;
            background-size: 18%;
          
        }
            ul.downloads li .title {
                padding-top: 30px;
            }



}

@media (min-width: 1px) and (max-width: 520px) {
    ul.downloads li {
        background-position-y: 20px;
    }
}