html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {outline: none !important;
}
html{
    background:#fff;
}
body{
    font-family: 'Roboto', 'sans-serif';
    background-color: #FFF;
}

img{
    width:100%;
}

.clearfix {
    overflow: hidden;
}

/* 郢ｧ�ｫ郢晢ｽｩ郢晢ｿｽ邵ｺ�ｮ鬯ｮ蛟･��怦�ｱ鬨ｾ螢ｹ縺帷ｹｧ�ｿ郢ｧ�､郢晢ｽｫ */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-same-height {
    display: table;
    width: 100%;
}

.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 992px) {
    .row-md-height {
        display: table;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

/* 隶難ｽｪ陝ｷ�ｽ譛ｪ鬨ｾ�｣ */
.w10 { width:10%!important; }
.w15 { width:15%!important; }
.w16 { width:16%!important; }
.w17 { width:17%!important; }
.w20 { width:20%!important; }
.w22 { width:22%!important; }
.w25 { width:25%!important; }
.w30 { width:30%!important; }
.w33 { width:33.3333%!important; }
.w40 { width:40%!important; }
.w45 { width:45%!important; }
.w50 { width:50%!important; }
.w55 { width:55%!important; }
.w60 { width:60%!important; }
.w70 { width:70%!important; }
.w71 { width:71%!important; }
.w72 { width:72%!important; }
.w80 { width:80%!important; }
.w83 { width:83%!important; }
.w85 { width:85%!important; }
.w96 { width:96%!important; }
.w100 { width:100%!important; }

@media screen and (max-width: 480px){

}

@media screen and (max-width: 768px){
    .xs-w10 { width:10%!important; }
    .xs-w22 { width:22%!important; }
    .xs-w25 { width:25%!important; }
    .xs-w40 { width:40%!important; }
    .xs-w91 { width:91%!important; }
    .xs-w100 { width:100%!important; }
}

@media screen and (min-width: 480px) and (max-width: 768px){
    .tb-w30 { width:30%!important; }
    .tb-w60 { width:60%!important; }
    .tb-w80 { width:80%!important; }
}

/* 鬯ｮ蛟･��ｫ｢�｢鬨ｾ�｣ */
.h102 { height:102px!important; }
.h132 { height:132px!important; }

@media screen and (max-width: 768px){
    .xs-hauto { height:auto!important; }
}

/* 郢晄ｧｭ�ｽ郢ｧ�ｸ郢晢ｽｳ鬮｢�｢鬨ｾ�｣ */
.m0 { margin:0!important; }

.mT-10 { margin-top:-10px; }
.mT-30 { margin-top:-30px; }
.mT-80 { margin-top:-80px; }

.mT0 { margin-top:0px!important; }
.mT10 { margin-top:10px!important; }
.mT20 { margin-top:20px!important; }
.mT30 { margin-top:30px!important; }
.mT40 { margin-top:40px!important; }
.mT50 { margin-top:60px!important; }
.mT80 { margin-top:80px!important; }
.mT120 { margin-top:120px!important; }

.mL-1 { margin-left:-1px; }
.mL-10 { margin-left:-10px; }

.mL0 { margin-left:0px; }

.mL5p { margin-left:5%; }
.mL12p { margin-left:12%; }
.mL25p { margin-left:25%; }

.mR-10 { margin-right:-10px; }

.mR0 { margin-right:0px; }
.mR50 { margin-right:50px; }

.mR25p { margin-right:25%; }

.mB5 { margin-bottom:5px; }
.mB10 { margin-bottom:10px; }
.mB50 { margin-bottom:50px; }

.mLR-auto { margin-left:auto; margin-right:auto; }

@media screen and (max-width: 768px){
    .xs-mT10 { margin-top:10px; }
    .xs-mT30 { margin-top:30px; }
    .xs-mT50 { margin-top:50px; }
    .xs-mT260 { margin-top:260px; }
}

/* 郢昜ｻ｣繝ｧ郢ｧ�｣郢晢ｽｳ郢ｧ�ｰ鬮｢�｢鬨ｾ�｣ */
.p0 { padding:0!important; }

.pT0 { padding-top:0; }
.pT10 { padding-top:10px; }
.pT15 { padding-top:15px; }
.pT30 { padding-top:30px; }

.pL0 { padding-left:0; }
.pL5 { padding-left:5px; }
.pL7-5 { padding-left:7.5px; }
.pL10 { padding-left:10px; }
.pL20 { padding-left:20px; }
.pL40 { padding-left:40px; }
.pL45 { padding-left:45px; }

.pR0 { padding-right:0; }
.pR5 { padding-right:5px; }
.pR7-5 { padding-right:7.5px; }
.pR10 { padding-right:10px; }

.pB0 { padding-bottom:0; }
.pB10 { padding-bottom:10px; }
.pB20 { padding-bottom:20px; }
.pB40 { padding-bottom:40px; }

@media screen and (max-width: 768px){
    .xs-pL15 { padding-left:15px; }
    .xs-pR15 { padding-right:15px; }
}
@media screen and (min-width: 768px){
    .sm-pL0 { padding-left:0; }

    .sm-pR0 { padding-right:0; }
}

/* text-align鬮｢�｢鬨ｾ�｣ */
.tL { text-align:left!important; }
.tC { text-align:center!important; }
.tR { text-align:right!important; }

@media screen and (max-width: 768px){
    .xs-tC { text-align:center!important; }
}

.vAlignTop { vertical-align: top; }

/* color鬮｢�｢鬨ｾ�｣ */
.tColorW { color:#FFF; }

/* font-size鬮｢�｢鬨ｾ�｣ */
.fs-xxs { font-size:xx-small; }
.fs-80 { font-size:80%; }

/* font-weight鬮｢�｢鬨ｾ�｣ */
.fw-bold { font-weight:bold; }

/* line-height鬮｢�｢鬨ｾ�｣ */
.lineHeight1-5 { line-height:1.5; }
.lineHeight2 { line-height:2; }

@media screen and (max-width: 480px){
    .sp-lineHeight0-8 { line-height:0.8!important; }
}

@media screen and (max-width: 768px){
    .xs-lineHeight0-8 { line-height:0.8!important; }
    .xs-lineHeight1 { line-height:1!important; }
}

/* text-decoration鬮｢�｢鬨ｾ�｣ */
.none-decoration-hover:hover { text-decoration:none; }

/* Facebook Likebox鬮｢�｢鬨ｾ�｣ */
.fbFooter iframe {
    width:100%;
    padding-left:10px;
    padding-right:10px;
}

/* GoogleMap鬮｢�｢鬨ｾ�｣ */
/* .ggmap {
    position: relative;
    padding-bottom: 72.85%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
} */

/* border鬮｢�｢鬨ｾ�｣ */
.border-none {
    border:none!Important;
}

.border-bt-white {
    border-bottom:1px solid #FFF;
}

.white-box {
    border:1px solid #FFF;
}
.white-box-fill {
    border:1px solid #FFF;
    background-color:#FFF;
}

.bg-white {
    background-color:#FFF!important;
}

/* float鬮｢�｢鬨ｾ�｣ */
.floatLeft {
    float:left;
}

/* 髯ｦ�ｨ驕会ｽｺ郢晢ｽｻ鬮ｱ讚�ｽ｡�ｨ驕会ｽｺ鬮｢�｢鬨ｾ�｣ */
@media screen and (max-width: 480px){
    .visible-sp { display:block; }
    .visible-tb { display:none; }
}

@media screen and (min-width: 480px) and (max-width: 768px){
    .visible-sp { display:none; }
    .visible-tb { display:block; }
}

@media screen and (min-width: 768px){
    .visible-sp { display:none; }
    .visible-tb { display:none; }
}

/* display鬮｢�｢鬨ｾ�｣ */
.dis-inline { display:inline!important; }

/* 郢ｧ�ｹ郢晄ｧｭ�ｽ郢晏現縺堤ｹ晢ｽｫ郢晄�縺｡郢晢ｽｳ */
.menuButton span {
    display: block;
    background: #737373;
    width: 24px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
.menuButton span:first-child {
    top: 12px;
}
.menuButton span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
.menuButton span:last-child {
    bottom: 12px;
}
.menuButton.active {
    /*left:258px!important;*/
}
.menuButton.active span:first-child {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}
.menuButton.active span:nth-child(2) {
    opacity: 0;
}
.menuButton.active span:last-child {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

/* フォーム関連 */
@media screen and (max-width: 768px){
    .knj {
        width: 90%!important;
    }
    .frgn {
        width: 85%!important;
    }
}
@media screen and (max-width: 427px){
    .knj {
        width: 89.2%!important;
    }
    .frgn {
        width: 83.8%!important;
    }
}