/* -------------------------------------
*     common
* ------------------------------------- */
.bx-wrapper img {
    width: 100%;
    height: auto;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}

ul,
ol {
    margin-left: 0;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #868686;
    text-decoration: none;
}

a:focus,
img:focus {
    border: none !important;
}

div.newheader {
    display: flex;
    padding: 27px 26px;
    border-bottom: 1px solid #B9B9B9;
}

p.tag {
    padding: 0 20px;
    font-size: 1.2rem;
    line-height: 1.3
}

div#mainmenu {
    margin-left: auto;
}

.g-sns {
    display: flex;
    list-style: none;
}

.g-sns li {
    padding-left: 7px;
    text-align: right;
}

.g-sns li:first-child {
    padding-left: 0;
}

.g-sns img {
    width: 75%;
}

/* -------------------------------------
*     header
* ------------------------------------- */
#header {
    background: #fff;
    padding: 17px 0;
    border-bottom: 1px solid #B9B9B9;
}

h1#sitetitle {}

#titlelogo {
    width: 140px;
}

#spcarticon {
    width: 24px;
    float: right;
    padding-top: 4px;
}

/* ---------------------
*     togglemenu
* -------------------- */
.navbar-offcanvas {
    padding-left: 0;
    padding-right: 0;
}

.navbar-toggle {
    position: relative;
    float: left;
    padding: 5px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

#spnavmenu {
    margin-left: 0;
    list-style-type: none;
    padding-left: 0;
}

#spnavmenu li {
    position: relative;
    padding: 15px 25px;
    display: block;
    color: #595959;
    border-bottom: 1px solid #BBBBBB;
}

#spnavmenu li a {
    display: block;
    color: #595959;
}

#spnavmenu li .glyphicon {
    position: absolute;
    top: 18px;
    right: 15px;
    color: #595959;
}

#header-cover.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.66);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    cursor: pointer;
}

.navbar-offcanvas {
    z-index: 10000;
}

/* -------------------------------------
*     footer
* ------------------------------------- */
/* ---------------------
*     footericonmenu
* -------------------- */
#footericonmenu {
    /*background-color: rgba(187,187,187,0.85);*/
}

#footericonmenu ul {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    list-style-type: none;
    padding-left: 0;
}

#footericonmenu ul li {
    width: 18.5%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 9px;
}

#footericonmenu ul li img {
    width: 60%;
}

#footericonmenu ul li a {
    color: #000;
}

#footericonmenu ul li a:hover {
    color: #01AAFF;
    text-decoration: none;
}

#footer {
    padding-top: 60px;
    padding-bottom: 25px;
    color: #000;
    background: #fff;
}

dl.cnt-footer dt {
    border-bottom: 1px solid #808080;
    padding-bottom: 6px;
    margin-bottom: 14px;
    font-weight: normal;
    font-size: 1.4rem;
}

dl.cnt-footer dd {
    padding-left: 7px;
    margin: 0 0 0 0;
    line-height: 2 !important;
    font-size: 1.4rem;
}

dl.cnt-footer dd.last {
    margin-bottom: 40px;
}

div.news-box {
    border: 1px solid #808080;
    padding: 20px;
}

dl.news dt {
    margin-bottom: 8px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #808080;
}

dl.news dd {
    margin-bottom: 14px;
    padding: 0;
}

#footer ul {
    list-style-type: none;
    padding-left: 0;
}

#footer ul li {
    padding: 0;
    margin-right: 30px;
}

#footer a {
    color: #000;
}

#footer a:hover {
    color: #797979;
    text-decoration: none;
}

.footerlogo {
    margin-top: 50px;
    margin-bottom: 25px;
}

.footerlogo p {
    text-align: center;
}

div.copyright {
    background-color: #000;
    padding: 20px 0;
    text-align: center;
    color: #ffff;
}

/* -------------------------------------
*     top
* ------------------------------------- */
/* ---------------------
*     bxslider
* -------------------- */
.bx-wrapper {
    max-width: 100% !important;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #CDCDCD;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #6E6E6E;
}

#slider div p {
    position: absolute;
    top: 8.5%;
    left: 5%;
    display: inline-block;
    width: 90%;
    padding: 0;
    opacity: 0;
    color: #FFFFFF;
    font-size: 22px;
    text-align: center;
    transition: all .5s;
}

#sliderlogo01 {
    height: 65px;
}

#sliderlogo02 {
    height: 50px;
}

#sliderlogo03 {
    height: 50px;
}

#sliderlogo04 {
    height: 50px;
}

#sliderlogo05 {
    height: 40px;
}

#slider div p span.slidersubname {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    display: block;
}

#slider div p span.slidername {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 21px;
    display: block;
}

#slider .active-slide p {
    opacity: 1;
}

.btn.btn-white {
    margin-top: 15px;
    padding: 2px 35px;
    color: #000000;
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
}

.btn.btn-white:hover {
    padding: 2px 35px;
    color: #FFFFFF;
    font-size: 14px;
    background-color: #000000;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
}

/* ---------------------
*     topitems
* -------------------- */
#topitems {
    padding-top: 10px;
    padding-bottom: 30px;
}

h2 {
    margin-bottom: 40px;
    font-size: 2.7rem;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.1rem;
}

h2.s {
    font-size: 2.5rem;
}

#topitems div .topitemsname {
    font-size: 1.0rem;
    padding-top: 5px;
}

#topitems div .topitemsname::after {
    display: block;
    content: "";
    width: 20%;
    margin: 14px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

#topitems div .topitemsname span {
    font-size: 2.0rem;
    font-weight: 500;
    padding-top: 5px;
}

#topitems div .topitemsmsg {
    margin-top: 10px;
    line-height: 1.6;
    font-size: 1.2rem;
    color: #666;
    text-align: center;
}

.clickbox {
    cursor: pointer;
}

.clickbox a:hover,
.clickbox a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

/* ---------------------
*     topnews
* -------------------- */
#topnews {
    padding-top: 55px;
    padding-bottom: 55px;
    background: #EEEEEE;
}

#topnews dl {
    margin-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #000000;
}

#topnews dl dt {
    width: 100%;
    text-align: left;
    text-overflow: clip;
}

#topnews dl dd {
    width: 100%;
    margin-left: 0;
    line-height: 1.8em;
    text-align: left;
}

#topnews dl dt span {
    margin-bottom: 10px;
    display: block;
    color: #01AAFF;
    font-weight: bold;
}

/* -------------------------------------
*     list
* ------------------------------------- */
.itemlistbox {
    padding-top: 100px;
    padding-bottom: 70px;
}

.separatebar {
    height: 25px;
    background: #353535;
}

#itemlistimg01 {
    width: 300px;
}

#itemlistimg02 {
    width: 100px;
}

#itemlistimg03 {
    width: 100px;
}

#itemlistimg04 {
    width: 200px;
}

#itemlistimg05 {
    width: 200px;
}

.itemlistbox ul {
    margin-top: 15px;
    list-style-type: none;
    padding-left: 0;
}

.itemlistbox ul li span {
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'Varela Round', sans-serif;
}

.itemlistbox img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

.itemlistbox p {
    padding-left: 15px;
    padding-right: 15px;
}

/* -------------------------------------
*     detail
* ------------------------------------- */
#campaignmsg {
    margin-top: 15px;
}

#campaigntitle {
    margin-bottom: 15px;
    font-size: 18px;
}

#productthumbnail .col-xs-2 {
    padding-left: 5px;
    padding-right: 5px;
}

#productthumbnail img {
    border: 1px solid #000000;
}

#productthumbnail img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    border: 1px solid #666666;
}

#productname {
    margin-top: 35px;
}

#productname h2 {
    font-size: 2.8rem;
    text-align: left;
    padding: 0;
    margin: 0 0 40px 0;
}

#productprice {
    padding: 0;
    margin: 0;
    font-size: 2.6rem;
    font-size: 2.4rem;
}

#productcartbox {
    margin-top: 40px;
    padding: 35px;
    background: #F6F6F6;
}

#productcartbox a {
    color: #000000;
}

#productcartbox a:hover {
    text-decoration: none;
    color: #797979;
}

#productcartbox p {
    margin-bottom: 5px;
}

#productcolor {
    margin-bottom: 20px;
}

#productcartbox select {
    width: 100%;
    height: 45px !important;
    padding: 10px 3px;
    border-radius: 4px;
}

#productcartbox input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 0;
    line-height: 1em;
    border-radius: 4px;
}

#productnum {
    margin-bottom: 30px;
}

#productnum input[type="text"] {
    color: #000000;
}

.btn.btn-cart {
    padding: 15px 0;
    color: #FFFFFF !important;
    background: #333333 !important;
}

#productcartbox ul {
    list-style-type: none;
    margin-top: 20px;
    margin-left: 0;
    padding-left: 0;
}

#productotherbox {
    margin-top: 30px;
}

#productotherbox ul {
    list-style-type: none;
    padding-left: 0;
}

.relateditem {
    padding: 10px 0;
}

.relateditem a {
    color: #000000;
}

.relateditem a:hover {
    text-decoration: none;
    color: #797979;
}

#notfound {
    width: 100%;
    height: 400px;
    padding-top: 200px;
    text-align: center;
}

/* -------------------------------------
*     about
* ------------------------------------- */
#about {
    padding-top: 30px;
    padding-bottom: 30px;
}

.aboutbox {
    margin-bottom: 20px;
}

.aboutbox p {
    font-size: 16px;
    line-height: 2em;
}

.aboutbox a {
    color: #000000;
}

.aboutbox a:hover {
    color: #777777;
    text-decoration: none;
}

/* -------------------------------------
*     shopping guide
* ------------------------------------- */
#shoppingguide {
    padding-top: 60px;
    padding-bottom: 30px;
}

.shoppingguidebox {
    margin-bottom: 40px;
}

.paymenttitle {
    margin-bottom: 15px;
    padding: 10px 15px;
    color: #FFFFFF;
    background: #353535;
}

#freeshipping {
    width: 300px;
    margin-bottom: 15px;
    padding: 10px 15px;
    color: #FFFFFF;
    text-align: center;
    background: #01AAFF;
    border-radius: 16px;
}

.shoppingguidebox h4 {
    margin-top: 20px;
}

#shoppingguide ol {
    padding-left: 20px;
}

/* -------------------------------------
*     singlepage aqu
* ------------------------------------- */
div.intro {
    padding: 10px 0;
}

div.intro dl {
    padding: 20px 0 0 0;
}

div.intro dl dt {
    font-size: 2.2rem;
    color: #3f7ab2;
    padding: 30px 0;
    font-weight: normal;
}

div.intro dl dd:nth-child(2) {
    font-size: 1.9rem;
    padding-bottom: 40px;
}

div.intro ul {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.intro ul li {
    width: 100%;
    font-size: 1.4rem;
    border-top: 1px dotted #000;
    padding: 10px 0;
    list-style: none;
}

div.intro ul li:nth-child(8) {
    border-bottom: 1px dotted #000;
}

div.suisosui {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0;
    margin: 50px 0 0 0;
    display: block;
    justify-content: space-between;
}

div.suisosui div:first-child {
    font-size: 2.4rem;
    width: 100%;
    align-self: center;
    background-image: url(../img/aqu/icon_water.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 10px 0 10px 60px;
}

div.suisosui div:last-child {
    font-size: 1.4rem;
    width: 100%;
    line-height: 1.8;
    align-self: center;
    border-left: none;
    padding: 10px 0 0 0;
}

div.intro ul.exp {}

div.intro ul.exp li {
    border: none;
    font-size: 1.5rem;
    line-height: 1.8;
}

div.intro ul.exp li strong {
    display: block;
    padding-bottom: 30px;
    font-size: 2.0rem;
}

div.charm {}

div.charm p:first-child {
    font-size: 2.2rem;
}

div.charm p:last-child {
    font-size: 1.5rem;
}

div.charm p span {
    background-color: #fff;
}

/* ---------------------
*     aqubox_00
* -------------------- */
#aqutop {
    position: relative;
}

.aqutopsliderbox {
    position: absolute;
    top: 20%;
    z-index: 8000;
    width: 100%;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

.aqutopsliderbox img,
.mercurycampaignimgbox img {
    width: 95%;
    max-width: 375px;
}

.aqucampaignimgbox,
.mercurycampaignimgbox {
    text-align: center;
}

#aqutopsliderlogo {}

.aqutopslidermsg {
    margin: 10px auto;
    color: #FFFFFF;
    font-size: 19px;
    letter-spacing: 2px;
    text-align: left;
    width: 90%;
    max-width: 375px;
}

div.product-name {
    display: flex;
    max-width: 375px;
    margin: 10px auto;
}

.mercurytopsliderbox div.product-name {
    display: block !important;
    max-width: 375px;
    margin: 10px auto;
}

div.product-name div:first-child {
    width: 230px;
    margin-right: 10px;
}

.mercurytopsliderbox div.product-name div:first-child {
    width: auto;
    margin-right: 10px;
}

div.product-name div:last-child {
    width: 130px;
    margin-top: -5px;
    color: #FFFFFF;
    line-height: 1.8em;
    font-size: 12px;
    text-align: left;
}

.mercurytopsliderbox div.product-name div:last-child {
    width: auto;
    margin-top: 0;
    color: #FFFFFF;
    padding-top: 20px;
    line-height: 1.8em;
    font-size: 12px;
    text-align: left;
}

#aqutopbox {
    margin: 10px auto 35px auto;
    padding: 0;
    color: #000000;
    font-size: 16px;
    text-align: center;
}

#aqutopboxmsg {
    font-size: 24px;
}

#aqutoplogo {
    width: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#aqutop .active-slide p {
    opacity: 1;
}

/* ---------------------
*     aqubox_01
* -------------------- */
.aquimg {
    width: 240px;
}

#aqubox_01 {
    padding-top: 0;
    padding-bottom: 50px;
}

#richmsgbox {
    margin-top: 25px;
    margin-bottom: 25px;
}

#richmsg {
    margin: 0 auto 15px auto;
    font-size: 26px;
    font-weight: bold;
}

#aqubox_01 p {
    line-height: 1.8em;
}

/* ---------------------
*     aqubox_02
* -------------------- */
#aqubox_02 {
    padding-top: 0;
    padding-bottom: 0;
    background: #F9F9F9;
}

#aqubox_02 .col-xs-12 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#aqubox_02 .col-xs-12:nth-child(-n+2) {
    border-bottom: 1px solid #b7b7b7;
}

.meritbox {
    padding-top: 0;
    padding-bottom: 0;
}

.meriticon {
    width: 60px;
    margin-bottom: 0;
}

#meriticon_02 {
    margin-top: 10px;
}

#aqumerit_01 {
    width: 88px;
}

#aqumerit_02 {
    width: 204px;
}

#aqumerit_03 {
    width: 56px;
    margin-right: 10px;
}

/* ---------------------
*     aqubox_03
* -------------------- */
#aqubox_03 {
    padding-top: 70px;
    padding-bottom: 100px;
}

#aqubox_03 .selectplantop {
    margin-bottom: 85px;
}

#selectplanimg {
    width: 105px;
    margin-bottom: 50px;
}

.selectplanname {
    font-size: 25px;
    margin-bottom: 25px;
}

.selectplanbox {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
}

#aqubox_03 .selectplanbox:first-of-type {
    border-bottom: 1px solid #b7b7b7;
}

.circle {
    width: 100px;
    height: 100px;
    text-align: center;
    color: #FFFFFF;
    background: url(../img/aqu/circle.png);
    background-size: 100px 100px;
    font-size: 12px;
}

.selectplanbox .circle {
    padding-top: 35px;
    position: absolute;
    top: 25px;
    right: -15px;
}

.selectplanbox .circle p {
    padding-bottom: 5px;
}

.selectplanbox ul {
    list-style-type: circle;
    padding-left: 20px;
}

.selectplanbox ul li {
    line-height: 2em;
}

.selectplanbtn {
    width: 230px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

/* ---------------------
*     aqubox_04
* -------------------- */
#aqubox_04 {
    padding-top: 30px;
}

#colorvariationmsg {
    font-size: 23px;
}

#colorvariationimg {
    width: 100%;
}

/* ---------------------
*     aqubox_05
* -------------------- */
#aqubox_05 {
    padding-top: 0;
    padding-bottom: 0;
}

#kitchen {
    height: 200px;
    background: url(../img/aqu/sp_kitchenimgbg.jpg) no-repeat center top;
    background-size: cover;
}

#office {
    height: 200px;
    background: url(../img/aqu/sp_officeimgbg.jpg) no-repeat center top;
    background-size: cover;
}

#living {
    height: 200px;
    background: url(../img/aqu/sp_livingimgbg.jpg) no-repeat center top;
    background-size: cover;
}

.placename_left {
    position: absolute;
    top: 20px;
    left: 20px;
}

.placename_right {
    position: absolute;
    top: 20px;
    right: 0;
}

.placename {
    width: 170px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

.placename span {
    font-size: 2.6rem;
    letter-spacing: 2px;
}

/* ---------------------
*     aqubox_06
* -------------------- */
#aqubox_06 {
    padding-top: 0;
    padding-bottom: 0;
}

#explanation_01 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#explanation_01box {
    padding-top: 30px;
}

#explanation_01msg {
    margin-bottom: 30px;
    font-size: 23px;
    position: relative;
}

#explanation_01 .circle {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 30px;
}

#explanation_01 p {
    line-height: 1.8em;
}

#shikumi {
    margin-top: 50px;
}

#shikumiimg {
    width: 100%;
}

/* ---------------------
*     aqubox_07
* -------------------- */
#aqubox_07 {
    padding-top: 0;
    padding-bottom: 0;
}

#h2wavesystembox {
    padding-top: 30px;
    padding-bottom: 30px;
}

#h2wavesystemmsg {
    margin-bottom: 30px;
    font-size: 26px;
    position: relative;
}

#h2wavesystembox .circle {
    margin-bottom: 20px;
    padding-top: 45px;
}

#h2wavesystemname {
    width: 204px;
    display: block;
}

#h2wavesystem p {
    line-height: 1.8em;
}

/* ---------------------
*     aqubox_08
* -------------------- */
#onestopmanagement {
    position: relative;
}

#onestopmanagementbox {
    color: #000000;
}

#onestopmanagementmsg {
    margin-bottom: 20px;
    font-size: 26px;
}

#onestopmanagementbox p {
    line-height: 1.8em;
}

/* ---------------------
*     aqubox_09
* -------------------- */
#aqubox_09 {
    padding-top: 40px;
    padding-bottom: 0;
}

#simpledesignmsg {
    margin: 55px auto 15px auto;
    font-size: 26px;
    text-align: left;
}

#simpledesign {
    margin-top: 30px;
}

#aqubox_09 p {
    line-height: 1.8em;
    text-align: left;
}

/* ---------------------
*     aqubox_10
* -------------------- */
#aqubox_10 {
    padding-top: 20px;
    padding-bottom: 0;
}

.featurebox {
    padding-top: 30px;
}

.featureboxright {
    margin-top: 20px;
}

.featureboxleft {
    margin-top: 20px;
}

.featurebox p {
    line-height: 1.8em;
}

/* ---------------------
*     aqubox_11
* -------------------- */
#aqubox_11 {
    padding-top: 0;
    padding-bottom: 40px;
}

#tsukaikatamsg {
    margin: 0 auto 15px auto;
    font-size: 2.6rem;
}

#tsukaikata p {
    line-height: 1.8em;
}

#howtouseslider {
    margin-top: 30px;
}

/* ---------------------
*     aqubox_12
* -------------------- */
#aqubox_12 {
    padding-top: 0;
    padding-bottom: 0;
}

#compare {
    padding-top: 40px;
    padding-bottom: 60px;
    background: url(../img/aqu/compareimgbg.jpg) repeat-x center top;
    background-size: cover;
}

#comparemsg {
    margin: 0 0 30px 0;
    font-size: 26px;
    color: #FFFFFF;
}

#comparemsg span {
    font-size: 12px;
}

#compare p {
    margin-left: 0;
    margin-bottom: 50px;
    line-height: 1.8em;
    color: #FFFFFF;
}

.table-responsive {
    border: none;
}

#comparetable {
    width: 100%;
    border: none;
}

#comparetable th {
    width: 160px;
    padding: 15px 0;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    border: 3px solid #262626;
}

#comparetable td {
    width: 160px;
    padding: 8px 0;
    text-align: center;
    color: #FFFFFF;
    border: 3px solid #262626;
}

#comparetable .white {
    color: #202020;
    background: #FFFFFF;
}

#comparetable .blue {
    background: #00ADFB;
}

#comparetable .glay {
    background: #727172;
}

#comparetable td span {
    font-size: 11px;
}

#compareimg {
    width: 130px;
    margin-left: 75px;
}

/* ---------------------
*     aqubox_13
* -------------------- */
#aqubox_13 {
    padding-top: 0;
    padding-bottom: 0;
}

#cartridgefilter {
    padding-top: 40px;
    padding-bottom: 40px;
}

#cartridgefilterbox {
    margin-top: 30px;
    position: relative;
}

#cartridgefiltermsg {
    margin-bottom: 30px;
    font-size: 26px;
}

#exchangebox {
    margin-top: 30px;
}

#exchangebox span {
    margin-bottom: 10px;
    display: block;
}

#exchangebox img {
    margin: 0 5px 0 0;
}

#cartridgefilter p {
    line-height: 1.8em;
}

#nsf {
    width: 60px;
    position: absolute;
    bottom: 25px;
    right: 0;
}

/* ---------------------
*     aqubox_14
* -------------------- */
#aqubox_14 {
    padding-top: 0;
    padding-bottom: 0;
}

#usersvoice {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #EEFAFF;
}

#usersvoicemsg {
    margin-bottom: 30px;
    font-size: 26px;
}

#usersvoice .thumbnail {
    background: transparent;
    border: none;
}

#usersvoice .thumbnail h3 {
    font-size: 20px;
}

#usersvoice p {
    line-height: 1.8em;
}

/* ---------------------
*     aqubox_15
* -------------------- */
#aqubox_15 {
    padding-top: 0;
    padding-bottom: 0;
}

#threestep {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #EEEEEE;
}

#aqubox_15 .col-sm-4:nth-child(-n+2) {
    border-bottom: 1px solid #b7b7b7;
}

#threestepmsg {
    margin-bottom: 50px;
    font-size: 26px;
}

#threestepmsg span {
    color: #FA1743;
}

.threestepbox {
    width: 280px;
    margin: 20px auto 0 auto;
    padding-top: 60px;
    padding-bottom: 20px;
    position: relative;
}

.threestepbox .circle {
    width: 60px;
    height: 60px;
    margin: 0 0 0 -30px;
    padding-top: 7px;
    line-height: 1.6em;
    background-size: 60px;
    position: absolute;
    top: 0;
    left: 50%;
}

.threestepbox .circle span {
    font-size: 2.6rem;
}

.threesteptitle {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 27px;
    position: relative;
}

#step_01 {
    width: 110px;
    height: 64px;
    position: absolute;
    top: -15px;
    left: 135px;
}

#step_02 {
    width: 72px;
    height: 72px;
    position: absolute;
    top: -20px;
    left: 160px;
}

#step_03 {
    width: 80px;
    height: 55px;
    position: absolute;
    top: -10px;
    left: 210px;
}

#threestep p {
    line-height: 1.8em;
}

#threestep p span {
    font-size: 12px;
}

/* ---------------------
*     aqubox_16
* -------------------- */
#aqubox_16 {
    padding-top: 0;
    padding-bottom: 0;
}

#spec {
    padding-top: 30px;
    padding-bottom: 30px;
}

#specmsg {
    margin-bottom: 30px;
    font-size: 2.6rem;
}

#spec p {
    line-height: 1.8em;
}

/* ---------------------
*     aqubox_17
* -------------------- */
#aqubox_17 {
    padding-top: 0;
    padding-bottom: 0;
}

#faq {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #EEEEEE;
}

#faqmsg {
    margin-bottom: 30px;
    font-size: 26px;
}

#faq ul {
    list-style-type: none;
    padding-left: 0;
}

#faq ul li.question {
    margin-bottom: 5px;
    padding-left: 45px;
    line-height: 2.3em;
    background: url(../img/aqu/questionicon.png) no-repeat;
    background-size: 30px 30px;
}

#faq ul li.answer {
    padding-left: 45px;
    line-height: 2.3em;
    background: url(../img/aqu/answericon.png) no-repeat;
    background-size: 30px 30px;
}

/* -------------------------------------
*     singlepage mercury
* ------------------------------------- */
/* ---------------------
*     mercurybox_00
* -------------------- */
#mercurytop {
    position: relative;
}

.mercurytopsliderbox {
    position: absolute;
    top: 20%;
    z-index: 8000;
    width: 100%;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

.mercurycampaignimgbox {}

#mercurytopsliderlogo {
    margin-right: 10px;
    float: left;
}

.mercurytopslidermsg {
    color: #FFFFFF;
    font-size: 19px;
    letter-spacing: 2px;
    text-align: left;
    margin-bottom: 20px;
}

.img_add {
    text-align: center;
}

.mercurytopslidername {
    width: 90%;
    margin-top: 15px;
    color: #FFFFFF;
    line-height: 1.8em;
    font-size: 13px;
    float: left;
    white-space: pre;
    text-align: center;
}

.mercurytopslidername br {
    display: none;
}

#mercurytopbox {
    margin: 10px auto 35px auto;
    padding: 0;
    color: #000000;
    font-size: 16px;
    text-align: center;
}

#mercurytopboxmsg {
    font-size: 24px;
}

#mercurytoplogo {
    width: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#mercurytop .active-slide p {
    opacity: 1;
}

/* ---------------------
*     mercurybox_01
* -------------------- */
.mercuryimg {
    width: 240px;
}

#mercurybox_01 {
    padding-top: 0;
    padding-bottom: 50px;
}

#richmsgbox {
    margin-top: 25px;
    margin-bottom: 25px;
}

#richmsg {
    margin: 0 auto 15px auto;
    font-size: 26px;
    font-weight: bold;
}

#mercurybox_01 p {
    line-height: 1.8em;
}

/* ---------------------
*     mercurybox_02
* -------------------- */
#mercurybox_02 {
    padding-top: 0;
    padding-bottom: 0;
    background: #F9F9F9;
}

#mercurybox_02 hr {
    display: none;
}

#mercurybox_02 .col-xs-12 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#mercurybox_02 .col-xs-12 {
    border-bottom: 1px solid #b7b7b7;
}

#mercurymerit_01 {
    width: 88px;
}

#mercurymerit_02 {
    width: 204px;
}

#mercurymerit_03 {
    width: 56px;
    margin-right: 10px;
}

#meritblock_bottom p {
    margin-top: 20px;
}

/* ---------------------
*     mercurybox_03
* -------------------- */
#mercurybox_03 {
    padding-top: 70px;
    padding-bottom: 100px;
}

#mercurybox_03 .selectplantop {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#mercurybox_03 .selectplantop>div {
    width: 35%;
}

#mercurybox_03 .selectplantop>div:first-child {
    width: 30%;
}

#mercurybox_03 #selectplanimg {
    width: 105px;
    margin-bottom: 50px;
}

#mercurybox_03 .selectplanname {
    font-size: 25px;
    margin-bottom: 25px;
}

#mercurybox_03 .selectplanbox {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
}

#mercurybox_03 .selectplanbox:first-of-type {
    border-bottom: 1px solid #b7b7b7;
}

#mercurybox_03 .circle {
    width: 100px;
    height: 100px;
    text-align: center;
    color: #FFFFFF;
    background: url(../img/mercury/circle.png);
    background-size: 100px 100px;
    font-size: 12px;
}

#mercurybox_03 .selectplanbox .circle {
    padding-top: 35px;
    position: absolute;
    top: 25px;
    right: -15px;
}

.selectplanbox .circle p {
    padding-bottom: 5px;
}

.selectplanbox ul {
    list-style-type: circle;
    padding-left: 20px;
}

.selectplanbox ul li {
    line-height: 2em;
}

.selectplanbtn {
    width: 230px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

/* ---------------------
*     mercurybox_04
* -------------------- */
#mercurybox_04 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#monotonemsg {
    font-size: 23px;
    margin-bottom: 50px;
    padding-top: 50px;
}

p.lead {
    font-size: 1.5rem;
    line-height: 1.8;
    margin-top: 25px;
}

#monotoneimg {
    width: 90px;
}

#mercurybox_04-01 .charm {
    margin: 100px 0 50px 0;
}

/* ---------------------
*     mercurybox_05
* -------------------- */
#mercurybox_05 {
    padding-top: 0;
    padding-bottom: 0;
}

#mercurybox_05 #dining {
    height: 200px;
    background: url(../img/mercury/sp_diningimgbg.jpg) no-repeat center top;
    background-size: cover;
}

#mercurybox_05 #ownroom {
    height: 200px;
    background: url(../img/mercury/sp_ownroomimgbg.jpg) no-repeat center top;
    background-size: cover;
}

#mercurybox_05 #office {
    height: 200px;
    background: url(../img/mercury/sp_officeimgbg.jpg) no-repeat center top;
    background-size: cover;
}

#mercurybox_05 .placename_left {
    position: absolute;
    top: 20px;
    left: 20px;
}

#mercurybox_05 .placename_right {
    position: absolute;
    top: 20px;
    right: 0;
}

#mercurybox_05 .placename {
    width: 170px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

#mercurybox_05 .placename_left .placename {
    width: 195px;
}

#mercurybox_05 .placename span {
    font-size: 2.6rem;
    letter-spacing: 2px;
}

/* ---------------------
*     mercurybox_06
* -------------------- */
#mercurybox_06 {
    padding-top: 0;
    padding-bottom: 0;
}

#mercurybox_06 #h2wavesystembox {
    padding-top: 30px;
    padding-bottom: 30px;
}

#mercurybox_06 #h2wavesystemmsg {
    margin-bottom: 30px;
    font-size: 26px;
    position: relative;
}

#mercurybox_06 #h2wavesystembox .circle {
    margin-bottom: 20px;
    padding-top: 45px;
}

#mercurybox_06 #h2wavesystemname {
    width: 204px;
    display: block;
}

#mercurybox_06 #h2wavesystem p {
    line-height: 1.8em;
}

/* ---------------------
*     mercurybox_07
* -------------------- */
#mercurybox_07 {
    padding-top: 0;
    padding-bottom: 0;
}

#mercurybox_07 #compare {
    padding-top: 40px;
    padding-bottom: 30px;
    background: url(../img/mercury/compareimgbg.jpg) repeat-x center top;
    background-size: cover;
}

#mercurybox_07 #comparemsg {
    margin: 0 0 30px 0;
    font-size: 26px;
    color: #FFFFFF;
}

#mercurybox_07 #comparemsg span {
    font-size: 12px;
}

#mercurybox_07 #compare p {
    margin-left: 0;
    margin-bottom: 50px;
    line-height: 1.8em;
    color: #FFFFFF;
}

#mercurybox_07 .table-responsive {
    border: none;
}

#mercurybox_07 #comparetable {
    width: 100%;
    border: none;
}

#mercurybox_07 #comparetable th {
    width: 160px;
    padding: 15px 0;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    vertical-align: middle;
    border: 3px solid #262626;
}

#mercurybox_07 #comparetable td {
    width: 160px;
    padding: 8px 10px;
    text-align: center;
    color: #FFFFFF;
    vertical-align: middle;
    border: 3px solid #262626;
}

#mercurybox_07 #comparetable .white {
    color: #202020;
    background: #FFFFFF;
}

#mercurybox_07 #comparetable .blue {
    background: #00ADFB;
}

#mercurybox_07 #comparetable .glay {
    background: #727172;
}

/* ---------------------
*     mercurybox_08
* -------------------- */
#mercurybox_08 {
    padding-top: 20px;
    padding-bottom: 0;
}

#mercurybox_08 .featurebox {
    padding-top: 30px;
}

#mercurybox_08 .featureboxright {
    margin-top: 20px;
}

#mercurybox_08 .featureboxleft {
    margin-top: 20px;
}

#mercurybox_08 .featurebox p {
    line-height: 1.8em;
}

/* ---------------------
*     mercurybox_09
* -------------------- */
#mercurybox_09 {
    padding-top: 0;
    padding-bottom: 40px;
}

#mercurybox_09 #tsukaikatamsg {
    margin: 0 auto 15px auto;
    font-size: 2.6rem;
}

#mercurybox_09 #tsukaikata p {
    line-height: 1.8em;
}

#mercurybox_09 #howtouseslider {
    margin-top: 30px;
}

/* ---------------------
*     mercurybox_10
* -------------------- */
#mercurybox_10 {
    padding-top: 0;
    padding-bottom: 0;
}

#mercurybox_10 #cartridgefilter {
    padding-top: 40px;
    padding-bottom: 40px;
}

#mercurybox_10 #cartridgefilterbox {
    margin-top: 30px;
    position: relative;
}

#mercurybox_10 #cartridgefiltermsg {
    margin-bottom: 30px;
    font-size: 26px;
}

#mercurybox_10 #exchangebox {
    margin-top: 30px;
}

#mercurybox_10 #exchangebox span {
    margin-bottom: 10px;
    display: block;
}

#mercurybox_10 #exchangebox img {
    margin: 0 5px 0 0;
}

#mercurybox_10 #cartridgefilter p {
    line-height: 1.8em;
}

#mercurybox_10 #nsf {
    width: 60px;
    position: absolute;
    bottom: 25px;
    right: 0;
}

/* ---------------------
*     mercurybox_11
* -------------------- */
#mercurybox_11 {
    padding-top: 0;
    padding-bottom: 0;
}

#mercurybox_11 #usersvoice {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #EEFAFF;
}

#mercurybox_11 #usersvoicemsg {
    margin-bottom: 30px;
    font-size: 26px;
}

#mercurybox_11 #usersvoice .thumbnail {
    background: transparent;
    border: none;
}

#mercurybox_11 #usersvoice .thumbnail h3 {
    font-size: 20px;
}

#mercurybox_11 #usersvoice p {
    line-height: 1.8em;
}

/* ---------------------
*     mercurybox_12
* -------------------- */
#mercurybox_12 {
    padding-top: 0;
    padding-bottom: 0;
}

#mercurybox_12 #fourstep {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #EEEEEE;
}

#mercurybox_12 #fourstep_upper .col-sm-4 {
    border-bottom: 1px solid #b7b7b7;
}

#mercurybox_12 #fourstep_lower .col-sm-6 {
    border-bottom: 1px solid #b7b7b7;
}

#mercurybox_12 #fourstepmsg {
    margin-bottom: 50px;
    font-size: 26px;
}

#mercurybox_12 #fourstepmsg span {
    color: #FA1743;
}

#mercurybox_12 .fourstepbox {
    margin: 20px auto 0 auto;
    padding-top: 60px;
    padding-bottom: 20px;
    position: relative;
}

#mercurybox_12 #fourstep_upper .col-sm-4 .fourstepboxbody {
    width: 335px;
    margin: 0 auto;
    padding: 10px 20px;
}

#mercurybox_12 #fourstep_lower .col-sm-6 .fourstepboxbody {
    width: 335px;
    margin: 0 auto;
    padding: 10px 20px;
}

#mercurybox_12 .fourstepbox .circle {
    width: 60px;
    height: 60px;
    margin: 0 0 0 -30px;
    padding-top: 7px;
    line-height: 1.6em;
    background-size: 60px;
    position: absolute;
    top: 0;
    left: 50%;
}

#mercurybox_12 .fourstepbox .circle.gosoudan {
    padding-top: 20px;
}

#mercurybox_12 .fourstepbox .circle span {
    font-size: 2.6rem;
}

#mercurybox_12 .foursteptitle {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 27px;
    position: relative;
}

#mercurybox_12 #step_01 {
    width: 110px;
    height: 64px;
    position: absolute;
    top: -15px;
    left: 135px;
}

#mercurybox_12 #step_02 {
    width: 72px;
    height: 72px;
    position: absolute;
    top: -20px;
    left: 160px;
}

#mercurybox_12 #step_03 {
    width: 55px;
    height: 55px;
    position: absolute;
    top: -10px;
    left: 245px;
}

#mercurybox_12 #step_04 {
    width: 100px;
    height: 58px;
    position: absolute;
    top: -10px;
    left: 210px;
}

#mercurybox_12 #step_00 {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 225px;
}

#mercurybox_12 #fourstep p {
    line-height: 1.8em;
}

#mercurybox_12 #fourstep p span {
    font-size: 12px;
}

/* ---------------------
*     mercurybox_13
* -------------------- */
#mercurybox_13 {
    padding-top: 0;
    padding-bottom: 0;
}

#mercurybox_13 #spec {
    padding-top: 30px;
    padding-bottom: 30px;
}

#mercurybox_13 #specmsg {
    margin-bottom: 30px;
    font-size: 2.6rem;
}

#mercurybox_13 #spec p {
    line-height: 1.8em;
}

/* ---------------------
*     mercurybox_14
* -------------------- */
#mercurybox_14 {
    padding-top: 0;
    padding-bottom: 0;
}

#mercurybox_14 #faq {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #EEEEEE;
}

#mercurybox_14 #faqmsg {
    margin-bottom: 30px;
    font-size: 26px;
}

#mercurybox_14 #faq ul {
    list-style-type: none;
    padding-left: 0;
}

#mercurybox_14 #faq ul li.question {
    margin-bottom: 5px;
    padding-left: 45px;
    line-height: 2.3em;
    background: url(../img/mercury/questionicon.png) no-repeat;
    background-size: 30px 30px;
}

#mercurybox_14 #faq ul li.answer {
    padding-left: 45px;
    line-height: 2.3em;
    background: url(../img/mercury/answericon.png) no-repeat;
    background-size: 30px 30px;
}

/* -------------------------------------
*     singlepage crest
* ------------------------------------- */
.point4 {
    position: relative;
    background-image: url(../img/crest/crest_4point_top.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 80px 0 40px 0;
}

.point4 p {
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    color: #fff;
    padding: 60px 0;
}

dl.dl-point4 {}

dl.dl-point4 dt {
    font-size: 2.4rem;
    letter-spacing: 0.1rem;
    font-weight: normal;
    padding-top: 70px;
    text-align: center;
}

dl.dl-point4 dd:nth-last-of-type(2n+1)::after {
    display: block;
    content: "";
    width: 35%;
    margin: 70px auto 70px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

dl.dl-point4 dd {
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    font-weight: normal;
    padding-top: 30px;
    text-align: center;
    line-height: 1.8;
}

dl.dl-point4 dt:nth-of-type(1) {
    background-image: url(../img/crest/num_01.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 18%;
}

dl.dl-point4 dt:nth-of-type(2) {
    background-image: url(../img/crest/num_02.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 18%;
}

dl.dl-point4 dt:nth-of-type(3) {
    background-image: url(../img/crest/num_03.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 18%;
}

dl.dl-point4 dt:nth-of-type(4) {
    background-image: url(../img/crest/num_04.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 18%;
}

dl.dl-point4 dd:last-of-type {
    padding-top: 100px;
}

dd.size-s {
    font-size: 1.3rem !important;
    line-height: 1.4 !important;
}

dd.size-s img {
    max-width: 150px;
}

dd.size-s p {
    padding: 20px 0 5px 0;
}

dd.size-s span {
    font-size: 1.3rem !important;
}

div.crest-contact {}

div.crest-contact div:nth-of-type(1) {
    display: none;
}

div.crest-contact div:nth-of-type(1) img {}

div.crest-contact div:nth-of-type(2) {
    text-align: center;
}

div.crest-contact div:nth-of-type(2) img {}

div.crest-contact p {
    font-size: 1.4rem;
    padding-top: 30px;
}

div.crest-contact p span {
    display: block;
    font-size: 2.2rem;
}

.dl-point4 dd:last-child img {
    max-width: 340px;
}

/* ---------------------
*     crestbox_00
* -------------------- */
#cresttop {
    position: relative;
}

.cresttopsliderbox {
    /*width: 300px;*/
    /*height: 120px;*/
    padding-left: 0;
    position: absolute;
    top: 23%;
    /*left: 50%;*/
    /*margin: -80px 0 0 -150px;*/
    z-index: 8000;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px 20px;
}

#cresttopsliderlogo {
    width: 220px;
    margin-right: 10px;
    float: left;
}

.cresttopslidermsg {
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 1px;
}

.cresttopslidername {
    width: 300px;
    margin-top: 15px;
    color: #FFFFFF;
    line-height: 1.8em;
    font-size: 15px;
    float: left;
    white-space: pre;
}

.cresttopslidername br {
    display: none;
}

#cresttopbox {
    margin: 10px auto 35px auto;
    padding: 0;
    color: #000000;
    font-size: 16px;
    text-align: center;
}

#cresttopboxmsg {
    font-size: 24px;
}

#cresttoplogo {
    width: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#cresttop .active-slide p {
    opacity: 1;
}

/* ---------------------
*     crestbox_01
* -------------------- */
.crestimg {
    width: 240px;
}

#crestbox_01 {
    padding-top: 0;
    padding-bottom: 50px;
}

#richmsgbox {
    margin-top: 25px;
    margin-bottom: 25px;
}

#richmsg {
    margin: 0 auto 15px auto;
    font-size: 26px;
    font-weight: bold;
}

#crestbox_01 p {
    line-height: 1.8em;
}

/* ---------------------
*     crestbox_02
* -------------------- */
#crestbox_02 {
    padding-top: 0;
    padding-bottom: 0;
    background: #F9F9F9;
}

#crestbox_02 hr {
    display: none;
}

#crestbox_02 .col-xs-12 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#crestbox_02 .col-xs-12 {
    border-bottom: 1px solid #b7b7b7;
}

#crestmerit_01 {
    width: 88px;
}

#crestmerit_02 {
    width: 204px;
}

#crestmerit_03 {
    width: 56px;
    margin-right: 10px;
}

#meritblock_bottom p {
    margin-top: 20px;
}

/* ---------------------
*     crestbox_03
* -------------------- */
#crestbox_03 {
    padding-top: 20px;
    padding-bottom: 0;
}

.featureboxright,
.featureboxleft {
    position: relative;
}

#crestbox_03 #explanation_01msg {
    font-size: 21px;
}

.featureboxright .circle {
    position: absolute;
    top: -10px;
    right: 0;
    padding-top: 32px;
    line-height: 1.6em;
}

.featureboxright .circle span {
    font-size: 22px;
}

.featureboxleft .circle {
    position: absolute;
    top: -10px;
    right: 0;
    padding-top: 32px;
    line-height: 1.6em;
}

/* ---------------------
*     crestbox_04
* -------------------- */
#crestbox_04 {
    padding-top: 0;
    padding-bottom: 0;
}

#crestbox_04 #spec {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #EEEEEE;
}

/* ---------------------
*     crestbox_05
* -------------------- */
#crestbox_05 {
    margin-top: 50px;
    margin-bottom: 50px;
}

#crestbox_05 .selectplanbox p {
    font-size: 16px;
}

#phonenumber {
    width: 100%;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
}

#contactbtn {
    width: 100%;
}

/* -------------------------------------
*     singlepage filter
* ------------------------------------- */
/* ---------------------
*     filterbox_00
* -------------------- */
#filtertop {
    position: relative;
}

.filtertopsliderbox {
    width: 250px;
    height: 120px;
    position: absolute;
    top: 23%;
    left: 0;
    right: 0;
    margin: -80px auto 0 auto;
    z-index: 8000;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

#filtertopsliderlogo {
    width: 220px;
    margin-right: 10px;
    float: left;
}

.filtertopslidermsg {
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 1px;
}

.filtertopslidername {
    width: 250px;
    margin-top: 15px;
    color: #FFFFFF;
    line-height: 1.8em;
    font-size: 15px;
    float: left;
    white-space: pre;
}

.filtertopslidername br {
    display: none;
}

#filtertopbox {
    margin: 10px auto 35px auto;
    padding: 0;
    color: #000000;
    font-size: 16px;
    text-align: center;
}

#filtertopboxmsg {
    font-size: 24px;
}

#filtertoplogo {
    width: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#filtertop .active-slide p {
    opacity: 1;
}

/* ---------------------
*     filterbox_01
* -------------------- */
#filterbox_01 {
    padding-top: 40px;
    padding-bottom: 10px;
}

#filterbox_01 .container {
    margin-bottom: 80px;
}

#filterbox_01 #nsf01 {
    width: 70px;
    position: absolute;
    top: 180px;
    right: 0;
}

#filterbox_01 #nsf02 {
    width: 70px;
    position: absolute;
    top: 200px;
    right: 0;
}

.cartridgefilterbtnbox {
    margin-top: 40px;
}

.cartridgefilterbtntitle {
    margin-bottom: 20px;
    font-size: 25px;
}

#filterbox_01 .selectplanbtn {
    width: 280px;
}

/* -------------------------------------
*     singlepage hakusui
* ------------------------------------- */
.youtube-area {
    padding: 80px 0;
    width: 100%;
}

.youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ---------------------
*     hakusuitop
* -------------------- */
#hakusuitop {
    position: relative;
}

#hakusuitop .hakusuitopsliderbox {
    width: 300px;
    height: 120px;
    position: absolute;
    top: 45%;
    left: 50%;
    margin: -80px 0 0 -150px;
    z-index: 8000;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

.hakusuicampaignimgbox {
    position: absolute;
    top: -120%;
    left: 50%;
    margin: 0 0 0 -70px;
    z-index: 8000;
}

#hakusuitop #hakusuitopsliderlogo {
    width: 300px;
}

#hakusuitop .hakusuitopslidermsg {
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 17px;
    letter-spacing: 1px;
}

#hakusuitop .hakusuitopslidername {
    width: 300px;
    margin-top: 15px;
    color: #FFFFFF;
    line-height: 1.8em;
    font-size: 15px;
}

#hakusuitop #hakusuitopbox {
    margin: 10px auto 35px auto;
    padding: 0;
    color: #000000;
    font-size: 16px;
    text-align: center;
}

#hakusuitop #hakusuitopboxmsg {
    font-size: 24px;
}

#hakusuitop #hakusuitoplogo {
    width: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#hakusuitop .active-slide p {
    opacity: 1;
}

/* ---------------------
*     hakusuibox_01
* -------------------- */
.hakusuiimg {
    width: 240px;
}

#hakusuibox_01 {
    padding-top: 0;
    padding-bottom: 50px;
}

#hakusuibox_01 img {
    margin: 20px auto;
}

/* ---------------------
*     hakusuibox_02
* -------------------- */
#hakusuibox_02 {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    background: #F9F9F9;
}

#hakusuibox_02 .col-xs-12 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#hakusuibox_02 .col-xs-12:nth-child(-n+2) {
    border-bottom: 1px solid #b7b7b7;
}

#hakusuibox_02 .meritbox {
    padding-top: 0;
    padding-bottom: 0;
}

#hakusuibox_02 .meriticon {
    width: 60px;
    margin-bottom: 0;
}

#hakusuibox_02 #meriticon_02 {
    margin-top: 10px;
}

#hakusuibox_02 #hakusuimerit_01 {
    width: 70px;
}

#hakusuibox_02 #hakusuimerit_02 {
    width: 140px;
}

#hakusuibox_02 #hakusuimerit_03 {
    line-height: 4em;
}

/* ---------------------
*     hakusuibox_03
* -------------------- */
#hakusuibox_03 {
    padding-top: 0;
    padding-bottom: 0;
}

#hakusuibox_03 #explanation_01 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#hakusuibox_03 #explanation_01box {
    padding-top: 30px;
}

#hakusuibox_03 #explanationtitle {
    width: 430px;
}

#hakusuibox_03 #explanation_01msg {
    margin-bottom: 30px;
    text-align: center;
}

#hakusuibox_03 #explanation_01msg img {
    width: 100%;
}

#hakusuibox_03 #explanation_01 p {
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8em;
}

#hakusuibox_03 #shikumi {
    margin-top: 50px;
}

#hakusuibox_03 #shikumiimg {
    width: 100%;
}

/* ---------------------
*     hakusuibox_04
* -------------------- */
#hakusuibox_04 {
    padding-top: 0;
    padding-bottom: 0;
}

#hakusuibox_04 #h2wavesystembox {
    padding-top: 30px;
    padding-bottom: 30px;
}

#hakusuibox_04 #h2wavesystemmsg {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 26px;
}

#hakusuibox_04 #h2wavesystembox .circle {
    margin-bottom: 20px;
    padding-top: 45px;
}

#hakusuibox_04 #h2wavesystemname {
    width: 204px;
    display: block;
}

#hakusuibox_04 #h2wavesystem p {
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8em;
}

/* ---------------------
*     hakusuibox_05
* -------------------- */
#hakusuibox_05 {
    padding-top: 20px;
    padding-bottom: 30px;
}

#hakusuibox_05 #campaignbnr {
    margin-bottom: 50px;
}

#hakusuibox_05 .selectplantop {
    margin-bottom: 85px;
}

#hakusuibox_05 #selectplanimg {
    width: 180px;
    margin-top: 50px;
    margin-bottom: 50px;
}

#hakusuibox_05 .selectplanname {
    font-size: 25px;
    margin-bottom: 25px;
}

#hakusuibox_05 .selectplanbox {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
}

#hakusuibox_05 .selectplanbox:first-of-type {
    border-bottom: 1px solid #b7b7b7;
}

#hakusui .circle {
    width: 100px;
    height: 100px;
    text-align: center;
    color: #FFFFFF;
    background: url(../img/hakusui/circle.png);
    background-size: 100px 100px;
    font-size: 12px;
}

#hakusuibox_05 .selectplanbox .circle {
    padding-top: 35px;
    position: absolute;
    top: -10px;
    right: -15px;
}

#hakusuibox_05 .selectplanbox .circle p {
    padding-bottom: 5px;
}

#hakusuibox_05 .selectplanbox ul {
    list-style-type: circle;
    padding-left: 20px;
}

#hakusuibox_05 .selectplanbox ul li {
    line-height: 2em;
}

#hakusuibox_05 .selectplanbtn {
    width: 230px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

/* ---------------------
*     hakusuibox_06
* -------------------- */
#hakusuibox_06 {
    padding-top: 0;
    padding-bottom: 0;
}

#explanation_01 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#explanation_01box {
    padding-top: 30px;
}

#explanation_01msg {
    margin-bottom: 30px;
    font-size: 26px;
    position: relative;
}

#explanation_01 .circle {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 30px;
}

#explanation_01 p {
    line-height: 1.8em;
}

#shikumi {
    margin-top: 50px;
}

#shikumiimg {
    width: 100%;
}

/* ---------------------
*     hakusuibox_07
* -------------------- */
#hakusuibox_07 {
    padding-top: 20px;
    padding-bottom: 0;
}

.featureboxright {
    margin-top: 20px;
}

.featureboxleft {
    margin-top: 20px;
}

.featurebox p {
    line-height: 1.8em;
}

/* ---------------------
*     hakusuibox_08
* -------------------- */
#hakusuibox_08 {
    padding-top: 0;
    padding-bottom: 0;
}

#howtouse {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #EEEEEE;
}

#howtousemsg {
    margin-bottom: 30px;
    font-size: 26px;
}

.howtousestep {
    padding: 10px 0;
    font-size: 22px;
}

.howtousepoint {
    margin-top: 10px;
    padding-top: 10px 0;
    font-size: 20px;
}

#hakusui .howtousepoint .circle {
    width: 60px;
    height: 60px;
    margin: 30px auto;
    padding-top: 10px;
    background-size: 60px 60px;
    line-height: 1.9em;
    font-size: 12px;
}

#hakusui .howtousepoint .circle span {
    font-size: 26px;
}

#howtousecaution {
    margin-top: 70px;
}

/* ---------------------
*     hakusuibox_09
* -------------------- */
#hakusuibox_09 {
    padding-top: 0;
    padding-bottom: 0;
}

#component {
    height: 300px;
    padding-top: 100px;
}

.index-slide-area {
    position: relative;
}

.index-slide-area p {
    z-index: 850;
    position: absolute;
    text-align: center;
    font-size: 3.0rem;
    line-height: 1.6;
    letter-spacing: 1.0rem;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    transform: translate(-50%, -50%);
}

.index-slide-area-left {
    position: relative;
}

.index-slide-area-left p {
    z-index: 850;
    position: absolute;
    text-align: center;
    font-size: 5.6rem;
    line-height: 1.6;
    letter-spacing: 1.0rem;
    color: #fff;
    top: 50%;
    left: 0;
    margin-right: -50%;
    -webkit-transform: translate(0, -50%);
    /* Safari用 */
    transform: translate(0, -50%);
    background-color: rgba(0, 0, 0, 0.3);
    padding-left: 20px;
}

.bg-gray {
    background-color: #fbfbfb;
    padding: 0 0 60px 0;
}

.bg-white {
    background-color: #fff;
    padding: 0
}

.bg-white-flat {
    background-color: #fff;
    padding: 30px 0;
}

dl.pickup {
    margin-bottom: 60px;
}

dl.minisize {
    max-width: 321px;
}

dl.pickup img {}

dl.pickup dd:nth-child(2) {
    font-size: 1.7rem;
    padding-top: 20px;
}

dl.pickup dd:nth-child(3) {
    font-size: 1.4rem;
    padding-top: 10px;
}

ul#slider-our {}

ul#slider-our p {
    font-size: 2.4rem;
    padding: 17px 35px 0 35px;
}

ul#slider-our a {
    color: #000;
}

ul#slider-our p span {
    display: block;
    font-size: 1.4rem;
    padding-top: 20px;
    line-height: 1.8;
}

.onmouse img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1.0;
}

.onmouse img:hover {
    opacity: 0.6;
}

.pagetop {
    text-align: center;
    padding: 30px 0;
}

.pagetop img {
    width: 100%;
    height: auto;
    max-width: 80px;
}

.check-num {
    background-color: #F7F7F7;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    padding: 3px;
    text-align: center;
    margin: 0 !important;
}

.check-clear {
    background-color: #fa1743;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    padding: 3px;
    text-align: center;
    color: #fff;
    margin: 0 !important;
}

.check-water {
    background-color: #666;
    border-radius: 10px;
    padding: 3px;
    text-align: center;
    color: #fff;
    margin: 0 !important;
}

.check-roka {
    background-color: #01a6f4;
    border-radius: 10px;
    padding: 3px;
    text-align: center;
    color: #fff;
    margin: 0 !important;
}

.selectplantop-photo {
    padding: 0 20px;
    text-align: center;
}

.selectplantop-photo p {
    padding: 10px 0 0 0;
}

.selectplanbox {
    padding: 0 30px !important;
}

.pad-b40 {
    padding-bottom: 40px;
}

.pad-b20 {
    padding-bottom: 20px;
}

li.caption {
    list-style: none;
    font-size: 11px;
    margin-top: 20px;
}

li.caption2 {
    list-style: none;
    font-size: 11px;
}

#mercurybox_08 .featurebox {
    margin-bottom: 0 !important;
}

.sales-point {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.sales-point div {
    width: 48%;
}

.sales-title {
    font-size: 2.6rem;
    margin-bottom: 30px;
    padding-top: 15px;
}

p.sales-txt {
    line-height: 1.8em;
}

div.fix-items {
    display: none;
}

.news-detail {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
}

.news-detail dl {}

.news-detail dt {
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    margin-bottom: 30px;
    font-weight: normal;
}

.news-detail dt span {
    display: block;
    font-size: 1.2rem;
    padding-bottom: 5px;
    color: #6B6B6B;
}

.news-detail dd {
    font-size: 1.5rem;
    line-height: 1.8;
}

.news-detail dd::after {
    display: block;
    content: "";
    width: 35%;
    margin: 100px auto 100px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

.news-detail .line::after {
    display: block;
    content: "";
    width: 35%;
    margin: 100px auto 100px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

div.recipe {}

div.recipe ul {
    list-style: none;
}

div.recipe-box::after {
    display: block;
    content: "";
    width: 35%;
    margin: 100px auto 100px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

div.recipe>div:nth-of-type(1) {}

div.recipe>div:nth-of-type(2) {}

div.recipe>div:nth-of-type(2)>p:nth-of-type(1) {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 20px 0;
    margin: 0;
}

div.recipe>div:nth-of-type(2)>p:nth-of-type(2) {
    font-size: 1.4rem;
    margin-bottom: 20px;
}

div.recipe>div:nth-of-type(2)>div {
    display: flex;
    justify-content: space-between;
}

div.recipe>div:nth-of-type(2) div>div {
    width: 47%;
    padding-top: 20px;
}

div.recipe>div:nth-of-type(2) div>div p:nth-of-type(1) {}

div.base-image {
    position: relative;
}

div.base-image img {
    width: 100%;
    height: auto;
}

div.base-image p {
    z-index: 850;
    position: absolute;
    bottom: 20px;
    left: 10%;
    font-size: 2.4rem;
}

div.base-image p span {
    display: block;
    font-size: 1.4rem;
    padding-top: 20px;
    line-height: 1.8;
}

div.pt-c {
    margin-bottom: 80px;
}

div.pt-c p {
    z-index: 850;
    position: absolute;
    text-align: center;
    font-size: 3.8rem;
    line-height: 1.6;
    letter-spacing: 1.2rem;
    color: #fff;
    top: 50% !important;
    left: 50% !important;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.oem {}

div.flow {
    display: flex;
    width: 90%;
    margin: 0 auto 60px auto;
}

div.flow div:nth-of-type(1) {
    min-width: 51px;
}

div.flow div:nth-of-type(2) {
    padding-left: 40px;
}

div.flow div:nth-of-type(2) {
    font-size: 1.5rem;
    align-self: center;
}

div.flow div:nth-of-type(2) span {
    font-size: 1.5rem;
    display: block;
    padding-top: 10px;
}

div.oem ol {
    list-style: none;
}

div.oem h3 {
    text-align: center;
    padding: 60px 0;
}

.circle-num {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    flex-flow: column wrap;
    vertical-align: top;
    width: 50px;
    height: 50px;
    color: #fff;
    border: 4px solid #ccc;
    background-color: #ccc;
}

/* 文字の大きさ */
.circle-num p {
    font-size: 3.0rem;
    ;
    margin: 0;
}

div.oem ol::after {
    display: block;
    content: "";
    width: 35%;
    margin: 140px auto 80px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

div.aboutus h3 {
    text-align: center;
    padding: 0 0 40px 0;
    font-size: 3.6rem;
    ;
}

div.aboutus h4 {
    text-align: center;
    padding: 0 0 30px 0;
    font-size: 1.5rem;
    ;
    line-height: 1.8;
}

div.aboutus h4::after {
    display: block;
    content: "";
    width: 35%;
    margin: 150px auto 60px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

div.aboutus dl {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: 40px 0 40px 0;
}

h2.maptitle {
    clear: both;
    padding: 150px 0 0 0;
}

h2.maptitle::before {
    display: block;
    content: "";
    width: 35%;
    margin: 0 auto 150px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

h2.bordernone::before {
    content: none;
}

ul.showroom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
}

ul.showroom li:nth-of-type(1) {
    width: 100%;
    margin-bottom: 20px;
}

ul.showroom li:nth-of-type(2) {
    width: 48%;
    margin-bottom: 50px;
}

ul.showroom li:nth-of-type(3) {
    width: 48%;
    margin-bottom: 50px;
}

div.aboutus dl dt {
    width: 35%;
    color: #3E3E3E;
    float: left;
    text-align: left;
    font-size: 1.5rem;
    margin: 0 0 15px 0;
    font-weight: normal !important;
}

div.aboutus dl dd {
    width: 65%;
    color: #3E3E3E;
    float: left;
    text-align: left;
    font-size: 1.5rem;
    margin: 0 0 15px 0;
}

#map {
    width: 100%;
    height: 400px;
}

.map_n1 {
    width: 100%;
    height: 400px;
}

#map2 {
    width: 100%;
    height: 400px;
}

div.campaign {}

div.campaign img {}

div.campaign ul {
    list-style: none;
    width: 100%;
    margin: 0 auto;
}

div.campaign ul li::after {
    display: block;
    content: "";
    width: 35%;
    margin: 100px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

#sitetitle img,
.footerlogo img {
    width: 100%;
    height: auto;
    max-width: 220px;
}

.qa {
    width: 100%;
    ;
    margin: 80px auto;
}

.qa p {
    font-size: 2.2rem;
    letter-spacing: 0.1rem;
    margin-bottom: 30px;
    text-align: center
}

.qa dl {
    padding: 20px 0;
}

.qa dt {
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
    font-weight: normal;
}

.qa dd {
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 60px;
}

.qa dd:last-child::after {
    display: block;
    content: "";
    width: 35%;
    margin: 70px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

.qa dt::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 22px;
    /*画像の幅*/
    height: 22px;
    /*画像の高さ*/
    background-image: url(../img/aqu/questionicon.png);
    background-size: contain;
    vertical-align: middle;
    left: 0;
}

.recruit dt {
    padding-left: 0;
    font-weight: normal;
}

.recruit dt::before {
    content: none;
    display: block;
    position: static;
    width: 22px;
    /*画像の幅*/
    height: 22px;
    /*画像の高さ*/
    background-image: none;
    background-size: contain;
    vertical-align: middle;
    left: 0;
}

.page-lead {
    font-size: 1.8rem !important;
}

.movie-list {
    padding-top: 60px;
}

.movie-list div {
    position: relative;
}

.movie-list img {
    width: 100%;
    height: auto;
}

.movie-list div p:nth-of-type(2) {
    z-index: 850;
    position: absolute;
    text-align: center;
    font-size: 2.0rem;
    line-height: 1.6;
    letter-spacing: 1.2rem;
    color: #fff;
    top: 30%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.movie-list div p:nth-of-type(3) {
    width: 200px;
    border: 1px solid #000;
    padding: 12px 0;
    border-radius: 22px;
    font-size: 1.6rem;
    text-align: center;
    color: #000;
    margin: 30px auto 60px auto;
}

.footer-navi-link {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.footer-navi-link li {
    list-style: none;
    width: 300px;
}

.footer-navi-link li:first-child {
    margin-right: 30px;
}

.footer-navi-link span {
    font-size: 12px;
}

p.price {
    font-size: 2.6rem;
}

p.price span {
    font-size: 1.6rem;
}

p.price-psopa {
    font-size: 2.0rem;
}

p.price-psopa span {
    font-size: 1.3rem;
}

p.pospa-btn {
    border: 1px solid #000;
    padding: 5px 20px;
    width: 200px;
    margin-top: 60px;
}

p.pospa-btn a {
    color: #000;
}

#sitetitle-xs {
    text-align: center;
    margin: 0;
    padding-top: 5px;
}

#sitetitle-xs img {
    width: 65%;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 25%;
    margin-top: -16px;
    outline: 0;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-prev {
    display: none;
    left: 10px;
    background: url(images/controls.png) 0 0 no-repeat;
}

.bx-wrapper .bx-next {
    display: none;
    right: 10px;
    background: url(images/controls.png) -60px 0px no-repeat;
}

#footericonmenu {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

div.carticon {
    text-align: right;
    padding-bottom: 40px;
    padding-right: 26px;
}

div.shopping-list {}

div.shopping-list a {
    color: #000;
}

div.shopping-list a:hover {
    color: #666;
}

div.shopping-list div {
    text-align: center;
}

div.shopping-list div img {
    width: 70%;
    height: auto;
}

div.shopping-list div:nth-child(4n) {
    margin-right: 0;
}

div.shopping-list div dl {
    text-align: center;
    font-size: 1.3rem;
}

div.shopping-list div dt {
    padding-top: 10px;
    margin-bottom: 20px;
    font-size: 1.4rem;
}

div.shopping-list div dd::before {
    display: block;
    content: "";
    width: 40%;
    margin: 10px auto;
    height: 1px;
    border-bottom: 1px solid #ccc;
}

div.shopping-list div dl dt span {
    display: block;
}

div.shopping-list div dd p {
    margin-bottom: 0;
    font-size: 1.4rem;
}

div.shopping-list div dd strong {
    font-size: 1.4rem;
    font-weight: normal;
}

div.shopping-list div dd span {
    font-size: 1.0rem;
    color: #666;
    padding-left: 1px
}

div.carticon img {
    width: 100px;
    height: auto;
}

div.aqu-list div,
div.all div {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 40px;
}

div.aqu-list div:nth-child(3) {
    margin-right: 0 !important;
}

div.all {
    display: flex;
    flex-wrap: wrap;
}

div.all div {
    width: 48%;
    border-radius: 5px;
}

.item-price {
    font-size: 1.2rem !important;
    text-align: center;
    color: #999;
    padding-top: 30px;
}

#mercurybox_04-01 {
    margin-bottom: 80px;
}

.fix-items-sp {
    position: fixed;
    z-index: 10000;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 8px;
}

.fix-items-sp p {
    padding: 0;
    margin: 0;
}

.fix-items-sp .btn {
    border: none;
    background-color: #009bd3;
    font-size: 1.4rem;
    color: #fff;
    padding: 5px !important;
}

.fix-items-sp a {
    color: #fff;
}

div.recipe-box {
    padding-top: 60px;
}

.shop-info-list {
    width: 650px;
    margin: 0 auto;
}

nav#gnav a {
    text-decoration: none !important;
}

div.workshop {}

div.workshop h2 {
    text-align: left;
    margin-bottom: 40px;
}

div.workshop h2 strong {
    font-weight: normal;
    display: block;
    padding-top: 10px;
}

div.workshop h3 {
    margin-bottom: 120px;
    text-align: center;
    font-size: 2.2rem;
}

div.workshop .lead {}

.line::before {
    display: block;
    content: "";
    width: 35%;
    margin: 120px auto;
    height: 1px;
    border-bottom: 1px solid #666;
}

div.workshop .ws-image {
    margin-bottom: 20px;
}

div.workshop .profile {
    display: flex;
}

div.workshop .profile div:nth-of-type(1) {
    width: 25%;
}

div.workshop .profile div:nth-of-type(2) {
    width: 75%;
    padding-left: 40px;
}

div.workshop .profile div:nth-of-type(2) p {}

div.workshop h4 {
    font-size: 1.5rem;
    line-height: 1.8;
    margin: 25px 0 80px 0;
}

a.linkover {
    color: #333 !important;
    background-color: #fff;
}

a.linkover:hover {
    color: #666 !important;
}

dl.hakusui-enquete {
    padding: 60px 0 30px 0;
}

dl.hakusui-enquete dt {
    text-align: center;
    padding: 0 0 40px 0;
    font-size: 2.6rem;
    font-weight: normal;
    color: #333;
}

dl.hakusui-enquete dd {
    margin-bottom: 30px;
    font-size: 2.6rem;
    text-align: center;
}

dl.hakusui-enquete dd li {
    margin-bottom: 10px;
    font-size: 1.6rem;
    text-align: left;
}

.worlshop-nav {
    margin-bottom: 40px;
}

.video {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    position: relative;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
}

.button::before,
.button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.button,
.button::before,
.button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.button a {
    color: #333;
}

.button:hover {
    background-color: #000;
    color: #fff;
}

.button:hover a {
    color: #fff;
}

.viewall {
    text-align: center;
}

.caption {
    font-size: 1.5rem !important;
}

.buy-c01 {
    max-width: 121px;
    height: auto;
    margin: 5px auto 0 auto;
}

.buy-c02 {
    max-width: 121px;
    height: auto;
    margin: 5px auto 0 auto;
}

.btn_item {
    margin-bottom: 60px;
}

.fee-copy {
    color: #333;
    text-align: center;
    font-size: 2.6rem;
    margin-bottom: 33px;
    line-height: 1.4 !important;
}

.fee-copy span {
    display: block;
    font-size: 12px;
    padding: 10px 0;
}

.button {
    background-color: #fff;
    color: #333;
    padding: 2px 6px;
    letter-spacing: 0.1;
    font-size: 1.0rem;
    border: 1px solid #000;
    letter-spacing: 0.1rem;
}

.top-readtxt {
    text-align: center;
    margin: 80px 0 0 0;
}

.top-readtxt-h2 {
    margin: 30px 0 50px 0;
}

.slider {
    margin: 100px auto;
    width: 95%;
}

.slider img {
    height: auto;
    width: 100%;
}

/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}

.fee {
    background-color: #f2f2f2;
    padding: 50px 0;
}

.select a {
    color: #fff;
}

.select>div {
    margin: 0 5px;
}

.select>div>div:nth-of-type(1) {
    background-color: #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.select dl {}

.select dt {
    background-color: #b5b5b5;
    color: #fff;
    text-align: center;
    font-weight: normal;
    padding: 20px 0;
    font-size: 1.8rem;
}

.select dd {}

.f-price {
    font-size: 2.3rem;
    text-align: center;
    padding: 30px 0 20px 0;
}

.f-price span {
    font-size: 1.1rem;
    color: #9da0a7;
    padding: 0 3px;
}

.select ul {
    padding: 0 30px;
    font-size: 1.3rem;
    margin: 0 !important;
}

.f-note {
    width: 95% !important;
    margin: 0 auto !important;
}

.f-note p {
    background-color: #9da0a7;
    font-size: 1.1rem;
    border-radius: 4px;
    color: #fff;
    padding: 0 10px;
    text-align: center;
}

.select dd:last-of-type {
    padding: 20px 20px;
}

p.cartbtn {
    text-align: center;
}

p.cartbtn:hover {
    opacity: 0.8;
}

.f-txt {
    color: #9da0a7;
    font-size: 1.1rem;
    padding: 0 10px;
}

.slick-prev,
.slick-next {
    height: auto !important;
    width: auto !important;
}

.interview {}

.interview p {
    margin: 0 !important;

}

.interview h2 {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
    font-size: 2.6rem;
    line-height: 1.6;
    margin-bottom: 80px;
}

.interview .row {
    margin-bottom: 60px;
}

.interview dt {
    font-weight: normal;
    font-size: 2.0rem;
    margin-bottom: 20px;
    padding-left: 45px;
    background: url(../img/mercury/questionicon.png) no-repeat;
    background-size: 26px 26px;
}

.interview dd {
    font-size: 1.4rem;
    line-height: 1.8;
    padding-left: 45px;
    background: url(../img/mercury/answericon.png) no-repeat;
    background-size: 26px 26px;
}

.interview .profile {
    border: 1px solid #B5B5B5;
    padding: 40px;
    background-color: #F7F7F7;
}

.interview .profile dt,
.interview .profile dd {
    background-image: none;
    padding-left: 0;
}

#explanation_01msg strong {
    display: block;
    background-color: #e76e73;
    text-align: center;
    padding: 10px;
    color: #fff;
    margin-bottom: 40px;
    border-radius: 4px;
    font-weight: normal;
}

ul.nyuyoku {
    list-style: none;

}

ul.nyuyoku li {
    padding: 20px 0 0 100px;
    font-size: 1.8rem;
    margin-bottom: 60px;
    min-height: 70px;
}

ul.nyuyoku li:nth-child(1) {
    background-image: url(../img/hakusui/nyuyoku_icon_no1.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

ul.nyuyoku li:nth-child(2) {
    background-image: url(../img/hakusui/nyuyoku_icon_no2.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

ul.nyuyoku li:nth-child(3) {
    background-image: url(../img/hakusui/nyuyoku_icon_no3.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.nyuyoku-note {
    padding-left: 100px;
}

.bustime {
    margin: 40px auto;
    width: 80%;
    max-width: 700px;

}

.bustime p:nth-child(1) {
    font-size: 1.8rem;
    color: #e76e73;
}

.bustime p:nth-child(2) {
    font-size: 1.5rem;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    line-height: 1.8;
}

.hakusui-enquete p {
    font-size: 1.6rem;
    margin-bottom: 40px;
}

.hakusui-enquete ul {
    list-style: none;
    width: 100%;
}

.hakusui-enquete ul li {
    width: 100%;
    margin-bottom: 30px !important;
}

.hakusui-enquete ul li:nth-of-type(6) {
    margin-bottom: 0;
}

.column dt {
    font-weight: normal;
    font-size: 2.0rem;
    margin-bottom: 20px;
}

.column dd {
    font-size: 1.4rem;
    line-height: 1.8;
}

.column .profile {
    border: 1px solid #B5B5B5;
    padding: 40px;
    background-color: #F7F7F7;
}

.column .profile dt,
.column .profile dd {
    background-image: none;
    padding-left: 0;
}

.talk h2 {
    line-height: 1.8;
    margin-bottom: 80px;
    font-size: 2.0rem;
}

.talk dt {
    font-weight: normal;
    font-size: 2.0rem;
    margin-bottom: 20px;
}

.talk dd {
    font-size: 1.4rem;
    line-height: 1.8;
}

.talk .row {
    margin-bottom: 60px;
}

.surprises {
    text-align: center;
    max-width: 800px;
}

.surprises h3 {
    text-align: center;
    margin: 0 0 60px 0;
}

.surprises strong {
    color: #01aaff;
    font-weight: normal;
}

.surprises .featurebox>div>p:nth-child(1) {
    font-size: 1.8rem;
}

.surprises .featurebox>div>p:nth-child(1) strong {
    display: block;
    font-size: 1.6rem;
}

.surprises h3.why {
    font-size: 1.8rem;
    margin: 30px 0 20px 0;
}

.surprises .why-copy {
    font-size: 1.4rem;
    line-height: 2.0;
}

.surprises .why-copy span {
    display: block;
    font-size: 1.2rem;
    padding: 20px 0 40px 0;
}

.surprises img {
    display: inline;
}

.surprises .graph {
    margin: 40px 0 80px 0;
}

.surprises .graph>p:nth-child(1) {
    margin: 0 0 40px 0;
}

.surprises .featurebox>div {
    margin-bottom: 60px;
}


/* ********************************************************************************************************************* */
@media screen and (min-width: 768px) {
    .newslink {
        font-size: 1.1rem;
    }

    .col2 {
        display: flex;
        justify-content: space-between;
    }

    .col2 div:first-child {
        width: 65%;
    }

    .col2 div:last-child {
        width: 30%;
    }

    .wide-voice {
        padding-right: 40px;
    }

    .wide-voice2 {
        padding-left: 40px;
    }

    .select {
        display: flex;
        justify-content: center;
    }

    .select a {
        color: #fff;
    }

    .select>div {
        width: 31%;
        margin: 0 5px;
    }

    .select>div>div:nth-of-type(1) {
        background-color: #fff;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .select dl {}

    .select dt {
        background-color: #b5b5b5;
        color: #fff;
        text-align: center;
        font-weight: normal;
        padding: 20px 0;
        font-size: 1.8rem;
    }

    .select dd {}

    .f-price {
        font-size: 2.3rem;
        text-align: center;
        padding: 30px 0 20px 0;
    }

    .f-price span {
        font-size: 1.1rem;
        color: #9da0a7;
        padding: 0 3px;
    }

    .select ul {
        padding: 0 30px;
        font-size: 1.3rem;
        margin: 0 !important;
    }

    .f-note {
        width: 95% !important;
        margin: 0 auto !important;
    }

    .f-note p {
        background-color: #9da0a7;
        font-size: 1.1rem;
        border-radius: 4px;
        color: #fff;
        padding: 0 10px;
        text-align: center;
    }

    .select dd:last-of-type {
        padding: 20px 20px;
    }

    p.cartbtn {
        text-align: center;
    }

    p.cartbtn:hover {
        opacity: 0.8;
    }

    .f-txt {
        color: #9da0a7;
        font-size: 1.1rem;
        padding: 0 10px;
    }

    .f-caution {
        font-size: 0.7rem;
    }

    span.recipe-note {
        font-size: 0.8rem;
    }

    ul.g-sns {
        padding: 0;
    }

    div.product-name div:last-child {
        font-size: 14px;
    }

    .mercurytopsliderbox div.product-name div:last-child {
        font-size: 14px;
    }

    .bx-wrapper .bx-prev {
        display: block;
    }

    .bx-wrapper .bx-next {
        display: block;
    }

    .fix-items-sp {
        display: none;
    }

    div.fix-items {
        position: fixed;
        bottom: 60px;
        right: 20px;
        display: block;
        opacity: 0.9;
        z-index: 850;
    }

    div.fix-items p {
        text-align: right;
    }

    div.single {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 100px;
        justify-content: center !important;
    }

    div.all div {
        width: 21%;
        margin-right: 4%;
        padding: 0 20px 40px 20px;
        border-radius: 10px;
    }

    div.campaign ul {
        list-style: none;
        width: 100%;
        margin: 0 auto;
    }

    .movie-list img {
        width: 100%;
        height: auto;
        height: 600px;
        object-fit: cover;
    }

    .movie-list div p:nth-of-type(2) {
        z-index: 850;
        position: absolute;
        text-align: center;
        font-size: 3.8rem;
        line-height: 1.6;
        letter-spacing: 0.1rem;
        color: #fff;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .movie-list div p:nth-of-type(2) span {
        display: block;
        font-size: 1.8rem;
        padding-top: 50px
    }

    .movie-list div p:nth-of-type(3) {
        width: 200px;
        border: 1px solid #000;
        padding: 12px 0;
        border-radius: 22px;
        font-size: 1.6rem;
        text-align: center;
        color: #000;
        margin: 30px auto 60px auto;
    }

    ul#slider-our li p {
        z-index: 850;
        position: absolute;
        bottom: 5%;
        left: 60px;
        font-size: 3.2rem;
        padding: 0;
    }

    #gnav>ul {
        font-family: Quattrocento, YuMincho, '游明朝', serif;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 60px;
        height: 60px;
        text-indent: -9999px;
        z-index: 9999;
    }

    h2 {
        font-size: 2.2rem;
        text-align: center;
        font-weight: 400;
        margin: 90px 0 50px 0;
    }

    h2.jp {
        font-size: 2.0rem;
        text-align: center;
        font-weight: 400;
        margin: 90px 0 50px 0;
    }

    div.shopping-list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 100px;
    }

    div.carticon {
        text-align: right;
        padding-bottom: 40px;
        padding-right: 26px;
        padding-top: 26px;
    }

    div.carticon img {}

    div.shopping-list div {
        width: 23%;
        margin-right: 2%;
    }

    .filter-txt {
        font-size: 1.2rem !important;
        padding-bottom: 5px;
    }

    div.aqu-list div {
        width: 29%;
        margin-right: 4%;
        padding: 0 20px 40px 20px;
        border-radius: 10px;
    }

    div.aqu-list div:nth-child(3) {
        margin-right: 0 !important;
    }

    div.shopping-list div img {
        width: 100%;
        height: auto;
    }

    div.shopping-list div:nth-child(4n) {
        margin-right: 0;
    }

    div.shopping-list div dl {
        text-align: center;
        font-size: 1.3rem;
    }

    div.shopping-list div dt {
        padding-top: 10px;
        margin-bottom: 20px;
    }

    div.shopping-list div dd::before {
        margin: 28px auto;
    }

    div.shopping-list div dd strong {}

    div.shopping-list div dd span {}

    div.recipe-box {
        padding-top: 80px;
    }

    div.recipe {
        display: flex;
        justify-content: center;
        margin-bottom: 100px;
    }

    div.recipe ul {
        list-style: none;
    }

    div.recipe>div:nth-of-type(1) {
        width: 273px;
    }

    div.recipe>div:nth-of-type(2) {
        width: 600px;
        padding-left: 40px;
    }

    div.recipe>div:nth-of-type(2)>p:nth-of-type(1) {
        font-size: 2.0rem;
        font-weight: 700;
        margin-bottom: 20px;
        padding: 0;
        letter-spacing: 0;
    }

    div.recipe>div:nth-of-type(2)>p:nth-of-type(2) {
        font-size: 1.4rem;
        margin-bottom: 16px;
        line-height: 1.8
    }

    div.recipe-box::after {
        content: none;
    }

    div.recipe>div:nth-of-type(2)>div {
        display: flex;
        justify-content: space-between;
    }

    div.recipe>div:nth-of-type(2) div>div {
        width: 47%;
        padding-top: 20px;
    }

    div.recipe>div:nth-of-type(2) div>div>p:first-child {
        font-size: 1.8rem;
    }

    div.recipe>div:nth-of-type(2)::after {
        display: block;
        content: "";
        width: 50%;
        margin: 140px auto 0 0;
        height: 1px;
        border-bottom: 1px solid #666;
    }

    div.recipe>div:nth-of-type(2) div>div p:nth-of-type(1) {}

    div.crest-contact div:nth-of-type(1) {
        display: block;
    }

    dl.dl-point4 {
        padding-top: 120px;
    }

    div.base-image p {
        z-index: 850;
        position: absolute;
        bottom: 20px;
        left: 10%;
        font-size: 3.8rem;
    }

    .news-detail {
        width: 680px;
        margin: 0 auto;
        padding-top: 0;
    }

    .news-detail dl {}

    .news-detail dt {
        font-size: 1.5rem;
        letter-spacing: 0.1rem;
        margin-bottom: 30px;
        font-weight: normal;
    }

    .news-detail dt span {
        display: block;
        font-size: 1.2rem;
        padding-bottom: 5px;
        color: #6B6B6B;
    }

    .news-detail dd {
        font-size: 1.5rem;
        line-height: 1.8;
    }

    .news-detail dd::after {
        display: block;
        content: "";
        width: 35%;
        margin: 100px auto 100px auto;
        height: 1px;
        border-bottom: 1px solid #666;
    }

    .news-detail .line::after {
        display: block;
        content: "";
        width: 35%;
        margin: 100px auto 100px auto;
        height: 1px;
        border-bottom: 1px solid #666;
    }

    .qa {
        width: 680px;
        margin: 0 auto;
    }

    .qa dl {
        padding: 80px 0 40px 0;
    }

    .qa p {
        font-size: 2.8rem;
        letter-spacing: 0.1rem;
        margin-bottom: 30px;
    }

    .qa dt {
        font-size: 1.5rem;
        letter-spacing: 0.1rem;
        margin-bottom: 20px;
        position: relative;
        padding-left: 30px;
        font-weight: normal;
    }

    .qa dt::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 22px;
        /*画像の幅*/
        height: 22px;
        /*画像の高さ*/
        background-image: url(../img/aqu/questionicon.png);
        background-size: contain;
        vertical-align: middle;
        left: 0;
    }

    .qa dt span {
        display: block;
        font-size: 1.2rem;
        padding-bottom: 5px;
        color: #6B6B6B;
    }

    .qa dd {
        font-size: 1.5rem;
        line-height: 1.8;
    }

    .qa dd:last-child::after {
        display: block;
        content: "";
        width: 35%;
        margin: 140px auto 80px auto;
        height: 1px;
        border-bottom: 1px solid #666;
    }

    .recruit dt {
        padding-left: 0;
    }

    .recruit dt::before {
        content: none;
        display: block;
        position: static;
        width: 22px;
        /*画像の幅*/
        height: 22px;
        /*画像の高さ*/
        background-image: none;
        background-size: contain;
        vertical-align: middle;
        left: 0;
    }

    .point4 {
        position: relative;
        background-image: url(../img/crest/crest_4point_top.jpg);
        background-repeat: no-repeat;
        background-position: center;
        margin: 200px 0 40px 0;
    }

    .point4 p {
        text-align: center;
        font-size: 4.6rem;
        line-height: 1.6;
        letter-spacing: 0.1rem;
        color: #fff;
        padding: 160px 0;
    }

    .pickup-image {
        position: relative;
        background-image: url(../img/pickup/topimg-pickup01.jpg);
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 0 140px 0;
    }

    .pickup-image p {
        text-align: center;
        font-size: 3.0rem;
        line-height: 1.6;
        letter-spacing: 0.1rem;
        color: #fff;
        padding: 160px 0;
    }

    dl.dl-point4 {
        padding-top: 40px;
    }

    dl.dl-point4 dt {
        font-size: 2.6rem;
        letter-spacing: 0.1rem;
        font-weight: normal;
        padding-top: 120px;
        text-align: center;
    }

    dl.dl-point4 dd:nth-last-of-type(2n+1)::after {
        display: block;
        content: "";
        width: 35%;
        margin: 150px auto 150px auto;
        height: 1px;
        border-bottom: 1px solid #666;
    }

    dl.dl-point4 dd {
        font-size: 1.5rem;
        letter-spacing: 0.1rem;
        font-weight: normal;
        padding-top: 30px;
        text-align: center;
        line-height: 1.8;
    }

    dl.dl-point4 dt:nth-of-type(1) {
        background-size: 85px;
        color: #000;
    }

    dl.dl-point4 dt:nth-of-type(2) {
        background-size: 85px;
    }

    dl.dl-point4 dt:nth-of-type(3) {
        background-size: 85px;
    }

    dl.dl-point4 dt:nth-of-type(4) {
        background-size: 85px;
    }

    dl.dl-point4 dd:last-of-type {
        padding-top: 100px;
    }

    dd.size-s {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
    }

    dd.size-s div {
        width: 150px;
        margin: 0 auto;
        text-align: left;
    }

    dd.size-s p {
        padding: 20px 0 5px 0;
    }

    dd.size-s span {
        font-size: 1.0rem !important;
    }

    div.crest-contact {
        display: flex;
        justify-content: center;
        padding-left: 40px;
    }

    div.crest-contact div:nth-of-type(1) {
        width: 95px;
    }

    div.crest-contact div:nth-of-type(1) img {}

    div.crest-contact div:nth-of-type(1) img {}

    div.crest-contact div:nth-of-type(2) {
        width: 360px;
        align-self: flex-end;
        margin-left: 40px;
        text-align: left;
    }

    div.crest-contact p {
        font-size: 1.1rem;
        padding-top: 30px;
        margin: 0 !important;
    }

    div.crest-contact p span {
        display: block;
        font-size: 2.0rem;
    }

    div.charm p:first-child {
        position: absolute;
        top: -30px;
        left: 0;
        right: 0;
        font-size: 3.4rem;
    }

    div.charm p:last-child {
        font-size: 2.8rem;
    }

    div.intro {
        padding: 30px 0;
    }

    div.intro dl {
        padding: 60px 0 0 0;
    }

    div.intro dl dt {
        font-size: 3.4rem;
        color: #3f7ab2;
        padding: 60px 0;
        font-weight: normal;
    }

    div.intro dl dd:nth-child(2) {
        font-size: 2.2rem;
        padding-bottom: 40px;
    }

    div.intro ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    div.intro ul li {
        width: 45%;
        font-size: 2.4rem;
        border-top: 1px dotted #000;
        padding: 10px 0;
        list-style: none;
    }

    div.intro ul li:nth-child(7),
    div.intro ul li:nth-child(8) {
        border-bottom: 1px dotted #000;
    }

    div.suisosui {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 24px 0;
        margin: 80px 0 0 0;
        display: flex;
        justify-content: space-between;
    }

    div.suisosui div:first-child {
        font-size: 2.6rem;
        width: 26%;
        align-self: center;
        background-image: url(../img/aqu/icon_water.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 24px 0 24px 60px;
    }

    div.suisosui div:last-child {
        font-size: 1.6rem;
        width: 74%;
        line-height: 1.8;
        align-self: center;
        border-left: 1px solid #000;
        padding: 0 0 0 6%;
    }

    div.intro ul.exp {}

    div.intro ul.exp li {
        border: none;
        font-size: 1.5rem;
        line-height: 1.8;
    }

    div.intro ul.exp li strong {
        display: block;
        padding-bottom: 30px;
        font-size: 2.0rem;
    }

    div.charm {
        padding: 40px 30px 30px 30px;
        text-align: center;
        position: relative;
        margin: 100px auto 40px auto;
        width: 80%;
    }

    div.charm p:first-child {
        font-size: 2.8rem;
    }

    div.charm p:last-child {
        font-size: 1.8rem;
    }

    div.charm p span {
        background-color: #fff;
        padding: 0 30px;
    }

    #header {
        background: #fff;
        padding: 0 0 45px 0;
    }

    #sitetitle {
        padding: 0;
        margin: 0;
        line-height: 0;
    }

    #sitetitle a {
        padding: 0;
        margin: 0;
        line-height: 0;
    }

    #sitetitle img,
    .footerlogo img {
        width: auto;
        height: auto;
        max-height: 30px;
    }

    /* ---------------------
*     mainmenu
* -------------------- */
    #mainmenu {
        background: #fff;
        line-height: 2;
    }

    #mainmenu .container {
        padding: 0;
    }

    #gnav>ul {}

    #gnav>ul>li {
        text-align: center;
        font-size: 1.4rem;
        vertical-align: middle;
    }

    #gnav>ul>li a {
        color: #000;
        transition: all .2s ease-in;
    }

    #gnav>ul>li:hover {
        color: #868686;
    }

    #gnav>ul>li:hover>a {
        color: #868686;
        text-decoration: none;
    }

    #gnav>ul>li:hover .menu {
        max-height: 9999px;
        opacity: 1;
    }

    #gnav>ul>li>a {
        display: block;
    }

    #gnav>ul .menu {
        transition: all .2s ease-in;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        width: 100%;
        left: 0;
        text-align: center;
        position: absolute;
        background-color: rgba(187, 187, 187, 0.95);
        z-index: 10000;
    }

    #gnav>ul .menu .menu_inner {
        padding: 1em 0;
    }

    #gnav>ul .menu>ul {
        width: 700px;
        margin: 10px auto;
        padding-left: 0;
        list-style: none;
    }

    #gnav>ul .menu>ul.list-inline>li {
        width: 15.5%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        color: #FFFFFF;
        font-family: 'Varela Round', sans-serif;
        font-size: 10px;
        letter-spacing: 2px;
    }

    li.li-2col {
        width: 48% !important;
        padding: 20px 0 !important;
        font-size: 1.3rem !important;
    }

    li.li-3col {
        width: 32% !important;
        padding: 20px 0 !important;
        font-size: 1.3rem !important;
    }

    #gnav>ul .menu>ul.list-inline>li>a>img,
    #gnav>ul .menu>ul.list-inline>li>img {
        width: 60%;
    }

    #gnav>ul .menu>ul.list-inline>li>a {
        color: #000;
    }

    #gnav>ul .menu>ul.list-inline>li>a:hover {
        color: #01AAFF;
        text-decoration: none;
        adding: 0 17px;
    }

    #gnav>ul .menu a {
        color: #fff;
    }

    ul#slider-our img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    ul#slider-our li {
        position: relative;
    }

    ul#slider-our li:nth-child(2) a {
        color: #fff;
    }

    /* ---------------------
*     footericonmenu
* -------------------- */
    #footericonmenu {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }

    #footericonmenu ul {
        width: 650px;
        margin: 0 auto;
        padding: 10px 0;
        list-style-type: none;
        padding-left: 0;
    }

    #footericonmenu ul li {
        width: 15.5%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        color: #FFFFFF;
        font-size: 1.1rem;
    }

    #footericonmenu ul li img {
        width: 60%;
    }

    #footericonmenu ul li a:hover {
        color: #01AAFF;
        text-decoration: none;
    }

    #footer {
        padding-top: 80px;
        padding-bottom: 25px;
        color: #000;
        background: #fff;
    }

    dl.cnt-footer {
        width: 95%;
    }

    dl.cnt-footer dt {
        border-bottom: 1px solid #808080;
        padding-bottom: 6px;
        margin-bottom: 14px;
        font-weight: normal;
    }

    dl.cnt-footer dd {
        padding-left: 0;
        margin: 0 0 0 0;
    }

    dl.cnt-footer dd.last {
        margin-bottom: 40px;
    }

    div.news-box {
        border: 1px solid #808080;
        padding: 20px;
    }

    dl.news dt {
        margin-bottom: 8px !important;
        padding-bottom: 6px !important;
        border-bottom: 1px solid #808080;
        font-weight: normal;
    }

    dl.news dd {
        margin-bottom: 14px;
        padding: 0;
    }

    #footer ul {
        list-style-type: none;
        padding-left: 0;
    }

    #footer ul li {
        padding: 0;
        margin-right: 30px;
    }

    #footer a {
        color: #000;
    }

    #footer a:hover {
        color: #797979;
        text-decoration: none;
    }

    .footerlogo {
        margin-top: 50px;
        margin-bottom: 0;
    }

    .footerlogo p {
        text-align: center;
    }

    div.copyright {
        background-color: #000;
        padding: 20px 0;
        text-align: center;
        color: #ffff;
    }

    /* -------------------------------------
*     top
* ------------------------------------- */
    /* ---------------------
*     bxslider
* -------------------- */
    .bx-wrapper {
        border: none;
    }

    .bx-wrapper .bx-pager.bx-default-pager a.active,
    .bx-wrapper .bx-pager.bx-default-pager a:focus,
    .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #6E6E6E;
    }

    #slider div p {
        position: absolute;
        top: 19.5%;
        left: auto;
        display: inline-block;
        width: 58%;
        padding: 0;
        opacity: 0;
        color: #FFFFFF;
        font-size: 25px;
        text-align: center;
        transition: all .5s;
    }

    #sliderlogo01 {
        height: 75px;
    }

    #sliderlogo02 {
        height: 50px;
    }

    #sliderlogo03 {
        height: 50px;
    }

    #sliderlogo04 {
        height: 50px;
    }

    #sliderlogo05 {
        height: 50px;
    }

    #slider div p span.slidersubname {
        margin-top: 30px;
        margin-bottom: 10px;
        font-size: 16px;
        display: block;
    }

    #slider div p span.slidername {
        margin-top: 15px;
        margin-bottom: 20px;
        font-size: 21px;
        display: block;
    }

    #slider .active-slide p {
        opacity: 1;
    }

    #slider div .txt01 {
        top: 12%;
        right: 30px
    }

    #slider div .txt02 {
        top: 12%;
        left: 0px;
    }

    #slider div .txt03 {
        top: 12%;
        left: 30px;
    }

    #slider div .txt04 {
        top: 12%;
        right: -50px;
    }

    #slider div .txt05 {
        top: 12%;
        left: -20px;
    }

    .btn-white {
        padding-left: 45px;
        padding-right: 45px;
        color: #000000;
        font-size: 14px;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 20px;
    }

    .btn-white:hover {
        padding-left: 45px;
        padding-right: 45px;
        color: #FFFFFF;
        font-size: 14px;
        background-color: #000000;
        border: 1px solid #FFFFFF;
        border-radius: 20px;
    }

    /* ---------------------
*     topitems
* -------------------- */
    #topitems {
        padding-bottom: 100px;
    }

    #topitems ul {
        margin: 0 auto;
        list-style-type: none;
        padding-left: 0;
    }

    #topitems ul li {
        width: 19.2%;
        margin-left: 0.1%;
        margin-right: 0.1%;
        padding-left: 0;
        padding-right: 0;
    }

    #topitems ul li img {
        width: 70%;
    }

    #topitems ul li .topitemsname {
        padding-top: 18px;
        text-align: center;
    }

    #topitems ul li .topitemsname span {
        font-size: 1.6rem;
    }

    #topitems ul li .topitemsmsg {
        margin-top: 10px;
        line-height: 1.7em;
        font-size: 9px;
    }

    /* ---------------------
*     topnews
* -------------------- */
    #topnews {
        padding-top: 55px;
        padding-bottom: 55px;
        background: #EEEEEE;
    }

    #topnews h2 {
        text-align: left;
    }

    #topnews dl {
        margin-left: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dashed #000000;
    }

    #topnews dl dt {
        width: 100px;
        text-align: left;
    }

    #topnews dl dd {
        width: auto;
        margin-left: 100px;
        text-align: left;
    }

    #topnews dl dt span {
        width: auto;
        margin-bottom: 0;
        display: inline;
        margin-right: 30px;
        color: #01AAFF;
        font-weight: bold;
    }

    /* -------------------------------------
*     list
* ------------------------------------- */
    #itemlistimg01 {
        width: 500px;
    }

    #itemlistimg02 {
        width: 150px;
    }

    #itemlistimg03 {
        width: 150px;
    }

    #itemlistimg04 {
        width: 300px;
    }

    #itemlistimg05 {
        width: 250px;
    }

    .itemlistbox p {
        padding-left: 0;
        padding-right: 0;
    }

    /* -------------------------------------
*     about
* ------------------------------------- */
    #about {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    /* -------------------------------------
*     singlepage aqu
* ------------------------------------- */
    /* ---------------------
*     aqubox_00
* -------------------- */
    div.suisosui div:first-child {
        font-size: 2.6rem;
        width: 30%;
        align-self: center;
        background-image: url(../img/aqu/icon_water.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 24px 0 24px 60px;
    }

    div.suisosui div:last-child {
        font-size: 1.6rem;
        width: 70%;
        line-height: 1.8;
        align-self: center;
        border-left: 1px solid #000;
        padding: 0 0 0 4%;
    }

    .aqutopsliderbox {
        position: absolute;
        top: 40%;
        right: 80px;
        width: auto;
        margin-right: 0;
        z-index: 8000;
        -webkit-transform: none;
        transform: none;
        text-align: left;
    }

    .aqucampaignimgbox img {
        width: 100%;
    }

    #aqutopsliderlogo {
        width: 160px;
        margin-right: 15px;
        float: left;
    }

    .aqutopslidermsg {
        margin-bottom: 10px;
        color: #FFFFFF;
        font-size: 23px;
    }

    #aqutopbox {
        margin: 0 auto 35px auto;
        font-size: 22px;
    }

    #aqutopboxmsg {
        font-size: 40px;
    }

    #aqutoplogo {
        width: 200px;
    }

    #aqutop span.slidersubname {
        font-size: 13px;
    }

    #aqutop span.slidername {
        font-size: 18px;
    }

    /* ---------------------
*     aqubox_01
* -------------------- */
    .aquimg {
        width: 185px;
    }

    #aqubox_01 p {
        font-size: 14px;
    }

    /* ---------------------
*     aqubox_02
* -------------------- */
    #aqubox_02 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .meritbox {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .meriticon {
        margin-bottom: 20px;
    }

    #meriticon_02 {
        margin-top: 0;
    }

    #aqubox_02 .col-xs-12 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #aqubox_02 .col-sm-4:nth-child(-n+2) {
        border-right: 1px solid #b7b7b7;
        border-bottom: none;
    }

    /* ---------------------
*     aqubox_03
* -------------------- */
    #aqubox_03 {
        padding-top: 130px;
        padding-bottom: 100px;
    }

    #aqubox_03 .selectplanbox:first-of-type {
        border-bottom: none;
    }

    #selectplanimg {
        width: 100px;
        margin-bottom: 0;
    }

    .selectplanname {
        font-size: 27px;
        margin-bottom: 25px;
    }

    .selectplanbox {
        width: 280px;
        padding-left: 25px;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        border-left: 1px solid #b7b7b7;
        border-bottom: none;
    }

    .circle {
        width: 90px;
        height: 90px;
        color: #FFFFFF;
        background: url(../img/aqu/circle.png);
        background-size: 90px 90px;
        font-size: 12px;
    }

    .selectplanbox .circle {
        padding-top: 25px;
        position: absolute;
        top: -40px;
        left: 215px;
    }

    .selectplanbox ul {
        list-style-type: circle;
        padding-left: 18px;
    }

    .selectplanbtn {
        width: 230px;
        display: inline;
        margin-left: 0;
        margin-right: auto;
        margin-top: 30px;
    }

    /* ---------------------
*     aqubox_04
* -------------------- */
    #aqubox_04 {
        padding-top: 50px;
    }

    #aqubox_04 p {
        line-height: 1.8;
    }

    #colorvariationmsg {
        font-size: 2.6rem;
        padding: 50px 0 20px 0;
    }

    #colorvariationimg {
        width: 625px;
    }

    /* ---------------------
*     aqubox_05
* -------------------- */
    #kitchen {
        height: 510px;
        background: url(../img/aqu/kitchenimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #office {
        height: 510px;
        background: url(../img/aqu/officeimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #living {
        height: 510px;
        background: url(../img/aqu/livingimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    .placename {
        width: 300px;
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .placename span {
        font-size: 60px;
        letter-spacing: 2px;
    }

    .placename_left {
        top: 50px;
        left: 20px;
    }

    .placename_right {
        top: 50px;
        right: 20px;
    }

    /* ---------------------
*     aqubox_06
* -------------------- */
    #explanation_01 {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/aqu/explanationimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #explanation_01box {
        padding-top: 0;
        position: absolute;
        left: 75px;
    }

    #explanation_01msg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #explanation_01msg .circle {
        padding-top: 23px;
        position: absolute;
        top: -30px;
        left: 400px;
    }

    #shikumi {
        width: 440px;
        margin-top: 50px;
    }

    #shikumiimg {
        width: 440px;
    }

    /* ---------------------
*     aqubox_07
* -------------------- */
    #h2wavesystem {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/aqu/h2wavesystemimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #h2wavesystembox {
        position: absolute;
        right: 75px;
    }

    #h2wavesystemmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #h2wavesystemmsg .circle {
        padding-top: 35px;
        position: absolute;
        top: -40px;
        left: 450px;
    }

    #h2wavesystemname {
        width: 204px;
        display: inline;
    }

    #h2wavesystem p {
        line-height: 1.8em;
    }

    /* ---------------------
*     aqubox_08
* -------------------- */
    #onestopmanagementbox {
        position: absolute;
        top: 100px;
        left: 75px;
        display: inline-block;
        width: 650px;
        padding: 0;
        color: #000000;
        z-index: 10000;
    }

    #onestopmanagementmsg {
        margin-bottom: 20px;
        font-size: 2.6rem;
        color: #000000;
    }

    #onestopmanagementbox p {
        line-height: 1.8em;
        color: #000000;
    }

    /* ---------------------
*     aqubox_09
* -------------------- */
    #aqubox_09 {
        padding-top: 40px;
        padding-bottom: 0;
    }

    #simpledesignmsg {
        margin: 55px auto 15px auto;
        font-size: 2.6rem;
        text-align: center;
    }

    #aqubox_09 p {
        line-height: 1.8em;
        text-align: center;
    }

    #aqubox_09 #howtouseslider div {
        position: relative;
    }

    #aqubox_09 #howtouseslider div p {
        position: absolute;
        top: 40px;
        left: 40px;
        z-index: 850;
        font-size: 2.8rem;
        line-height: 1.6;
        letter-spacing: 0.2rem;
        color: #fff;
    }

    #aqubox_09 #howtouseslider div span {
        display: block;
        font-size: 4.0rem;
        padding-top: 10px;
    }

    /* ---------------------
*     aqubox_10
* -------------------- */
    #aqubox_10 {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .featurebox {
        padding-top: 30px;
    }

    .featureboxright {
        margin-top: 20px;
        margin-left: 50px;
    }

    .featureboxleft {
        margin-top: 20px;
        margin-left: 10px;
    }

    .featurebox p {
        line-height: 1.8em;
    }

    /* ---------------------
*     aqubox_11
* -------------------- */
    #aqubox_11 {
        padding-top: 0;
        padding-bottom: 40px;
    }

    #tsukaikatamsg {
        margin: 50px auto 20px auto;
        font-size: 2.6rem;
        text-align: center;
    }

    #tsukaikata p {
        line-height: 1.8em;
        text-align: center;
    }

    /* ---------------------
*     aqubox_12
* -------------------- */
    #comparemsg {
        margin: 0 0 30px 0;
        font-size: 2.6rem;
    }

    #comparemsg span {
        font-size: 12px;
    }

    #compare p {
        margin-left: 15px;
        margin-bottom: 50px;
        line-height: 1.8em;
        color: #FFFFFF;
    }

    #comparetable {
        width: 500px;
        margin-top: -15px;
        margin-right: 10px;
        float: right;
    }

    #comparetable th {
        width: 100px;
        padding: 15px 0;
        text-align: center;
        font-size: 12px;
    }

    #comparetable td {
        width: 100px;
        padding: 8px 0;
    }

    #aqubox_12 #compareimg {
        width: 95px;
        margin-top: 20px;
        margin-left: 10px;
    }

    /* ---------------------
*     aqubox_13
* -------------------- */
    #aqubox_13 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #cartridgefilter {
        height: 570px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: url(../img/aqu/cartridgefilterimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #cartridgefilterbox {
        width: 530px;
        margin-right: 15px;
        margin-top: 50px;
        position: relative;
        float: right;
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.8)
    }

    #cartridgefiltermsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #exchangebox {
        margin-top: 30px;
    }

    #exchangebox span {
        margin-bottom: 0;
        display: inline;
    }

    #exchangebox img {
        margin: 0 15px;
    }

    #cartridgefilter p {
        line-height: 1.8em;
    }

    #nsf {
        width: 120px;
        position: absolute;
        bottom: 25px;
        right: 0;
    }

    /* ---------------------
*     aqubox_14
* -------------------- */
    #aqubox_14 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #usersvoice {
        height: 570px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: #EEFAFF;
    }

    #usersvoicemsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #usersvoice .thumbnail {
        background: transparent;
        border: none;
    }

    #usersvoice .thumbnail h3 {
        font-size: 20px;
    }

    #usersvoice p {
        line-height: 1.8em;
    }

    /* ---------------------
*     aqubox_15
* -------------------- */
    #aqubox_15 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #threestep {
        height: 570px;
        padding-top: 60px;
        padding-bottom: 60px;
        background: #EEEEEE;
    }

    #aqubox_15 .col-sm-4:nth-child(-n+2) {
        border-right: 1px solid #b7b7b7;
        border-bottom: none;
    }

    #threestepmsg {
        margin-bottom: 50px;
        font-size: 2.6rem;
    }

    #threestepmsg span {
        color: #FA1743;
    }

    .threestepbox {
        width: 220px;
        margin: 20px auto 0 auto;
        padding-top: 60px;
        padding-bottom: 0;
        position: relative;
    }

    .threestepbox .circle {
        width: 60px;
        height: 60px;
        margin: 0 0 0 -30px;
        padding-top: 7px;
        line-height: 1.6em;
        background-size: 60px;
        position: absolute;
        top: 0;
        left: 50%;
    }

    .threestepbox .circle span {
        font-size: 2.6rem;
    }

    .threesteptitle {
        margin-top: 40px;
        margin-bottom: 30px;
        font-size: 22px;
        position: relative;
    }

    #step_01 {
        width: 110px;
        height: 64px;
        position: absolute;
        top: -15px;
        left: 135px;
    }

    #step_01 {
        width: 110px;
        height: 64px;
        position: absolute;
        top: -15px;
        left: 105px;
    }

    #step_02 {
        width: 72px;
        height: 72px;
        position: absolute;
        top: -20px;
        left: 135px;
    }

    #step_03 {
        width: 80px;
        height: 55px;
        position: absolute;
        top: -10px;
        left: 160px;
    }

    #threestep p {
        line-height: 1.8em;
    }

    #threestep p span {
        font-size: 12px;
    }

    /* ---------------------
*     aqubox_16
* -------------------- */
    #aqubox_16 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #spec {
        height: 570px;
        padding-top: 60px;
    }

    #specmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #spec p {
        line-height: 1.8em;
    }

    /* ---------------------
*     aqubox_17
* -------------------- */
    #aqubox_17 {


        padding-top: 0;
        padding-bottom: 0;
    }

    #faq {
        padding-top: 60px;
        background: #EEEEEE;
    }

    #faqmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #faq ul {
        list-style-type: none;
        padding-left: 0;
    }

    #faq ul li.question {
        margin-bottom: 5px;
        padding-left: 45px;
        line-height: 3em;
        background-size: 30px 30px;
    }

    #faq ul li.answer {
        padding-left: 45px;
        line-height: 3em;
        background-size: 30px 30px;
    }

    /* -------------------------------------
*     singlepage mercury
* ------------------------------------- */
    /* ---------------------
*     mercurybox_00
* -------------------- */
    .mercurytopsliderbox {
        position: absolute;
        top: 35%;
        left: 80px;
        width: auto;
        margin-right: 0;
        z-index: 8000;
        text-align: left;
    }

    .mercurycampaignimgbox {
        top: -120%;
        margin: 10px 0 0 -20px;
    }

    #mercurytopsliderlogo {
        width: 350px;
        margin-right: 15px;
        float: left;
    }

    .mercurytopslidername {
        width: 350px;
        margin-top: 15px;
        color: #FFFFFF;
        line-height: 1.8em;
        font-size: 14px;
        float: left;
        white-space: nowrap;
    }

    .mercurytopslidername br {
        display: inline;
    }

    #mercurytopbox {
        margin: 0 auto 35px auto;
        font-size: 22px;
    }

    #mercurytopboxmsg {
        font-size: 40px;
    }

    #mercurytoplogo {
        width: 200px;
    }

    #mercurytop span.slidersubname {
        font-size: 13px;
    }

    #mercurytop span.slidername {
        font-size: 18px;
    }

    /* ---------------------
*     mercurybox_01
* -------------------- */
    .mercuryimg {
        width: 145px;
    }

    #mercurybox_01 p {
        font-size: 14px;
    }

    /* ---------------------
*     mercurybox_02
* -------------------- */
    #mercurybox_02 {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    #mercurybox_02 hr {
        display: block;
        border: 0 none;
        height: 6px;
        color: #696969;
        background-color: #FFFFFF;
    }

    #mercurybox_02 .col-xs-12 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_02 .col-sm-4:nth-child(-n+2) {
        border-right: 1px solid #b7b7b7;
    }

    #mercurybox_02 .col-xs-12 {
        border-bottom: none;
    }

    #meritblock_top {
        margin-top: 0;
        margin-bottom: 25px;
    }

    #meritblock_bottom {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #meritblock_bottom p {
        margin-top: 0;
    }

    #meritblock_bottom .col-sm-6:nth-child(1) {
        border-right: 1px solid #b7b7b7;
    }

    #meriticon_04,
    #meriticon_05 {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    /* ---------------------
*     mercurybox_03
* -------------------- */
    #mercurybox_03 {
        padding-top: 130px;
        padding-bottom: 100px;
    }

    #mercurybox_03 .selectplanbox:first-of-type {
        border-bottom: none;
    }

    #mercurybox_03 #selectplanimg {
        width: 75px;
        margin-bottom: 0;
    }

    #mercurybox_03 .selectplanname {
        font-size: 27px;
        margin-bottom: 25px;
    }

    #mercurybox_03 .selectplanbox {
        border-left: 1px solid #b7b7b7;
        border-bottom: none;
    }

    #mercurybox_03 .circle {
        width: 90px;
        height: 90px;
        color: #FFFFFF;
        background: url(../img/mercury/circle.png);
        background-size: 90px 90px;
        font-size: 12px;
    }

    #mercurybox_03 .selectplanbox .circle {
        padding-top: 25px;
        position: absolute;
        top: -40px;
        left: 215px;
    }

    #mercurybox_03 .selectplanbox ul {
        list-style-type: circle;
        padding-left: 18px;
    }

    #mercurybox_03 .selectplanbtn {
        width: 230px;
        display: inline;
        margin-left: 0;
        margin-right: auto;
        margin-top: 30px;
    }

    /* ---------------------
*     mercurybox_04
* -------------------- */
    #mercurybox_04 {
        padding-top: 50px;
    }

    #monotonemsg {
        font-size: 2.6rem;
    }

    #monotoneimg {
        width: 130px;
    }

    /* ---------------------
*     mercurybox_05
* -------------------- */
    #mercurybox_05 #dining {
        height: 510px;

        background: url(../img/mercury/diningimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #mercurybox_05 #ownroom {
        height: 510px;
        background: url(../img/mercury/ownroomimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #mercurybox_05 #office {
        height: 510px;
        background: url(../img/mercury/officeimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #mercurybox_05 .placename {
        width: 300px;
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    #mercurybox_05 .placename_left .placename {
        width: 370px;
    }

    #mercurybox_05 .placename span {
        font-size: 60px;
        letter-spacing: 2px;
    }

    #mercurybox_05 .placename_left {
        top: 50px;
        left: 20px;
    }

    #mercurybox_05 .placename_right {
        top: 50px;
        right: 20px;
    }

    /* ---------------------
*     mercurybox_06
* -------------------- */
    #mercurybox_06 #h2wavesystem {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/mercury/h2wavesystemimgbg2.jpg) no-repeat center top;
        background-size: cover;
    }

    #mercurybox_06 #h2wavesystembox {
        position: absolute;
        right: 75px;
    }

    #mercurybox_06 #h2wavesystemmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #mercurybox_06 #h2wavesystemmsg .circle {
        padding-top: 35px;
        position: absolute;
        top: -40px;
        left: 545px;
    }

    #mercurybox_06 #h2wavesystemname {
        width: 204px;
        display: inline;
    }

    #mercurybox_06 #h2wavesystem p {
        line-height: 1.8em;
    }

    /* ---------------------
*     mercurybox_07
* -------------------- */
    #mercurybox_07 #comparemsg {
        margin: 0 0 30px 0;
        font-size: 2.6rem;
        position: relative;
    }

    #mercurybox_07 #comparemsg span {
        font-size: 12px;
    }

    #mercurybox_07 #compare p {
        margin-left: 15px;
        margin-bottom: 50px;
        line-height: 1.8em;
        color: #FFFFFF;
    }

    #mercurybox_07 #comparemsg .circle {
        position: absolute;
        top: -20px;
        right: -20px;
        padding-top: 31px;
    }

    #mercurybox_07 #comparetable {
        width: 470px;
        margin-top: 0;
        margin-right: 0;
        float: right;
    }

    #mercurybox_07 #comparetable th {
        width: 130px;
        padding: 15px 0;
        text-align: center;
        font-size: 12px;
    }

    #mercurybox_07 #comparetable td {
        width: 130px;
        padding: 8px 0;
    }

    #mercurybox_07 #compareimg_01 {
        width: 78px;
        margin-left: 10px;
    }

    #mercurybox_07 #compareimg_02 {
        width: 90px;
        margin-top: 40px;
        margin-left: 10px;
    }

    /* ---------------------
*     mercurybox_08
* -------------------- */
    #mercurybox_08 {
        padding-top: 20px;
        padding-bottom: 0;
    }

    #mercurybox_08 .featurebox {
        padding-top: 30px;
    }

    #mercurybox_08 .featureboxright {
        margin-top: 20px;
        margin-left: 50px;
    }

    #mercurybox_08 .featureboxleft {
        margin-top: 20px;
        margin-left: 10px;
    }

    #mercurybox_08 .featurebox p {
        line-height: 1.8em;
    }

    /* ---------------------
*     mercurybox_09

* -------------------- */
    #mercurybox_09 {
        padding-top: 0;
        padding-bottom: 40px;
    }

    #mercurybox_09 #tsukaikatamsg {
        margin: 0 auto 15px auto;
        font-size: 2.6rem;
        text-align: center;
    }

    #mercurybox_09 #tsukaikata p {
        line-height: 1.8em;
        text-align: center;
    }

    /* ---------------------
*     mercurybox_10
* -------------------- */
    #mercurybox_10 {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 40px;
    }

    #mercurybox_10 #cartridgefilter {
        height: 570px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: url(../img/mercury/cartridgefilterimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #mercurybox_10 #cartridgefilterbox {
        width: 420px;
        margin-top: 50px;
        position: relative;
        float: right;
    }

    #mercurybox_10 #cartridgefiltermsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #mercurybox_10 #exchangebox {
        margin-top: 30px;
    }

    #mercurybox_10 #exchangebox span {
        margin-bottom: 0;
        display: inline;
    }

    #mercurybox_10 #exchangebox img {
        margin: 0 15px;
    }

    #mercurybox_10 #cartridgefilter p {
        line-height: 1.8em;
    }

    #mercurybox_10 #nsf {
        width: 90px;
        position: absolute;
        bottom: 35px;
        right: 10px;
    }

    /* ---------------------
*     mercurybox_11
* -------------------- */
    #mercurybox_11 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_11 #usersvoice {
        height: 570px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: #EEFAFF;
    }

    #mercurybox_11 #usersvoicemsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #mercurybox_11 #usersvoice .thumbnail {
        background: transparent;
        border: none;
    }

    #mercurybox_11 #usersvoice .thumbnail h3 {
        font-size: 20px;
    }

    #mercurybox_11 #usersvoice p {
        line-height: 1.8em;
    }

    /* ---------------------
*     mercurybox_12
* -------------------- */
    #mercurybox_12 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_12 #fourstep {
        padding-top: 60px;
        padding-bottom: 60px;
        background: #EEEEEE;
    }

    #mercurybox_12 #fourstep_upper .col-sm-4 {
        border-bottom: none;
    }

    #mercurybox_12 #fourstep_lower .col-sm-6 {
        border-bottom: none;
    }

    #mercurybox_12 #fourstepmsg {
        margin-bottom: 50px;
        font-size: 2.6rem;
    }

    #mercurybox_12 #fourstepmsg span {
        color: #FA1743;
    }

    #mercurybox_12 .fourstepbox {
        margin: 20px auto 0 auto;
        padding-top: 60px;
        padding-bottom: 0;
        position: relative;
    }

    #mercurybox_12 .fourstepbox .circle {
        width: 60px;
        height: 60px;
        margin: 0 0 0 -30px;
        padding-top: 7px;
        line-height: 1.6em;
        background-size: 60px;
        position: absolute;
        top: 0;
        left: 50%;
    }

    #mercurybox_12 .fourstepbox .circle span {
        font-size: 2.6rem;
    }

    #mercurybox_12 #fourstep_upper .col-sm-4 .fourstepboxbody {
        width: 245px;
        height: 370px;
        margin: 0 auto;
        padding: 10px 20px;
    }

    #mercurybox_12 #fourstep_lower .col-sm-6 .fourstepboxbody {
        width: 365px;
        height: 240px;
        margin: 0 auto;
        padding: 10px 25px;
    }

    #mercurybox_12 #fourstep_upper .col-sm-4:nth-child(-n+2) .fourstepboxbody {
        border-right: 1px solid #b7b7b7;
    }

    #mercurybox_12 #fourstep_lower .col-sm-6:nth-child(-n+1) .fourstepboxbody {
        border-right: 1px solid #b7b7b7;
    }

    #mercurybox_12 .foursteptitle {
        margin-top: 40px;
        margin-bottom: 30px;
        font-size: 22px;
        position: relative;
    }

    #mercurybox_12 #step_01 {
        width: 90px;
        height: 52px;
    }

    #mercurybox_12 #step_02 {
        width: 65px;
        height: 65px;
    }

    #mercurybox_12 #step_03 {
        width: 45px;
        height: 45px;
    }

    #mercurybox_12 #step_04 {
        width: 90px;
        height: 52px;
    }

    #mercurybox_12 #step_00 {
        width: 55px;
        height: 55px;
    }

    #mercurybox_12 #fourstep p {
        line-height: 1.8em;
    }

    #mercurybox_12 #fourstep p span {
        font-size: 12px;
    }

    /* ---------------------
*     mercurybox_13
* -------------------- */
    #mercurybox_13 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_13 #spec {
        height: 570px;
        padding-top: 60px;
    }

    #mercurybox_13 #specmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #mercurybox_13 #spec p {
        line-height: 1.8em;
    }

    /* ---------------------
*     mercurybox_14
* -------------------- */
    #mercurybox_14 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_14 #faq {
        padding-top: 60px;
        background: #EEEEEE;
    }

    #mercurybox_14 #faqmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #mercurybox_14 #faq ul {
        list-style-type: none;
        padding-left: 0;
    }

    #mercurybox_14 #faq ul li.question {
        margin-bottom: 5px;
        padding-left: 45px;
        line-height: 3em;
        background-size: 30px 30px;
    }

    #mercurybox_14 #faq ul li.answer {
        padding-left: 45px;
        line-height: 3em;
        background-size: 30px 30px;
    }

    /* -------------------------------------
*     singlepage crest
* ------------------------------------- */
    /* ---------------------
*     crestbox_00
* -------------------- */
    .cresttopsliderbox {
        /*width: 510px;*/
        /*height: 120px;*/
        position: absolute;
        top: 50%;
        /*left: 5%;*/
        margin: -80px 0 0 0;
        z-index: 8000;
        padding: 14px 60px;
    }

    #cresttopsliderlogo {
        width: 250px;
        margin-right: 15px;
        float: left;
    }

    .cresttopslidermsg {
        margin-bottom: 10px;
        color: #FFFFFF;
        font-size: 23px;
    }

    .cresttopslidername {
        width: 160px;
        margin-top: 0;
        color: #FFFFFF;
        line-height: 1.8em;
        font-size: 14px;
        float: left;
        white-space: nowrap;
    }

    .cresttopslidername br {
        display: inline;
    }

    #cresttopbox {
        margin: 0 auto 35px auto;
        font-size: 22px;
    }

    #cresttopboxmsg {
        font-size: 40px;
    }

    #cresttoplogo {
        width: 200px;
    }

    #cresttop span.slidersubname {
        font-size: 13px;
    }

    #cresttop span.slidername {
        font-size: 18px;
    }

    /* ---------------------
*     crestbox_01
* -------------------- */
    .crestimg {
        width: 145px;
    }

    #crestbox_01 p {
        font-size: 14px;
    }

    /* ---------------------
*     crestbox_02
* -------------------- */
    #crestbox_02 {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    #crestbox_02 hr {
        display: block;
        border: 0 none;
        height: 6px;
        color: #696969;
        background-color: #FFFFFF;
    }

    #crestbox_02 .col-xs-12 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #crestbox_02 .col-sm-4:nth-child(-n+2) {
        border-right: 1px solid #b7b7b7;
    }

    #crestbox_02 .col-xs-12 {
        border-bottom: none;
    }

    #meritblock_top {
        margin-top: 0;
        margin-bottom: 25px;
    }

    #meritblock_bottom {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #meritblock_bottom p {
        margin-top: 0;
    }

    #meritblock_bottom .col-sm-6:nth-child(1) {
        border-right: 1px solid #b7b7b7;
    }

    #meriticon_04,
    #meriticon_05 {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    /* ---------------------
*     crestbox_03
* -------------------- */
    #crestbox_03 {
        padding-top: 20px;
        padding-bottom: 0;
    }

    #crestbox_03 .featureboxright {
        margin-left: 10px;
    }

    #crestbox_03 #explanation_01msg {
        font-size: 23px;
    }

    .featureboxright .circle {
        top: 0;
        right: 20px;
        padding-top: 26px;
        line-height: 1.6em;
    }

    .featureboxleft .circle {
        top: 0;
        right: -10px;
        padding-top: 26px;
        line-height: 1.6em;
    }

    /* ---------------------
*     crestbox_04
* -------------------- */
    #crestbox_04 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #crestbox_04 #spec {
        height: 400px;
    }

    /* ---------------------
*     crestbox_05
* -------------------- */
    #crestbox_05 .selectplanbox {
        width: 455px;
        padding-left: 35px;
    }

    #crestbox_05 #selectplanimg {
        width: 110px;
    }

    #crestbox_05 .selectplanname {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    #phonenumber {
        width: 350px;
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0;
    }

    #contactbtn {
        width: 350px;
    }

    /* -------------------------------------
*     singlepage filter
* ------------------------------------- */
    /* ---------------------
*     filterbox_00
* -------------------- */
    .filtertopsliderbox {
        width: 425px;
        height: 120px;
        padding-left: 0;
        position: absolute;
        top: 50%;
        left: 44%;
        margin: -80px 0 0 0;
        z-index: 8000;
    }

    #filtertopsliderlogo {
        width: 250px;
        margin-right: 15px;
        float: left;
    }

    .filtertopslidermsg {
        margin-bottom: 10px;
        color: #FFFFFF;
        font-size: 23px;
    }

    .filtertopslidername {
        width: 160px;
        margin-top: 0;
        color: #FFFFFF;
        line-height: 1.8em;
        font-size: 14px;
        float: left;
        white-space: nowrap;
    }

    .filtertopslidername br {
        display: inline;
    }

    #filtertopbox {
        margin: 0 auto 35px auto;
        font-size: 22px;
    }

    #filtertopboxmsg {
        font-size: 40px;
    }

    #filtertoplogo {
        width: 200px;
    }

    #filtertop span.slidersubname {
        font-size: 13px;
    }

    #filtertop span.slidername {
        font-size: 18px;
    }

    /* ---------------------
*     filterbox_01
* -------------------- */
    #filterbox_01 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    #filterbox_01 .container {
        margin-bottom: 120px;
    }

    #filterbox_01 #cartridgefilterbox {
        width: 480px;
        margin-top: 0;
        padding-left: 30px;
    }

    #filterbox_01 #cartridgefiltermsg {
        font-size: 23px;
    }

    #filterbox_01 #nsf01 {
        width: 90px;
        top: 110px;
        right: -15px;
    }

    #filterbox_01 #nsf02 {
        width: 90px;
        top: 130px;
        right: -15px;
    }

    .cartridgefilterbtnbox {
        margin-top: 40px;
        padding-left: 30px;
        border-left: 1px solid #CCCCCC;
    }

    .cartridgefilterbtntitle {
        margin-bottom: 20px;
        font-size: 23px;
    }

    #filterbox_01 .selectplanbtn {
        width: 300px;
        margin-top: 15px;
    }

    /* -------------------------------------
*     singlepage hakusui
* ------------------------------------- */
    /* ---------------------
*     hakusuitop
* -------------------- */
    #hakusuitop .hakusuitopsliderbox {
        width: 360px;
        height: 120px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -80px 0 0 0;
        z-index: 8000;
    }

    .hakusuicampaignimgbox {
        top: -120%;
        left: 50%;
        margin: 0 0 0 -70px;
    }

    #hakusuitop #hakusuitopsliderlogo {
        width: 350px;
    }

    #hakusuitop .hakusuitopslidermsg {
        margin-bottom: 10px;
        color: #FFFFFF;
        font-size: 20px;
    }

    #hakusuitop .hakusuitopslidername {
        width: 360px;
        margin-top: 15px;
        color: #FFFFFF;
        line-height: 1.8em;
        font-size: 14px;
    }

    #hakusuitop #hakusuitopbox {
        margin: 0 auto 35px auto;
        font-size: 22px;
    }

    #hakusuitop #hakusuitopboxmsg {
        font-size: 40px;
    }

    #hakusuitop #hakusuitoplogo {
        width: 200px;
    }

    #hakusuitop span.slidersubname {
        font-size: 13px;
    }

    #hakusuitop span.slidername {
        font-size: 18px;
    }

    /* ---------------------
*     hakusuibox_01

* -------------------- */
    .hakusuiimg {
        width: 185px;
    }

    #hakusuibox_01 p {
        font-size: 14px;
    }

    /* ---------------------
*     hakusuibox_02

* -------------------- */
    #hakusuibox_02 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #hakusuibox_02 .meritbox {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    #hakusuibox_02 .meriticon {
        margin-bottom: 20px;
    }

    #hakusuibox_02 #meriticon_02 {
        margin-top: 0;
    }

    #hakusuibox_02 .col-xs-12 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #hakusuibox_02 .col-sm-4:nth-child(-n+2) {
        border-right: 1px solid #b7b7b7;
        border-bottom: none;
    }

    /* ---------------------
*     hakusuibox_03
* -------------------- */
    #hakusuibox_03 #explanation_01 {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/hakusui/explanationimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #hakusuibox_03 #explanation_01box {
        padding-top: 0;
        position: absolute;
        left: 75px;
    }

    #hakusuibox_03 #explanation_01msg {
        width: 400px;
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    /* ---------------------
*     hakusuibox_04
* -------------------- */
    #hakusuibox_04 #h2wavesystem {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/hakusui/explanationimgbg_02.jpg) no-repeat center top;
        background-size: cover;
    }

    #hakusuibox_04 #h2wavesystembox {
        position: absolute;
        right: 145px;
    }

    #hakusuibox_04 #h2wavesystemmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #hakusuibox_04 #h2wavesystemmsg .circle {
        padding-top: 20px;
        position: absolute;
        top: -40px;
        left: 400px;
    }

    #hakusuibox_04 #h2wavesystemmsg .circle span {
        font-size: 24px;
    }

    #hakusuibox_04 #h2wavesystemname {
        width: 204px;
        display: inline;
    }

    #hakusuibox_04 #h2wavesystem p {
        line-height: 1.8em;
    }

    /* ---------------------
*     hakusuibox_05
* -------------------- */
    #hakusuibox_05 {
        padding-top: 130px;
        padding-bottom: 100px;
    }

    #hakusuibox_05 .selectplanbox:first-of-type {
        border-bottom: none;
    }

    #hakusuibox_05 #selectplanimg {
        width: 100px;
        margin-bottom: 0;
    }

    #hakusuibox_05 .selectplanname {
        font-size: 27px;
        margin-bottom: 25px;
    }

    #hakusuibox_05 .selectplanbox {
        padding-left: 25px;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        border-left: 1px solid #b7b7b7;
        border-bottom: none;
    }

    #hakusuibox_05 .selectplanbtn {
        width: 200px;
        display: inline;
        margin-left: 0;
        margin-right: auto;
        margin-top: 30px;
    }

    /* ---------------------
*     hakusuibox_06
* -------------------- */
    #hakusuibox_06 #explanation_01 {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/hakusui/explanationimgbg_03.jpg) no-repeat center top;
        background-size: cover;
    }

    #hakusuibox_06 #explanation_01box {
        padding-top: 0;
        position: absolute;
        left: 75px;
    }

    #hakusuibox_06 #explanation_01msg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #hakusuibox_06 #explanation_01msg .circle {
        padding-top: 30px;
        position: absolute;
        top: 20px;
        left: 580px;
    }

    /* ---------------------
*     hakusuibox_07
* -------------------- */
    #hakusuibox_07 {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .featurebox {
        padding-top: 30px;
    }

    .featureboxright {
        margin-top: 20px;
        margin-left: 50px;
    }

    .featureboxleft {
        margin-top: 20px;
        margin-left: 10px;
    }

    .featurebox p {
        line-height: 1.8em;
    }

    .flex-right,
    .selectplantop-photo {
        display: none;
    }

    .first-child {
        display: block;
        padding-top: 20px;
    }

    .flex-merit {
        display: block;
        width: 100%;
        background-color: #F9F9F9;
        padding: 20px
    }

    .flex-merit div {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #b7b7b7;
    }

    .flex-merit div:nth-child(3) {
        border-bottom: 1px solid #b7b7b7;
    }

    .flex-merit div:nth-child(4) {
        border-bottom: 1px solid #b7b7b7;
    }

    .flex-merit div:nth-child(5) {
        border-bottom: 1px solid #b7b7b7;
    }

    .flex-merit div:nth-child(6) {
        border-bottom: 1px solid #b7b7b7;
    }

    .initial-cost {
        border: 1px solid #000;
        padding: 20px;
        font-size: 22px;
        text-align: center;
        color: #f51148;
        margin-bottom: 40px;
        font-weight: 700;
    }

    #mercurybox_03 .selectplantop {
        display: block;
        width: 100%;
    }

    #mercurybox_03 .selectplantop>div {
        width: 100%;
    }

    .sales-point {
        display: block;
        margin-bottom: 30px;
    }

    .sales-point strong {
        color: #00ADFB;
    }

    .sales-point div {
        width: 100%;
    }

    div.howto {
        padding-top: 50px;
    }

    div.howto p {
        padding-top: 20px;
    }

    div.howto div {
        margin-bottom: 30px;
    }

    .interview {}

    .interview p {
        margin: 0 !important;

    }

    .interview h2 {
        font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
        font-size: 2.6rem;
        line-height: 1.6;
        margin-bottom: 80px;
    }

    .interview .row {
        margin-bottom: 60px;
    }

    .interview dt {
        font-weight: normal;
        font-size: 2.0rem;
        margin-bottom: 20px;
        padding-left: 45px;
        background: url(../img/mercury/questionicon.png) no-repeat;
        background-size: 26px 26px;
    }

    .interview dd {
        font-size: 1.4rem;
        line-height: 1.8;
        padding-left: 45px;
        background: url(../img/mercury/answericon.png) no-repeat;
        background-size: 26px 26px;
    }

    .interview .profile {
        border: 1px solid #B5B5B5;
        padding: 40px;
        background-color: #F7F7F7;
    }

    .interview .profile dt,
    .interview .profile dd {
        background-image: none;
        padding-left: 0;
    }

    #explanation_01msg strong {
        display: block;
        background-color: #e76e73;
        text-align: center;
        padding: 10px;
        color: #fff;
        margin-bottom: 40px;
        border-radius: 4px;
        font-weight: normal;
    }

    ul.nyuyoku {
        list-style: none;

    }

    ul.nyuyoku li {
        padding: 20px 0 0 100px;
        font-size: 1.8rem;
        margin-bottom: 60px;
        min-height: 70px;
    }

    ul.nyuyoku li:nth-child(1) {
        background-image: url(../img/hakusui/nyuyoku_icon_no1.gif);
        background-position: top left;
        background-repeat: no-repeat;
    }

    ul.nyuyoku li:nth-child(2) {
        background-image: url(../img/hakusui/nyuyoku_icon_no2.gif);
        background-position: top left;
        background-repeat: no-repeat;
    }

    ul.nyuyoku li:nth-child(3) {
        background-image: url(../img/hakusui/nyuyoku_icon_no3.gif);
        background-position: top left;
        background-repeat: no-repeat;
    }

    .nyuyoku-note {
        padding-left: 100px;
    }

    .bustime {
        margin: 40px auto;
        width: 80%;
        max-width: 700px;

    }

    .bustime p:nth-child(1) {
        font-size: 1.8rem;
        color: #e76e73;
    }

    .bustime p:nth-child(2) {
        font-size: 1.5rem;
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 20px;
        line-height: 1.8;
    }

    .hakusui-enquete p {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }

    .hakusui-enquete ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        justify-content: space-between;
    }

    .hakusui-enquete ul li {
        width: 42%;
        margin-bottom: 50px !important;
    }

    .hakusui-enquete ul li:nth-of-type(5),
    .hakusui-enquete ul li:nth-of-type(6) {
        margin-bottom: 0;
    }
}

/* ********************************************************************************************************************* */
@media screen and (min-width: 992px) {
    div.campaign ul {

        list-style: none;
        width: 775px;
        margin: 0 auto;
    }

    ul#slider-our li p {
        left: 140px;
    }

    #gnav>ul>li {
        padding: 0 10px;
    }

    li.li-mrg01 {
        padding: 0 0 0 30px !important;
    }

    li.li-mrg01 img {
        width: 90% !important;
        height: auto;
    }

    li.li-mrg02 {
        padding: 0 !important;
    }

    li.li-mrg03 {
        padding: 0 !important;
    }

    .index-slide-area p {
        font-size: 5.6rem;
    }

    #gnav>ul {}

    ul#slider-our img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    #gnav>ul>li>a {
        display: block;
    }

    /* ---------------------
*     bxslider
* -------------------- */
    .bx-wrapper .bx-pager.bx-default-pager a.active,
    .bx-wrapper .bx-pager.bx-default-pager a:focus,
    .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #6E6E6E;
    }

    #slider div p {
        top: 19.5%;
    }

    #slider .active-slide p {
        opacity: 1;
    }

    #slider div .txt01 {
        top: 19.5%;
        right: 30px
    }

    #slider div .txt02 {
        top: 19.5%;
        left: 0px;
    }

    #slider div .txt03 {
        top: 19.5%;
        left: 10px;
    }

    #slider div .txt04 {
        top: 19.5%;
        right: -50px;
    }

    #slider div .txt05 {
        top: 19.5%;
        left: -50px;
    }

    .btn-white {
        padding-left: 45px;
        padding-right: 45px;
        color: #000000;
        font-size: 18px;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 20px;
    }

    .btn-white:hover {
        padding-left: 45px;
        padding-right: 45px;
        color: #FFFFFF;
        font-size: 18px;
        background-color: #000000;
        border: 1px solid #FFFFFF;
        border-radius: 20px;
    }

    /* ---------------------
*     topitems
* -------------------- */
    #topitems ul {
        margin: 0 auto;
        list-style-type: none;
        padding-left: 0;
    }

    #topitems ul li {
        width: 18.5%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        padding-left: 0;
        padding-right: 0;
    }

    #topitems ul li img {
        width: 45%;
    }

    #topitems ul li:nth-child(2) img {
        width: 42% !important;
    }

    #topitems ul li .topitemsname {}

    #topitems ul li .topitemsmsg {
        margin-top: 10px;
        line-height: 1.7em;
        font-size: 11px;
    }

    /* ---------------------
*     topnews
* -------------------- */
    #topnews {
        padding-top: 55px;
        padding-bottom: 55px;
        background: #EEEEEE;
    }

    #topnews ul {
        list-style-type: none;
        padding-left: 0;
    }

    #topnews ul li {
        padding-top: 25px;
        padding-bottom: 25px;
        border-bottom: 1px dashed #000000;
    }

    #topnews ul li span {
        margin-right: 30px;
        color: #01AAFF;
        font-weight: bold;
    }

    /* -------------------------------------
*     detail
* ------------------------------------- */
    #productname {
        margin-top: 110px;
    }

    /* -------------------------------------
*     singlepage aqu
* ------------------------------------- */
    /* ---------------------
*     aqubox_00
* -------------------- */
    .aqucampaignimgbox {}

    #aqutopsliderlogo {
        width: 210px;
        margin-right: 15px;
    }

    #aqutopboxmsg {
        font-size: 40px;
    }

    .aqutopslidername {
        width: 130px;
        margin-top: 5px;
    }

    /* ---------------------
*     aqubox_01
* -------------------- */
    .aquimg {
        width: 185px;
    }

    #aqubox_01 p {
        font-size: 14px;
    }

    /* ---------------------
*     aqubox_03
* -------------------- */
    #aqubox_03 {
        padding-top: 130px;
        padding-bottom: 100px;
    }

    #selectplanimg {
        width: 120px;
    }

    .selectplanname {
        font-size: 27px;
        margin-bottom: 25px;
    }

    .selectplanbox {
        width: 380px;
        padding-left: 35px;
    }

    .circle {
        width: 90px;
        height: 90px;
        color: #FFFFFF;
        background: url(../img/aqu/circle.png);
        background-size: 90px 90px;
        font-size: 12px;
    }

    .selectplanbox .circle {
        padding-top: 25px;
        position: absolute;
        top: -40px;
        left: 260px;
    }

    /* ---------------------
*     aqubox_05
* -------------------- */
    .placename_left {
        left: 40px;
    }

    .placename_right {
        right: 40px;
    }

    /* ---------------------
*     aqubox_06
* -------------------- */
    #explanation_01msg .circle {
        padding-top: 23px;
    }

    /* ---------------------
*     aqubox_10
* -------------------- */
    .featureboxright {
        margin-left: 50px;
    }

    .featureboxleft {
        margin-left: 20px;
    }

    /* ---------------------
*     aqubox_12
* -------------------- */
    #comparemsg {
        margin-left: 15px;
    }

    #compare p {
        margin-left: 15px;
    }

    #comparetable {
        width: 650px;
        margin-top: 30px;
        margin-right: 10px;
        border: none;
        float: right;
    }

    #comparetable th {
        width: 130px;
        padding: 15px 0;
        text-align: center;
        font-size: 18px;
        color: #FFFFFF;
        border: 3px solid #262626;
    }

    #comparetable td {
        width: 130px;
        padding: 8px 0;
        text-align: center;
        color: #FFFFFF;
        border: 3px solid #262626;
    }

    #aqubox_12 #compareimg {
        width: 110px;
        margin-top: 25px;
        margin-left: 15px;
    }

    /* ---------------------
*     aqubox_13
* -------------------- */
    #cartridgefilterbox {
        width: 530px;
        margin-right: 15px;
    }

    #nsf {
        right: -25px;
    }

    /* ---------------------
*     aqubox_15
* -------------------- */
    .threestepbox {
        width: 280px;
    }

    .threesteptitle {
        font-size: 27px;
    }

    #step_01 {
        width: 110px;
        height: 64px;
        position: absolute;
        top: -15px;
        left: 135px;
    }

    #step_02 {
        width: 72px;
        height: 72px;
        position: absolute;
        top: -20px;
        left: 160px;
    }

    #step_03 {
        width: 80px;
        height: 55px;
        position: absolute;
        top: -10px;
        left: 210px;
    }

    /* ---------------------
*     aqubox_17
* -------------------- */
    #faq ul li.question {
        line-height: 2.5em;
    }

    #faq ul li.answer {
        line-height: 2.5em;
    }

    /* -------------------------------------
*     singlepage mercury
* ------------------------------------- */
    /* ---------------------
*     mercurybox_00
* -------------------- */
    .mercurytopsliderbox {}

    .mercurycampaignimgbox img {
        width: 100%;
        max-width: 375px;
    }

    .mercurycampaignimgbox {
        top: -175%;
        margin: 40px 0 0 -10px;
    }

    #mercurytopsliderlogo {
        width: 350px;
        margin-right: 15px;
    }

    #mercurytopboxmsg {
        font-size: 40px;
    }

    .mercurytopslidername {
        width: 300px;
        margin-top: 15px;
    }

    /* ---------------------
*     mercurybox_01
* -------------------- */
    .mercuryimg {
        width: 145px;
    }

    #mercurybox_01 p {
        font-size: 14px;
    }

    /* ---------------------
*     mercurybox_03
* -------------------- */
    #mercurybox_03 {
        padding-top: 30px;
        padding-bottom: 100px;
    }

    #mercurybox_03 #selectplanimg {
        width: 80px;
    }

    #mercurybox_03 .selectplanname {
        font-size: 27px;
        margin-bottom: 25px;
    }

    #mercurybox_03 .selectplanbox {
        padding-left: 35px;
    }

    #mercurybox_03 .circle {
        width: 90px;
        height: 90px;
        color: #FFFFFF;
        background: url(../img/mercury/circle.png);
        background-size: 90px 90px;
        font-size: 12px;
    }

    #mercurybox_03 .selectplanbox .circle {
        padding-top: 25px;
        position: absolute;
        top: -40px;
        left: 260px;
    }

    /* ---------------------
*     mercurybox_05
* -------------------- */
    #mercurybox_05 .placename_left {
        left: 40px;
    }

    #mercurybox_05 .placename_right {
        right: 40px;
    }

    /* ---------------------
*     mercurybox_07
* -------------------- */
    #mercurybox_07 #comparemsg {
        margin-left: 15px;
    }

    #mercurybox_07 #comparemsg .circle {
        right: 180px;
    }

    #mercurybox_07 #compare p {
        margin-left: 15px;
    }

    #mercurybox_07 #comparetable {
        width: 590px;
        margin-top: 30px;
        margin-right: 30px;
        border: none;
        float: right;
    }

    #mercurybox_07 #comparetable th {
        width: 130px;
        padding: 15px 0;
        text-align: center;
        font-size: 18px;

        color: #FFFFFF;
        border: 3px solid #262626;
    }

    #mercurybox_07 #comparetable td {
        width: 130px;
        padding: 8px 0;
        text-align: center;
        color: #FFFFFF;
        border: 3px solid #262626;
    }

    #mercurybox_07 #compareimg_01 {
        width: 75px;
    }

    #mercurybox_07 #compareimg_02 {
        width: 95px;

        margin-top: 40px;
    }

    /* ---------------------
*     mercurybox_08
* -------------------- */
    #mercurybox_08 .featureboxright {
        margin-left: 50px;
    }

    #mercurybox_08 .featureboxleft {
        margin-left: 20px;
    }

    /* ---------------------
*     mercurybox_10
* -------------------- */
    #mercurybox_10 #cartridgefilterbox {
        width: 520px;
        margin-right: 15px;
    }

    #mercurybox_10 #nsf {
        width: 100px;
        right: 0;
    }

    /* ---------------------
*     mercurybox_12
* -------------------- */
    #mercurybox_12 .foursteptitle {
        font-size: 27px;
    }

    #mercurybox_12 #fourstep_upper .col-sm-4 .fourstepboxbody {
        width: 310px;
        height: 310px;
        margin: 0 auto;
        padding: 10px 20px;
    }

    #mercurybox_12 #fourstep_lower .col-sm-6 .fourstepboxbody {
        width: 470px;
        height: 240px;
        margin: 0 auto;
        padding: 10px 60px;
    }

    #mercurybox_12 #fourstep_upper .col-sm-4:nth-child(-n+2) .fourstepboxbody {
        border-right: 1px solid #b7b7b7;
    }

    #mercurybox_12 #fourstep_lower .col-sm-6:nth-child(-n+1) .fourstepboxbody {
        border-right: 1px solid #b7b7b7;
    }

    #mercurybox_12 #step_01 {}

    #mercurybox_12 #step_02 {
        width: 72px;
        height: 72px;
    }

    #mercurybox_12 #step_03 {
        width: 55px;
        height: 55px;
    }

    #mercurybox_12 #step_04 {
        width: 90px;
        height: 52px;
    }

    #mercurybox_12 #step_00 {
        width: 55px;
        height: 55px;
    }

    /* ---------------------
*     mercurybox_14
* -------------------- */
    #mercurybox_14 #faq ul li.question {
        line-height: 2.5em;
    }

    #mercurybox_14 #faq ul li.answer {
        line-height: 2.5em;
    }

    /* -------------------------------------
*     singlepage crest
* ------------------------------------- */
    /* ---------------------
*     crestbox_00
* -------------------- */
    .cresttopsliderbox {
        /*width: 450px;*/
        margin-left: 0;
        /*left: 9%;*/
    }

    #cresttopsliderlogo {
        width: 250px;
        margin-right: 15px;
    }

    #cresttopboxmsg {
        font-size: 40px;
    }

    .cresttopslidername {
        width: 160px;
        margin-top: 5px;
    }

    /* ---------------------
*     crestbox_01
* -------------------- */
    .crestimg {
        width: 145px;
    }

    #crestbox_01 p {
        font-size: 14px;
    }

    /* ---------------------
*     crestbox_03
* -------------------- */
    #crestbox_03 #explanation_01msg {
        font-size: 2.6rem;
    }

    .featureboxright .circle {
        position: absolute;
        top: 0;
        right: 10px;
        padding-top: 26px;
        line-height: 1.6em;
    }

    .featureboxright .circle span {
        font-size: 22px;
    }

    .featureboxleft .circle {
        position: absolute;
        top: 0;
        right: 10px;
        padding-top: 26px;
        line-height: 1.6em;
    }

    /* ---------------------
*     crestbox_04
* -------------------- */
    #crestbox_04 #spec {
        height: 450px;
    }

    /* -------------------------------------
*     singlepage filter
* ------------------------------------- */
    /* ---------------------
*     filterbox_00
* -------------------- */
    .filtertopsliderbox {
        margin-left: 0;
        left: 55%;
    }

    #filtertopsliderlogo {
        margin-right: 15px;
    }

    #filtertopboxmsg {
        font-size: 40px;
    }

    .filtertopslidername {
        width: 160px;
        margin-top: 5px;
    }

    /* ---------------------
*     filterbox_01
* -------------------- */
    #filterbox_01 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    #filterbox_01 #cartridgefilterbox {
        width: 530px;
        margin-right: 0;
        padding-left: 0;
    }

    .cartridgefilterimg {
        width: 360px;
    }

    #filterbox_01 #cartridgefiltermsg {
        font-size: 26px;
    }

    #filterbox_01 #nsf01 {
        width: 100px;
        top: 90px;
        right: 0;
    }

    #filterbox_01 #nsf02 {
        width: 100px;
        top: 110px;
        right: 0;
    }

    .cartridgefilterbtnbox {
        margin-top: 50px;
        padding-left: 30px;
        border-left: 1px solid #CCCCCC;
    }

    .cartridgefilterbtntitle {
        margin-bottom: 20px;
        font-size: 26px;
    }

    .cartridgefilterbtn {
        width: 320px;
        margin-top: 15px;
    }

    /* -------------------------------------
*     singlepage hakusui
* ------------------------------------- */
    /* ---------------------
*     hakusuitop
* -------------------- */
    #hakusuitop .hakusuitopsliderbox {
        left: 60%;
    }

    .hakusuicampaignimgbox {
        top: -175%;
        left: 50%;
        margin: 0 0 0 -110px;
    }

    /* ---------------------
*     hakusuibox_01
* -------------------- */
    #hakusuibox_01 .hakusuiimg {
        width: 185px;
    }

    #hakusuibox_01 p {
        font-size: 14px;
    }

    /* ---------------------
*     hakusuibox_03
* -------------------- */
    #crestbox_03 .featureboxright {
        margin-left: 50px;
    }

    #hakusuibox_03 #explanation_01msg .circle {
        padding-top: 23px;
    }

    /* ---------------------

*     hakusuibox_05
* -------------------- */
    #hakusuibox_05 {
        padding-top: 130px;
        padding-bottom: 100px;
    }

    #hakusuibox_05 #selectplanimg {
        width: 120px;
    }

    #hakusuibox_05 .selectplanname {
        font-size: 27px;
        margin-bottom: 25px;
    }

    #hakusuibox_05 .selectplanbox {
        padding-left: 35px;
    }

    /* ---------------------
*     hakusuibox_06
* -------------------- */
    #hakusuibox_06 #explanation_01msg .circle {
        padding-top: 35px;
        top: -30px;
        left: 100%;
    }

    /* ---------------------
*     hakusuibox_07
* -------------------- */
    #hakusuibox_07 .featureboxright {
        margin-left: 50px;
    }

    #hakusuibox_07 .featureboxleft {
        margin-left: 20px;
    }

    /* ---------------------
*     hakusuibox_08
* -------------------- */
    #hakusuibox_08 .howtousepointbox {
        margin-top: 20px;
    }

    #hakusuibox_08 .howtousepoint {
        margin-top: 20px;
        font-size: 18px;
    }

    #hakusuibox_08 .howtousepoint .circle {
        display: table-cell;
    }

    #hakusuibox_08 .howtousepoint p {
        padding-left: 20px;
        display: table-cell;
    }

    #howtousecaution {
        margin-top: 30px;
    }
}

/* ********************************************************************************************************************* */
@media screen and (min-width: 1200px) {
    div.shopping-list div {
        width: 21%;
        margin-right: 4%;
    }

    /* -------------------------------------
*     common
* ------------------------------------- */
    body {
        font-size: 1.4rem;
        ;
    }

    /* -------------------------------------
*     header
* ------------------------------------- */
    #carticon img {
        width: 22px;
        right: 125px;
    }

    /* ---------------------
*     mainmenu
* -------------------- */
    #mainmenu {
        line-height: 2;
    }

    #gnav>ul>li {
        text-align: center;
        font-size: 1.4rem;
        vertical-align: middle;
        font-weight: 400;
    }

    li.li-mrg01 img {
        width: 100% !important;
        height: auto;
    }

    #gnav>ul>li {
        padding: 0 17px;
    }

    #gnav>ul>li img {}

    li.li-mrg01 {
        padding: 0 10px 0 70px !important;
    }

    li.li-mrg02 {
        padding: 0 10px 0 0 !important;
    }

    li.li-mrg03 {
        padding: 0 10px 0 0 !important;
    }

    .index-slide-area p {
        font-size: 6.2rem;
    }

    #sitetitle {}

    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 15px;
        height: 15px;
        border-radius: 50%;
    }

    ul#slider-our img {
        width: 100%;
        height: 550px;
        object-fit: cover;
    }

    dl.pickup dd:nth-child(2) {
        font-size: 1.8rem;
        padding-top: 20px;
    }

    dl.pickup dd:nth-child(3) {
        padding-top: 10px;
        line-height: 1.5 !important;
    }

    /* -------------------------------------
*     top
* ------------------------------------- */
    /* ---------------------
*     bxslider
* -------------------- */
    .bx-wrapper .bx-pager.bx-default-pager a.active,
    .bx-wrapper .bx-pager.bx-default-pager a:focus,
    .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #6E6E6E;
    }

    #slider div p {
        top: 19.5%;
    }

    #slider .active-slide p {
        opacity: 1;
    }

    #slider div .txt01 {
        top: 22.5%;
        right: 50px
    }

    #slider div .txt02 {
        top: 22.5%;
        left: -50px;
    }

    #slider div .txt03 {
        top: 22.5%;
        left: 20px;
    }

    #slider div .txt04 {
        top: 22.5%;
        right: -50px;
    }

    #slider div .txt05 {
        top: 22.5%;
        left: -50px;
    }

    .btn-white {
        padding-left: 45px;
        padding-right: 45px;
        color: #000000;
        font-size: 18px;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 20px;
    }

    .btn-white:hover {
        padding-left: 45px;
        padding-right: 45px;
        color: #FFFFFF;
        font-size: 18px;
        background-color: #000000;
        border: 1px solid #FFFFFF;
        border-radius: 20px;
    }

    /* ---------------------
*     topitems
* -------------------- */
    #topitems ul {
        margin: 0 auto;
        list-style-type: none;
        padding-left: 0;
    }

    #topitems ul li {
        width: 18.5%;
        margin: 0 0;
        padding-left: 0;
        padding-right: 0;
    }

    #topitems ul li img {}

    #topitems ul li .topitemsname {
        font-size: 1.1rem;
    }

    #topitems ul li .topitemsmsg {
        font-size: 1.2rem;
    }

    #topitems div .topitemsname::after {
        display: block;
        content: "";
        width: 25%;
        margin: 10px auto;
        height: 1px;
        border-bottom: 1px solid #666;
    }

    /* ---------------------
*     topnews
* -------------------- */
    #topnews {
        padding-top: 55px;
        padding-bottom: 55px;
        background: #EEEEEE;
    }

    #topnews ul {
        list-style-type: none;
        padding-left: 0;
    }

    #topnews ul li {
        padding-top: 25px;
        padding-bottom: 25px;
        border-bottom: 1px dashed #000000;
    }

    #topnews ul li span {
        margin-right: 30px;
        color: #01AAFF;
        font-weight: bold;
    }

    /* -------------------------------------
*     detail
* ------------------------------------- */
    #productname {
        margin-top: 135px;
    }

    /* -------------------------------------
*     singlepage aqu
* ------------------------------------- */
    /* ---------------------
*     aqubox_00
* -------------------- */
    #aqutopbox {
        margin: 0 auto 30px auto;
        padding: 0;
        color: #000000;
        font-size: 22px;
        text-align: center;
    }

    .aqutopsliderbox {
        top: 30%;
    }

    #aqutopboxmsg {
        font-size: 50px;
    }

    .aqutopsliderbox img {
        width: 100%;
    }

    .aqutopslidermsg {
        width: 100%;
    }

    div.product-name {
        width: 100%;
    }

    #aqutop span.slidersubname {
        font-size: 16px;
    }

    #aqutop span.slidername {
        font-size: 23px;
    }

    #aqutop .active-slide p {
        opacity: 1;
    }

    /* ---------------------
*     aqubox_01
* -------------------- */
    .aquimg {
        width: 240px;
    }

    #aqubox_01 p {
        font-size: 16px;
    }

    /* ---------------------
*     aqubox_02
* -------------------- */
    #aqubox_02 {
        padding-top: 50px;
        padding-bottom: 50px;
        background: #F9F9F9;
    }

    #aqumerit_01 {
        width: 88px;
    }

    #aqumerit_02 {
        width: 204px;
    }

    #aqumerit_03 {
        width: 56px;
        margin-right: 10px;
    }

    /* ---------------------
*     aqubox_03
* -------------------- */
    #aqubox_03 {
        padding-top: 130px;
        padding-bottom: 100px;
    }

    #selectplanimg {
        width: 130px;
    }

    .selectplanname {
        font-size: 27px;
        margin-bottom: 25px;
    }

    .selectplanbox {
        width: 380px;
        padding-left: 75px;
        position: relative;
        border-left: 1px solid #b7b7b7;
    }

    .circle {
        width: 110px;
        height: 110px;
        text-align: center;
        color: #FFFFFF;
        background: url(../img/aqu/circle.png);
        font-size: 14px;
    }

    .selectplanbox .circle {
        padding-top: 35px;
        position: absolute;
        top: -60px;
        left: 290px;
    }

    .selectplanbox ul li {
        line-height: 2em;
    }

    .selectplanbtn {
        width: 230px;
        margin-top: 30px;
    }

    /* ---------------------
*     aqubox_04
* -------------------- */
    #aqubox_04 {
        padding-top: 80px;
    }

    #aqubox_04 p {
        line-height: 1.8;
    }

    #colorvariationmsg {
        font-size: 2.6rem;
        margin-bottom: 30px;
    }

    #colorvariationimg {
        width: 900px;
    }

    /* ---------------------
*     aqubox_05
* -------------------- */
    #aqubox_05 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .placename_left {
        position: absolute;
        top: 50px;
        left: 40px;
    }

    .placename_right {
        position: absolute;
        top: 50px;
        right: 40px;
    }

    .placename {
        width: 300px;
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .placename span {
        font-size: 60px;
        letter-spacing: 2px;
    }

    /* ---------------------
*     aqubox_06
* -------------------- */
    #aqubox_06 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #explanation_01 {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/aqu/explanationimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #explanation_01box {
        position: absolute;
        left: 75px;
    }

    #explanation_01msg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #explanation_01msg .circle {
        padding-top: 30px;
        position: absolute;
        top: -40px;
        left: 400px;
    }

    #explanation_01 p {
        line-height: 1.8em;
    }

    #shikumi {
        width: 440px;
        margin-top: 50px;
    }

    #shikumiimg {
        width: 440px;
    }

    /* ---------------------
*     aqubox_07
* -------------------- */
    #aqubox_07 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #h2wavesystem {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/aqu/h2wavesystemimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #h2wavesystembox {
        position: absolute;
        right: 75px;
    }

    #h2wavesystemmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #h2wavesystemmsg .circle {
        padding-top: 45px;
        position: absolute;
        top: -40px;
        left: 450px;
    }

    #h2wavesystem p {
        line-height: 1.8em;
    }

    /* ---------------------
*     aqubox_08
* -------------------- */
    #onestopmanagement {
        position: relative;
    }

    #onestopmanagementbox {
        position: absolute;
        top: 100px;
        left: 75px;
        display: inline-block;
        width: 650px;
        padding: 0;
        color: #000000;
        z-index: 10000;
    }

    #onestopmanagementmsg {
        margin-bottom: 20px;
        font-size: 2.6rem;
    }

    #onestopmanagementbox p {
        line-height: 1.8em;
    }

    /* ---------------------
*     aqubox_09
* -------------------- */
    #aqubox_09 {
        padding-top: 40px;
        padding-bottom: 0;
    }

    #simpledesignmsg {
        margin: 80px auto 30px auto;
        font-size: 2.6rem;
        text-align: center;
    }

    #simpledesign p {
        line-height: 1.8em;
        text-align: center;
    }

    /* ---------------------
*     aqubox_10
* -------------------- */
    #aqubox_10 {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .featurebox {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .featureboxright {
        margin-top: 20px;
        margin-left: 50px;
    }

    .featureboxleft {
        margin-top: 20px;
        margin-left: 20px;
    }

    .featurebox p {
        line-height: 1.8em;
    }

    p.price-psopa {
        line-height: 0.8;
    }

    /* ---------------------
*     aqubox_11
* -------------------- */
    #aqubox_11 {
        padding-top: 0;
        padding-bottom: 40px;
    }

    #tsukaikatamsg {
        margin: 80px auto 30px auto;
        font-size: 2.6rem;
        text-align: center;
    }

    #tsukaikata p {
        line-height: 1.8;
        text-align: center;
        margin-bottom: 25px;
    }

    /* ---------------------
*     aqubox_12
* -------------------- */
    #aqubox_12 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #compare {
        height: 570px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: url(../img/aqu/compareimgbg.jpg) repeat-x center top;
        background-size: cover;
    }

    #comparemsg {
        margin: 0 0 30px 75px;
        font-size: 2.6rem;
        color: #FFFFFF;
    }

    #comparemsg span {
        font-size: 12px;
    }

    #compare p {
        margin-left: 75px;
        margin-bottom: 50px;
        line-height: 1.8em;
        color: #FFFFFF;
    }

    #comparetable {
        width: 800px;
        margin-top: 35px;
        margin-right: 75px;
        border: none;
        float: right;
    }

    #comparetable th {
        width: 160px;
        padding: 15px 0;
        text-align: center;
        font-size: 18px;
        color: #FFFFFF;
        border: 3px solid #262626;
    }

    #comparetable td {
        width: 160px;
        padding: 8px 0;
        text-align: center;
        color: #FFFFFF;
        border: 3px solid #262626;
    }

    #comparetable .white {
        color: #202020;
        background: #FFFFFF;
    }

    #comparetable .blue {
        background: #00ADFB;
    }

    #comparetable .glay {
        background: #727172;
    }

    #aqubox_12 #compareimg {
        width: 130px;
        margin-top: 5px;
        margin-left: 15px;
    }

    /* ---------------------
*     aqubox_13
* -------------------- */
    #aqubox_13 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #cartridgefilter {
        height: 570px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: url(../img/aqu/cartridgefilterimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #cartridgefilterbox {
        margin-top: 50px;
        margin-right: 130px;
        position: relative;
        float: right;
        width: 580px;
    }

    #cartridgefiltermsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #exchangebox {
        margin-top: 30px;
    }

    #exchangebox img {
        margin: 0 15px;
    }

    #cartridgefilter p {
        line-height: 1.8em;
    }

    #nsf {
        width: 120px;
        position: absolute;
        bottom: 25px;
        right: -25px;
    }

    /* ---------------------
*     aqubox_14
* -------------------- */
    #aqubox_14 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #usersvoice {
        height: 570px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: #EEFAFF;
    }

    #usersvoicemsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #usersvoice .thumbnail {
        background: transparent;
        border: none;
    }

    #usersvoice .thumbnail h3 {
        font-size: 20px;
    }

    #usersvoice p {
        line-height: 1.8em;
    }

    /* ---------------------
*     aqubox_15
* -------------------- */
    #aqubox_15 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #threestep {
        height: 570px;
        padding-top: 60px;
        padding-bottom: 60px;
        background: #EEEEEE;
    }

    #aqubox_15 .col-xs-4:nth-child(-n+2) {
        border-right: 1px solid #b7b7b7;
    }

    #threestepmsg {
        margin-bottom: 50px;
        font-size: 2.6rem;
    }

    #threestepmsg span {
        color: #FA1743;
    }

    .threestepbox {
        width: 280px;
        margin: 20px auto 0 auto;
        padding-top: 60px;
        position: relative;
    }

    .threestepbox .circle {
        width: 60px;
        height: 60px;
        margin: 0 0 0 -30px;
        padding-top: 7px;
        line-height: 1.6em;
        background-size: 60px;
        position: absolute;
        top: 0;
        left: 50%;
    }

    .threestepbox .circle span {
        font-size: 2.6rem;
    }

    .threesteptitle {
        margin-top: 40px;
        margin-bottom: 30px;
        font-size: 27px;
        position: relative;
    }

    #step_01 {
        width: 110px;
        height: 64px;
        position: absolute;
        top: -15px;
        left: 135px;
    }

    #step_02 {
        width: 72px;
        height: 72px;
        position: absolute;
        top: -20px;
        left: 160px;
    }

    #step_03 {
        width: 80px;
        height: 55px;
        position: absolute;
        top: -10px;
        left: 210px;
    }

    #threestep p {
        line-height: 1.8em;
    }

    #threestep p span {
        font-size: 12px;
    }

    /* ---------------------
*     aqubox_16
* -------------------- */
    #aqubox_16 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #spec {
        height: 570px;
        padding-top: 60px;
    }

    #specmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #spec p {
        line-height: 1.8em;
    }

    /* ---------------------
*     aqubox_17
* -------------------- */
    #aqubox_17 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #faq {
        height: 570px;
        padding-top: 60px;
        background: #EEEEEE;
    }

    #faqmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #faq ul {
        list-style-type: none;
        padding-left: 0;
    }

    #faq ul li.question {
        margin-bottom: 5px;
        padding-left: 45px;
        line-height: 2.3em;
        background-size: 30px 30px;
    }

    #faq ul li.answer {
        padding-left: 45px;
        line-height: 2.3em;
        background-size: 30px 30px;
    }

    /* -------------------------------------
*     singlepage mercury
* ------------------------------------- */
    /* ---------------------
*     mercurybox_00
* -------------------- */
    #mercurytop {
        position: relative;
    }

    .mercurycampaignimgbox {}

    .mercurytopsliderbox {}

    #mercurytopbox {
        margin: 0 auto 30px auto;
        padding: 0;
        color: #000000;
        font-size: 22px;
        text-align: center;
    }

    #mercurytopboxmsg {
        font-size: 50px;
    }

    #mercurytop span.slidersubname {
        font-size: 16px;
    }

    #mercurytop span.slidername {
        font-size: 23px;
    }

    #mercurytop .active-slide p {
        opacity: 1;
    }

    /* ---------------------
*     mercurybox_01
* -------------------- */
    .mercuryimg {
        width: 145px;
    }

    #mercurybox_01 {
        padding-top: 0;
    }

    #mercurybox_01 p {
        font-size: 16px;
    }

    /* ---------------------
*     mercurybox_02
* -------------------- */
    #mercurybox_02 {
        padding-top: 50px;
        padding-bottom: 50px;
        background: #F9F9F9;
    }

    #mercurymerit_01 {
        width: 88px;
    }

    #mercurymerit_02 {
        width: 204px;
    }

    #mercurymerit_03 {
        width: 56px;
        margin-right: 10px;
    }

    /* ---------------------
*     mercurybox_03
* -------------------- */
    #mercurybox_03 {
        padding-top: 130px;
        padding-bottom: 100px;
    }

    #mercurybox_03 #selectplanimg {
        width: 85px;
    }

    #mercurybox_03 .selectplanname {
        font-size: 27px;
        margin-bottom: 25px;
    }

    #mercurybox_03 .selectplanbox {
        width: 380px;
        padding-left: 75px;
        position: relative;
        border-left: 1px solid #b7b7b7;
    }

    #mercurybox_03 .circle {
        width: 110px;
        height: 110px;
        text-align: center;
        color: #FFFFFF;
        background: url(../img/mercury/circle.png);
        font-size: 14px;
    }

    #mercurybox_03 .selectplanbox .circle {
        padding-top: 35px;
        position: absolute;
        top: -60px;
        left: 290px;
    }

    #mercurybox_03 .selectplanbox ul li {
        line-height: 2em;
    }

    #mercurybox_03 .selectplanbtn {
        width: 230px;
        margin-top: 30px;
    }

    /* ---------------------
*     mercurybox_04
* -------------------- */
    #mercurybox_04 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #monotonemsg {
        font-size: 2.6rem;
        padding-top: 80px;
    }

    /* ---------------------
*     mercurybox_05
* -------------------- */
    #mercurybox_05 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_05 .placename_left {
        position: absolute;
        top: 50px;
        left: 40px;
    }

    #mercurybox_05 .placename_right {
        position: absolute;
        top: 50px;
        right: 40px;
    }

    #mercurybox_05 .placename span {
        font-size: 60px;
        letter-spacing: 2px;
    }

    /* ---------------------
*     mercurybox_06
* -------------------- */
    #mercurybox_06 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_06 #h2wavesystem {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/mercury/h2wavesystemimgbg2.jpg) no-repeat center top;
        background-size: cover;
    }

    #mercurybox_06 #h2wavesystembox {
        position: absolute;
        right: 140px;
    }

    #mercurybox_06 #h2wavesystemmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #mercurybox_06 #h2wavesystemmsg .circle {
        padding-top: 45px;
        position: absolute;
        top: -40px;
        left: 550px;
    }

    #mercurybox_06 #h2wavesystem p {
        line-height: 1.8em;
    }

    /* ---------------------
*     mercurybox_07
* -------------------- */
    #mercurybox_07 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_07 #compare {
        height: 650px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: url(../img/mercury/compareimgbg.jpg) repeat-x center top;
        background-size: cover;
    }

    #mercurybox_07 #comparemsg {
        margin: 0 0 30px 75px;
        font-size: 2.6rem;
        color: #FFFFFF;
    }

    #mercurybox_07 #comparemsg span {
        font-size: 12px;
    }

    #mercurybox_07 #comparemsg .circle {
        top: -28px;
        right: 280px;
        padding-top: 40px;
    }

    #mercurybox_07 #compare p {
        margin-left: 75px;
        margin-bottom: 50px;
        line-height: 1.8em;
        color: #FFFFFF;
    }

    #mercurybox_07 #comparetable {
        width: 665px;
        margin-top: 35px;
        margin-right: 45px;
        border: none;
        float: right;
    }

    #mercurybox_07 #comparetable th {
        width: 160px;
        padding: 15px 0;
        text-align: center;
        font-size: 18px;
        color: #FFFFFF;
        border: 3px solid #262626;
    }

    #mercurybox_07 #comparetable td {
        width: 160px;
        padding: 8px 0;
        text-align: center;
        color: #FFFFFF;
        border: 3px solid #262626;
    }

    #mercurybox_07 #comparetable .white {
        color: #202020;
        background: #FFFFFF;
    }

    #mercurybox_07 #comparetable .blue {
        background: #00ADFB;
    }

    #mercurybox_07 #comparetable .glay {
        background: #727172;
    }

    #mercurybox_07 #compareimg_01 {
        width: 80px;
        margin-left: 75px;
    }

    #mercurybox_07 #compareimg_02 {
        width: 100px;
        margin-top: 50px;
    }

    /* ---------------------
*     mercurybox_08
* -------------------- */
    #mercurybox_08 {
        padding-top: 20px;
        padding-bottom: 0;
    }

    #mercurybox_08 .featurebox {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #mercurybox_08 .featureboxright {
        margin-top: 20px;
        margin-left: 50px;
    }

    #mercurybox_08 .featureboxleft {
        margin-top: 20px;
        margin-left: 20px;
    }

    #mercurybox_08 .featurebox p {
        line-height: 1.8em;
    }

    /* ---------------------
*     mercurybox_09
* -------------------- */
    #mercurybox_09 {
        padding-top: 0;
        padding-bottom: 40px;
    }

    #mercurybox_09 #tsukaikatamsg {
        margin: 0 auto 15px auto;
        font-size: 2.6rem;
        padding-top: 80px;
        text-align: center;
    }

    #mercurybox_09 #tsukaikata p {
        line-height: 1.8em;
        text-align: center;
    }

    /* ---------------------
*     mercurybox_10
* -------------------- */
    #mercurybox_10 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_10 #cartridgefilterbox {
        width: 550px;
    }

    #mercurybox_10 #cartridgefilter {
        height: 570px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: url(../img/mercury/cartridgefilterimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #mercurybox_10 #cartridgefilterbox {
        margin-top: 50px;
        margin-right: 60px;
        position: relative;
        float: right;
    }

    #mercurybox_10 #cartridgefiltermsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #mercurybox_10 #exchangebox {
        margin-top: 30px;
    }

    #mercurybox_10 #exchangebox img {
        margin: 0 15px;
    }

    #mercurybox_10 #cartridgefilter p {
        line-height: 1.8em;
    }

    #mercurybox_10 #nsf {
        width: 120px;
        position: absolute;
        bottom: 25px;
        right: -25px;
    }

    /* ---------------------
*     mercurybox_11
* -------------------- */
    #mercurybox_11 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_11 #usersvoice {
        height: 570px;
        padding-top: 40px;
        padding-bottom: 40px;
        background: #EEFAFF;
    }

    #mercurybox_11 #usersvoicemsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #mercurybox_11 #usersvoice .thumbnail {
        background: transparent;
        border: none;
    }

    #mercurybox_11 #usersvoice .thumbnail h3 {
        font-size: 20px;
    }

    #mercurybox_11 #usersvoice p {
        line-height: 1.8em;
    }

    /* ---------------------
*     mercurybox_12
* -------------------- */
    #mercurybox_12 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_12 #fourstep {
        padding-top: 60px;
        padding-bottom: 60px;
        background: #EEEEEE;
    }

    #mercurybox_12 #fourstepmsg {
        margin-bottom: 50px;
        font-size: 2.6rem;
    }

    #mercurybox_12 #fourstepmsg span {
        color: #FA1743;
    }

    #mercurybox_12 .fourstepbox {
        margin: 20px auto 0 auto;
        padding-top: 60px;
        position: relative;
    }

    #mercurybox_12 .fourstepbox .circle {
        width: 60px;
        height: 60px;
        margin: 0 0 0 -30px;
        padding-top: 7px;
        line-height: 1.6em;
        background-size: 60px;
        position: absolute;
        top: 0;
        left: 50%;
    }

    #mercurybox_12 .fourstepbox .circle span {
        font-size: 2.6rem;
    }

    #mercurybox_12 #fourstep_upper .col-sm-4 .fourstepboxbody {
        width: 375px;
        height: 325px;
        margin: 0 auto;
        padding: 10px 20px;
    }

    #mercurybox_12 #fourstep_lower .col-sm-6 .fourstepboxbody {
        width: 570px;
        height: 325px;
        margin: 0 auto;
        padding: 10px 80px;
    }

    #mercurybox_12 #fourstep_upper .col-sm-4:nth-child(-n+2) .fourstepboxbody {
        border-right: 1px solid #b7b7b7;
    }

    #mercurybox_12 #fourstep_lower .col-sm-6:nth-child(-n+1) .fourstepboxbody {
        border-right: 1px solid #b7b7b7;
    }

    #mercurybox_12 .foursteptitle {
        margin-top: 40px;
        margin-bottom: 30px;
        position: relative;
    }

    #mercurybox_12 #step_01 {
        width: 110px;
        height: 64px;
        position: absolute;
        top: -15px;
        left: 135px;
    }

    #mercurybox_12 #step_02 {
        width: 72px;
        height: 72px;
        position: absolute;
        top: -20px;
        left: 160px;
    }

    #mercurybox_12 #step_03 {
        left: 230px;
    }

    #mercurybox_12 #fourstep p {
        line-height: 1.8em;
    }

    #mercurybox_12 #fourstep p span {
        font-size: 12px;
    }

    /* ---------------------
*     mercurybox_13
* -------------------- */
    #mercurybox_13 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_13 #spec {
        height: 570px;
        padding-top: 60px;
    }

    #mercurybox_13 #specmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #mercurybox_13 #spec p {
        line-height: 1.8em;
    }

    /* ---------------------
*     mercurybox_14
* -------------------- */
    #mercurybox_14 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #mercurybox_14 #faq {
        height: 570px;
        padding-top: 60px;
        background: #EEEEEE;
    }

    #mercurybox_14 #faqmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    #mercurybox_14 #faq ul {
        list-style-type: none;
        padding-left: 0;
    }

    #mercurybox_14 #faq ul li.question {
        margin-bottom: 5px;
        padding-left: 45px;
        line-height: 2.3em;
        background-size: 30px 30px;
    }

    #mercurybox_14 #faq ul li.answer {
        padding-left: 45px;
        line-height: 2.3em;
        background-size: 30px 30px;
    }

    /* -------------------------------------
*     singlepage crest
* ------------------------------------- */
    /* ---------------------
*     crestbox_00
* -------------------- */
    #cresttop {
        position: relative;
    }

    .cresttopsliderbox {
        /*left: 12%;*/
    }

    #cresttopbox {
        margin: 0 auto 30px auto;
        padding: 0;
        color: #000000;
        font-size: 22px;
        text-align: center;
    }

    #cresttopboxmsg {
        font-size: 50px;
    }

    #cresttop span.slidersubname {
        font-size: 16px;
    }

    #cresttop span.slidername {
        font-size: 23px;
    }

    #cresttop .active-slide p {
        opacity: 1;
    }

    /* ---------------------
*     crestbox_01
* -------------------- */
    .crestimg {
        width: 145px;
    }

    #crestbox_01 {
        padding-top: 0;
        padding-bottom: 50px;
    }

    #crestbox_01 p {
        font-size: 16px;
    }

    /* ---------------------
*     crestbox_02
* -------------------- */
    #crestbox_02 {
        padding-top: 50px;
        padding-bottom: 50px;
        background: #F9F9F9;
    }

    #crestmerit_01 {
        width: 88px;
    }

    #crestmerit_02 {
        width: 204px;
    }

    #crestmerit_03 {
        width: 56px;
        margin-right: 10px;
    }

    /* ---------------------
*     crestbox_03
* -------------------- */
    #crestbox_03 {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .featureboxright .circle {
        position: absolute;
        top: 0;
        right: 80px;
        padding-top: 32px;
        line-height: 1.6em;
    }

    .featureboxright .circle span {
        font-size: 22px;
    }

    .featureboxleft .circle {
        position: absolute;
        top: 0;
        right: 50px;
        padding-top: 32px;
        line-height: 1.6em;
    }

    /* ---------------------
*     crestbox_04
* -------------------- */
    #crestbox_04 {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* -------------------------------------
*     singlepage filter
* ------------------------------------- */
    /* ---------------------
*     filterbox_00
* -------------------- */
    #filtertop {
        position: relative;
    }

    .filtertopsliderbox {
        left: 60%;
    }

    #filtertopbox {
        margin: 0 auto 30px auto;
        padding: 0;
        color: #000000;
        font-size: 22px;
        text-align: center;
    }

    #filtertopboxmsg {
        font-size: 50px;
    }

    #filtertop span.slidersubname {
        font-size: 16px;
    }

    #filtertop span.slidername {
        font-size: 23px;
    }

    #filtertop .active-slide p {
        opacity: 1;
    }

    /* ---------------------
*     filterbox_01
* -------------------- */
    #filterbox_01 #cartridgefilterbox {
        width: 570px;
        margin-right: 100px;
    }

    #filterbox_01 #nsf01 {
        top: 100px;
        right: 5px;
    }

    #filterbox_01 #nsf02 {
        top: 100px;
        right: 5px;
    }

    #filterbox_01 .selectplanbtn {
        width: 330px;
    }

    /* -------------------------------------
*     singlepage hakusui
* ------------------------------------- */
    /* ---------------------
*     hakusuitop
* -------------------- */
    #hakusuitop {
        position: relative;
    }

    #hakusuitop .hakusuitopsliderbox {
        left: 5%;
    }

    .hakusuicampaignimgbox {
        top: -190%;
        left: 50%;
        margin: 60px 0 0 -195px;
        width: 100%;
        min-width: 375px;
    }

    #hakusuitop #hakusuitopbox {
        margin: 0 auto 30px auto;
        padding: 0;
        color: #000000;
        font-size: 22px;
        text-align: center;
    }

    #hakusuitop #hakusuitopboxmsg {
        font-size: 50px;
    }

    #hakusuitop #hakusuitop span.slidersubname {
        font-size: 16px;
    }

    #hakusuitop #hakusuitop span.slidername {
        font-size: 23px;
    }

    #hakusuitop #hakusuitop .active-slide p {
        opacity: 1;
    }

    /* ---------------------
*     hakusuibox_01
* -------------------- */
    #hakusuibox_01 .hakusuiimg {
        width: 240px;
    }

    #hakusuibox_01 #hakusuibox_01 {
        padding-top: 0;
        padding-bottom: 50px;
    }

    #hakusuibox_01 p {
        font-size: 16px;
    }

    /* ---------------------
*     hakusuibox_02
* -------------------- */
    #hakusuibox_02 {
        padding-top: 50px;
        padding-bottom: 50px;
        background: #F9F9F9;
    }

    /* ---------------------
*     hakusuibox_03
* -------------------- */
    #hakusuibox_03 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #hakusuibox_03 #explanation_01 {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/hakusui/explanationimgbg.jpg) no-repeat center top;
        background-size: cover;
    }

    #hakusuibox_03 #explanation_01box {
        position: absolute;
        left: 75px;
    }

    #hakusuibox_03 #explanation_01msg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #hakusuibox_03 #explanation_01msg .circle {
        padding-top: 30px;
        position: absolute;
        top: -40px;
        left: 400px;
    }

    #hakusuibox_03 #explanation_01 p {
        line-height: 1.8em;
    }

    /* ---------------------
*     hakusuibox_04
* -------------------- */
    #hakusuibox_04 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #hakusuibox_04 #h2wavesystem {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/hakusui/explanationimgbg_02.jpg) no-repeat center top;
        background-size: cover;
    }

    #hakusuibox_04 #h2wavesystembox {
        position: absolute;
        right: 75px;
    }

    #hakusuibox_04 #h2wavesystemmsg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #hakusuibox_04 #h2wavesystemmsg .circle {
        padding-top: 20px;
        position: absolute;
        top: -40px;
        left: 450px;
    }

    #hakusuibox_04 #h2wavesystem p {
        line-height: 1.8em;
    }

    /* ---------------------
*     hakusuibox_05
* -------------------- */
    #hakusuibox_05 {
        padding-top: 130px;
        padding-bottom: 100px;
    }

    #hakusuibox_05 #selectplanimg {
        width: 130px;
    }

    #hakusuibox_05 .selectplanname {
        font-size: 27px;
        margin-bottom: 25px;
    }

    #hakusuibox_05 .selectplanbox {
        width: 380px;
        padding-left: 75px;
        position: relative;
        border-left: 1px solid #b7b7b7;
    }

    #hakusuibox_05 .selectplanbtn {
        width: 230px;
        margin-top: 30px;
    }

    /* ---------------------
*     hakusuibox_06
* -------------------- */
    #hakusuibox_06 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #hakusuibox_06 #explanation_01 {
        height: 570px;
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/hakusui/explanationimgbg_03.jpg) no-repeat center top;
        background-size: cover;
    }

    #hakusuibox_06 #explanation_01box {
        position: absolute;
        left: 75px;
    }

    #hakusuibox_06 #explanation_01msg {
        margin-bottom: 30px;
        font-size: 2.6rem;
        position: relative;
    }

    #hakusuibox_06 #explanation_01msg .circle {
        padding-top: 30px;
        position: absolute;
        top: -40px;
        left: 105%;
    }

    #hakusuibox_06 #explanation_01 p {
        line-height: 1.8em;
    }

    /* ---------------------
*     hakusuibox_07
* -------------------- */
    #hakusuibox_07 {
        padding-top: 20px;
        padding-bottom: 0;
    }

    #hakusuibox_07 .featurebox {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #hakusuibox_07 .featureboxright {
        margin-top: 20px;
        margin-left: 50px;
    }

    #hakusuibox_07 .featureboxleft {
        margin-top: 20px;
        margin-left: 20px;
    }

    #hakusuibox_07 .featurebox p {
        line-height: 1.8em;
    }

    /* ---------------------
*     hakusuibox_08
* -------------------- */
    #hakusuibox_08 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #hakusuibox_08 #howtouse {
        padding-top: 60px;
        padding-bottom: 60px;
        background: #EEEEEE;
    }

    #hakusuibox_08 .howtousestep {
        padding: 10px 0;
        font-size: 22px;
    }

    #hakusuibox_08 .howtousepoint {
        margin-top: 10px;
        padding-top: 10px 0;
        font-size: 20px;
    }

    /* ---------------------
*     hakusuibox_09
* -------------------- */
    #hakusuibox_09 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #hakusuibox_09 #component {
        height: 300px;
        padding-top: 100px;
    }

    .initial-cost {
        border: 1px solid #000;
        padding: 20px;
        font-size: 26px;
        text-align: center;
        color: #f51148;
        margin-bottom: 40px;
        font-weight: 700;
    }

    .initial-cost-detail {
        border: 1px solid #000;
        padding: 10px;
        font-size: 20px;
        text-align: center;
        color: #f51148;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .filter-txt {
        font-size: 1.4rem !important;
    }
}