@charset "UTF-8";
/*----------dont edit css----------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', 'Lucida Grande', sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  width: 100%;
  position: relative;
  font-feature-settings: "palt";
}

img {
  vertical-align: top;
}

a {
  text-decoration: none;
}

input, textarea {
  border: none;
  background: none;
  -webkit-appearance: none;
}

.loader-wrap {
  position: fixed;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loader {
  font-size: 10px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-indent: -9999em;
  border-top: 1.1em solid #12692c;
  border-right: 1.1em solid #12692c;
  border-bottom: 1.1em solid #12692c;
  border-left: 1.1em solid #ffffff;
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

body {
  background: #ffffff;
  color: #000000;
}

body a {
  color: #000000;
  text-decoration: none;
}

body.is-noscroll {
  overflow: hidden;
}

.js-animejs {
  opacity: 0;
}

.is-show {
  opacity: 1 !important;
}

.main {
  position: relative;
  display: block;
  overflow: hidden;
}

.main img {
  width: 100%;
}

.inr {
  padding: 0 4%;
}

.logo {
  width: 16.93333%;
  position: absolute;
  top: 2.71985%;
  left: 4%;
}

.logo a {
  display: block;
}

.able {
  overflow: hidden;
  position: relative;
}

.able p {
  width: 92%;
  position: absolute;
  left: 4%;
}

.able .able-text-1 {
  top: 9.51949%;
}

.able .able-text-2 {
  top: 14.14325%;
}

.able .able-text-3 {
  top: 23.11877%;
}

.able .able-text-4 {
  top: 41.52312%;
}

.able .able-text-5 {
  top: 51.40526%;
}

.able .able-text-6 {
  top: 61.19674%;
}

.able .able-text-7 {
  top: 79.87307%;
}

.able .able-text-8 {
  top: 84.04352%;
}

.pacifist {
  margin: -7.6% 0 0;
  position: relative;
  overflow: hidden;
}

.pacifist p {
  width: 92%;
  position: absolute;
  left: 4%;
}

.pacifist .pacifist-text-1 {
  top: 9.03659%;
}

.pacifist .pacifist-text-2 {
  top: 13.66692%;
}

.pacifist .pacifist-text-3 {
  top: 23.67438%;
}

.pacifist .pacifist-text-4 {
  width: 37.86667%;
  top: 44.36146%;
  left: 9.73333%;
  z-index: 2;
}

.pacifist .pacifist-text-5 {
  width: 47.33333%;
  top: 32.6363%;
  left: 26.4%;
  z-index: 1;
}

.pacifist .pacifist-text-6 {
  width: 27.46667%;
  top: 38.08813%;
  left: 64%;
}

.rapture {
  margin: -18% 0 0;
  z-index: 2;
  position: relative;
  overflow: hidden;
}

.rapture p {
  width: 92%;
  position: absolute;
  left: 4%;
}

.rapture .rapture-text-1 {
  width: 56.4%;
  top: 9.59693%;
  z-index: 2;
}

.rapture .rapture-text-2 {
  top: 28.91875%;
  z-index: 2;
}

.rapture .rapture-text-3 {
  top: 37.87588%;
  z-index: 2;
}

.rapture .rapture-text-4 {
  top: 43.05822%;
}

.rapture .rapture-text-5 {
  top: 69.09789%;
  z-index: 2;
}

.rapture .rapture-text-6 {
  width: 47.86667%;
  top: 0%;
  right: 0;
  left: inherit;
  z-index: 1;
}

.idea {
  position: relative;
  overflow: hidden;
}

.idea p {
  width: 92%;
  position: absolute;
  left: 4%;
}

.idea .idea-text-1-1 {
  top: 4.31107%;
}

.idea .idea-text-1-2 {
  top: 4.31107%;
}

.idea .idea-text-1-3 {
  top: 4.31107%;
}

.idea .idea-text-1-4 {
  top: 4.31107%;
}

.idea .idea-text-1-5 {
  top: 4.31107%;
}

.idea .idea-text-1-6 {
  top: 4.31107%;
}

.idea .idea-text-1-7 {
  top: 4.31107%;
}

.idea .idea-text-1-8 {
  top: 4.31107%;
}

.idea .idea-text-1-9 {
  top: 4.31107%;
}

.idea .idea-text-1-10 {
  top: 4.31107%;
}

.idea .idea-text-2 {
  top: 13.94759%;
}

.idea .idea-text-3 {
  top: 22.06255%;
}

.idea .idea-text-4 {
  top: 75.31699%;
}

.idea .idea-text-5 {
  top: 81.40321%;
}

.idea .idea-text-6 {
  top: 90.19442%;
}

.lamb {
  position: relative;
  overflow: hidden;
}

.lamb p {
  width: 92%;
  position: absolute;
  left: 4%;
}

.lamb .lamb-text-1 {
  top: 4.17802%;
}

.lamb .lamb-text-2 {
  top: 50.95368%;
}

.lamb .lamb-text-3 {
  top: 58.67393%;
}

.lamb .lamb-text-4 {
  top: 66.84832%;
}

.lamb .lamb-text-5 {
  top: 79.01907%;
}

.lamb .lamb-text-6 {
  top: 92.00727%;
}

.fare {
  position: relative;
  overflow: hidden;
}

.fare .fare-zaru {
  width: 100%;
  position: absolute;
  top: 30.04255%;
  left: 0;
}

.fare .btn {
  width: 89.6%;
  position: absolute;
  top: 85.78723%;
  left: 0;
  right: 0;
  margin: auto;
}

.fare .btn2 {
  width: 89.6%;
  position: absolute;
  top: 85.78723%;
  left: 0;
  right: 0;
  margin: auto;
}

.fare p {
  width: 92%;
  position: absolute;
  left: 4%;
}

.fare .fare-text-wrap {
  position: absolute;
  top: 0;
  left: 1.33333%;
  width: 100%;
  height: 100%;
}

.fare .fare-text-1 {
  width: 34.26667%;
  top: 3.65957%;
  left: 1.33333%;
}

.fare .fare-text-2 {
  top: 4%;
}

.fare .fare-text-3 {
  top: 15.06383%;
}

.fare .fare-text-4 {
  top: 21.95745%;
}

.fare .fare-text-5 {
  width: 100%;
  top: 30.04255%;
  left: 0;
}

.fare .fare-text-6 {
  width: 36.93333%;
  top: 7.06383%;
  left: 32.8%;
}

.fare .fare-text-7 {
  width: 92.4%;
  top: 15.06383%;
  left: 1.33333%;
}

.fare .fare-text-8 {
  width: 100%;
  top: 30.04255%;
  left: 0;
}

.ordinary {
  background: #0c7236;
  padding: 0 4%;
  text-align: center;
}

.outcome {
  position: relative;
  overflow: hidden;
}

.outcome .icon-num {
  width: 21.06667%;
  position: absolute;
}

.outcome .icon-num .icon-num-inr {
  position: relative;
}

.outcome .icon-num .num-bg {
  width: 64.55696%;
  position: absolute;
  top: 0;
  left: 19.62025%;
}

.outcome .icon-num .num-img {
  position: absolute;
  top: 0;
  left: 0;
}

.outcome .outcome-1 {
  position: relative;
  overflow: hidden;
}

.outcome .outcome-1 .icon-num {
  top: 7.05329%;
  left: 20.66667%;
  z-index: 3;
}

.outcome .outcome-1 p {
  position: absolute;
}

.outcome .outcome-1 .outcome1-text-1 {
  width: 34.4%;
  top: 1.88088%;
  left: 2.4%;
}

.outcome .outcome-1 .outcome1-text-2 {
  width: 62.53333%;
  top: 11.12853%;
  left: 33.6%;
}

.outcome .outcome-1 .outcome1-text-3 {
  width: 62.53333%;
  top: 37.61755%;
  left: 35.46667%;
}

.outcome .outcome-1 .outcome-1-btn {
  width: 56.26667%;
  top: 57.05329%;
  left: 37.33333%;
  position: absolute;
}

.outcome .outcome-1 .outcome-1-btn a {
  display: block;
}

.outcome .outcome-2 {
  position: relative;
  z-index: 2;
  margin: -14.8% 0 0;
  overflow: hidden;
}

.outcome .outcome-2 .icon-num {
  top: 13.4375%;
  left: 56.8%;
  z-index: 3;
}

.outcome .outcome-2 p {
  position: absolute;
}

.outcome .outcome-2 .outcome2-text-1 {
  width: 34.4%;
  top: 6.875%;
  left: 62.93333%;
}

.outcome .outcome-2 .outcome2-text-2 {
  width: 58.13333%;
  top: 18.90625%;
  left: 4.8%;
}

.outcome .outcome-2 .outcome2-text-3 {
  width: 58.13333%;
  top: 44.53125%;
  left: 5.73333%;
}

.outcome .outcome-2 .outcome-2-btn {
  width: 56.26667%;
  top: 63.63636%;
  left: 6.13333%;
  position: absolute;
}

.outcome .outcome-2 .outcome-2-btn a {
  display: block;
}

.outcome .outcome-3 {
  position: relative;
  z-index: 2;
  margin: -14.8% 0 0;
  overflow: hidden;
}

.outcome .outcome-3 .icon-num {
  top: 9.375%;
  left: 20.4%;
  z-index: 3;
}

.outcome .outcome-3 p {
  position: absolute;
}

.outcome .outcome-3 .outcome3-text-1 {
  width: 34.4%;
  top: 5.9375%;
  left: 3.73333%;
}

.outcome .outcome-3 .outcome3-text-2 {
  width: 53.6%;
  top: 18.75%;
  left: 41.33333%;
}

.outcome .outcome-3 .outcome3-text-3 {
  width: 53.6%;
  top: 44.84375%;
  left: 38.66667%;
}

.outcome .outcome-3 .outcome-3-btn {
  width: 56.26667%;
  top: 63.63636%;
  left: 37.33333%;
  position: absolute;
}

.outcome .outcome-3 .outcome-3-btn a {
  display: block;
}

.outcome .outcome-4 {
  position: relative;
  z-index: 2;
  margin: -14.8% 0 0;
  overflow: hidden;
}

.outcome .outcome-4 .icon-num {
  top: 14.55399%;
  left: 56.66667%;
  z-index: 3;
}

.outcome .outcome-4 p {
  position: absolute;
}

.outcome .outcome-4 .outcome4-text-1 {
  width: 34.4%;
  top: 9.54617%;
  left: 62.26667%;
}

.outcome .outcome-4 .outcome4-text-2 {
  width: 63.6%;
  top: 27.85603%;
  left: 3.33333%;
}

.outcome .outcome-4 .outcome4-text-3 {
  width: 63.6%;
  top: 53.99061%;
  left: 3.33333%;
}

.outcome .outcome-4 .outcome-4-btn {
  width: 56.26667%;
  top: 72.72727%;
  left: 5.73333%;
  position: absolute;
}

.outcome .outcome-4 .outcome-4-btn a {
  display: block;
}

.laudable {
  background: #ffffff;
  padding: 0 4%;
  text-align: center;
}

.vegetable-wrap {
  width: 100%;
  background: url(/spn/2018/vegetable/images/bg_pc.jpg) no-repeat center 0;
  background-size: 100%;
  background-attachment: fixed;
}

.vegetable-wrap .main {
  padding: 0;
}

.vegetable-inr {
  width: 395px;
  margin: 0 auto 0;
  box-shadow: 0px 0px 20px 0px #000000;
}