@charset "UTF-8";

#copcraft {
	width: 663px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #copcraft {
    max-width: 100%;
  }
}

#copcraft a[target="_blank"]{
  padding-right: 0;
  background-image: none;
}


#copcraft .copcraft_bg_bottom {
  background: url(/event/copcraft/images/ttl_01.png) no-repeat bottom;
}

#copcraft .copcraft_bg_bottom {
  background: url(/event/copcraft/images/bg_main.png) no-repeat bottom;
  text-align: center;
  padding: 20px 0 0;
}

@media only screen and (max-width: 768px) {
  #copcraft .copcraft_bg_bottom .copcraft_bg_bottom_movie {
    width: 96%;
		margin: auto;
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
  }
	#copcraft .copcraft_bg_bottom .copcraft_bg_bottom_movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
  }
	#copcraft .copcraft_bg_bottom img {
		width: 80%;
	}
}

#copcraft .copcraft_bg_bottom img {
  padding: 17px 0 0;
}

#copcraft .copcraft_bg_bottom p {
  color: #464646;
  font-size: 13px;
  text-align: left;
  margin: 0 30px 20px;
  padding: 23px 0 28px;
}

.copcraft_bg_database {
  background: url(/event/copcraft/images/bg_01.png) no-repeat top;
  border: solid 1px #afafaf;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .copcraft_bg_database {
		background-size: 100%;
	}
}

.copcraft_bg_database:before {
  content: "";
  height: 8px;
  left: 0;
  width: 100%;
  bottom: 5px;
  position: absolute;
  border-bottom: 5px solid #4f581c;
}

.copcraft_bg_database:after {
  content: "";
  height: 5px;
  left: 0;
  width: 100%;
  bottom: 0px;
  position: absolute;
  border-bottom: 5px #000 solid;

}

.copcraft_bg_database_description {
  color: #555555;
	margin-bottom: 30px;
  padding: 490px 30px 0;
  font-size: 13px;
}
@media only screen and (max-width: 768px) {
  .copcraft_bg_database_description {
		padding: 74% 20px 0;
	}
}

.copcraft_bg_database_person01 {
  background: url(/event/copcraft/images/person_01.png) no-repeat top;
  position: relative;
  margin: 0 0 20px;
}
@media only screen and (max-width: 768px) {
  .copcraft_bg_database_person01 {
		background-size: 100%;
	}
}

.copcraft_bg_database_person01_txt01 {
  font-size: 13px;
  width: 394px;
  padding: 325px 0 0 30px;
  letter-spacing: -.5px;
}
@media only screen and (max-width: 560px) {
	.copcraft_bg_database_person01_txt01 {
		width: 60%;
		padding: 49% 0 0 5%;
		margin-bottom: 26%;
			font-size: 11px;
		line-height: 1.4em;
	}
}
@media only screen and (max-width: 480px) {
	.copcraft_bg_database_person01_txt01 {
		font-size: 8px;
	}
}
.copcraft_bg_database_person01 a {
  font-size: 12px;
  color: #0068b7;
  margin: 0 0 0 46px;
  position: absolute;
  top: 903px;
}
@media only screen and (max-width: 768px) {
	.copcraft_bg_database_person01 a {
		position: static;
		top: 0;
		margin: 30% 0 0 7%;
		display: block;
	}
}
@media only screen and (max-width: 560px) {
	.copcraft_bg_database_person01 a {
		font-size: 8px;
	}
}

.copcraft_bg_database_person01_img01 {
  display: block;
  margin: 240px 30px 0;
}
@media only screen and (max-width: 768px) {
	.copcraft_bg_database_person01_img01 {
		margin: 5% 5% 0;
	}
}

.copcraft_bg_database_person01_txt02 {
  padding: 15px 30px 0;
  margin: 0 0 20px;
  font-size: 13px;
}
@media only screen and (max-width: 768px) {
	.copcraft_bg_database_person01_txt02 {
		padding: 0;
		margin: 5px 5% 20px;
		font-size: 11px;
		line-height: 1.3em;
	}
}
@media only screen and (max-width: 480px) {
	.copcraft_bg_database_person01_txt02 {
		font-size: 8px;
		line-height: 1.15em;
	}
}

.copcraft_bg_database_person01_img02 {
  display: block;
  padding: 0 30px 0;
	position: relative;
}

.copcraft_bg_database_person01_img02 a {
  font-size: 12px;
  color: #0068b7;
  position: absolute;
  top: 136px;
  left: 48px;
  margin: 0;
}
@media only screen and (max-width: 768px) {
	.copcraft_bg_database_person01_img02 a {
		padding: 0;
		top: 80%;
		left: 7%;
	}
}
@media only screen and (max-width: 560px) {
	.copcraft_bg_database_person01_img02 a {
		font-size: 8px;
		left: 12%;
	}
}

.copcraft_bg_database_person02 {
  background: url(/event/copcraft/images/person_02.png) no-repeat top;
  padding: 0 0 240px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .copcraft_bg_database_person02 {
		background-size: 100%;
	}
}

.copcraft_bg_database_person02_txt01 {
  padding: 122px 26px 0 268px;
  font-size: 13px;
  letter-spacing: -.4px;
}
@media only screen and (max-width: 560px) {
	.copcraft_bg_database_person02_txt01 {
		padding: 18% 5% 0 40%;
		font-size: 11px;
		line-height: 1.4em;
	}
}
@media only screen and (max-width: 480px) {
	.copcraft_bg_database_person02_txt01 {
		font-size: 8px;
		line-height: 1.25em;
	}
}

.copcraft_bg_database_person02_anchor01,
.copcraft_bg_database_person02_anchor02 {
  color: #0068b7;
  position: absolute;
}

.copcraft_bg_database_person02_anchor01 {
  margin: 0 0 0 288px;
  top: 555px;
}

.copcraft_bg_database_person02_anchor02 {
  margin: 0 0 0 288px;
  top: 572px
}
@media only screen and (max-width: 768px) {
	.copcraft_bg_database_person02_anchor01,
	.copcraft_bg_database_person02_anchor02 {
		margin: 0 0 0 42%;
		padding: 0;
	}
	.copcraft_bg_database_person02_anchor01 {
		margin: 0 0 0 42%;
		top: 90%;
	}
	.copcraft_bg_database_person02_anchor02 {
		margin: 0 0 0 42%;
		top: 92.5%;
	}
}
@media only screen and (max-width: 560px) {
	.copcraft_bg_database_person02_anchor01,
	.copcraft_bg_database_person02_anchor02 {
		font-size: 8px;
		line-height: 1.15em;
		margin: 0 0 0 42%;
		padding: 0;
	}
	.copcraft_bg_database_person02_anchor01 {
		margin: 0 0 0 42%;
		top: 67.5%;
	}
	.copcraft_bg_database_person02_anchor02 {
		margin: 0 0 0 42%;
		top: 69.5%;
	}
}

.copcraft_bg_database_person03 {
  background: url(/event/copcraft/images/person_03.png) no-repeat top;
  padding: 0 0 270px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .copcraft_bg_database_person03 {
		background-size: 100%;
	}
}

.copcraft_bg_database_person03_txt01 {
  padding: 132px 0 0 30px;
  font-size: 13px;
  width: 380px;
  letter-spacing: -.4px;
}
@media only screen and (max-width: 560px) {
	.copcraft_bg_database_person03_txt01 {
		padding: 19.5% 45% 0 5%;
		margin-bottom: 20%;
		font-size: 11px;
		line-height: 1.4em;
	}
}
@media only screen and (max-width: 480px) {
	.copcraft_bg_database_person03_txt01 {
		font-size: 8px;
		line-height: 1.25em;
	}
}

.copcraft_bg_database_person03_anchor01 {
  color: #0068b7;
  margin: 0 0 0 50px;
  position: absolute;
  top: 612px;
}
@media only screen and (max-width: 768px) {
.copcraft_bg_database_person03_anchor01 {
		margin: 0 0 0 7%;
		padding: 0;
		top: 92%;
	}
}
@media only screen and (max-width: 560px) {
.copcraft_bg_database_person03_anchor01 {
		font-size: 8px;
		line-height: 1.25em;
		margin: 0 0 0 7%;
		padding: 0;
		top: 60.5%;
	}
}

.copcraft_bg_database_person04 {
  background: url(/event/copcraft/images/person_04.png) no-repeat top;
  padding: 0 0 270px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .copcraft_bg_database_person04 {
		background-size: 100%;
	}
}

.copcraft_bg_database_person04_txt01 {
  padding: 112px 26px 0 268px;
  font-size: 13px;
  letter-spacing: -.4px;
}
@media only screen and (max-width: 560px) {
	.copcraft_bg_database_person04_txt01 {
		padding: 18% 5% 0 40%;
		margin-bottom: 20%;
		font-size: 11px;
		line-height: 1.4em;
	}
}
@media only screen and (max-width: 480px) {
	.copcraft_bg_database_person04_txt01 {
		font-size: 8px;
		line-height: 1.25em;
	}
}


.copcraft_bg_database_person04_anchor01 {
  color: #0068b7;
  margin: 0 0 0 50px;
  position: absolute;
  top: 613px;
}
@media only screen and (max-width: 768px) {
.copcraft_bg_database_person04_anchor01 {
		margin: 0 0 0 7%;
		padding: 0;
		top: 92%;
	}
}
@media only screen and (max-width: 560px) {
.copcraft_bg_database_person04_anchor01 {
		font-size: 8px;
		line-height: 1.15em;
		margin: 0 0 0 7%;
		padding: 0;
		top: 61.5%;
	}
}

.copcraft_info {
  background: url(/event/copcraft/images/info.png) no-repeat top;
  margin: 20px 0 0;
  padding: 0 0 80px;
}
@media only screen and (max-width: 768px) {
  .copcraft_info {
		background-size: 100%;
	}
}

.copcraft_info img {
  padding: 70px 24px 0;
}

.copcraft_info h3 {
  color: #e60012;
  font-size: 14px;
  font-weight: normal;
  padding: 20px 24px 4px;
}

.copcraft_info p {
  color: #555555;
  font-size: 12px;
  margin: 0 24px;
}

.copcraft_info p+.copcraft_info p {
  margin: 6px 0 0;
  padding: 0 0 20px;
}

.copcraft_info p:last-of-type {
  margin: 8px 24px 0;
}

@media only screen and (max-width: 560px) {
	.copcraft_info img {
		width: 46%;
		padding: 10% 0 0 3%;
	}
	.copcraft_info h3 {
		font-size: 11px;
		padding: 0.45% 0 0 3%;
	}
	.copcraft_info p {
		font-size: 8px;
		margin: 0;
		padding: 0.45% 0 0 3%;
	}
	.copcraft_info p:last-of-type {
		font-size: 8px;
		margin: 0;
		padding: 0.45% 0 0 3%;
	}
}