@charset "UTF-8";

/*header*/
.header__imgWrap img {
	object-position: 25% 50%;
}

/*performance*/
section {
	position:relative;
	width:100%;
	margin:auto auto 0 auto;
}
.leadTxt {
	width:80%;
	margin:3rem 10% auto 10%;
}

.checkListWrap {
	width:80%;
	margin:7rem 10%;
	text-align:left;
}
.listTitle {
	margin:0.5rem 0;
}
dl.checkList {
	margin:0;
	padding:0.5rem 0;
	border-bottom:solid 1px #fff;
}
dl.checkList:first-of-type {
	border-top:solid 1px #fff;
}
dl.checkList dt {
	width:100%;
	margin:0.5rem auto;
	padding-top:0.1rem;
	color:#b5b5b6;
	font-size:0.9rem;
}
.listddWrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	-o-justify-content:flex-start;
    justify-content:flex-start;
	width:100%;
}
dl.checkList dd {
	width:50%;
	margin:0.7rem auto 0.7rem 0;
}
.category__icon {
	width:1.2rem;
	padding:0 0.3rem 0.3rem 0;
}
.list__txt {
	vertical-align:bottom;
}


/*CheckBox*/
dl.checkList dd label {
	width:100%;
	cursor:auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display:flex;
	align-items: center;
}
.list__check {
	position:relative;
	margin-top:-0.3rem;
	margin-right:25px;
	background-color:#ccc;
}
.list__check--box {
	position: absolute;
	top: 50%;
	left: 0%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 17px;
	height: 17px;
	cursor: pointer;
	color: #ffffff !important;
	border-radius:0;
	outline: none;
	background: #fff !important;
	-webkit-appearance: none;
	        appearance: none;
}
.list__check--box:checked {
	background: #CF000E !important;
	border-radius:0;
}
.list__check--box:checked::before {
	font-size: 15px;
	line-height: 15px;
	position: absolute;
	display: inline-block;
	width: 17px;
	height: 17px;
	text-align: center;
	content: '\2713\0020';
	font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
.list__check--box:checked::after {
	position: relative;
	display: block;
	content: '';
	-webkit-animation: click-wave 0.65s;
	        animation: click-wave 0.65s;
	background: #da3c41;
	border-radius:0;
}




/**/
.workListWrap {
	width:100%;
	padding-top:3rem;
	background-color:#fff;
}
.workListWrap table {
	width:80%;
	margin:0rem 10% 4rem 10%;
	color:#000;
}
tr.workList {
	border-bottom:solid 1px #3e3a39;
}
.workListWrap th {
	padding:0.5rem 0;
	border-right:solid 1px #cfd0d0;
	color:#727171;
	font-size:0.95rem;
	font-weight:normal;
}
.workListWrap th:last-of-type {
	border-right:none;
}
.workListWrap td {
	padding:0.7rem;
}
td.list__name {
	width:calc(100% - 5rem);
	border-right:solid 1px #cfd0d0;
	text-align:justify;
}
.list__name--target {
	align-items: center;
}
.list__name--works {
	margin:0.3rem auto auto auto;
	font-size:0.9rem;
	letter-spacing:0;
}
td.list__kind {
	width:2.5rem;
	border-right:solid 1px #cfd0d0;
}
td.list__area {
	width:2.5rem;
}

.workBtnWrap {
	width:100%;
	padding:3rem 0;
	background-color:#1F1F1F;
}
.workBtn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display:flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	width:70%;
	margin:auto 15%;
}
.workBtn--previous a, .workBtn--next a {
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}
.workBtn--now {
	border-bottom:solid 1px #fff;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
}
.workBtn--page a {
	color:#b5b5b6;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}



@media print, screen and (min-width: 481px) {

/*performance*/
.leadTxt {
	width:70%;
	margin:3rem 15% auto 15%;
}

.checkListWrap {
	width:70%;
	margin:6rem 15%;
}
dl.checkList {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display:flex;
	padding:0.5rem 0;
}
dl.checkList:first-of-type {
	border-top:solid 1px #fff;
}
dl.checkList dt {
	width:20%;
	margin:0.5rem auto;
}
.listddWrap {
	width:calc(100% - 20%);
}
dl.checkList dd {
	margin:0.5rem auto 0.5rem 0;
}

td.list__name {
	width:calc(100% - 6rem);
}
td.list__kind {
	width:3rem;
}
td.list__area {
	width:3rem;
}


/**/
.workListWrap table {
	width:70%;
	margin:0rem 15% 4rem 15%;
}

.workBtn {
	width:300px;
	margin:auto;
}

}


@media print {

dl.checkList {
	border-bottom:solid 1px #727171 !important;
}
dl.checkList:first-of-type {
	border-top:solid 1px #727171 !important;
}
.list__check--box {
	border:solid 1px #ddd !important;
}
.workBtn--now {
	border-bottom:solid 1px #000 !important;
}

}


@media only screen and (min-width: 769px) {
	
/*header*/
.header__imgWrap img {
	object-position: 50% 50%;
}

/*performance*/
section {
	position:relative;
	width:100%;
	margin:auto;
	padding-top:5%;
}
.leadTxt {
	width:70%;
	max-width:700px;
	margin:3rem auto auto auto;
}

.checkListWrap {
	width:70%;
	max-width:900px;
	margin:8rem auto;
}
dl.checkList dt {
	width:5rem;
	margin:0.7rem auto;
}
.listddWrap {
	width:calc(100% - 5rem);
}
dl.checkList dd {
	width:9.5rem;
	margin:0.7rem 0 0.7rem 0;
}

/**/
.workListWrap {
	margin:auto auto 7rem auto;
	padding-top:5rem;
}
.workListWrap table {
	width:70%;
	max-width:900px;
	margin:0rem auto 7rem auto;
}

}