@charset "utf-8";

/*====================================================================================
■01.NEWS PAGE 
====================================================================================*/

#Mainvisual {
    width: 100%;
    height: 156px;
    display: table;
    background: url(../about/images/subvisual.png) no-repeat center center;
    background-size: 480px 156px;
    -webkit-background-size: 480px 156px;
    -moz-background-size: 480px 156px;
    margin: 160px 0 15px;
}

#Mainvisual h2 {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 20px;
}

.sg_main {
    padding: 0 10px 20px;
    color: #4b4b4b;
}

article {
    margin: 0 0 20px;
}

.banner {
    padding: 0 10px;
}

.banner li {
    margin: 0 0 10px;
}

.title {
    border-bottom: 1px dashed #ababab;
    padding: 0 0 5px;
    margin: 0 0 10px;
}

a.btn_sty {
    background: #fff;
    border: 2px solid #ff9c01;
    border-radius: 4px;
    color: #ff9c01;
    display: inline-block;
    font-weight: bold;
    padding: 5px 20px;
    text-decoration: none;
}

.electrical h4 {
    padding: 0 0 0 20px;
    color: #30c7eb;
    margin: 0 0 5px;
    background: url(../about/images/ico01.png) no-repeat left 3px;
    background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
}

.contact_box {
    text-align: center;
    border: 1px solid #bbbbbb;
    border-top: 3px solid #ffb21d;
    padding: 15px 10px 0;
    background: url(../about/images/ico_peo.png) no-repeat 10px bottom, url(../about/images/bg_contactbox.png) no-repeat left bottom;
    background-size: 110px 200px, cover;
    -webkit-background-size: 110px 200px, cover;
    -moz-background-size: 110px 200px, cover;
}

.contact_box_in {
    padding: 0 10px 15px 120px;
}

.contact_box_in img {
    margin: 0 0 10px;
}

.frame {
    border: 3px solid #c5d9ec;
}

.frame h3,
.frame .tit {
    background: #f3f8fe;
    border-bottom: 1px solid #c5d9ec;
    color: #3b85ca;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
}

.wrap {
    padding: 10px;
}

.kyari {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    -moz-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    border: solid 2px #ffb21d;
    background: url(../carry/images/bg01.png) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    padding: 15px 20px;
    position: relative;
}

.kyari:before {
    content: "";
    width: 150px;
    height: 159px;
    background: url(../carry/images/ico_peo.png) no-repeat left top;
    background-size: 150px 159px;
    -webkit-background-size: 150px 159px;
    -moz-background-size: 150px 159px;
    position: absolute;
    bottom: 0;
    right: 10px;
}

.kyari h4 {
    position: relative;
    z-index: 5;
}

.kyari p {
    font-size: 12px;
    width: 260px;
    position: relative;
    z-index: 5;
}

.title_sub {
    color: #3b85ca;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 7px 0 5px 35px;
    background: url(../carry/images/ico01.png) no-repeat left center;
    background-size: 25px 33px;
    -webkit-background-size: 25px 33px;
    -moz-background-size: 25px 33px;
    border-bottom: 1px solid #d4e3f2;
}

.title_section {
    border-bottom: 1px dashed #ccc;
    margin: 0 0 10px;
}

.title_section span {
    border-left: 5px solid #ff6600;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 3px;
    padding-left: 8px;
}

.title_item {
    padding: 0 0 0 20px;
    color: #30c7eb;
    margin: 0 0 5px;
    background: url(../about/images/ico01.png) no-repeat left 3px;
    background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
}

.local01 .title_item,
.local01 .title_section {
    width: 55%;
    display: inline-block;
}

.w40 {
    width: 40%;
}

.mt-2per {
    margin-top: -2% !important;
}

.mb3per {
    margin-bottom: 3% !important;
}

.img_bot {
    margin: 3% 0;
}
.sec02 .bg dl{
    /*background: url('../airconditioning//images/bg_sec02.png') no-repeat;
    background-size: 100%;
    min-height: 300px;*/
    border: 1px solid #3b85ca;
    margin-bottom: 4%;
}
.sec02 .bg dd{
    padding: 3% 4% 3% 9%;

}
.sec02 .bg p.arrow{
    text-align: center;
    margin: 5% 0;
}
/*.sec02 .bg .txt01 {
    font-size: 11px;
    width: 330px;
    padding: 13% 0 0 5%;
}

.sec02 .bg .txt02 {
    font-size: 11px;
    width: 320px;
    padding: 2% 0 0 5%;
}
*/
.sec03 .section,
.sec04 .section {
    background: url('../images/bg_line_blue.png') repeat right 49px;
    margin-bottom: 4%;
    padding-bottom: 1%;
}

.sec03 .section .tit_table,
.sec04 .section .tit_table {
    font-size: 19px;
    font-weight: bold;
    color: #3b85ca;
}

.sec03 .section .tit_table:after,
.sec04 .section .tit_table:after {
    content: "";
    display: block;
    height: 0.3;
    width: 130px;
    margin: 0 auto;
    border-bottom: 1px solid #3b85ca;
}

.sec03 .section .box01,
.sec04 .section .box01 {
    background: url('../images/bg_box01.png') no-repeat;
    padding: 3% 5% 5% 5%;
    margin: 2%;
    background-size: 100% 100%;
}

.sec03 .section .box02 {
    background: url('../images/bg_box02.png') no-repeat;
    padding: 3% 5% 5% 5%;
    margin: 2%;
    background-size: 100% 100%;
}

.sec04 .section .box02 {
    padding: 3% 5% 5% 5%;
    background-size: 100% 100%;
    text-align: center
}

.sec03 .section table,
.sec04 .section table {
    padding: 2%;
}

.sec03 .section th,
.sec04 .section th {
    background-color: #3b85ca;
    border: 1px solid #469bea;
    color: #FFF;
    padding: 2%;
    width: 60%;
    text-align: left !important;
}

.sec03 .section td,
.sec04 .section td {
    border: 1px solid #4191db;
    padding: 2%;
    text-align: right;
    background-color: #FFF;
}

.txtSt {
    font-weight: bold;
    text-decoration: underline;
}

.contactF {
    background: #d4e3f2;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 15px 20px;
}

.contactF h4 {
    border-bottom: 1px dashed #3b85ca;
    color: #3b85ca;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.tb_style {
    border: 1px solid #bbd8ed;
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
}

.tb_style th,
.tb_style td {
    text-align: left;
    padding: 10px;
    border: 1px solid #bbd8ed;
}

.tb_style th {
    background: #f2f9fe;
}

.tb_style ul {
    list-style: disc;
    margin-left: 20px;
}

.highlight {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    margin-bottom: 40px;
    padding: 10px;
}

.highlight li,
.list_outside li {
    list-style: outside disc;
    margin: 0 0 0 15px;
}

.tb_contact {
    border: 1px solid #bbd8ed;
    border-bottom: none;
}

.tb_contact dt {
    padding: 10px 10px 10px 60px;
    position: relative;
    color: #4b4b4b;
    font-weight: bold;
    background: #f2f9fe;
    border-bottom: 1px solid #bbd8ed;
}

.hissu:before {
    content: "";
    width: 44px;
    height: 22px;
    background: url(../contact/images/hissu.png) no-repeat left center;
    background-size: 44px 22px;
    -webkit-background-size: 44px 22px;
    -moz-background-size: 44px 22px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.ninni:before {
    content: "";
    width: 44px;
    height: 22px;
    background: url(../contact/images/ninni.png) no-repeat left center;
    background-size: 44px 22px;
    -webkit-background-size: 44px 22px;
    -moz-background-size: 44px 22px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.tb_contact dd {
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #bbd8ed;
}

.tb_contact dd:last-child {
    margin: 0;
}

input[type="text"],
input[type="email"],
input[type="password"] {
    border: 1px solid #bbd8ed;
    padding: 5px;
    width: 100%;
}

textarea {
    border: 1px solid #bbd8ed;
    padding: 5px;
    width: 100%;
    height: 150px;
}

select {
    padding: 5px;
    border: 1px solid #bbd8ed;
    max-width: 100%;
}

input#zip {
    width: 145px;
    margin: 0 10px;
}

.tb_contact li {
    margin: 0 0 10px;
}

.tb_contact li:last-child {
    margin: 0;
}

.issue li {
    float: left;
    margin-right: 20px;
}

.issue li:last-child {
    width: 100%;
    margin: 0;
}

#formEnd {
    text-align: center;
}

#formEnd input {
    font-weight: bold;
    margin-top: 5px;
    padding: 10px 20px;
}

.service_list {}

.service_list > li {
    margin: 0 0 20px;
}

.service_list .img {
    width: 38%;
    float: left;
}

.service_list .msg {
    width: 58%;
    float: right;
    background: #f5f5f5;
    padding: 10px;
}

.price .tb_style tr:nth-child(2n+1) {
    background: #fbf8ea none repeat scroll 0 0;
}

.container .tb_style {
    margin: 0 0 20px;
}

.anchor li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    background: #3b85ca;
    padding: 10px 5px;
}

.arrow_down {
    background: url(../cleaning/images/arrow.png) no-repeat center bottom;
    background-size: 97px 26px;
    -webkit-background-size: 97px 26px;
    -moz-background-size: 97px 26px;
    padding-bottom: 35px;
}

.title_page {
    color: #3b85ca;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 20px 10px;
    text-align: center;
}

.title_section em {
    display: block;
}

.tb_clean {
    border: 1px solid #d4e3f2;
    width: 100%;
    margin: 0 0 15px;
}

.tb_clean th {
    background: url(../cleaning/images/bg.jpg) repeat center center;
    background-size: 190px 276px;
    -webkit-background-size: 190px 276px;
    -moz-background-size: 190px 276px;
    border-right: 1px solid #d4e3f2;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 190px;
}

.tb_clean td {
    padding: 10px;
    vertical-align: top;
}

.cleantitle {
    color: #3b85ca;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.price dt {
    color: #3b85ca;
    font-size: 15px;
    margin: 0 0 5px;
}

.price dd {
    color: #ff6600;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px;
}

.group {
    background: #f3f8fe;
    margin: 0 0 10px;
}

.price02 {
    margin: 0 0 10px;
}

.price02 dt {
    float: left;
    padding: 0 0 0 5px;
}

.price02 dd {
    text-align: right;
    padding-right: 5px !important;
}

.price02 dd.line {
    padding: 0 0 5px;
    margin: 0 0 5px;
    border-bottom: 1px solid #d4e3f2;
}

.group p {
    margin: 0 5px;
}

.deals {
    color: #feb220;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
}

.tb_clean .icon {
    background: #feb220;
    color: #fff;
    display: block;
    width: 170px;
    margin: 15px auto;
    padding: 5px 0;
    text-align: center;
}

.b_a {
    margin: 10px 10px 0;
    display: table;
}

.b_a li {
    width: 45%;
    display: table-cell;
}

.b_a li:nth-child(2) {
    width: 10%;
    text-align: center;
}

.b_a li:last-child {
    width: 45%;
}

.fwb {
    font-weight: bold;
}

.sg_main .sec03 .left {
    float: left;
    width: 30%;
}

.sg_main .sec03 .right {
    float: right;
    margin-top: 4%;
    width: 70%
}

.sg_main .sec03 .table_detail td {
    padding: 5px 0;
}

@media all and (max-width: 479px) {
    .banner {
        padding: 0 5px;
    }
    .tb_clean th,
    .tb_clean td {
        width: 100%;
        display: block;
    }
    .tb_clean th {
        border-right: 1px none #d4e3f2;
        border-bottom: 1px solid #d4e3f2;
    }
    .c_logo {
        margin: 0 20px;
    }
    #Mainvisual h2 {
        padding: 0 10px;
    }
}

@media all and (max-width: 413px) {
    .banner {
        padding: 0;
    }
    .contact_box_in {
        padding: 0 10px 15px 65px;
    }
    .contact_box {
        background-size: 90px 164px, cover;
        -webkit-background-size: 90px 164px, cover;
        -moz-background-size: 90px 164px, cover;
    }
    .sec02 .bg .txt01 {
        font-size: 9px;
        padding: 11.5% 0 0 5%;
        width: 260px;
    }
    .sec02 .bg .txt02 {
        font-size: 9px;
        padding-top: -1%;
        width: 260px;
    }
    .sec02 .bg {
        min-height: 220px;
    }
}

@media all and (max-width: 359px) {
    .contact_box_in {
        padding: 0 10px 20px 85px;
    }
    .title_section em {
        display: inline-block;
    }
}


/* ▼▼▼▼ news ▼▼▼▼ */

/* .rss */
.rss {
	position: absolute;
	display: block;
	top: 50px;
	left: 160px;
}

.page_news {
	line-height: 1.8;
}

/* section */
.page_news section {
	background: #FAFAFA;
	margin-bottom: 30px;
}

/* .area_tit */
.page_news .area_tit {
	border-left: solid 5px #F57300;
	padding: 10px;
}
.page_news .area_tit .date {
	margin-bottom: 5px;
	font-weight: bold;
	color: #F57300;
}
.page_news .area_tit h3 {
	padding: 0;
	font-weight: bold;
	font-size: 16px;
	color: #1E1E1E;
}

/* .area_txt */
.page_news .area_txt {
	border-top: dotted 1px #F57300;
	border-bottom: dotted 1px #F57300;
	margin-top: 10px;
	padding: 10px;
}
.page_news .area_txt img {
	width: 50%;
}

/* #pagination */
.page_news #pagination {
	margin-bottom: 30px;
}
.page_news #pagination ul li a {
	display: block;
	background: #F57300;
	padding: 5px 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}
/* ▲▲▲▲ news ▲▲▲▲ */
.red_01{
	color:#ff0000;
}
.price_sale{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background: #ffba1e;
    color: red;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.price_sale span{
    font-size: 23px;
}

/* about */
#kabe_bnr_sp {
	margin-top: -33%;
	padding-top: 33%;
}