@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
  font-family: sans-serif;
}
div.wrapper {
    max-width: 1200px;
    margin: 0 auto;
}
img {
    width: 100%;
    vertical-align: bottom;
}
.map iframe {
    width: 100%;
}
.wrapper {
  /* 共通 */
  font-family: sans-serif;
  max-width: 1200px;
  margin: 0 auto;
}
.wrapper h2,
footer h2 {
  text-align: center;
  color: #FFFFFF;
  font-size: clamp(1.5rem, 2vw + 1rem, 4.75rem);
  padding-top: 50px;
  font-family: "vdl-logog", sans-serif;
}
.makerLinkWrapper {
  background: #000000;
  position: relative;
  padding: 0 2rem 1rem;
  margin-bottom: 1rem;
}
.makerLinkWrapper h2 {
  text-align: center;
  color: #FFFFFF;
  font-size: clamp(1.5rem, 2vw + 1rem, 4.75rem);
  padding-top: 50px;
  font-family: "vdl-logog", sans-serif;
}
@media (max-width: 600px) {
  .makerLinkWrapper {
    padding: 0 1rem 1rem;
  }
  .makerLinkWrapper h2 {
    padding-top: 25px;
  }
}
.makerLinkWrapper .makerLogo {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.makerLinkWrapper .makerLogo div {
	display: flex;
  flex-wrap: wrap;
  width: calc(100% / 10);
	justify-content: center;
  margin-bottom: 1em;
	padding: 1%;
}
@media (max-width: 600px) {
.makerLinkWrapper .makerLogo {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.makerLinkWrapper .makerLogo div {
  width: 100%;
  font-size: 12px;
}
}
.makerLinkWrapper .makerLogo div p {
    padding: 1em 1.5em;
    background-color: #F1E300;
	  color: #030000;
    margin-bottom: 0;
    margin-right: auto;
    display: flex;
    justify-content: flex-start;
    font-family: "vdl-logog", sans-serif;
	font-weight: bold;
}
.makerLinkWrapper .makerLogo div p:nth-of-type(2) {
    margin-right: 0;
    margin-left: auto;
}
@media (max-width: 600px) {
.makerLinkWrapper .makerLogo div p {
    padding: .3em;
}
}
.makerLinkWrapper .makerLogo img {
  width:100%;
  /*margin: 20px;*/
}
@media (max-width: 600px) {
  .makerLinkWrapper .makerLogo img {
    width:100%;
	/*margin: 5px;*/
  }
}
.makerLinkWrapper .makerLink {
  background: #000000;
  text-align: right;
}
.makerLinkWrapper .makerLink a {
  color: #FFFFFF;
  text-decoration: none;
  margin-right: 40px;
  font-size: clamp(1rem, 0.636rem + 1.82vw, 2rem);
  font-family: "vdl-logog", sans-serif;
}
@media (max-width: 600px) {
  .makerLinkWrapper .makerLink a {
    margin: 0;
    /* font-size: 20px; */
  }
}
.makerLinkWrapper:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 30px solid #000000;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
.wrapper .cautionWrapper {
  margin-bottom: 50px;
}
.wrapper .cautionWrapper h2 {
  text-align: center;
  color: #000000;
  font-size: clamp(1.5rem, 2vw + 1rem, 4.75rem);
  padding-top: 50px;
  font-family: "vdl-logog", sans-serif;
}
.wrapper .cautionWrapper ul {
  padding: 0 84px;
}
@media (max-width: 600px) {
  .wrapper .cautionWrapper ul {
    padding: 0 20px;
  }
}
.wrapper .cautionWrapper ul li {
  font-size: clamp(0.625rem, 1.1vw + 0.5rem, 2.25rem);
  list-style: none;
  text-indent: -1.2em;
  padding-left: 1.2em;
  margin-bottom: .2rem;
}
.wrapper .cautionWrapper ul li span {
  color: #ff0000;
  text-indent: -1em;
  padding-left: 1em;
  display: block;
}
.wrapper .cautionWrapper ul li span:before {
  content: "※";
}
.wrapper .cautionWrapper ul li:before {
  content: "●";
  color: #cc3333;
}
.wrapper.--map {
  padding-bottom: 50px;
}
@media (max-width: 600px) {
.wrapper.--map {
  padding-bottom: 25px;
}
}

/* -- footer
-------------------------------------------------- */

footer {
  background: #000000;
  color: #FFFFFF;
  padding: 50px 0;
}
@media (max-width: 600px) {
  footer {
    padding: 20px 0;
  }
}
footer h2 {
  color: #FFFFFF;
  padding: 0;
}
@media (max-width: 600px) {
  footer h2 {
    padding: 0;
    margin-top: 0;
  }
}
footer .infoWrapper {
  display: flex;
  justify-content: space-between;
  padding: 0 74px;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  footer .infoWrapper {
    padding: 0 20px;
  }
}
footer .infoWrapper .infoLeft {
  flex: 2;
  font-size: clamp(0.75rem, 1.4vw + 0.25rem, 2.5rem);
  line-height: 1.5;
}
footer .infoWrapper .infoLeft a {
  color: #FFFFFF;
  text-decoration: none;
}
footer .infoWrapper .infoLeft a:hover {
  color: #cc3333;
}
footer .infoWrapper .infoRight {
  flex: 1;
  text-align: center;
}
footer .infoWrapper .infoRight img {
  max-width: 170px;
  min-width: 100px;
}
footer p {
  padding: 0 74px;
  font-size: 1.5rem;
}
@media (max-width: 600px) {
  footer p {
    padding: 0 20px;
    font-size: .75rem;
  }
}
.copyrightWrapper {
  background: #FFFFFF;
  text-align: center;
  font-size: 1rem;
  margin: 1rem 0;
}
/*# sourceMappingURL=style.css.map */


/*-- swiper
------------------------------------------------*/
.swiper-area {
  max-width: 850px;
  margin: 0 auto;
	position: relative;
  border: 4px solid;
}
.swiper-container {
	overflow-x: hidden;
	position: relative;
	max-width: 750px;
    margin: 0 auto;
}
.swiper-button-next:after {
	content: url("images/right.svg")!important;
	width: 50px;
}
.swiper-button-prev:after {
	content: url("images/left.svg")!important;
	width: 50px;
}
@media (max-width: 600px) {
	.swiper-button-next:after {
		width: 25px;
	}
	.swiper-button-prev:after {
		width: 25px;
	}
}

/*-- design
------------------------------------------------*/
.border.__black {
	border: 3px solid black;
}