@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=IBM+Plex+Sans+JP&family=Rampart+One&display=swap");
.sns-twitter::before {
  content: "\e61b";
}

.sns-instagram::before {
  content: "\f16d";
}

@media only screen and (min-width: 1201px) {
  .sponly {
    display: none;
  }
}

@media only screen and (min-width: 1201px) {
  .small {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .small {
    display: none;
  }
}

@media only screen and (max-width: 1200px) {
  .pconly {
    display: none;
  }
}

.font {
  font-family: "vdl-logojrblack", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lang {
  display: flex;
  position: absolute;
  z-index: 5000;
}
@media only screen and (max-width: 1200px) {
  .lang {
    top: 50px;
    right: 10px;
  }
}
@media only screen and (min-width: 1201px) {
  .lang {
    top: 50px;
    left: 20px;
  }
}
.lang .lang_item {
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 1201px) {
  .lang .lang_item {
    font-size: 0.9rem;
  }
}
.lang .lang_item a {
  color: #fff;
  text-decoration: none;
}
.lang .lang_item a:hover {
  text-decoration: underline;
}
.lang .lang_item:first-child::after {
  content: "/";
  display: inline-block;
  color: #fff;
  margin: 0 12px 0 7px;
  font-weight: normal;
}
.lang .select {
  color: #ef5c29;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  background: url(../img/dirt.png);
  background-repeat: repeat;
  background-color: #fcbd11;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.bg {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}

@media only screen and (min-width: 1201px) {
  .en h1 {
    line-height: 1.2em;
  }
}

.top {
  background: url(../img/dirt.png);
  background-repeat: repeat;
  background-color: #915044;
  padding: 25px 5px;
  border-bottom: #f3efc9 solid 10px;
}
@media only screen and (min-width: 1201px) {
  .top {
    margin: 175px auto;
    border-top: #f3efc9 solid 10px;
  }
}
@media only screen and (max-width: 1200px) {
  .top {
    padding: 0;
  }
}
.top__zindex {
  max-width: 1250px;
  margin: 0 auto;
}
.top__text {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .top__text {
    overflow-x: hidden;
    overflow-y: hidden;
  }
}
@media only screen and (max-width: 794px) {
  .top__text {
    overflow-x: hidden;
    overflow-y: hidden;
  }
}
.top__text h1 {
  font-family: "vdl-logojrblack", sans-serif;
  font-weight: 900;
  font-style: normal;
  position: relative;
  z-index: 20;
  text-align: center;
  color: #ef5c29;
  text-shadow: rgb(255, 254, 234) 7px 0px 0px, rgb(255, 254, 234) 6.92869px 0.996602px 0px, rgb(255, 254, 234) 6.71622px 1.9729px 0px, rgb(255, 254, 234) 6.36692px 2.909px 0px, rgb(255, 254, 234) 5.8879px 3.78584px 0px, rgb(255, 254, 234) 5.28893px 4.58555px 0px, rgb(255, 254, 234) 4.5822px 5.29183px 0px, rgb(255, 254, 234) 3.78212px 5.8903px 0px, rgb(255, 254, 234) 2.90498px 6.36876px 0px, rgb(255, 254, 234) 1.96865px 6.71747px 0px, rgb(255, 254, 234) 0.992221px 6.92932px 0px, rgb(255, 254, 234) -0.00442571px 7px 0px, rgb(255, 254, 234) -1.00098px 6.92806px 0px, rgb(255, 254, 234) -1.97715px 6.71498px 0px, rgb(255, 254, 234) -2.91303px 6.36508px 0px, rgb(255, 254, 234) -3.78956px 5.88551px 0px, rgb(255, 254, 234) -4.58889px 5.28603px 0px, rgb(255, 254, 234) -5.29472px 4.57885px 0px, rgb(255, 254, 234) -5.89269px 3.77839px 0px, rgb(255, 254, 234) -6.3706px 2.90095px 0px, rgb(255, 254, 234) -6.71871px 1.96441px 0px, rgb(255, 254, 234) -6.92995px 0.98784px 0px, rgb(255, 254, 234) -6.99999px -0.00885142px 0px, rgb(255, 254, 234) -6.92743px -1.00536px 0px, rgb(255, 254, 234) -6.71372px -1.98139px 0px, rgb(255, 254, 234) -6.36324px -2.91705px 0px, rgb(255, 254, 234) -5.88311px -3.79328px 0px, rgb(255, 254, 234) -5.28313px -4.59223px 0px, rgb(255, 254, 234) -4.57551px -5.29762px 0px, rgb(255, 254, 234) -3.77466px -5.89507px 0px, rgb(255, 254, 234) -2.89692px -6.37243px 0px, rgb(255, 254, 234) -1.96016px -6.71995px 0px, rgb(255, 254, 234) -0.983458px -6.93057px 0px, rgb(255, 254, 234) 0.0132771px -6.99999px 0px, rgb(255, 254, 234) 1.00974px -6.92679px 0px, rgb(255, 254, 234) 1.98564px -6.71247px 0px, rgb(255, 254, 234) 2.92107px -6.36139px 0px, rgb(255, 254, 234) 3.797px -5.88071px 0px, rgb(255, 254, 234) 4.59557px -5.28022px 0px, rgb(255, 254, 234) 5.30051px -4.57215px 0px, rgb(255, 254, 234) 5.89746px -3.77094px 0px, rgb(255, 254, 234) 6.37426px -2.89289px 0px, rgb(255, 254, 234) 6.72119px -1.95591px 0px, rgb(255, 254, 234) 6.93119px -0.979076px 0px;
}
@media only screen and (min-width: 1201px) {
  .top__text h1 {
    font-size: 50px;
  }
  .top__text h1 span {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1200px) {
  .top__text h1 {
    font-size: 4.5vw;
  }
  .top__text h1 span {
    font-size: 2.5vw;
  }
}
@media only screen and (max-width: 794px) {
  .top__text h1 {
    font-size: 9.5vw;
  }
  .top__text h1 span {
    font-size: 5.5vw;
  }
}
.top__text--bunker {
  position: absolute;
  z-index: 15;
}
@media only screen and (min-width: 1201px) {
  .top__text--bunker {
    top: -135px;
    right: -150px;
  }
  .top__text--bunker img {
    max-height: 600px;
    min-height: 600px;
  }
}
@media only screen and (max-width: 1200px) {
  .top__text--bunker {
    top: 0px;
    right: 0px;
  }
  .top__text--bunker img {
    max-height: 550px;
    height: 500vw;
  }
}
@media only screen and (max-width: 794px) {
  .top__text--bunker {
    top: 50px;
    right: -250px;
  }
  .top__text--bunker img {
    max-height: 750px;
    height: 500vw;
  }
}
.top__text--bunker img {
  filter: brightness(0.1);
  rotate: 5deg;
  overflow-x: hidden !important;
}
.top__text--bondora {
  position: absolute;
  z-index: 15;
}
@media only screen and (min-width: 1201px) {
  .top__text--bondora {
    top: -100px;
    left: -125px;
  }
  .top__text--bondora img {
    margin-top: 70px;
    max-height: 500px;
    height: 45vw;
  }
}
@media only screen and (max-width: 1200px) {
  .top__text--bondora {
    top: 100px;
    left: 0px;
  }
  .top__text--bondora img {
    max-height: 450px;
    height: 500vw;
  }
}
@media only screen and (max-width: 794px) {
  .top__text--bondora {
    top: 200px;
    left: -200px;
  }
  .top__text--bondora img {
    max-height: 600px;
    height: 500vw;
  }
}
.top__text--bondora img {
  rotate: -5deg;
  filter: brightness(0.1);
}

.outline {
  border: #f3efc9 solid 10px;
  border-radius: 0 50px;
}
@media only screen and (min-width: 1201px) {
  .outline {
    max-width: 1500px;
    width: 1 0%;
    margin: 50px auto;
  }
}
@media only screen and (max-width: 1200px) {
  .outline {
    width: 90%;
    margin: 10px auto;
  }
}

.wrap {
  border-radius: 0 35px;
  background: url(../img/dirt.png);
  background-repeat: repeat;
  background-color: #8bc39e;
}
@media only screen and (min-width: 1201px) {
  .wrap {
    padding: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .wrap {
    padding: 10px;
  }
}

.text p {
  text-align: center;
  position: relative;
  z-index: 20;
  color: #3e3648;
  text-shadow: rgb(255, 254, 234) 2px 0px 0px, rgb(255, 254, 234) 1.75517px 0.958851px 0px, rgb(255, 254, 234) 1.0806px 1.68294px 0px, rgb(255, 254, 234) 0.141474px 1.99499px 0px, rgb(255, 254, 234) -0.832294px 1.81859px 0px, rgb(255, 254, 234) -1.60229px 1.19694px 0px, rgb(255, 254, 234) -1.97998px 0.28224px 0px, rgb(255, 254, 234) -1.87291px -0.701566px 0px, rgb(255, 254, 234) -1.30729px -1.5136px 0px, rgb(255, 254, 234) -0.421592px -1.95506px 0px, rgb(255, 254, 234) 0.567324px -1.91785px 0px, rgb(255, 254, 234) 1.41734px -1.41108px 0px, rgb(255, 254, 234) 1.92034px -0.558831px 0px;
}
@media only screen and (min-width: 1201px) {
  .text p {
    font-size: 25px;
    font-weight: 900;
  }
}
@media only screen and (max-width: 1200px) {
  .text p {
    font-size: 15px;
    font-weight: 900;
  }
}

.prod {
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (min-width: 1201px) {
  .prod {
    display: flex;
  }
  .prod:first-child {
    margin: 50px auto;
  }
}
@media only screen and (max-width: 1200px) {
  .prod:first-child {
    margin: 0 auto 50px;
  }
}
@media only screen and (min-width: 1201px) {
  .prod__detail {
    padding-top: 10px;
    margin-left: 25px;
    max-width: 550px;
  }
}
.prod__border {
  border: solid 10px #f3efc9;
  border-radius: 0 20px;
}
.prod__desc {
  padding: 10px;
  background-repeat: repeat;
  background: url(../img/dirt.png);
  background-color: #35423d;
  border-radius: 0 10px;
}
.prod__desc h2 {
  font-size: 1.75em;
  line-height: 1;
  margin: 10px auto;
}
.prod__desc h3 {
  margin: 0;
}
.prod__desc p {
  margin: 8px auto;
}

.slideshow-container {
  border: #f3efc9 solid 10px;
  border-radius: 0 50px;
  background-repeat: repeat;
  background: url(../img/dirt.png);
  background-color: #35423d;
  max-width: 500px;
  position: relative;
  margin: auto;
  padding: 10px;
}

.slides {
  display: none;
}
.slides__select--pc {
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .slides__select--pc {
    display: none;
  }
}
.slides__select--pc img {
  width: 100px;
}
.slides__select--pc ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.slides__select--pc ul li {
  margin: 0 10px;
  background-repeat: repeat;
  background: url(../img/dirt.png);
  background-color: #35423d;
  border: solid 3px #f3efc9;
  border-radius: 0 10px;
  text-align: center;
  transition: 0.2s;
  cursor: pointer;
}
.slides__select--pc ul li:hover {
  opacity: 0.7;
}
.slides__select--pc ul li img {
  padding: 5px;
}
.slides__select--sp {
  text-align: center;
}
@media only screen and (min-width: 1201px) {
  .slides__select--sp {
    display: none;
  }
}
.slides__select--sp img {
  width: 100px;
}
.slides__select--sp ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 10px auto;
}
.slides__select--sp ul li {
  margin: 0 10px;
  background-repeat: repeat;
  background-color: #35423d;
  border: solid 3px #f3efc9;
  border-radius: 0 10px;
  text-align: center;
  transition: 0.2s;
  cursor: pointer;
}
.slides__select--sp ul li:hover {
  opacity: 0.7;
}
.slides__select--sp ul li img {
  padding: 5px;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #f3efc9;
  font-weight: bold;
  font-size: 18px;
  transition: 0.2s ease;
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.prev:hover, .next:hover {
  color: #7a7867;
}

.next {
  right: 0;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  opacity: 0;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.sales {
  max-width: 1115px;
  border: #f3efc9 solid 10px;
  border-radius: 0 50px;
  background-repeat: repeat;
  background: url(../img/dirt.png);
  background-color: #35423d;
  color: #fff;
  margin: 50px auto;
}
.sales__inquiry {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 25px auto;
  display: flex;
}
.sales__inquiry a {
  font-weight: bolder;
  margin: 10px;
  border-radius: 0 10px;
  border: #f3efc9 solid 3px;
  background-color: #3c4844;
  width: 150px;
  text-align: center;
  transition: 0.2s;
}
.sales__inquiry a:hover {
  background-color: #526a5c;
  color: #fff !important;
}
.sales ul {
  padding: 15px;
}
.sales li {
  line-height: normal;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
  .sales:last-child {
    margin: 0 auto;
  }
}
.sales h2 {
  font-size: 35px;
  border-bottom: solid 5px #fff;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.sales h3 {
  text-align: left;
}
.sales h4 {
  font-size: 35px;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 1201px) {
  .sales__content {
    padding: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .sales__content {
    padding: 10px;
  }
}
.sales a {
  color: #ef5c29;
  text-decoration: none;
  transition: 0.2s;
}
.sales a:visited {
  color: #ef5c29;
}
.sales a:hover {
  color: #c04c26;
}

.access table {
  width: 65%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
}
.access tr {
  border-top: 1px dotted #ffffff;
}
.access tr:first-child {
  border: none;
}
@media only screen and (max-width: 1200px) {
  .access th {
    width: 50%;
    padding: 20px auto;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    vertical-align: center;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1201px) {
  .access th {
    width: 50%;
    padding: 3px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
  }
}
.access td {
  color: #fff;
  text-align: left;
  vertical-align: center;
}
@media only screen and (max-width: 1200px) {
  .access td {
    padding: 20px 20px;
    font-size: 14px;
    width: 50%;
    white-space: normal;
  }
}
@media only screen and (min-width: 1201px) {
  .access td {
    line-height: 26px;
    padding: 15px 20px;
    font-size: 14px;
    width: 50%;
  }
}

.global_head {
  margin: 0 !important;
}

@media only screen and (min-width: 1201px) {
  .global_foot {
    height: 284px;
  }
}/*# sourceMappingURL=style.css.map */