@charset "UTF-8";
/* sp(320px) */
#pageService.pageUnnei {}

#pageService.pageUnnei .hl_unnei br.sbr {
    display: inline-block;
}

/* msg_top */
#pageService.pageUnnei #msg_top .bg_3line {
    padding-top: 30px;
    padding-bottom: 30px;
}
#pageService.pageUnnei #msg_top .box {
    position: relative;
    border: 0px solid;
    
}
#pageService.pageUnnei #msg_top .box .ph {
    clear: both;
    float: none;
    width: 100%;
    position: static;
    right: 0;
    top: 0;
    z-index: 1;

}
#pageService.pageUnnei #msg_top .box .txt {
    clear: both;
    float: none;
    width: 100%;
    background-color: #fff;
    padding: 5% 3% 5% 3%;
    position: relative;
    z-index: 2;
}

/* 「受注」できる理由 */
#pageService.pageUnnei #riyu .hl span {
    display: block;
    font-weight: bold;
    color: #ca373d;
}
#pageService.pageUnnei #riyu .img {
    background-color: #fff;
}
#pageService.pageUnnei #riyu .img picture {
    max-width: 307px;
    margin-left: auto;
    margin-right: auto;
}

/* 制作方針 */
#pageService.pageUnnei #hoshin .box .txt {
    padding: 0% 3% 20px 3%;
}

#pageService.pageUnnei #hoshin .box .ph figure {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}

#pageService.pageUnnei #hoshin .box .ph figure figcaption {
    text-align: right;
    padding-top: 7px;
}


#pageService.pageUnnei #btn_unnei .lside,
#pageService.pageUnnei #btn_unnei .rside {
    padding-left: 4%;
    padding-right: 4%;
    border: 0px solid;
}

#pageService.pageUnnei #btn_unnei .lside {
    padding-bottom: 30px;
}

#pageService.pageUnnei #btn_unnei a.btn_red {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#pageService.pageUnnei #btn_unnei a.btn_red span strong {
    font-size: 120%;
    font-weight: normal;

}


@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */



/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 481px) {
/* tablet */

#pageService.pageUnnei #msg_top .bg_3line {
    padding-top: 50px;
    padding-bottom: 50px;
}

#pageService.pageUnnei .hl_unnei br.sbr {
    display: none;
}

/* 「受注」できる理由 */
#pageService.pageUnnei #riyu .img picture {
    max-width: 511px;
}


/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */

/* msg_top */
#pageService.pageUnnei #msg_top .bg_3line {
    padding-top: 60px;
    padding-bottom: 60px;
}
#pageService.pageUnnei #msg_top .box {
    position: relative;
}
#pageService.pageUnnei #msg_top .box .ph {
    clear: none;
    float: right;
    width: 65.980%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    margin-top: 2px;
    padding-bottom: 30px;
}
#pageService.pageUnnei #msg_top .box .txt {
    clear: none;
    float: left;
    width: 45.098%;
    background-color: #fff;
    padding: 0% 3% 0% 3%;
    position: relative;
    z-index: 2;
}
/* 制作方針 */
#pageService.pageUnnei #hoshin .box .txt {
    padding: 1% 3% 20px 3%;
}



/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 801px) {
/* pc */

/* msg_top */
/* msg_top */
#pageService.pageUnnei #msg_top .bg_3line {
    padding-top: 80px;
    padding-bottom: 180px;
}
#pageService.pageUnnei #msg_top .box .txt {
    padding: 5% 3% 5% 5%;
}

/* 「受注」できる理由 */
#pageService.pageUnnei #riyu .img picture {
    max-width: 639px;
    margin-left: auto;
    margin-right: auto;
}

/* 制作方針 */
#pageService.pageUnnei #hoshin .box .txt {
    padding: 1% 6% 20px 5%;
}

#pageService.pageUnnei #btn_unnei .lside {
    padding-bottom: 0px;
}


/* end of media query(pc) */
}