@charset "utf-8";
 #container,#contents {
width:100% !important;
background-image:none !important; overflow:hidden;
margin:0 auto;
font-size: 15px;
padding: 75px 0px 10px;
}
div.wrapper {
margin: 0;
padding: 0;
}
div.side ul.link li.blank {
display: block;
} div.visual{
display:none;
}
div.visual_sp{
display:block!important;
margin: 10px 0 5px 0;
}
#menu0 {
width:300px!important;
display:block!important;
}
div.about ul li {
float:none;
margin:0 auto;
}
div.about ul li a {
width:300px;
height: 45px;
display: block;
text-indent: -9999px;
}
div.about ul li.menu1 a {
background: url(/images/common/sp_menu01.jpg) no-repeat 0 0;
}
div.about ul li.menu1.current-menu-item a,
div.about ul li.menu1.current-menu-ancestor a,
div.about ul li.menu1 a:hover {
background: url(/images/common/sp_menu01_on.jpg) no-repeat 0 0;
}
div.about ul li.menu2 a {
background: url(/images/common/sp_menu02.jpg) no-repeat 0 0;
}
div.about ul li.menu2.current-menu-item a,
div.about ul li.menu2.current-menu-ancestor a,
div.about ul li.menu2 a:hover {
background: url(/images/common/sp_menu02_on.jpg) no-repeat 0 0;
}
div.about ul li.menu3 a {
background: url(/images/common/sp_menu03.jpg) no-repeat 0 0;
}
div.about ul li.menu3.current-menu-item a,
div.about ul li.menu3.current-menu-ancestor a,
div.about ul li.menu3 a:hover {
background: url(/images/common/sp_menu03_on.jpg) no-repeat 0 0;
}
div.about ul li.menu4 a {
background: url(/images/common/sp_menu04.jpg) no-repeat 0 0;
}
div.about ul li.menu4.current-menu-item a,
div.about ul li.menu4.current-menu-ancestor a,
div.about ul li.menu4 a:hover {
background: url(/images/common/sp_menu04_on.jpg) no-repeat 0 0;
}
div.about ul li.menu5 a {
background: url(/images/common/sp_menu05.jpg) no-repeat 0 0;
}
div.about ul li.menu5.current-menu-item a,
div.about ul li.menu5.current-menu-ancestor a,
div.about ul li.menu5 a:hover {
background: url(/images/common/sp_menu05_on.jpg) no-repeat 0 0;
}
div.content .about ul li:hover {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}  #top_flow{
height: 300px;
background: url(/images/top/sp_top_flow_bg.jpg) no-repeat bottom;
}
#top_flow ul{
padding: 70px 28px 0px;
}
#top_flow ul li{
float: none;
list-style: none;
margin-left: 0;
width: 98%;
margin: 0 auto;
margin-bottom: 10px;
padding-bottom:10px;
border-bottom: 1px #000 dotted;
}
#top_flow ul li:last-child{
border-bottom: none;
}
#top_flow ul li span{
color:rgba(244,115,2,1.00);
font-weight:bold;
} #top_news{
display:none;
} .scroll{
display:none;
} span.point {
background-color: #FFE4E1;
color: #ED1C24;
} a.flow-detail-link {
display: inline;
font-size: 95%;
} #top_access {
display: flex;
text-align: center;
width: 98%;
margin: 0 auto;
}
#top_access a {
width:calc(100% / 3);
background-color: #005ea3;
color: #FFF;
margin-right: 10px;
}
#top_access a:last-child {
margin: 0;
} .content .company_data {
border-collapse: collapse;
margin: 20px 0 40px 0;
width: 100%;
}
.content .company_data th,.content .company_data td  {
padding : 10px;
}
.content .company_data th  {
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
background-color: #f2f2f2;
}
.content .company_data td  {
border-top: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}
.content .access {
margin-top: 0px;
}
.content .access .access_data {
float: none;
width: 100%;
}
.content .access #map {
width: 100%;
height: 200px;
float:none;
} .section iframe{
width:100%;
height:auto;
} .content .blog .blog_title {
border-bottom: 2px solid #12b3f0;
background-color: #e6e6e6;
padding: 7px 10px;
color: #000;
line-height: 130%;
left: 0;
}
.content .blog h3 {
text-indent: 0;
background: none;
font-weight: bold;
margin-top: 10px;
width:auto;
}
.content .blog .blog_body {
border:1px solid #e6e6e6;
}
.content .blog .blog_date {
border-bottom: 2px dotted #888;
padding: 10px 0;
}
.content .blog .blog_date .date {
background: url(/images/common/icon_date.png) left no-repeat;
padding-left: 25px;
margin-left: 15px;
}
.content .blog .blog_date .category {
margin-left: 15px;
color: #FFF;
padding: 3px 15px;
background: #888;
border: 1px solid #888;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display:inline-block;
}
.content .blog .blog_contents {
padding: 10px 20px 200px 20px;
}
.blog_area_list a{
width: 130px;
} .content .column .column_title {
border-bottom: 2px solid #12b3f0;
background-color: #e6e6e6;
line-height: 20px;
padding: 7px;
left:0
}
.content .column h3 {
text-indent: 0;
background: none;
font-weight: bold;
margin-top: 10px;
width:auto;
color: #000000;
}
.content .column .column_body {
border:1px solid #e6e6e6;
}
.content .column .column_date {
padding: 10px 0;
border-bottom: none;
}
.content .column .column_date .date {
background: url(/images/common/icon_date.png) left no-repeat;
padding-left: 25px;
margin-left: 5px;
}
.content .column .column_date .category {
margin: 5px 0 0 5px;
color: #FFF;
padding: 3px 15px;
background: #888;
border: 1px solid #888;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display:inline-block;
}
.content .column .column_contents {
padding: 10px;
grid-column: 1 / span 3;
border-top: 1px dotted #888;
}
.content .column .container{
display: grid;
grid-gap: 5px;
grid-template-columns: 1.5fr 4fr;
grid-template-rows: auto;
width: auto;
}
.content .column .grid{
grid-row: 1 / 2;
} .content .text_black{
font-weight:bold;
font-size:100%;
}
.content .text_pink{
color:#ed1e79;
font-weight:bold;
font-size:100%;
}
.content .contact_tel{
margin:10px 0;
}
.content .tel_list{
padding:10px;
width:94%;
background-color:#ebf9fe;
}
.content .tel_list ul li{ padding-left: 25px;
}
.tel_list p {
text-indent:30px;
background: url(/images/contact/icon_phone.gif) no-repeat;
font-weight:bold;
padding-bottom:10px;
}
.content .contact-free-pc {
display: none;
}
.content .contact-free-sp {
display: block;
} .content .form_section {
font-size: 130%;
}
.content p.form_text {
margin-top: 10px;
}
.content .contact_form {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #17b7f0;
margin-bottom: 40px;
width: 100%;
}
.content .contact_form th  {
border-bottom: 1px solid #FFF;
background-color: #17b7f0;
font-weight: bold;
color: #FFF;
padding: 5px;
width: 30%;
font-size: 70%;
}
.content span.required  {
color: #FF0000;
margin-left: 5px;
}
.content .contact_form td  {
padding: 10px;
} .content .contact_form td.last, .content .contact_form th.last  {
border-bottom: 1px solid #17b7f0;
vertical-align:top;
}
.content .button_box {
text-align: center;
}
.content .submit_button input, .content .back_button input {
padding: 8px 50px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight: bold;
color: #FFF;
}
.content .submit_button input {
border: 1px solid #f86434;
background-color: #f86434;
}
.content .back_button input {
border: 1px solid #808080;
background-color: #808080;
}
.content .submit_button input:hover, .content .back_button input:hover {
cursor: pointer
} .content div.price_img {
width: 100%;
float: none;
}
.content div.price_text {
width: 100%;
float: none;
margin-top:10px;
}
.price-list li {
display: block;
width: 100%;
}
.price-description {
padding: 16px;
}
.section.price h3 {
margin-bottom: 40px;
}
.section.price h3 a {
position: absolute;
top: 50px;
right: 0;
display: block;
text-decoration: underline;
color: #299CD3;
}
.section.price .price-blog a {
text-decoration: underline;
}
.section.price .price-banner li {
width: 49%;
} .content .ex_title {
text-align: center;
}
.content .service_list {
background: url(/images/service/service_list_bg.jpg) center top no-repeat;
height: 280px;
}
.content .toilet {
margin-top:20px;
background:none ;
border:2px #00b3f4 solid;
height: auto;
}
.content .kitchen {
margin-top:20px;
background:none ;
border:2px #00b3f4 solid;
height: auto;
}
.content .furo {
margin-top:20px;
background:none ;
border:2px #00b3f4 solid;
height: auto;
}
.content .senmen {
margin-top:20px;
background:none ;
border:2px #00b3f4 solid;
height: auto;
}
.content .other {
margin-top:20px;
background:none ;
border:2px #00b3f4 solid;
height: auto;
}
.content .service_list ul {
position: relative;
top: 0px;
left: 0px;
width:93%;
padding:10px;
}
.content .service_list ul li {
background: url(/images/service/icon_check.gif) 0px top no-repeat;
height: 43px;
padding-left: 25px;
font-size: 100%;
margin-bottom: 5px;
}
.content .service_banner {
display:none;
}
.content .price_banner {
display:none;
}
.add_price{
display:none;
}
div.contact_policy {
border: 1px solid #CCCCCC;
height: 150px;
margin: 20px 0;
overflow: auto;
padding: 20px;
font-size: 13px;
}
div.contact_policy h2, div.contact_policy h3 {
font-weight: bold;
background: none;
color: #000;
line-height: auto;
margin: 0;
text-indent: 0;
} .flow-list .flow-body {
width: 100%;
float: none;
}
.flow-list .flow-image {
float: none;
} .merit dt {
font-size: 16px;
}
.merit dd {
} .voice-list li {
width: 100%;
margin: 0 0 16px;
}
.voice-list .voice-image img {
width: 60px;
} .staff-cell-group {
width: 100%;
}