@charset "utf-8";

/*.main*/
.main{width: 100%;}
.main .wrap{width: 100%; margin: 0 auto; max-width: 890px; position: relative; padding: 60px 0;}

/*.main .wrap > .content*/
.main .wrap > .content{width: 100%;}
.main .wrap > .content > form{width: 100%;}
.main .wrap > .content > form > .check{width: 100%;}

/*.main .wrap > .content > form > .check > dt*/ 
.main .wrap > .content > form > .check > dt{width: 100%; height: 32px; border-bottom: 1px solid #eeeceb; font-size: 1.5rem; position: relative; padding-left: 10px; z-index: 0;}
.main .wrap > .content > form > .check > dt > p{width: 100%;}
.main .wrap > .content > form > .check > dt > p > i{display: inline-block; font-style: normal;}
.main .wrap > .content > form > .check > dt > p > i > span{color: #FFAB73;}

/*.main .wrap > .content > form > .check > dd*/
.main .wrap > .content > form > .check > dd{width: 100%; height: 360px; background: #f1f1f1; overflow: auto;}

/*.main .wrap > .content > form > .check > dd.first_dd*/
.main .wrap > .content > form > .check > dd.first_dd{margin-bottom: 60px;}

/*.main .wrap > .content > form > .check > dd.move_dd*/
.main .wrap > .content > form > .check > dd.move_dd{background: #f1f1f1; font-size: 1.157rem; color: #4f4f4f; padding: 16px 33px; line-height: 2;}
.main .wrap > .content > form > .check > dd.move_dd > div > span{display: block; margin-bottom: 14px;}
.main .wrap > .content > form > .check > dd.move_dd > div > i{display: block; margin-bottom: 35px; font-style: normal;}
.main .wrap > .content > form > .check > dd.move_dd > div > table{width: 100%; border-collapse: collapse;}
.main .wrap > .content > form > .check > dd.move_dd > div > table tr{background: #fff;}
.main .wrap > .content > form > .check > dd.move_dd > div > table tr:nth-child(1){font-weight: bold; border-top: 2px solid #000; background: #f7f5f4;}
.main .wrap > .content > form > .check > dd.move_dd > div > table tr > td{border: 1px solid #b0b1b1; width: 260px; text-align: center; padding: 5px 0;}

/*width <= 1000px*/
@media screen and (max-width: 1000px){
	.main .wrap{width: 90%;}
}

/*width <= 800px*/
@media screen and (max-width: 800px){
	.main .wrap > .content > form > .check > dd.move_dd > div > table tr > td{font-size: 1rem;}
}

/*width <= 640px*/
@media screen and (max-width: 640px){
	.main .wrap{padding: 30px 0;}
	.main .wrap > .content > form > .check > dd{height: 300px;}
	.main .wrap > .content > form > .check > dd.first_dd{margin-bottom: 40px;}
	.main .wrap > .content > form > .check > dd.move_dd{padding: 16px 13px;}
}

/*width <= 480px*/
@media screen and (max-width: 480px){
	.main .wrap > .content > form > .check > dd{height: 240px;}
}