/**
* page - service.html
*------------------------------------------------------------*/
#page_service #kv {
    background-image: url(../images/service/bg_kv_service_sp.jpg);
}
@media screen and (min-width: 901px) {
	#page_service #kv {
		background-image: url(../images/service/bg_kv_service.jpg);
	}
}


#page_service .main h2 {
    width: 80%;
    margin-bottom: 40px;
}
#page_service .cntnt__service ul:not(:last-of-type){
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #edf1f3;
}
#page_service .cntnt__service ul{
    margin-bottom: 120px;
}
@media screen and (max-width: 640px) {
    #page_service .cntnt__service ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

#page_service .cntnt__service ul:not(:last-of-type) {
        margin-bottom: 10px;
    }

    
    #page_service .cntnt__service li.cntnt__desc {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    }
    #page_service .cntnt__service ul li.cntnt__desc:last-child {
    margin-bottom: 20px;
    }
    
    #page_service .cntnt__service ul li.cntnt__desc:last-child p + p {
    margin-bottom: 0;
    }
    
    #page_service .cntnt__service li.cntnt__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    }
}

@media screen and (min-width: 641px) {
    #page_service .cntnt__service ul{
        margin-bottom: 60px;
    }
    #page_service .cntnt__service ul:not(:last-of-type){
        padding-bottom: 100px;
        margin-bottom: 100px;
        border-bottom: 1px solid #edf1f3;
    }
}
#page_service .cntnt__service li {
    display: block;
    vertical-align: top;
    margin: 0;
    box-sizing: border-box;
}
#page_service .cntnt__service li.cntnt__desc {
    width: 100%;
    margin-bottom: 20px;
}
#page_service .cntnt__service li.cntnt__desc:last-child {
    margin-bottom: 0;
}
#page_service .cntnt__service li.cntnt__img {
    width: 100%;
}
@media screen and (min-width: 641px) {
    #page_service .cntnt__service li {
        display: inline-block;
        margin: 0;
        box-sizing: border-box;
    }
    #page_service .cntnt__service li.cntnt__desc {
        width: 50%;
    }
    #page_service .cntnt__service li.cntnt__img {
        width: 46%;
    }
    #page_service .cntnt__service li:first-child {
        margin: 0 3% 0 0;
    }
}
#page_service .cntnt__service li h3 {
    margin: 30px 0;
}
@media screen and (min-width: 641px) {
    #page_service .cntnt__service li h3 {
        margin: 0 0 30px 0;
    }
}
#page_service .cntnt__service li .service_btn01 {
    width: 340px;
    height: auto;
}
#page_service .cntnt__service li .service_btn02 {
    width: 220x;
    height: auto;
    margin-top: 50px;
    text-decoration: none;
}
#page_service .cntnt__service li .service_btn01:hover,
#page_service .cntnt__service li .service_btn02:hover {
    -ms-filter: "alpha(opacity=60)";
    -moz-opacity:0.6;
    opacity:0.6;
}
#page_service .cntnt__service p{
    margin-bottom: 25px;
}
#page_service .cntnt__service .cntnt__note {
    width: 100%;
    border: 2px solid;
    box-sizing: border-box;
    text-align: left;
    color: #f3665b;
    margin-top: -80px;
    margin-bottom: 50px;
    padding: 15px;
}

@media screen and (min-width: 641px) {
    #page_service .cntnt__service .cntnt__note {
        width: 100%;
        border: 2px solid;
        box-sizing: border-box;
        text-align: center;
        color: #f3665b;
        margin-top: 0;
        margin-bottom: 50px;
        padding: 15px;
    }
}