.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

@font-face {
    font-family: 'fontello';
    src: url("/lp/fufufu/fontello.eot?78752234");
    src: url("/lp/fufufu/font/fontello.eot?78752234#iefix") format("embedded-opentype"), url("/lp/fufufu/font/fontello.woff2?78752234") format("woff2"), url("/lp/fufufu/font/fontello.woff?78752234") format("woff"), url("/lp/fufufu/font/fontello.ttf?78752234") format("truetype"), url("/lp/fufufu/font/fontello.svg?78752234") format("svg");
    font-weight: normal;
    font-style: normal;
}

html body article section#sec01 .container {
    padding: 110px 0 120px;
}

@media only screen and (max-width: 1155px) {
    html body article section#sec01 .container {
        padding: 110px 0 60px;
    }
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container {
        padding: 90px 0 30px;
    }
}

html body article section#sec01 .container h1 {
    margin: 0 25%;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container h1 {
        margin: 0 15%;
    }
}

html body article section#sec01 .container h1 img {
    display: inline-block;
    max-width: 486px;
}

html body article section#sec01 .container .list_img {
    width: 100%;
    max-width: 996px;
    margin: 50px auto 0;
}

@media only screen and (max-width: 1155px) {
    html body article section#sec01 .container .list_img {
        max-width: calc(100% - 40px);
        margin: 50px 20px 0;
    }
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img {
        max-width: calc(100% - 40px);
        margin: 20px 20px 0;
    }
}

html body article section#sec01 .container .list_img li {
    text-align: left;
    margin: 0 40% 0 0;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li {
        text-align: center;
        margin: 10px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.dome {
        text-align: center;
        margin: 10px 26px 0;
    }
}

html body article section#sec01 .container .list_img li.coffee {
    text-align: right;
    margin: -70px 0 0 32%;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.coffee {
        text-align: center;
        margin: 10px 0 0;
    }
}

html body article section#sec01 .container .list_img li.coffee a img {
    max-width: 670px;
}

html body article section#sec01 .container .list_img li.rocket {
    margin: -10px 50% 0 0;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.rocket {
        margin: 10px 18px 0;
    }
}

html body article section#sec01 .container .list_img li.air_bag {
    text-align: right;
    margin: -50px 9% 0px 40%;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.air_bag {
        text-align: center;
        margin: 10px 0 0;
    }
}

html body article section#sec01 .container .list_img li.trash_bag {
    text-align: right;
    margin: -110px 52% 0 0;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.trash_bag {
        width: 90%;
        text-align: center;
        margin: 10px auto 0;
    }
}

html body article section#sec01 .container .list_img li.faucet {
    text-align: right;
    margin: -90px 8% 0 35%;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.faucet {
        text-align: center;
        margin: 10px 0 0;
    }
}

html body article section#sec01 .container .list_img li.pizza {
    text-align: right;
    margin: 30px 50% 0 0;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.pizza {
        width: 90%;
        text-align: center;
        margin: 10px auto 0;
    }
}

html body article section#sec01 .container .list_img li.takanawa-st {
    text-align: right;
    margin: 50px 0% 0 40%;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.takanawa-st {
        text-align: center;
        margin: 40px 20px 0;
    }
}

html body article section#sec01 .container .list_img li.antenna {
    text-align: right;
    margin: 60px 32% 0 0%;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.antenna {
        width: 90%;
        text-align: center;
        margin: 40px auto 0;
    }
}

html body article section#sec01 .container .list_img li.handotai {
    text-align: right;
    margin: 90px 5% 0 30%;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.handotai {
        width: 90%;
        text-align: center;
        margin: 40px auto 0;
    }
}

html body article section#sec01 .container .list_img li.dressing {
    text-align: right;
        margin: -20px 45% 0 0;
}
.dressing img {
    max-width: 500px;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.dressing {
        width: 90%;
        text-align: center;
        margin: 40px auto 0;
    }
}

html body article section#sec01 .container .list_img li.hotaruishi {
    text-align: right;
    margin: 90px 5% 0 30%;
}

@media only screen and (max-width: 767px) {
    html body article section#sec01 .container .list_img li.hotaruishi {
        width: 90%;
        text-align: center;
        margin: 40px auto 0;
    }
}

html body article section#sec01 .container .list_img li a {
    display: inline-block;
}

html body article section#sec01 .container .list_img li a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

html body article section#sec01 .container .list_img li a img {
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

html body article section#sec02 .about_fluorine .tex_box {
    width: 570px;
    display: block;
    margin: 0px auto;
}

@media only screen and (max-width: 767px) {
    html body article section#sec02 .about_fluorine .tex_box {
        width: 100%;
    }
}