@charset "utf-8";

/* 封入投函とは（有料） */
#about p,
#way p{
	margin-bottom:10px;
}
/* ご注文方法 */
#way img {
	padding:10px;
	border:#CCCCCC solid 1px;
}
/* 作業内容 */
#cnts p.top_text {
    font-size:20px; 
    font-weight: bold;
    margin-bottom: 30px;
}
#cnts p {
	margin-bottom:15px;
}
#cnts ol {
	padding-left:25px;
}
#cnts ol li {
	list-style:outside decimal;
	margin-bottom: 10px;
}
/* 投函までの流れ */
#posting img {
    width: 720px;
    height: auto;
}
/* 注意事項 */
#att p {
	margin-bottom:10px;
}
#att ul {
	padding-left:25px;
}
#att li {
	list-style:outside disc;
	margin-bottom:5px;
}
/* 価格について（切手貼り） */
#box_spprice p.price_box,
#box_hnprice p.price_box {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
	background:#009900;
    margin-bottom: 10px;
	padding:0.2em 1em;
	color:#FFFFFF;
}
#box_spprice table {
    margin-bottom: 30px;
}
#box_spprice dl {
    margin: 16px 0 30px;
}
#box_spprice dt,
#box_tknprice dt {
	margin-bottom: 6px;
}
#box_spprice dd {
	padding-left:1.5em;
}
#box_spprice .-price,
#box_tknprice .-price {
    font-size: 18px;
    font-weight: bold;
}
/* 価格について（封入・糊付け） */
#box_hnprice ul {
    margin-top: 20px;
}
#box_hnprice li {
    margin-bottom: 8px;
}
#box_hnprice li:last-child {
    margin-bottom: 0;
}
/* 価格について（投函） */
#box_tknprice table {
    margin-bottom: 20px;
}
#box_tknprice dl {
    margin-top: 30px;
}
#box_tknprice dd {
    margin-bottom: 20px;
}
#box_tknprice dd:last-child {
    margin-bottom: 0;
}
/* 納期について */
#noki table {
	margin-bottom:20px;
}
#noki dt {
	margin-bottom:10px;
}
/* 共通 */
#main table.common_table {
	width:auto!important;
}

@media screen and (max-width: 750px) {
    /* 封入投函とは（有料） */
    #about p,
    #way p{
        margin-bottom:calc(24*100vw/750);
    }
    /* ご注文方法 */
    #way img {
        padding:0;
    }
    /* 作業内容 */
    #cnts p.top_text {
        font-size: calc(36*100vw/750); 
        margin-bottom: calc(32*100vw/750);
    }
    #cnts ol li {
        list-style:outside decimal;
        margin-bottom: calc(24*100vw/750);
    }
    /* 注意事項 */
    #att p {
        margin-bottom:calc(24*100vw/750);
    }
    #att ul {
        padding-left:calc(40*100vw/750);
    }
    #att li {
        list-style:outside disc;
        margin-bottom:calc(24*100vw/750);
    }
    /* 価格について（切手貼り） */
    #box_spprice p.price_box,
    #box_hnprice p.price_box {
        font-size: calc(32*100vw/750);
        margin-bottom: calc(24*100vw/750);
    }
    #box_spprice table {
        margin-bottom: calc(60*100vw/750);
    }
    #box_spprice dl {
        margin: calc(30*100vw/750) 0 calc(60*100vw/750);
    }
    #box_spprice dt,
    #box_tknprice dt {
        margin-bottom: calc(16*100vw/750);
    }
    #box_spprice .-price,
    #box_tknprice .-price {
        font-size: calc(32*100vw/750);
    }
    /* 価格について（封入・糊付け） */
    #box_hnprice ul {
        margin-top: calc(40*100vw/750);
    }
    #box_hnprice li {
        margin-bottom: calc(16*100vw/750);
    }
    /* 価格について（投函） */
    #box_tknprice table {
        margin-bottom: calc(40*100vw/750);
    }
    #box_tknprice dl {
        margin-top: calc(60*100vw/750);
    }
    #box_tknprice dd {
        margin-bottom: calc(24*100vw/750);
    }
    /* 納期について */
    #noki table {
        margin-bottom:calc(40*100vw/750);
    }
    #noki dt {
        margin-bottom:calc(16*100vw/750);
    }
    #main table.common_table td.contact {
        text-align: left;
    }
}