@charset "utf-8";

body {
  font-size: 14px;
  position: relative;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
}

.outer-block {
  min-width: 320px;
  border: 1px solid red;
}

.inner-block {
  padding: 40px 15px;
  width: auto;
  border: 1px solid blue;
}

#wrapper {
  min-width: 320px;
  position: relative;
  overflow: hidden;
}

input[type="submit"] {
  -webkit-text-size-adjust: 100%;
}

input, select, textarea {
  font-size: 16px !important;
}

.pc {
  display: none !important;
}
.pc-ib {
  display: none !important;
}

.sp {
  display: block !important;
}
.sp-ib {
  display: inline-block !important;
}


/*------------------------------------------------------------------------------
  comment
------------------------------------------------------------------------------*/


.c-ttl01 {
  font-size: 20px;;
}

.mv-ttl {
  font-size: 16px;
  top: 7px;
}

.mv-area {
  height: 70vh;
}

.mv-area .skater {
  width: 80vw;
}

.mv-area::before,
.mv-area::after {
  height: 20px;
}

.mv-side {
  height: 70vh;
}

.mv-side::before,
.mv-side::after {
  width: 20px;
}

.leaves {
  width: 50vw;
}

.leaves01 {
  left: 0;
}

.leaves02 {
  right: 0;
}

.leaves-b {
  width: 50vw;
}

.other-block .cont-wrap .txt-area .ttl {
  font-size: 18px;
}

.other-block .cont-wrap .img-area {
  margin-top: 50px;
}

/*------------------------------------------------------------------------------
  clearfix
------------------------------------------------------------------------------*/
/*:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}