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

/* msg_top */
#pageService.pageOrdermade #msg_president .txt {
	padding: 0px 0px 10px;
}
#pageService.pageOrdermade #msg_president .ph figure {
	max-width: 511px;
}

/* 5つのプロセス */
#pageService.pageOrdermade #process5 .hl span {
	display: block;
	font-weight: bold;
	color: #ca373d;
}

/* 最後のボタン */
#btn_ordermade {
	font-size: 18px;
	width: 220px;
}

.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.75em 1.5em;
    text-decoration: none;
    color: #FFF;
    background-image: linear-gradient(45deg, orange 0%, orangered 100%);
    border-radius: 15px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;/*線色*/
}

.square_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

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

/* 最後のボタン */
/*#btn_ordermade {
	width: auto ;
}
#btn_ordermade br {
	display: inline-block;
}
*/

/* 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 */
/* msg_top */
#pageService.pageOrdermade #msg_president .txt {
	padding: 0px 5% 20px;
}

/* 最後のボタン */
#btn_ordermade {
	font-size: 22px;
	width: auto;
}

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



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

/* msg_top */
#pageService.pageOrdermade #msg_president .txt {
	padding: 10px 3% 0px;
}

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



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

/* msg_top */
#pageService.pageOrdermade #msg_president .txt {
	padding: 10px 5% 0px;
}

/* 最後のボタン */
#btn_ordermade {
	font-size: 26px;
	width: auto;
}

.square_btn {
    position: relative;
    font-weight: normal;
    display: inline-block;
    padding: 0.75em 1.5em;
    text-decoration: none;
    color: #FFF;
    background-image: linear-gradient(45deg, orange 0%, orangered 100%);
    border-radius: 24px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
	font-size: 25px;
    /* border: solid 2px #d27d00; */
}

.square_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

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