@charset "UTF-8";

body {
    margin: 0;
    font-family: serif;
}

p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    background-color: #FFEB3B;
    color: red;

}

h3 {
    display: block;
    font-size: 47px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    background-color: #8bc34a;
    color: #fff;
}

ul {
    list-style: none;
}



/*--------------------お問い合わせフロート--------------------*/
.flort_contact {
	width: 150px;
	height: 150px;
	position: fixed;
	top: 350px;
	right: 20px;
	border-radius: 50%;
	background-color: #e3007f;
	color: #FFF;
	z-index: 10;
	opacity: .85;
}
.contact_bt_inner {
	position: relative;
}

.flort_contact i {
	-moz-top: 52px;
    top: 95px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 50px;
	position: absolute;
	width: 50px;
	height: auto;
}
.contact_bt_text1 {
    -moz-top: 30px;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	width: 100%;
	height: auto;
	font-family: "メイリオ";
}
.contact_bt_text2 {
    -moz-top: 100px;
	top: 200px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	width: 100%;
	height: auto;
	font-family: "メイリオ";
	color: #333;
}
.flort_contact a {
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
}
.flort_contact a:link {
	color: #FFF;
	background-color: #e3007f;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none;
}
.flort_contact a:visited {
	color: #FFF;
	background-color: #e3007f;
}
.flort_contact a:hover {
	color: #FFF;
	background-color: #FF65BB;
}
.flort_contact a:active {
	color: #FFF;
	background-color: #e3007f;
}

/* Firefox */
@-moz-document url-prefix() {
.flort_contact {
	width: 150px;
	height: 150px;
	position: fixed;
	top: 350px;
	right: 20px;
	border-radius: 50%;
	background-color: #e3007f;
	color: #FFF;
	z-index: 10;
	opacity: .85;
}
.contact_bt_inner {
	position: relative;
}
.flort_contact i {
	top: 52px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 50px;
	position: absolute;
	width: 50px;
	height: auto;
}
.contact_bt_text1 {
	top: 30px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	width: 100%;
	height: auto;
	font-family: "メイリオ";
}
.contact_bt_text2 {
	top: 100px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	width: 100%;
	height: auto;
	font-family: "メイリオ";
}
.flort_contact a {
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
}
.flort_contact a:link {
	color: #FFF;
	background-color: #e3007f;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none;
}
.flort_contact a:visited {
	color: #FFF;
	background-color: #e3007f;
}
.flort_contact a:hover {
	color: #FFF;
	background-color: #FF65BB;
}
.flort_contact a:active {
	color: #FFF;
	background-color: #e3007f;
}

    
}


/* ヘッダー
============================================================================================================ */
#header {
    max-width: 960px;
    margin: auto;
    padding: 5px 10px;
    background-color: #fff;
    position: static;
    padding: 0 0;
}

.harf0 {
    height: 115px;
}

.a-box0 {
    width: 50%;
    float: left;
}

.b-box0 {
    width: 50%;
    float: left;
}

.b-box0 img {
    width: 65%;
    margin-top: 13px;
    float: right;
}

/* 大型PC 
============================================================================================================ */
@media screen and (min-width:1280px) {}

/* ヘッダー小型PC
============================================================================================================ */
@media screen and (min-width: 960px) and (max-width:1279px) {}

/* ヘッダータブレット
============================================================================================================ */
@media screen and (min-width:600px) and (max-width:1100px) {}





/* ヘッダーPC
============================================================================================================ */
.b-box0 img {
    width: 85%;
    margin-top: 18px;
    float: right;
}




/* メインビジュアルPC
============================================================================================================ */
#mainvisual {
    margin-bottom: 40px;
    margin: auto;
    background: url(../images/shouka/pc/haikei5.png) no-repeat;
    background-size: cover;

}

.mail_sp {
    display: none;
}

#sp_main img {
    display: none;
}

.mainvisual {
    max-width: 960px;
    margin: auto;
}

#bousaikun {
    max-width: 960px;
    margin-bottom: 40px;
    margin: auto;
    width: 150px;
    top: 5px;
    right: 300px;
    position: absolute;
    padding: 0;
}

/* >自動消火装置設置費助成事業始めました！
============================================================================================================ */
.josei h2{
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 20px;
        background-color: #9C27B0;
    color: white;
}

.inner2 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.a-box2 {
    width: 50%;
    float: left;
}

.a-box2 img {
    width: 100%;
}

.b-box2 {
    width: 50%;
    float: right;
}

.b-box2 img{
    width: 100%;
}
.syutten{
    text-align: right;
}

.josei p:last-child{
    max-width: 980px;
    margin: auto;
    padding-top : 10px;
    padding-bottom : 20px;
    font-size:20px;
}

.josei p span{
    color: red;
    border-bottom: solid 1px red;
    font-weight: bold;
}

/* 消火動画
============================================================================================================ */
.youtube{
    text-align: center;
}

#shouka iframe{
    width: 85%!important;
    height: 500px!important;
}


/* 対象の方
============================================================================================================ */
.taisyou {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 20px;
        background-color: #4CAF50;
    color: white;
}


.inner3 {
    max-width: 980px;
    margin: 0 auto;
    height: 530px;
}

.harf3 {
    width: 100%;
}

.a-box3 {
    text-align: center;
    width: 50%;
    float: left;
}

.a-box3 img:first-child{
    width: 85%;
}
.a-box3 img{
    width: 100%;
}

    .b-box3 {
    width: 50%;
    float: right;
    padding-bottom: 20px;
}

.b-box3 p{
    font-size: 20px;
}

.b-box3 p span{
        color: red;
    border-bottom: solid 1px red;
    font-weight: bold;
}

.sapporomap{
    text-align: center;
}

.sapporomap img{
    width: 70%;
}
    
    

/* 自動消火装置とは
============================================================================================================ */
.syouka {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 20px;
}


.inner1 {
    max-width: 980px;
    margin: 0 auto;
    height: auto;
}

.harf1 {
    width: 100%;
    height: 500px;
}

.a-box1 {
    text-align: center;
    width: 50%;
    float: left;
}

.a-box1 img {
    width: 90%;
}

.b-box1 {
    width: 50%;
    float: right;
    text-align: center;
    padding-bottom: 20px;
}
.b-box1 img{
    width: 70%;
}

.inner1 p {
    font-size:20px;
    padding: 20px;
}

blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family:  "Font Awesome 5 Free";
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}
cite {
    font-style: normal;
}


.douga {
    margin: auto;
    font-size: 2rem;
    max-width: 835px;
    text-align: center;
    background-color: #607d8bde;
    margin-bottom: 20px;
}


/* 人気商品
============================================================================================================ */
.ranking h2{
    background-color: #c8a063;
    color: #fff;
}

.ranking p{
    text-align: left;
}

.ranking table{
    font-weight: bold;
}

.ranking .b-box4, .ranking .b-box5 ,.ranking .b-box6 ,.ranking .b-box7,.ranking .b-box8{
    box-sizing: border-box;
    padding-left: 20px;
}

.ranking h3{
    font-size: 2rem;
    max-width: 980px;
    text-align: center;
    background-color: #607d8bde;
}

.ranking .b-box4 p:nth-child(2){
    padding: 20px;
    font-size:20px;
}
.ranking .b-box4 p:first-child ,.ranking .b-box5 p:first-child, .ranking .b-box7 p:first-child , .ranking .b-box8 p:first-child{
   margin-top: 20px;
}

.ranking .text_title{
    text-align: center;
        background: #ce1702d6;
    color: #fff;
    font-weight: bold;
    font-size:33px!important;
}

.ranking p{
    text-align: left;
}

.ranking .b-box5 p:nth-child(2){
    padding: 20px;
    font-size:20px;
}


.ranking p{
    text-align: left;
}

.ranking .b-box6 p:nth-child(2){
    padding: 20px;
    font-size:20px;
}

.ranking p{
    text-align: left;
}

.ranking .b-box7 p:nth-child(2){
    padding: 20px;
    font-size:20px;
}


.ranking p{
    text-align: left;
}

.ranking .b-box8 p:nth-child(2){
    padding: 20px;
    font-size:20px;
}


.ranking h2{
        font-size: 3.5rem;
    text-align: center;
    margin-bottom: 20px;
}
.inner4 {
    max-width: 980px;
    margin: 0 auto;
    height: 600px;
}

.harf4 {
    width: 100%;
}

.a-box4 {
    text-align: center;
    width: 50%;
    float: left;
}

.a-box4 img {
    width: 100%;
    padding-top: 10px;
}

.b-box4 {
    width: 50%;
    float: right;
    text-align: center;
    padding-bottom: 20px;
}

.inner5 {
    max-width: 980px;
    margin: 0 auto;
    height: 550px;
}

.harf5 {
    width: 100%;
}

.a-box5 {
    text-align: center;
    width: 50%;
    float: left;
}

.a-box5 img {
    width: 100%;
}

.b-box5 {
    width: 50%;
    float: right;
    text-align: center;
    padding-bottom: 20px;
}
.inner7 {
    max-width: 980px;
    margin: 0 auto;
    height: 540px;
}

.harf7 {
    width: 100%;
}

.a-box7 {
    text-align: center;
    width: 50%;
    float: left;
}

.a-box7 img {
        padding-top: 10px;
    width: 100%;
}

.b-box7 {
    width: 50%;
    float: right;
    text-align: center;
    padding-bottom: 20px;
}
.inner8 {
    max-width: 980px;
    margin: 0 auto;
    height: 700px;
}

.harf8 {
    width: 100%;
}

.a-box8 {
    text-align: center;
    width: 50%;
    float: left;
}

.a-box8 img {
    padding-top: 60px;
    width: 100%;
}

.b-box8 {
    width: 50%;
    float: right;
    text-align: center;
    padding-bottom: 20px;
}

/*作業風景
============================================================================================================ */
.sagyou{
    text-align: center;
}


.photo_pc {
    display: block;
    text-align: center;
    max-width: 100%;
    margin-bottom: 20px;
}


.single-item{
    max-width: 960px;
    margin: auto;
}

.single-item.slick-initialized.slick-slider {
    display: none;
}

.jisseki {
    text-align: center;
    margin-bottom: 30px;
}



/*お客様の声
============================================================================================================ */

.voice {
    background: #fffceb9e;
    padding-bottom: 50px;
}

.voice h2 {
    background-color: #771c74;
    color: #fffceb;
    font-size: 3.5rem;
    padding: 10px 10px;
    display: block;
    text-align: center;
    line-height: 1.2;
    margin: auto;
}

.voice_box1 {
    margin: auto;
    max-width: 960px;
    border: solid 10px #ccb32fcc;
    border-radius: 10px;
    margin-top: 50px;
    height: 350px;
}

.voice1 {
    border-bottom: 2px solid #ccb32fcc;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.voice1 p {
    font-weight: bold;
    text-align: center;
}

.a-box_v {
    text-align: center;
    width: 30%;
    float: left;
    height: auto;
}

.a-box_v img {
    width: 75%;
}

.b-box_v {
    width: 70%;
    float: right;
}

.b-box_v p span {
    color: red;
    border-bottom: solid 1px red;
    font-weight: bold;
}

.b-box_vsp {
    display: none;
}

.b-box_v2sp {
    display: none;
}

.b-box_v p {
    font-size: 20px;
    padding: 10px 20px 20px 20px;
}

.voice1_title {
    font-size: 30px;
}

.voice1_client {
    font-size: 25px;
}


/* 出張調査・出張見積り０円！
============================================================================================================ */
.mitumori {
    font-size: 3.5rem;
    padding: 10px 10px;
    display: block;
    background-color: #FFEB3B;
    color: red;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 20px;
}

.mitsumori0 {
    background-color: rgba(255, 217, 169, 0.1);
    padding-bottom: 50px;
}

.inner {
    margin: 0 auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 980px;
}

.flex-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
}

.flex-rowimg {
    display: none;
}

.text_area {
    width: 50%;
}

.text_area img {
    width: 98%;
}

.text_area p {
    padding-top: 20px;
}

.photo_area {
    width: 50%;
}

.mitsumori0 .photo_area img {
    margin-left: 30px;
    width: 480px;
}

/* コロナSP
============================================================================================================ */


    section#taisaku h2 {
    background-color: #CDDC39;
}


.nls_area {
    text-align: center;
}

.nls_area img {
    width: 60%;
    margin-top: 20px;
}
section#taisaku p {
    width: 65%;
    margin: 30px auto;
    font-size: 20px;
}



/* お問い合わせ
============================================================================================================ */
.otoiawase {
    font-size: 3.5rem;
    padding: 10px 10px;
    display: block;
    background-color: #1c2377;
    color: #fff;
    text-align: center;
    line-height: 1.2;

}

.denwa {
    width: 100%;
    height: 460px;
    background: #0099d417;
}

.harf6 {
    max-width: 960px;
    margin: auto;
}

.a-box6 {
    width: 65%;
    float: left;
}

.mail_area {
    text-align: center;
}

.mail_area img {
    width: 600px;
    margin-top: 20px;
}

.mail_contact, .jisseki a {
    padding: 10px;
    background: #ff9800;
    font-size: 27px;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    border-radius: 50px;
    width: 550px;
    text-align: center;
    line-height: 37px;
    letter-spacing: 2px;
    position: relative;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    overflow: hidden;
    margin-top: 10px;
}

.mail_contact:before, .jisseki a:before {
    content: "";
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.4);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: -10%;
    left: -180%;
    -webkit-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}

.mail_contact:hover:before, .jisseki a:hover:before {
    left: 60%;
}

.mail_contact:active, .jisseki a:active  {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}

.mail_contactsp {
    display: none;
}

.mail_contact_tab {
    display: none;
}

.b-box6 {
    width: 35%;
    float: right;
}

.b-box6 img {
    padding-top: 15px;
}

.tel_contact {
    display: none;
}

/* 会社概要
============================================================================================================ */
.company {
    width: 100%;
    margin: 0 auto 40px;
    padding-top: 50px;
}

.harf7 {
    max-width: 960px;
    margin: auto;
}

.mod-page-title h2 {
    background-color: #fff;
    color: black;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0.1rem;
    margin-bottom: 20px;
    text-align: center;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: black;
}

.profile_table table {
    border-top: 1px solid #d8d8d8;
    width: 100%;
}

.profile_table table tr {
    border-bottom: 1px solid #d8d8d8;
}

.profile_table table tr th {
    font-size: 1.2rem;
    line-height: 1.79;
    width: 18.3%;
}

.profile_table table tr td {
    padding: 14px 25px;
    font-size: 1.1rem;
    line-height: 1.79;
    letter-spacing: 0.05rem;
}

span.map {
    background: #f6ffeb;
    border-radius: 50px;
    padding: 0 5px;
    margin-right: 0.5em;
}

span.map a {
    color: #4CAF50;
    text-decoration: none;
    font-size: 1rem;
}

span.map a:hover {
    opacity: 0.5;
}

.profile_map {
    width: 100%;
}

iframe {
    width: 100%;
    height: 300px;
}


/* PCで電話番号リンクを無効に */
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		color: black;
        pointer-events: none;
        cursor: text;
        text-decoration: none;
	}
}

/* トップに戻るボタン
============================================================================================================ */

#top-btn {
    position: fixed;
    right: 20px;
    bottom: 0px;
    z-index: 10000;
}

#top-btn a {
    border-width: 2px;
    border-style: solid;
}

#top-btn a {
    width: 60px;
    height: 60px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    font-size: 30px;
    font-size: 1.875rem;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#top-btn a i {
    margin-left: -9px;
    position: absolute;
    top: 14px;
    left: 50%;
    -webkit-font-smoothing: antialiased;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

#top-btn a .top-btn-text {
    position: absolute;
    top: 80px;
    left: 7px;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    font-size: .8875rem;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
}

#top-btn a:hover {
    animation: to-top-btn 1s ease infinite;
}

#top-btn a:hover .top-btn-text {
    top: 15px;
}

#top-btn a:hover i {
    top: -40px;
}


.fa-angle-double-up:before {
    content: "\f102";
}


#top-btn a {
    border-color: #fff;
    color: #fbfbfb;
    background: #4caf50;

}

/* スマホ用電話ボタンPC
============================================================================================================ */
#tel {
    display: none;
}


/* フッター
============================================================================================================ */

#footer {
    background: #4caf50;
    color: #fbfbfb;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

.footer-logo {
    text-align: center;
}


/* スマホ
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
@media screen and (min-width:322px) and (max-width:410px) {
    p {
        font-size: 16px;
    }

    .text {
        display: inline-block;
    }

    h2 {
        padding: 5px;
    }

    h3 {
        padding: 5px;
    }
/*---お問い合わせフロート追記---*/
    .flort_contact{
        display: none;
    }
}

/* ヘッダーSP 
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

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

    .a-box0 {
        width: 100%;
        height: 90px;
    }

    .a-box0 img {
        width: 97%;
    }

    .b-box0 {
        display: none;
    }

    .harf0 {
        height: 90px;
    }



    /* メインビジュアルSP
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
    #mainvisual {
        background: none;
        padding-bottom: 0px;
    }

    #sp_main img {
        display: block;
        width: 100%;
    }

    #main {
        display: none;
    }

    .mail_sp {
        display: block;
        text-align: center;
        background: #fff;
    }

    .mail_contactsp1 {
        padding: 5px;
        background: #e4007f;
        font-size: 17px;
        display: inline-block;
        text-decoration: none;
        color: #FFF;
        border-radius: 50px;
        width: 95%;
        text-align: center;
        line-height: 30px;
        letter-spacing: 2px;
        position: relative;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        overflow: hidden;
        margin-top: 10px;
    }

    .mail_contactsp1:before {
        content: "";
        width: 200%;
        height: 200%;
        background: rgba(255, 255, 255, 0.4);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        top: -10%;
        left: -180%;
        -webkit-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }

    .mail_contactsp1:hover:before {
        left: 60%;
    }

    .mail_contactsp1:active {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        border-bottom: none;
    }

    
    /* >自動消火装置設置費助成事業始めました！SP
============================================================================================================ */
.josei h2{
    font-size:1.3rem;
    }
    
    .a-box2{
        width: 100%;
        float: none;
    }
    .b-box2{
               width: 100%;
        float: none; 
    }
    
    blockquote {
    position: unset;
    padding: 0;
        margin:0;
    }
    .inner2 blockquote .syutten{
        font-size:10px!important;
    }
    
    blockquote:before{
        display: none;
    }
    
.josei p:last-child {
        padding: 10px;
    font-size: 16px;
}
    
/* 対象の方SP
============================================================================================================ */
    
    .taisyou {
    font-size: 1.3rem;
    }
    .inner3{
        height: auto;
    }

    .a-box3 {
            margin: auto;
    width: 80%;
    float: unset;
    }
    
        .a-box3 img:first-child {
    width: 100%;
}
    
    .b-box3 {
    width: 100%;
    float: unset;
    }
    .b-box3 p{
        font-size:16px;
        padding:20px;
    }
    .sapporomap img {
    display: none;
}
    
    
/* 自動消火装置とはSP
============================================================================================================ */
    .syouka {
    font-size: 1.5rem;
}
    .a-box1 {
    width: 100%;
    float: unset;
}
    .b-box1 {
    width: 100%;
    float: unset;
    padding-bottom: 0;
}
    .inner1{
        height: auto;
    }
    
    .harf1{
        height: auto;
    }
    .inner1 p{
        font-size:16px;
    }
    .inner1 p span{
        font-size: 20px!important;
    }
    .douga{
        font-size: 1.4rem;
        margin-bottom: 10px;
    }
    /* 消火動画
============================================================================================================ */


#shouka iframe{
    width: 85%!important;
    height: 200px!important;
}

    
/* 人気商品SP
============================================================================================================ */
    .ranking h2 {
    font-size: 1.5rem;
    }
    .ranking h3{
        font-size: 1.4rem;
    }
    .ranking h3 text{
        display: inline-block;
    }
    .ranking .text_title{
        font-size: 28px!important;
    }
    .ranking table{
        font-size:13px;
    }
    .inner4{
        height: auto;
    }
    .a-box4 {
    text-align: center;
    width: 100%;
    float: unset;
}
    .ranking .b-box4 {
    width: 100%;
    float: unset;
    text-align: center;
        padding-left: 0;
    padding-bottom: 20px;
}
    .ranking .b-box4 p:nth-child(2){
        font-size: 16px;
        padding: 20px 10px;
        margin-top: 0;
    }
    
        .a-box5 {
    text-align: center;
    width: 100%;
    float: unset;
}
    .ranking .b-box5 {
    width: 100%;
    float: unset;
    text-align: center;
        padding-left: 0;
    padding-bottom: 20px;
}
    .ranking .b-box5 p:nth-child(2){
        font-size:16px;
        padding: 20px 10px;
        margin-top: 0;
    }
    .inner5{
        height: auto;
    }
    
            .a-box7 {
    text-align: center;
    width: 100%;
    float: unset;
}
    .ranking .b-box7 {
    width: 100%;
    float: unset;
    text-align: center;
        padding-left: 0;
    padding-bottom: 20px;
}
        .ranking .b-box7 p:nth-child(2){
        font-size:16px;
        padding: 20px 10px;
            margin-top: 0;
    }
    .inner7{
            height: auto;
    }
    
            .a-box8 {
    text-align: center;
    width: 100%;
    float: unset;
}
    .a-box8 img{
        padding-top: 0;
    }
    .ranking .b-box8 {
    width: 100%;
    float: unset;
    text-align: center;
        padding-left: 0;
    padding-bottom: 20px;
}
        .ranking .b-box8 p:nth-child(2){
        font-size:16px;
        padding: 20px 10px;
            margin-top: 0;
    }
    .inner8{
        height: auto;
    }
    
    /*作業風景SP
============================================================================================================ */
    .sagyou {
        display: block;
    font-size: 125%;
        text-align: center;
    }

    .photo_pc {
        display: none;
    }



    .single-item.slick-initialized.slick-slider {
        display: block;
    }

    /* slickボタンの位置調整 */
    .single-item .slick-prev {
        left: 0px;
    }

    .single-item .slick-next {
        right: 0px;
    }


    
    
    /* 出張調査・出張見積り０円！SP
============================================================================================================ */
    .mitumori,
    .otoiawase {
        font-size: 1.5rem;
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .mitsumori0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .inner {
        padding: 0;
    }

    .flex-row {
        display: block;
    }

    .flex-rowimg {
        display: block;
    }

    .flex-rowimg img {
        width: 100%;
    }

    .text_area {
        width: 100%;
    }

    .text_area p {
        padding: 10px;
        font-size: 16px !important;
    }

    .photo_area {
        display: none;
    }



    /* お客様の声SP
============================================================================================================ */
    .voice h2 {
        font-size: 150%;
    }


    .voice {
        padding-bottom: 20px
    }

    .voice_box1 {
        margin-top: 20px;
        height: 540px;
    }

    .voice1_title {
        font-size: 20px;
    }


    .voice1_client {
        font-size: 16px;
    }

    .voice1 {
        margin-bottom: 0;
    }

    .a-box_v,
    .b-box_v {
        width: 100%;
    }

    .a-box_v img {
        padding-top: 20px;
        padding-bottom: 10px;
        width: 50%;
    }

    .voice2 {
        margin-bottom: 0;
    }

    .b-box_v {
        display: block;
    }
    .b-box_v p {
        font-size: 16px;
        padding: 10px 5px 10px 10px;
    }


    /* お客様の声SP iphone5/SE
============================================================================================================ */
    @media screen and (max-width: 340px) and (min-width: 320px) {
        .voice_box1 {}
    }
    
    /* コロナSP
============================================================================================================ */

.nls_area img {
    width: 95%;
    margin-top: 10px;
}

    section#taisaku p {
    width: 95%;
    margin: 10px auto;
    font-size: 16px;
}

    /* お問い合わせSP
============================================================================================================ */

    .denwa {
        height: auto;
    }

    .a-box6 {
        width: 100%;
        float: unset;
    }

    .b-box6 {
        width: 100%;
        text-align: center;
        float: unset;
    }

    .b-box6 img {
        width: 50%;
    }

    .mail_area img {
        width: 100%;
    }

    .mail_contact {
        display: none;
    }

    .mail_contactsp, .jisseki a {
        padding: 5px;
        background: #e4007f;
        font-size: 17px;
        display: inline-block;
        text-decoration: none;
        color: #FFF;
        border-radius: 50px;
        width: 90%;
        text-align: center;
        line-height: 30px;
        letter-spacing: 2px;
        position: relative;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        overflow: hidden;
        margin-top: 10px;
    }

    .mail_contactsp:before,
    .tel_contact:before {
        content: "";
        width: 200%;
        height: 200%;
        background: rgba(255, 255, 255, 0.4);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        top: -10%;
        left: -180%;
        -webkit-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }

    .mail_contactsp:hover:before,
    .tel_contact:hover:before {
        left: 60%;
    }

    .mail_contactsp:active,
    .tel_contact:active {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        border-bottom: none;
    }

    .mail_contact_tab {
        display: none;
    }

    .tel_contact {
        padding: 5px;
        background: #1c2377;
        font-size: 17px;
        display: inline-block;
        text-decoration: none;
        color: #FFF;
        border-radius: 50px;
        width: 90%;
        text-align: center;
        line-height: 30px;
        letter-spacing: 2px;
        position: relative;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        overflow: hidden;
        margin-top: 10px;
    }

    /* 会社概要SP
============================================================================================================ */
    .company {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .mod-page-title h2 {
        font-size: 125%;
    }

    .profile_table table tr th {
        font-size: 1rem;
        line-height: 1.79;
        width: 20%;
    }

    .profile_table table tr td {
        padding: 10px;
        font-size: 1rem;
        line-height: 1.79;
        letter-spacing: 0.05rem;
    }

    th {
        padding: 10px;
    }

    .profile_map {
        height: 300px;
    }
    
/* PCで電話番号リンクを無効に */
@media (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

    /* 電話ボタンSP
============================================================================================================ */


    a#tel {
        position: fixed;
        bottom: -8px;
        display: block;
    }

    a#tel img {
        width: 100%;
    }



    /* フッターSP
============================================================================================================ */
    .footer-logo img {
        width: 80%;
    }

    .copyright span {
        font-size: 10px !important;
    }



    /* トップへ戻るボタン非表示 */
    #top-btn {
        display: none;
    }

    .flort_contact {
    display: none;
}
}


/* タブレット
============================================================================================================ */
@media screen and (min-width:600px) and (max-width:1024px) {
/*---お問い合わせフロート追記---*/
    .flort_contact{
        display: none;
    }
    
    
    .mainvisual img{
        width: 100%;
    }
    
    
    .harf1{
        height: 400px;
    }
    
    .inner4{
        height: 800px;
    }
    .inner5{
        height: 660px;
    }
    .inner7{
        height: 650px;
    }
    .inner8{
        height: 920px;
    }
    .josei p:last-child {
    padding: 0 10px;
    }
    
    .mail_area img {
    width: 550px;
    margin-top: 20px;
}
    .b-box6 img {
    width: 90%;
    padding-left: 24px;
    }
    .mail_contact {
    margin-left: 100px;
    }
    
    .photo_pc{
        padding-top: 20px;
    }
    .photo_pc img{
        width: 32%;
    }
    
    .mail_contact_tab :before{
        position:static;
    }
    
    section#taisaku h2 {
    font-size: 3rem;
}
    .nls_area img {
    width: 95%;
    margin-top: 20px;
}
    
    section#taisaku p {
    width: 95%;
    margin: 10px auto 30px;
    font-size: 20px;
}
    
    
/*　出張見積もり・お問い合わせTAB
============================================================================================================ */
    .mitsumori0 .photo_area img{
        margin-left: 0;
        padding-left: 20px;
        width: 100%;
    }
    
    
    
    .voice_box1{
            margin-top: 20px;
            height: 420px;
    }
    
}


/*　iphone6/7/8 Plus用
============================================================================================================ */
@media screen and (min-width:411px) and (max-width:415px) {
    .inner3{    
    height: auto;
    }
    .inner1 {
    height: auto;
    }
    .ranking h3{
        font-size: 1.8rem;
    }
    .ranking .text_title {
    font-size: 33px!important;
}
        .a-box3 img:first-child {
    width: 100%;
}
}

/*　iphone5
============================================================================================================ */
@media screen and (min-width:320px) and (max-width:321px) {
.profile_table table tr td {
    font-size: .8rem;
    }
    .ranking .text_title {
    font-size: 26px!important;
}
    .a-box3 img:first-child {
    width: 100%;
}
}



.priceKome{
	margin: auto;
	margin-top: 30px;
	max-width: 888px;
}

.priceListTitle{
	margin: auto;
    font-size: 2rem;
    max-width: 888px;
    text-align: center;
    background-color: #8bc34a;
    margin-bottom: 20px;
	color: #fff;
}

.priceList{
	padding: 70px 0px;
}

.tbl-r05,.tbl-r04 {
  margin: 20px auto;
}

.tbl-r05 th {
  background: #ff9800;
  color: #fff;
  padding: 10px;
	width: 20%;
}

.tbl-r04 th {
  background: #ff9800;
  color: #fff;
  padding: 15px 10px;
	width: 29%;
}

.tbl-r04 td {
  padding: 10px;
}
.tbl-r04 td:first-child {
  background: #fff5e6;
}

.tbl-r05 td {
  padding: 10px;
}
.tbl-r05 td:first-child {
  background: #fff5e6;
}

@media screen and (max-width: 640px) {
  .tbl-r05,.tbl-r04 {
    width: 90%;
  }
  .tbl-r05 .thead {
    display: none;
  }
.tbl-r04 .thead {
    display: none;
  }
	
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
  }
	
  .tbl-r05 td:first-child {
    background: #ff9800;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
	
  .tbl-r04 tr {
    width: 100%;
  }
  .tbl-r04 td {
    display: block;
    text-align: right;
  }
	
  .tbl-r04 td:first-child {
    background: #ff9800;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r04 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
	
.priceKome{
	width: 90%;
	margin: auto;
	margin-top: 20px;
}
	
}