@charset "utf-8";
.box001 {
 border: 1px solid #000000;
 padding: 5px;
 margin: 5px 5px 10px 5px;
 text-align:center;
}
.anc._01 {
  border-bottom: 1px solid #161616;
}
.anc._01 .box {
  width: 33.33%;
}
.anc._01 .box:not(:last-child) a {
  border-right: 1px solid #161616;
}
.anc._01 .box a {
  text-align: center;
  display: block;
  color: #161616;
  padding: 10px 0;
  transition: 0.5s;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, black 50%);
  background-position: 0 0;
  background-size: auto 200%;
}
.anc._01 .box a:hover {
  background-position: 0 100%;
  color: #fff;
}
.anc._03 {
  justify-content: space-between;
}
.anc._03 .box {
  width: 49.5%;
  margin-bottom: 1%;
}
.anc._03 .box div a {
  border: 1px solid #161616;
  display: block;
  color: #161616;
  letter-spacing: 0.025em;
  padding: 10px 15px;
  position: relative;
  font-weight: bold;
  z-index: 2;
  overflow: hidden;
  transition: 0.5s;
}
.anc._03 .box div a:hover {
  color: #fff;
}
.anc._03 .box div a:hover::before {
  transform: translateX(0);
}
.anc._03 .box div a::before {
  content: "";
  background-color: #161616;
  transform: translateX(-100%);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.anc._03 .box div a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.anc._03 .box div a span {
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  display: inline-block;
  margin-left: 40px;
}

@media screen and (max-width: 640px) {
  .anc._01 .box a {
    padding: 5px 0;
  }
}
@media screen and (max-width: 768px) {
  .anc._03 .box {
    width: 100%;
    margin-bottom: 3%;
  }
}
#c2 {
	clear: both;
	margin: 42px 0px 30px 0px;
	padding:    ;
}
#c2 h1,
#c2 div {
	text-align: center;
}
#c5 {
	clear: both;
	margin: 25px 0px 0px 0px;
	padding:    ;
}
#c5 a.itext, #c5 img, #c5 video {
	width: 1200px;
	height: 800px;
}
#c6 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c10 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c10 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c10 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c10 > div:nth-of-type(1) img {
	width: 160px;
}
#c11 {
	clear: both;
	margin: 30px 0 0 0;
	padding:    ;
}
#c11 ul li {
	list-style-type: none;
	text-align: left;
	float: none;
	box-sizing: border-box;
	overflow: hidden;
}
#c11 ul li { margin-bottom: px; }
#c11 ul li:last-child { margin-bottom: 0; }
#c8 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c9 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c9 dl dt {
	width: 20%;
}
#c9 dl dd {
	width: 80%;
}
#c101 {
	clear: both;
	margin: 20px 0 0 ;
	padding:    ;
}
#c101 ul li {
	list-style-type: none;
	text-align: left;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c101 ul li { margin-right: px; }
#c101 ul li:last-child { margin-right: 0; }
#c101 > ul li:nth-of-type(1) img {
	width: 333px;
}
#c101 > ul li:nth-of-type(2) img {
	width: 284px;
}
#c101 > ul li:nth-of-type(3) img {
	width: 250px;
}
#c101 > ul li:nth-of-type(4) img {
	width: 205px;
}
#c101 > ul li:nth-of-type(5) img {
	width: 93px;
}
#c101 > ul li:nth-of-type(6) img {
	width: 261px;
}
#c101 > ul li:nth-of-type(7) img {
	width: 800px;
}
#c101 > ul li:nth-of-type(8) img {
	width: 413px;
}
#c101 > ul li:nth-of-type(9) img {
	width: 512px;
}
#c101 > ul li:nth-of-type(10) img {
	width: 310px;
}
#c101 > ul li:nth-of-type(11) img {
	width: 227px;
}
#c101 > ul li:nth-of-type(12) img {
	width: 421px;
}
#c101 > ul li:nth-of-type(13) img {
	width: 822px;
}
#c101 > ul li:nth-of-type(14) img {
	width: 400px;
}
#c101 > ul li:nth-of-type(15) img {
	width: 200px;
}
#c101 > ul li:nth-of-type(16) img {
	width: 300px;
}
#c101 > ul li:nth-of-type(17) img {
	width: 200px;
}
#c101 > ul li:nth-of-type(18) img {
	width: 200px;
}
#c101 > ul li:nth-of-type(19) img {
	width: 200px;
}
#c101 > ul li:nth-of-type(20) img {
	width: 350px;
}
#c101 > ul li:nth-of-type(21) img {
	width: 350px;
}
#c101 > ul li:nth-of-type(22) img {
	width: 200px;
}
#c101 > ul li:nth-of-type(23) img {
	width: 200px;
}
#c7 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c114 {
	clear: both;
	margin: 50px 0px 20px 0px;
	padding:    ;
}
#c115 {
	clear: both;
	margin: 10px 0px 0px 0px;
	padding:    ;
}
#c115 h3,
#c115 div {
	text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c2 {
	margin: 0 0 60px 0;
}
#c5 {
	margin: 80px 0 0 0;
}
#c6 {
	margin: 45px 0 0 0;
}
#c10 {
}
#c10 {
}
#c11 {
	margin: 0 0 0 0;
}
#c8 {
}
#c9 {
}
#c101 {
}
#c7 {
}
#c114 {
}
#c115 {
	margin: 25px 0 0 0;
}
}
@media screen and (max-width: 640px) {
#c2 {
	display: none;
	margin: 0 0 40px 0;
}
#c5 {
	margin: 60px 0 0 0;
}
#c6 {
	margin: 30px 0 0 0;
}
#c10 {
}
#c10 {
}
#c11 {
	margin: 0 0 0 0;
}
#c8 {
}
#c9 {
}
#c101 {
}
#c7 {
}
#c114 {
}
#c115 {
	display: none;
	margin: 20px 0 0 0;
}
}