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

.container{ width: 100%; height: 100%; margin-top: 0; text-align: left; background: url(/images/2nd_bg.png) repeat-y 50% 0%;}
.h1box{ padding-left: 280px; background: url(/images/guide/paper/h1_pict.jpg) 0 0 no-repeat; background-size: 250px auto;}
.box p strong{ display: block; margin-bottom: 7px; font-size: 1.6rem;}
.box p em{ display: block; margin-bottom: 5px; font-style: normal; color: #e70012;}
.box .pprbox{ width: 96%; margin: 0 auto 20px;}
.box .pprbox .pprtbl{ margin-bottom: 60px; border: 1px solid #000000;}
.box .pprbox .pprtbl th{ width: 6%; padding: .5em .7em; font-size: 1.4rem; color: #ffffff; border: 1px solid #000000; background: #858585;}
.box .pprbox .pprtbl th:nth-of-type(2){ width: 14%;}
.box .pprbox .pprtbl th:nth-of-type(3){ width: 20%;}
.box .pprbox .pprtbl th:nth-of-type(4){ width: 60%;}
.box .pprbox .pprtbl td{ padding: .5em 1em; font-size: 1.4rem; border: 1px solid #000000;}
.box .pprbox .pprtbl .vtop{ vertical-align: top; border-bottom: 0;}
.box .pprbox .pprtbl .vbtm{ vertical-align: bottom; border-top: 0;}
.box .pprbox .pprtbl2{ margin-bottom: 60px; border: 1px solid #000000;}
.box .pprbox .pprtbl2 th{ width: 20%; padding: .5em .7em; font-size: 1.4rem; color: #ffffff; border: 1px solid #000000; background: #858585;}
.box .pprbox .pprtbl2 th:nth-of-type(2){ width: 20%;}
.box .pprbox .pprtbl2 th:nth-of-type(3){ width: 60%;}
.box .pprbox .pprtbl2 td{ padding: .5em 1em; font-size: 1.4rem; border: 1px solid #000000;}
.box .pprbox .pprtbl2 small{ display: block; line-height: 1.4em;}

@media screen and (max-width: 767px) {
	.h1box{min-height: 150px; padding-left: 0%; background: 0; background-size: 40% auto;}
	.box .pprbox .pprtbl th:nth-of-type(1){ width: 10%;}
	.box .pprbox .pprtbl th:nth-of-type(2){ width: 10%;}
	.box .pprbox .pprtbl th:nth-of-type(3){ width: 20%;}
	.box .pprbox .pprtbl th:nth-of-type(4){ width: 60%;}
	.box .pprbox .pprtbl td:nth-of-type(1){padding: 10px 2px;}
}