main .feature,
main .point {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-family: source-han-serif-japanese, serif;
}

main .feature {
  background-color: #009245;
}

main .feature::after {
  display: none;
}

main .feature .inner_left,
main .feature .inner_right {
  width: 48%;
}

main .feature .inner_left h2 {
  font-size: 200%;
  padding-top: 1em;
  margin: 0 auto 20px;
  width: 85%;
  font-weight: 900;
}

main .feature .inner_left p {
  margin: 0 auto;
  width: 85%;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 300;
}

main .feature .inner_left div.img_box {
  padding-bottom: 40px;
}


main .point {
  background-color: #C69C6D;
}

main .point .inner_left {
  width: 40%;
  margin-left: 2%;
}

main .point .inner_right {
  width: 55%;
}

main .point .inner_right h2 {
  font-size: 200%;
  padding-top: 40px;
  margin: 0 auto 40px;
  font-weight: 900;
  text-align: center;
}

main .point .inner_right h2::after {
  content: '';
  width: 100px;
  height: 4px;
  background-color: #fff;
  margin: 10px auto 0;
}

main .point .inner_right ol {
  width: 96%;
  padding-bottom: 40px;
}

main .point .inner_right ol li {
  display: grid;
}

main .point .inner_right ol li:not(:first-of-type) {
  margin-top: 30px;
}

main .point .inner_right ol li h3 {
  font-size: 160%;
  grid-column: 2/3;
  grid-row: 1/2;
  margin-bottom: 0.4em;
  font-weight: 700;
  padding: 0 0 0.2em 0.2em;
  border-bottom: 1px solid #fff;
}

main .point .inner_right ol li p {
  grid-column: 2/3;
  grid-row: 2/3;
  line-height: 1.6em;
  padding-left: 0.2em;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 300;
}

main .point .inner_right ol li::before {
  grid-column: 1/2;
  grid-row: 1/3;
  margin-right: 12px;
}

main .point .inner_right ol li:first-of-type::before {
  content: url(../../item_body/gameholder/count_01.png);
  display: block;
}

main .point .inner_right ol li:nth-of-type(2)::before {
  content: url(../../item_body/gameholder/count_02.png);
  display: block;
}

main .point .inner_right ol li:last-of-type::before {
  content: url(../../item_body/gameholder/count_03.png);
  display: block;
}


main .fittings .inner_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

main .fittings .inner_wrap::after { display: none; }

main .fittings .inner_left,
main .fittings .inner_right {
  width: 50%
}

main .fittings .inner_right {
  padding: 0 30px;
}

main .fittings .inner_right ol li {
  list-style-type: decimal;
  border-bottom: 2px solid #E95513;
  padding: 0.2em 0.6em;
  display: flex;
  align-items: center;
}

main .fittings .inner_right ol li::before { padding-right: 0.6em; }

main .fittings .inner_right ol li:first-of-type::before { content: url(../../item_body/gameholder/fitnum_01.png) }
main .fittings .inner_right ol li:nth-of-type(2)::before { content: url(../../item_body/gameholder/fitnum_02.png) }
main .fittings .inner_right ol li:nth-of-type(3)::before { content: url(../../item_body/gameholder/fitnum_03.png) }
main .fittings .inner_right ol li:last-of-type::before { content: url(../../item_body/gameholder/fitnum_04.png) }

main .fittings .inner_right ol li:not(:first-child) {
  margin-top: 30px;
}



main .fittings h2,
main .attachment h2 {
  text-align: center;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif;
  margin: 100px auto 40px;
  font-size: 200%;
}
main .fittings h2::after,
main .attachment h2::after {
  content: '';
  height: 4px;
  width: 70px;
  background-color: #E95513;
  margin: 10px auto;
}

main .attachment ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

main .attachment ol::after { display: none; }

main .attachment ol li { width: 22%; }

main .attachment ol li:not(:last-of-type) { position: relative; }

main .attachment ol li:not(:last-of-type)::after {
  content: "";
  height: 0;
  width: 0;
  border: 30px solid transparent;
  border-left: 20px solid #E95513;
  position: absolute;
  top: calc(50% - 20px);
  right: -30%;
}

main .attachment ol li p { margin: 1em; }

main > p {
  text-align: center;
  margin-top: 40px;
}


@media screen and (max-width: 650px) {
  main .feature .inner_left,
  main .feature .inner_right {
    width: 100%;
  }

  main .feature .inner_right .img_box {
    max-width: 514px;
    margin: 0 auto;
  }

  main .point .inner_left {
    width: 100%;
    margin-left: 0%;
    order: 2;
  }

  main .point .inner_right {
    width: 100%;
    order: 1;
  }

  main .point .inner_left .img_box {
    max-width: 400px;
    margin: 0 auto;
  }

  main .point .inner_right ol {
    width: 90%;
    margin: 0 auto;
  }

  main .fittings .inner_wrap .inner_left,
  main .fittings .inner_wrap .inner_right {
    width: 90%;
    margin: 0 auto;
  }

  main .fittings .inner_wrap .inner_left {
    margin-bottom: 40px;
  }

  main .fittings .inner_wrap .inner_left .img_box {
    max-width: 500px;
    margin: 0 auto;
  }

  main .fittings .inner_right { padding: 0; }

  main .attachment ol li {
    width: 100%;
  }

  main .attachment ol li:not(:last-of-type) {
    margin-bottom: 80px;
  }

  main .attachment ol li:not(:last-of-type)::after {
    border: 40px solid transparent;
    border-top: 30px solid #E95513;
    position: absolute;
    top: 110%;
    right: calc(50% - 20px);
  }

  main .attachment ol li .img_box,
  main .attachment ol li p {
    max-width: 460px;
    margin: 1em auto;
  }

}

@media screen and (max-width: 480px) {
  main .feature .inner_right .img_box,
  main .point .inner_left .img_box,
  main .fittings .inner_left .img_box {
    margin: 0 4%;
  }
}