@charset "UTF-8";
/* CSS Document */

#intro{
    background: url(../images/mv_bg.png) top center no-repeat;
}

#intro .commonparts_box {
    height: 190px;
    margin-bottom: 85px;
}

#intro h1 {
    padding-top: 66px;
    text-align: center;
}

#intro .commonparts_box .point01_hover .hover_num{
    top:232px;
    left:548px;
}
#intro .commonparts_box .point01_hover .hover_cont{
    top:161px;
    left:578px;
    display: none;
}
#intro .commonparts_box .point02_hover .hover_num{
    top:109px;
    left:310px;
}
#intro .commonparts_box .point02_hover .hover_cont{
    top:143px;
    left:129px;
    display: none;
}
#intro .commonparts_box .point03_hover .hover_num{
    top:224px;
    left:314px;
}
#intro .commonparts_box .point03_hover .hover_cont{
    top:293px;
    left:160px;
    display: none;
}
#intro .commonparts_box .point04_hover .hover_num{
    top:226px;
    left:448px;
}
#intro .commonparts_box .point04_hover .hover_cont{
    top:137px;
    left:395px;
    display: none;
}
#intro .commonparts_box .hover_num:hover + .hover_cont{
    display: block;
}

#intro .commonparts_box .eco_faucet_bt{
    position: absolute;
    top: 253px;
    left: 720px;
}

#intro .intro_ann {
    margin: 80px auto 85px;
}


@media screen and (max-width: 767px) {
    #intro{
        background: url(../images/mv_bg.png) top center no-repeat;
        background-size: cover;
    }
    #intro .commonparts_box {
        height: 44vw;
    }

    #intro h1 {
        margin: 0 0 0 3.3vw;
        padding-top: 16.5vw;
    }
    #intro h1 img {
        width: 40.35326%
    }


    #intro .commonparts_box .point01_hover .hover_num{
        top: 21vw;
        left: 56vw;
    }

    #intro .commonparts_box .point02_hover .hover_num{
        top: 11vw;
        left: 34.5vw;
    }

    #intro .commonparts_box .point03_hover .hover_num{
        top: 21vw;
        left: 35vw;
    }

    #intro .commonparts_box .point04_hover .hover_num{
        top: 21vw;
        left: 46.5vw;
    }

    #intro .commonparts_box .hover_num:hover + .hover_cont{
        display: block;
    }

    #intro .commonparts_box .eco_faucet_bt{
        width: 18.75vw;
        position: absolute;
        top: 24vw;
        left: 71vw;
    }
}

#sec01 {
/*    margin-bottom: 49px;*/
}
#sec01.commonparts_sec{
}
#sec01 .box_list {
}
#sec01 .box_list#sec01 .box_list#sec01 .split2 {
}


.flexArea .index_btn {
    padding: 0px 0 13px 15px;
}

.flexArea .index_btn a{
	width: 198px!important;
	margin: 0 auto;
    padding: 0px 0 13px 15px;

}
.flexArea .index_btn {
	padding: 0px 0 13px;
}
.flexArea .index_btn:hover,
.flexArea .index_btn:hover a {
    text-decoration: none;
    color: #fff!important;
    background: #0b163e;
}

@media screen and (max-width: 767px) {
	.flexArea{
		display: block!important;
		}
	.flexArea .index_btn a{
		width: 100%!important;
		margin: 0 auto;
		padding: 0px 0 0px 0px;

	}

}

@media screen and (max-width: 767px) {
    .commonparts_box h3{
        width: 96%;
        margin: 0 auto 4vw;
        font-size: 5vw;
        font-weight: bold;
        color: #1e4dc6;
        text-align: center;
    }
    #sec01 .commonparts_box p{
        margin: 0 4% 3vw !important;
        text-align: center;
        font-size: 3vw!important;
    }

    #sec01 {
        /*    margin-bottom: 49px;*/
    }
    #sec01.commonparts_sec{
    }
    #sec01 .box_list {
    }
    #sec01 .box_list#sec01 .box_list#sec01 .split2 {
    }
}

#sec02 {
    width: 100%;
    padding: 30px 0 100px;

}
#sec02 .scTtl{
    width: 100%;
    position: relative;
}
#sec02 .scTtl + p{
    margin-top: 0;
    margin-bottom: 29px;
    text-align: center;
}
#sec02 .scTtl .pointMkr,
#sec02 .scTtl .pointMkr_tanpin{
    position: absolute;
    top: 5px;
    right: 5px;
}
#sec02 h3,
#sec02 #setsuyu h3{
    font-size: 2.2rem;
    font-weight: normal;
    color: #1e4dc6;
    text-align: center;
    margin-bottom: 22px;
    background: #ebf5fb;
    padding: 5px 0;
}

#sec02 #setsuyu h3 span{
    font-size: 2.2rem;
}

#sec02 .suppArea{
    width: 100%;
    background: #efefef;
    padding: 30px 0 36px;
}
#sec02 .suppArea h4{
    font-size: 2.2rem;
    font-weight: bold;
    width: 100%;
    background: #efefef;
    text-align: center;
    margin-bottom: 22px;
}
#sec02 .suppArea h4 + p{
    font-size: 1.7rem;
    margin-bottom: 35px;
    text-align: center;
}
#sec02 .suppArea h5{
    width: 885px;
    margin: 0 auto 20px;
    font-size: 2rem;
    color: #1e4dc6;
    padding: 3px 0;
    border: 1px solid #1e4dc6;
    text-align: center;
}
#sec02 .stack {
    width: 885px;
    padding: 0;
    margin: 0 auto 30px;
}
#sec02 .stack:after{
    content: "";
    display: block;
    clear: both;
}
#sec02 li.spt3-tr {
    width: 277px;
    margin-right: 27px;
    float: left;
}
#sec02 li.spt3-tr:last-child{
    margin-right: 0;
}
#sec02 .tr_img {
    margin-bottom: 10px;
}
#sec02 img {
}
#sec02 li.spt3-tr .tar_ttl{
    font-size: 1.8rem;
    color: #1e4dc6;
    text-align: center;
    margin-bottom: 10px;
}
#sec02 .tar_txt {
    font-size: 1.6rem;
    text-align: center;
}
#sec02 .suppArea p.p2{/**/
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 10px;
}
#sec02 .suppArea p.urlArea{/**/
    font-size: 1.5rem;
    text-align: center;
    color: #1e4dc6;
}
#sec02 .ann {
    font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
    #sec02 {
        width: 100%;
        padding: 6vw 0 16vw;

    }
    #sec02 .scTtl + p{
        margin: 0 4% 3vw !important;
        text-align: center;
        font-size: 3.5vw;
    }
    #sec02 .scTtl .pointMkr{
        width: 30vw;
        position: absolute;
        top: 2vw;
        right: 2vw;
    }
   
	#sec02 .scTtl .pointMkr_tanpin{
        width: 30vw;
        position: absolute;
        top: 3vw;
        right: 2vw;
    }
    #sec02 .commonparts_box{
    }
    #sec02 h3 {
        font-size: 6vw;
        font-weight: bold;
        color: #1e4dc6;
        text-align: center;
        margin-bottom: 6vw;
		margin-top: 7vw;
    }
	
    #sec02 h3.tanpin {
        font-size: 5vw!important;
        font-weight: bold;
        color: #1e4dc6;
        text-align: center;
        margin-bottom: 6vw;
		margin-top: 7vw;
    }
	
    #sec02 .suppArea{
        width: 100%;
        background: #efefef;
        padding: 7vw 0 8vw;
    }
    #sec02 .suppArea h4{
        font-size: 5vw;
        font-weight: bold;
        width: 100%;
        background: #efefef;
        text-align: center;
        margin-bottom: 6vw;
    }
    #sec02 .suppArea h4 + p{
        width: 96%;
        margin: 0 auto;
        font-size: 3.5vw;
        margin-bottom: 10vw;
        text-align: left;
    }
    #sec02 .suppArea h5{
        width: 96%;
        margin: 0 auto 5vw;
        font-size: 5vw;
        color: #1e4dc6;
        padding: 3px 0;
        border: 1px solid #1e4dc6;
        text-align: center;
    }
    #sec02 .stack {
        width: 92%;
        padding: 0;
        margin: 0 auto 3vw;
    }
    #sec02 .stack:after{
        content: "";
        display: block;
        clear: both;
    }
    #sec02 li.spt3-tr {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 6vw;
        float: left;
    }
    #sec02 li.spt3-tr:nth-child(2n){
        margin-right: 0;
    }
    #sec02 li.spt3-tr:last-child{
        margin-right: 4%;
    }
    #sec02 .tr_img {
        margin-bottom: 1vw;
    }
    #sec02 li.spt3-tr .tar_ttl{
        font-size: 3.5vw;
        color: #1e4dc6;
        text-align: center;
        margin-bottom: 1vw;
    }
    #sec02 img {
        margin-bottom: 0;
    }
    #sec02 .tar_txt {
        font-size: 2.5vw;
        text-align: center;
    }
    #sec02 .suppArea p.p2{
        width: 96%;
        margin: 0 auto;
        font-size: 3.5vw;
        text-align: left;
        margin-bottom: 2vw;
    }
    #sec02 .suppArea p.urlArea{
        width: 96%;
        margin: 0 auto;
        font-size: 4vw;
        text-align: center;
        color: #1e4dc6;
    }

}

#sec03 {
    width: 100%;
}

#sec03 h3 {
    font-size: 2.2rem;
    font-weight: normal;
}

#sec03 h3 span {
    font-size: 1.8rem;
}
#sec03 .flexArea {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 42px;
}
#sec03 .flexArea .index_btn {
    width: 198px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid #1e4dc6;
    font-weight: normal;
    padding: 0;
    box-sizing: border-box;
}
#sec03 .flexArea p {
    height: 60px;
    line-height: 60px;
    font-size: 1.4rem;
}
#sec03 a {
    display: block;
    width: 100%;
    height: 100%;
    color: #414141;
}
#sec03 a:hover{
    color: #fff;
    text-decoration: none;
}

#sec03 .spt3 {
    border: none;
    height: 713px;
    position: relative;
}
#sec03 .spt3 .index_btn {
    width: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    border: 1px solid #1e4dc6;
    font-weight: normal;
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: -15px;
}

#sec03 .spt3 .index_btn a{
    display: block;
    width: 100%;
    height: 100%;
    color: #414141;
}
#sec03 .spt3 .index_btn a:hover{
    text-decoration: none;
    color: #fff;
}

#sec03 h4 {
    font-size: 2rem;
    color: #1e4dc6;
    text-align: center;
    background: #ebf5fb;
    margin-bottom: 18px;
    padding: 2px 0;
}

#sec03 .pro_txt {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 7px 0 25px;
    height: 47px;
}
@media screen and (max-width: 767px) {
	

#sec02 #setsuyu h3	{
font-size: 2.2rem;
    font-weight: normal;
    color: #1e4dc6;
    text-align: center;
    margin-bottom: 22px;
    background: #ebf5fb;
    padding: 1rem 0 1rem 1.3rem;
	}
	
	
#sec02 #setsuyu h3 small{
    font-size: 1.6rem;
}	
	
	
	    #sec03 {
        width: 100%;
    }

    #sec03 h3 {
        font-size: 6vw;
        font-weight: normal;
    }

    #sec03 h3 span {
        font-size: 4vw;
    }
    #sec03 .flexArea {
        width: 96%;
        margin: 0 auto;
        display: block;
        margin-bottom: 10vw;
    }
    #sec03 .flexArea .index_btn {
        width: 90%;
        height: 50px;
        margin: 0 auto;
        line-height: 50px;
        text-align: center;
        border: 1px solid #1e4dc6;
        font-weight: normal;
        padding: 0;
        box-sizing: border-box;
        font-size: 4vw;
    }
    #sec03 .flexArea p {
        height: auto;
        line-height: 1.5;
        font-size: 4vw;
        margin-bottom: 5vw;
    }
    #sec03 a {
        display: block;
        width: 100%;
        height: 100%;
        color: #414141;
    }
    #sec03 a:hover{
        text-decoration: none;
    }

    #sec03 .spt3 {
        border: none;
        height: auto;
        position: relative;
        margin-bottom: 8vw;
    }
    #sec03 .spt3 .index_btn {
        width: 100%;
        height: 50px;
        line-height: 1.5;
        text-align: center;
        border: 1px solid #1e4dc6;
        font-weight: normal;
        padding: 5px 0 0;
        box-sizing: border-box;
        position: relative;
        margin-top: 4vw;
    }

    #sec03 .spt3 .index_btn a{
        display: block;
        width: 100%;
        height: 100%;
        color: #414141;
    }
    #sec03 .spt3 .index_btn a:hover{
        text-decoration: none;
    }
    #sec03 .spt3 .index_btn a span{
        font-size: 1.4rem;
    }

    #sec03 h4 {
        font-size: 5vw;
        color: #1e4dc6;
        text-align: center;
        background: #ebf5fb;
        margin-bottom: 4vw;
        padding: 2px 0;
    }

    #sec03 .pro_txt {
        font-size: 3vw;
        font-weight: bold;
        padding: 7px 0 25px;
        height: 25px;
    }
}
#sec04 {
    width: 100%;
}

@media screen and (max-width: 767px) {
    #sec04 {
        width: 100%;
    }

}


.txt_14 {
    font-size: 1.4rem;
}
.gr01__cate_box {
    background: #8ac43e;
    padding: 5px 10px;
    margin: 5px auto 5px;
    display: block;
    text-align: center;
    border-radius: 1px;
    font-size: 1.4rem;
    color: #FFF;
}
@media screen and (max-width: 767px) {
    .gr01__cate_box {
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 375px) {
    #sec02 .scTtl .pointMkr_tanpin {
        width: 25vw;
    }
    #sec04 > div > ul > li:nth-child(2) > a > div.index_btn.lh3 > span {
        font-size: 2.6vw;
    }
}
.border{border: 1px solid #1e4dc6;}