@charset "UTF-8";
/* CSS Document */
/*---------- パンくず ----------*/
.mod-topicpath {
	margin: 0;
	padding: .8em 0 .7em;
	line-height: 1.3;
	font-size: 12px;
}
.mod-topicpath li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.mod-topicpath li:nth-child(n+2)::before {
	content: " > ";
}
.mod-topicpath a {
	color: #149953;
	text-decoration: none;
}
.mod-topicpath a:hover {
	text-decoration: underline;
}
.mod-topicpath li:last-child a {
	color: inherit;
}
@media (max-width: 480px) {
	.mod-topicpath {
		font-size: 11px;
	}
}


/*---------- 見出し ----------*/
.sec-head{
    width:100%;
    background: #149953;
    color:#fff;
    text-align: center;
    height:120px;
	font-weight: 700;
	line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec-head p{
    width:100px;
    margin-right:20px;
}
.sec-head h1{
    font-size: 40px;
    line-height: 1.3;
    color: #fefb1c;
}
.sec-head h1 span{
    display:block;
    font-size:26px;
    color: #fff;
}

/*---------- 駆除の流れ ----------*/
.sec-flow{}
.flow-in{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    max-width:970px;
    width:90%;
    margin:50px auto;
}
.flow-image{
    width:52%;
}
.flow-txt{
    width:48%;
    font-size:24px;
    font-weight: bold;
}
.flow-txt p + p{margin-top:50px;}
.flow-bg{
    background: #f4fbf7;
    padding:80px 0;
}
.flow-box{
    position: relative;
    border-radius: 10px;
    box-shadow: rgba(162,162,154,0.8) 0 0 10px;
}
.flow-box::after{
    position: absolute;
    content:'';
    background: url("../img/flow/nezumi/flow-icon.png") no-repeat center;
    background-size:contain;
    width:73px;
    height:37px;
    right:0;
    left:0;
    margin:auto;
    bottom:-60px;
}
.flow-box:last-of-type::after{ content:none;}
.flow-box + .flow-box{
    margin-top:80px;
}
.flow-box-head{
    background: #3044a4;
    color:#fff;
    font-size:30px;
    font-weight: bold;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding:10px 0;
    text-align: center;
}
.flow-box-in{
    padding:50px 60px 50px 60px;
    background: url("../img/top/bg_pattern.png") repeat;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.flow-box-txt{
    font-size:20px;
    font-weight: bold;
    text-align: center;
    margin-bottom:50px;
}
.flow-box-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flow-box-item{
    width:47.5%;
}
.flow-box-item > p{
    margin-top:10px;
}
.flow-box-item > p span{
    display: block;
    font-size:20px;
    font-weight: bold;
    color:#3044a4;
}
.sec-voice{padding:80px 0;}
.sec-voice h2{
    background:#149953 ;
    color:#fff;
    font-size:28px;
    font-weight: bold;
    padding:15px 0;
    text-align: center;
    line-height: 1.3;
}
.sec-voice h2 span{
    font-size:38px;
    color:#fbe23c;
    display: block;
}
.voice-in{
    max-width:1100px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:50px 0 0;
}
.voice-in > div{
    width:47.5%;
    border:2px solid #149953;
}
.voice-in > p{ 
    width:47.5%;
}
.voice-in > p span{
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767px) {
   /*---------- 見出し ----------*/ 
    .sec-head{
        width:100%;
        height:20vw;
        font-size: 5vw;
    }
    .sec-head p{
        width:15vw;
        margin-right:3vw;
    }
    .sec-head h1{
        font-size: 5vw;

    }
    .sec-head h1 span{
        font-size:4vw;
    }
    /*---------- 駆除の流れ ----------*/
    .flow-in{
        max-width:90%;
        margin:5vw auto;
        flex-direction: column-reverse;
    }
    .flow-image{
        width:100%;
        margin-bottom:5vw;
    }
    .flow-txt{
        width:100%;
        font-size: 3.8vw;
    }
    .flow-txt p + p{margin-top:3vw;}
    .flow-bg{
        padding:10vw 0;
    }
    .flow-box::after{
        position: absolute;
        content:'';
        background: url("../img/flow/nezumi/flow-icon.png") no-repeat center;
        background-size:contain;
        width:11.467vw;
        height:7.2vw;
        right:0;
        left:0;
        margin:auto;
        bottom:-10.667vw;
    }
    .flow-box + .flow-box{
        margin-top:12vw;
    }
    .flow-box-head{
        font-size: 4.6vw;;
        padding:3vw 0;
    }
    .flow-box-in{
        padding:5vw;
    }
    .flow-box-txt{
        font-size: 4vw;
        margin-bottom:5vw;
    }
    .flow-box-item{
        width:47.5%;
    }
    .flow-box-item > p{margin-top:2vw;}
    .flow-box-item > p span{
        font-size: 3.8vw;
    }
    .sec-voice{padding:10vw 0;}
    .sec-voice h2{
        font-size:4vw;
        padding:3vw 0;
        line-height: 1.5;
    }
    .sec-voice h2 span{
        font-size: 5vw;
    }
    .voice-in{
        max-width:100%;
        padding:5vw 0 0;
    }
    .voice-in > div{
        width:100%;
    }
    .voice-in > p{ 
        width:100%;
        margin-top:3vw;
    }

}