@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",Georgia, serif;
font-family: Noto Sans Japanese,Noto Sans JP,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
*/
html,
body {margin: 0px;margin-bottom: 0px;margin-right: auto;margin-left: auto;font-size: 16px;
font-family: Noto Sans Japanese,Noto Sans JP,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
line-height: 1.6em;-webkit-font-smoothing: antialiased;background: #FFF;}
article,aside,details,figcaption,figure,footer,hgroup,
menu,nav,section {display: block;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;transition: 0.5s;height: inherit;}

a,img {transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.wmain{width: 1200px; margin: 0 auto; overflow: hidden;}
.left{float: left}
.right{float: right;}
.pc{display: inline-block;}
.sp{display: none;}
.center{text-align: center;}
h2{text-align: center;font-size: 40px;line-height: 1.4em;letter-spacing: 0;font-weight: bold;}
.scroll-top{cursor: pointer;}

/*fv
*********************/
.fv{overflow: hidden;}
.toiletfv{background: url(../img/page/toilet-fvbg.jpg) center 0 no-repeat;background-size: cover;}
.bathfv{background: url(../img/page/bath-fvbg.jpg) center 0 no-repeat;background-size: cover;}
.kitchenfv{background: url(../img/page/kitchen-fvbg.jpg) center 0 no-repeat;background-size: cover;}
.washfv{background: url(../img/page/wash-fvbg.jpg) center 0 no-repeat;background-size: cover;}

/*price
*********************/
.price{background: url(../img/page/price-bg.png);}
.price .wmain{padding: 40px 0;}
.price h2{padding: 40px 0;color: #fff;background: url(../img/page/price-tibg.jpg) center center no-repeat;background-size:cover;}
.price h2 span{color: #f6ff00;}
.price .box{text-align: center;}
.price .box.toiletprc .bx{width: 28%;}
.price .box.toiletprc li{font-size: 15px;letter-spacing: 0;}
.price .bx{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 5px 15px;background: #fff;border:3px solid #0054d1;border-radius: 6px;width: 43%;}
.price .ti{background: #0054d1;color: #fff;padding: 15px 0;font-weight: bold;font-size: 26px;line-height: 1.4em;}
.price .ti img{vertical-align: middle;margin: 0 10px 0 0;}
.price .tis{color: #0054d1;font-weight: bold;font-size: 26px;line-height: 1.4em;margin: 0 0 15px;}
.price .txt{padding: 15px;}
.price ul{text-align: left;font-size: 18px;line-height: 1.4em;}
.price li{padding: 5px 0 5px 40px;background: url(../img/page/price-ch.png) 0 5px no-repeat;margin: 0 0 5px;border-bottom: 1px dashed #ddd;}
.price .pr{padding: 15px;color: #fff;background: #0054d1;}
.price .old{text-decoration: line-through;font-size: 18px;line-height: 1.4em;}
.price .ar{margin: 10px 0;}
.price .prc{color: #f6ff00;font-weight: bold;font-size: 36px;line-height: 1.4em;}
.price .prc small{font-size: 65%;}
.price .tm img{vertical-align: middle;margin: 0 5px 0 0;}
.price table{width: 88%;margin: 30px auto 0;border:3px solid #0054d1;font-size: 20px;line-height: 1.4em;}
.price caption{font-weight: bold; color: #fff;font-size: 30px;line-height: 1.4em; background: #0054d1;text-align: center;padding: 15px 0;}
.price th,.price td{padding: 5px 20px;border-bottom: 1px dashed #ddd;margin: 0 0 5px;background: #fff;}
.price th{text-align: left;font-weight: normal;}
.price td{text-align: right;}
.price table .prc{color: #ff3030;}

/*map
*********************/
.map{padding: 40px 0;}
.map .ctn{width: 78%;margin: 0 auto;text-align: center;overflow: hidden;letter-spacing: 0;display: flex;
justify-content: center;align-items: center;background: #0071de;border: 1px solid #0071de;}
.map .txt{color: #fff;font-size: 17px;font-weight: bold;letter-spacing: 0;}
.map .ti{font-weight: bold;font-size: 36px;line-height: 1.4em;}
.map .ti span{background: #fff;color: #0071de;border-radius: 100px;padding: 10px 60px;display: inline-block;margin: 0 0 15px;}
.map .img{width: 50%;}
.map .txt{width: 50%;}

/*cta
*********************/
.cta{background: url(../img/page/cta-bg.png) center center repeat-x;background-size: contain;}
.cta .wmain{background: url(../img/page/cta-mdl.png) no-repeat;background-position: right 0 top 0;padding: 0;}
.cta .ctn{margin: 0 auto;width: 85%;}
.cta h2{text-align: left;}

/*menu
*********************/
.menu h2{color: #fff;padding: 30px 0;background: url(../img/page/menu-tibg.png);}
.menu .wmain{padding: 40px 0;}
.menu ul{text-align: center;}
.menu li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 5px;width: 22%;color: #fff;background: url(../img/page/menu-bg.png);}
.menu .txt{padding: 15px;}
.menu .ti{font-weight: bold;font-size: 20px;line-height: 1.4em;margin: 0 0 10px;}
.menu .lnk a{display: inline-block;text-decoration: none;padding: 5px;width: 85%;background: #fcff00;color: #0054d1;border-radius: 100px;}
.menu .lnk a:hover{background: #000;color: #fff;}

/*****************************************************************
max-width 1215
******************************************************************/
@media screen and (max-width: 1215px) {
.wmain,.header .hti h1{width: 98%;}
.cta .ctn{width: 100%;}
.cta .wmain{background-size: 450px;}
.menu .ti{font-size: 18px;}
}
/*****************************************************************
max-width 888
******************************************************************/
@media screen and (max-width: 888px) {
h2{font-size: 30px;}
header{width: 98%;}
.price .box.toiletprc .bx{width: 30%;}
.price .ti img{width: 35px;}
.price .prc{font-size: 30px;}
.price .tis,.price .ti{font-size: 20px;}
.price .ti{min-height: 45px;}
.price ul{font-size: 18px;}
.price li{background-size: 25px;padding: 5px 0 5px 30px;}
.price table{width: 96%;}
.map .ctn{width: 95%;}
.cta h2{width: 65%;}
.cta .wmain{background-size: 400px;}
.contact .mailform,.qa ul{width: 95%;}
.menu .lnk a{font-size: 14px;letter-spacing: 0;}
}
@media (max-width: 640px){
#layout{padding-bottom: 120px;}
}

/*****************************************************************
max-width 590
******************************************************************/
@media screen and (max-width: 590px) {
html,body{font-size: 14px;}
.wmain,.header .hti h1{width: 95%;}
h2{font-size: 23px;letter-spacing: 0;}
.sp{display: block;}
.pc{display: none;}
.fv{background: none;text-align: center;}
.fv .wmain{width: 100%;}
.price .box.toiletprc .bx,.price .box .bx{width:95%;margin: 0 auto 15px;}
.price table{font-size: 16px;letter-spacing: 0;}
.price td .old{font-size: 16px;display: block;}
.price td .prc{font-size: 20px;}
.price th,.price td{padding: 5px 10px;}
.price th{width: 60%;}
.map .ctn{display: block;}
.map .txt{width: 100%;padding: 30px 0;font-size: 18px;}
.map .img{width: 100%;}
.map .ti{font-size: 20px;}
.btnTel {width: 95%;margin: 0 auto;}
.cta .wmain{background: none;}
.cta h2{width: 100%;text-align: center;}
.menu li{width: 95%;padding: 5px;overflow: hidden;margin: 0 auto 10px;}
.menu {padding: 0}
.menu .img{float: left;width: 30%;}
.menu .txt{float: right;width: 65%;padding: 0;}
.menu .ti{font-size: 16px;letter-spacing: 0;}
}

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