.s5-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 767px) {
  .s5-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3.14%;
  }
}

.mainWrap {
  padding: 32.9% 0 1.1%;
  background: url(../images/main.jpg) no-repeat center top;
  background-size: 100%;
}

.mainImg {
  max-width: 1200px;
  width: 100%;
  height: auto;
  margin-top: 4%;
}

.mainImg img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.maintitle {
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
}

.head {
  max-width: 1200px;
  margin: 0 0 60px;
  padding: 0;
}

.stic {
  position: fixed;
  top: -700px;
  margin: 0 auto;
  padding: 0 0 10px;
  left: auto;
  -webkit-transition: top 0.25s;
  transition: top 0.25s;
  z-index: 9999;
}

.sticnavwarp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.navBtn {
  max-width: 297px;
  width: 24.75%;
  height: auto;
}

.navBtn a {
  display: block;
  margin: 0;
  padding: 21.9% 0;
}

.navBtn--1 {
  background: url(../images/nav1.png) no-repeat center top;
  background-size: 100%;
}

.navBtn--1:hover {
  background: url(../images/nav1.png) no-repeat center bottom;
  background-size: 100%;
}

.navBtn--1 a.active {
  background: url(../images/nav1.png) no-repeat center bottom;
  background-size: 100%;
}

.navBtn--2 {
  background: url(../images/nav2.png) no-repeat center top;
  background-size: 100%;
}

.navBtn--2:hover {
  background: url(../images/nav2.png) no-repeat center bottom;
  background-size: 100%;
}

.navBtn--2 a.active {
  background: url(../images/nav2.png) no-repeat center bottom;
  background-size: 100%;
}

.navBtn--3 {
  background: url(../images/nav3.png) no-repeat center top;
  background-size: 100%;
}

.navBtn--3:hover {
  background: url(../images/nav3.png) no-repeat center bottom;
  background-size: 100%;
}

.navBtn--3 a.active {
  background: url(../images/nav3.png) no-repeat center bottom;
  background-size: 100%;
}

.navBtn--4 {
  background: url(../images/nav4.png) no-repeat center top;
  background-size: 100%;
}

.navBtn--4:hover {
  background: url(../images/nav4.png) no-repeat center bottom;
  background-size: 100%;
}

.navBtn--4 a.active {
  background: url(../images/nav4.png) no-repeat center bottom;
  background-size: 100%;
}

.stic {
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  top: -700px;
  width: 100%;
  margin: 0 auto;
  left: auto;
  -webkit-transition: top 0.25s;
  transition: top 0.25s;
  z-index: 9999;
}

.stic.visible {
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.visible ul.sticnav li {
  float: left;
  margin: 0;
  padding: 0;
}

.sticnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
  max-width: 1200px;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}

.sticnav li {
  margin: 0;
  padding: 0;
}

.sticnavfloat {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: 1200px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.sticnavfloat li {
  margin: 0;
  padding: 0;
}

.sticnavfloat li.f1 {
  max-width: 297px;
  width: 24.75%;
  margin: 0;
  background: url(../images/nav1_f.png) no-repeat center bottom;
  background-size: 100%;
}

.sticnavfloat li.f1:hover {
  background: url(../images/nav1_f.png) no-repeat center top;
  background-size: 100%;
}

.sticnavfloat li.f1 a {
  display: block;
  margin: 0;
  padding: 14.8% 0;
}

.sticnavfloat li.f1 a.active {
  background: url(../images/nav1_f.png) no-repeat center top;
  background-size: 100%;
}

.sticnavfloat li.f2 {
  max-width: 297px;
  width: 24.75%;
  margin: 0;
  background: url(../images/nav2_f.png) no-repeat center bottom;
  background-size: 100%;
}

.sticnavfloat li.f2:hover {
  background: url(../images/nav2_f.png) no-repeat center top;
  background-size: 100%;
}

.sticnavfloat li.f2 a {
  display: block;
  margin: 0;
  padding: 14.8% 0;
}

.sticnavfloat li.f2 a.active {
  background: url(../images/nav2_f.png) no-repeat center top;
  background-size: 100%;
}

.sticnavfloat li.f3 {
  max-width: 297px;
  width: 24.75%;
  margin: 0;
  background: url(../images/nav3_f.png) no-repeat center bottom;
  background-size: 100%;
}

.sticnavfloat li.f3:hover {
  background: url(../images/nav3_f.png) no-repeat center top;
  background-size: 100%;
}

.sticnavfloat li.f3 a {
  display: block;
  margin: 0;
  padding: 14.8% 0;
}

.sticnavfloat li.f3 a.active {
  background: url(../images/nav3_f.png) no-repeat center top;
  background-size: 100%;
}

.sticnavfloat li.f4 {
  max-width: 297px;
  width: 24.75%;
  margin: 0;
  background: url(../images/nav4_f.png) no-repeat center bottom;
  background-size: 100%;
}

.sticnavfloat li.f4:hover {
  background: url(../images/nav4_f.png) no-repeat center top;
  background-size: 100%;
}

.sticnavfloat li.f4 a {
  display: block;
  margin: 0;
  padding: 14.8% 0;
}

.sticnavfloat li.f4 a.active {
  background: url(../images/nav4_f.png) no-repeat center top;
  background-size: 100%;
}

@media (max-width: 767px) {
  .sticnavsp {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
  .sticnavsp img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
}

.block {
  margin: 20px 0 0;
  background: #fff;
}

.block__title {
  width: auto;
  margin: 0 auto;
}

.block__title img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.block__inner {
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  background: #4891d0;
}

.block__inner--feature2 {
  background: #f18e2c;
}

.block__inner--feature3_1 {
  background: #88b83d;
  margin: 0 0 5%;
}

.block__inner--feature3_2 {
  margin: 0 0 5%;
  background: #ca538a;
}

.block__subttl1 {
  width: 75.83333333333333%;
  margin: 0 auto;
  padding: 20px 0;
}

.block__subttl1 img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.block__shadow {
  width: 96.66666666666667%;
  margin: 0 auto 20px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}

.block__bgw {
  width: auto;
  margin: 0 auto;
  background: #fff;
}

.block__compatible {
  max-width: 890px;
  margin: 0 auto;
  padding: 17px 20px 17px 0;
  font-size: 10px;
  color: #4891d0;
  text-align: right;
}

.block__compatible--feature2 {
  color: #f18e2c;
  text-align: center;
}

.block__compatible--feature3_1 {
  color: #88b83d;
  text-align: right;
  padding: 0 20px 17px 0;
}

.block__compatible--feature3_1--center {
  text-align: center;
}

.block__compatible--feature3_2 {
  color: #ca538a;
  text-align: right;
}

.block__compatible--feature3_2--center {
  text-align: center;
}

.block__compatible--feature3_1mb {
  padding-bottom: 9.1%;
}

#anc1, #anc2 {
  display: block;
  margin-top: -80px;
  padding-top: 80px;
}

@media (max-width: 767px) {
  #anc1, #anc2 {
    display: block;
    margin-top: 0;
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .block {
    margin: 20px 0 0;
    background: #fff;
  }
  .block__title {
    width: 100%;
    margin: 0 auto;
  }
  .block__title img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .block__inner {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto 5%;
    padding: 0;
    background: #4891d0;
  }
  .block__inner--feature2 {
    background: #f18e2c;
  }
  .block__inner--feature3_1 {
    background: #88b83d;
  }
  .block__inner--feature3_2 {
    background: #ca538a;
  }
  .block__subttl1 {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 5% 5% 0;
  }
  .block__subttl1--f1_f2 {
    padding: 0 5%;
  }
  .block__subttl1 img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .block__shadow {
    width: 95%;
    margin: 0 auto 3.6%;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
  }
  .block__bgw {
    width: auto;
    margin: 0 auto;
    background: #fff;
  }
  .block__compatible {
    margin: 0;
    padding: 17px 0;
    font-size: 10px;
    color: #4891d0;
    text-align: center;
  }
  .block__compatible--feature2 {
    color: #f18e2c;
    text-align: center;
    padding: 17px 0;
  }
  .block__compatible--feature3_1 {
    color: #88b83d;
    text-align: center;
    padding: 17px 0;
  }
  .block__compatible--feature3_1--center {
    text-align: center;
  }
  .block__compatible--feature3_2 {
    color: #ca538a;
    text-align: center;
    padding: 17px 0;
  }
  .block__compatible--feature3_2--center {
    text-align: center;
  }
  .block__compatible--feature3_1mb {
    padding: 17px 0;
  }
}

.feature {
  overflow: hidden;
  width: auto;
  margin: 0 auto;
  padding: 0 0 37px;
  z-index: 1;
}

.feature__padding0 {
  padding: 0;
}

.feature--padding-top37 {
  padding: 0 0 37px;
}

.feature__moveWrapper {
  position: relative;
  text-align: center;
  width: 48.309091%;
  margin: 0 auto 5%;
  padding: 27.1% 0 0 0;
}

.feature__moveWrapper--oldmovie {
  width: 100%;
  margin: 0 auto 5%;
  padding: 56% 0 0 0;
}

.feature__moveWrapper--feature2 {
  margin: 2.5% auto 1%;
}

.feature__moveWrapper--feature4 {
  margin: 0 auto 2.5%;
}

.feature__moveWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.feature__splitUnderNote {
  width: 70.9%;
  margin: 0 14.3% 30px;
  color: #999;
  font-size: 12px;
  list-style: none;
  padding: 0;
  text-indent: -1.3em;
  padding-left: 1em;
}

.feature__splitUnderNote--left {
  width: auto;
  margin: 0;
}

.feature__splitUnderNote--indent0 {
  width: auto;
  margin: 0;
  text-indent: 0;
}

.feature__splitUnderNote--bottom {
  width: auto;
  margin-bottom: 20px;
}

.feature__notes {
  width: 70.9%;
  margin: 0 14.3%;
  font-size: 12px;
  color: #999;
}

.feature__notes--2col {
  margin: 0;
}

.feature__notes--center {
  text-align: center;
}

.feature__notes--right {
  text-align: right;
}

.feature__notes--left {
  width: auto;
  margin: 0;
}

.feature__notes--ml {
  margin: 0 0 0 12%;
}

.feature__title {
  width: 79.0909090909091%;
  margin: 0 auto;
}

.feature__title--mbS {
  margin: 0 auto 2%;
}

.feature__title img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.feature__catch {
  width: 95%;
  margin: 0 auto 2.5%;
}

.feature__catch img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.feature__splitImg1Wrap {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  max-width: 850px;
  width: 73.27586206896551%;
  margin: 0 auto;
  padding: 0;
}

.feature__splitImg1Wrap--ex {
  max-width: 970px;
  width: 83.62068965517241%;
}

.feature__splitImg1Text {
  width: 100%;
  margin: 0 auto 5%;
}

.feature__splitImg1Text--feature4 {
  margin: 0 0 5%;
}

.feature__splitImg1Note {
  width: auto;
  margin: 0 30px;
  color: #999;
  font-size: 12px;
  list-style: none;
  padding: 0;
  text-align: center;
}

.feature__splitImg1 {
  width: 46%;
  margin: 0 .5% 5%;
}

.feature__splitImg1 img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.feature__splitImg1:first-child {
  max-width: 835px;
  width: 68.5%;
}

.feature__splitImg1--feature4 {
  margin: 0 0 5%;
}

.feature__splitImg1--feature4:last-child {
  margin: 0 0 1%;
}

.feature__splitTitle {
  max-width: 850px;
  width: 73.27586206896551%;
  margin: 0 auto 20px;
  color: #ca538a;
  font-size: 1.5rem;
  font-weight: bold;
}

.feature__splitImg1Inner {
  margin: 0 0 5%;
}

.feature__splitImg1Inner--bd {
  padding-top: 10%;
}

.feature__text {
  width: 70.9%;
  margin: 0 auto 2.5%;
}

.feature__text--2col {
  width: 100%;
}

.feature__text--textBottomS {
  margin-bottom: 1%;
}

.feature__text--textBottomM {
  margin-bottom: 3%;
}

.feature__text--textBottomL {
  margin-bottom: 5%;
}

.feature__support {
  width: 70.9%;
  margin: 0 auto;
  color: #ca538a;
  font-size: .8rem;
}

.feature__supportNote {
  width: 81%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  color: #999;
  font-size: .8rem;
}

.feature__supportNote--feature4 {
  width: 70.3%;
}

.feature__supportNote li {
  margin-bottom: .5%;
  text-indent: -1.3em;
  padding-left: 1em;
}

.feature__blockimage {
  width: 74.54545454545455%;
  margin: 0 auto;
}

.feature__blockimage--feature1 {
  width: 93%;
  margin: 0 auto 15px;
}

.feature__blockimage--feature3 {
  width: 71.20689655172414%;
}

.feature__blockimage--w100 {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 20px;
}

.feature__blockimage--noPadding {
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 20px;
  background: #f18e2c;
}

.feature__blockimage--bottom {
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto 10%;
  padding: 0;
}

.feature__blockimage img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.feature__4kImageWrap {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  max-width: 830px;
  width: 71.55172413793103%;
  margin: 0 auto;
  padding: 0;
}

.feature__4kImage {
  width: 50%;
}

.feature__4kImageInner img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.feature__4kImageTextWrap {
  width: 50%;
}

.feature__4kImageText {
  width: auto;
  margin: 0 auto 4%;
  padding-top: 10%;
}

.feature__2colWrapper {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  width: 70%;
  margin: 20px auto 0;
  padding: 37px 0 0;
  z-index: 1;
}

.feature__2colWrapper--w100 {
  width: 100%;
}

.feature__2colWrapper--center {
  display: flex;
  justify-content: center;
}

.feature__2colWrapper--pt0 {
  padding: 0;
}

.feature__2colBox {
  width: 48.1%;
  margin: 0;
}

.feature__2colBox--leftmargin {
  width: 32%;
  margin: 0 0 0 15%;
}

.feature__2colTitle {
  width: auto;
  margin: 0 0 5%;
}

.feature__2colTitle--ttl6 {
  margin: 0 0 13%;
}

.feature__2colTitle img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.feature__2colImg {
  margin: 0 0 5px;
}

.feature__2colImg img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.feature__2colImg--mb-m {
  margin: 0 0 10%;
}

.feature__bnr {
  margin: 0 5% 0;
  padding-bottom: 5%;
}

.feature__bnr img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.feature__2colBox--right {
  width: 50%;
  margin: 0;
}

.feature__2colBox--right img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.feature__girl02Area {
  position: relative;
  background: url(../images/feature_02_image_add_girl.jpg) no-repeat center top;
  background-size: contain;
  max-width: 830px;
  width: 71.55172413793103%;
  margin: 0 auto 10%;
  padding: 50.2% 0 0;
}

.feature__girl02TextWrap {
  position: absolute;
  width: 45.78313253012048%;
  right: 0;
  bottom: 0;
}

.feature__girl02Title {
  margin: 0 0 2%;
  font-size: calc(0.46875rem + ((1vw - 4.8px) * 1.1806));
  color: #fc962d;
  text-align: center;
  font-weight: bold;
}

.feature__girl02Text {
  margin: 0 0 2%;
  font-size: calc(0.46875rem + ((1vw - 4.8px) * 1.1806));
}

.feature__girl03Area {
  position: relative;
  background: url(../images/feature_03_image_add_girl.jpg) no-repeat center top;
  background-size: contain;
  max-width: 830px;
  width: 71.55172413793103%;
  margin: 0 auto 20px;
  padding: 43.9% 0 0;
}

.feature__girl03TextWrap {
  position: absolute;
  width: 53.01204819277109%;
  left: 0;
  top: 42%;
}

.feature__girl03TextWrap .feature__splitUnderNote--left {
  width: auto;
  margin: 0;
  font-size: calc(0.46875rem + ((1vw - 4.8px) * 0.625));
}

.feature__girl03Title {
  margin: 0 0 2%;
  font-size: 1.4rem;
  color: #fc962d;
  text-align: center;
}

.feature__girl03Text {
  margin: 0 0 2%;
  font-size: calc(0.46875rem + ((1vw - 4.8px) * 1.1806));
}

.feature__girl04Area {
  position: relative;
  background: url(../images/feature_04_image_add_girl.jpg) no-repeat center top;
  background-size: contain;
  max-width: 860px;
  width: 77.1%;
  margin: 0 auto 50px;
  padding: 43.5% 0 0;
}

.feature__girl04TextWrap {
  position: absolute;
  width: 56%;
  left: 2%;
  top: -1%;
}

.feature__girl04Title {
  margin: 0 0 2%;
  font-size: 1.4rem;
  color: #fc962d;
  text-align: center;
}

.feature__girl04Text {
  margin: 0 0 2%;
  font-size: calc(0.46875rem + ((1vw - 4.8px) * 1.1806));
}

.btn__next {
  width: auto;
  margin: 0 auto;
}

.btn__next img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 1200px) and (max-width: 1920px) {
  .feature__girl01Text {
    font-size: 16px;
  }
  .feature__girl02Text {
    font-size: 16px;
  }
  .feature__girl02Title {
    font-size: 22px;
  }
  .feature__girl03Text {
    font-size: 16px;
  }
  .feature__girl03TextWrap .feature__splitUnderNote {
    font-size: 12px;
  }
  .feature__girl04Text {
    font-size: 16px;
  }
}

@media (min-width: 1920px) {
  .feature__girl01Text {
    font-size: 16px;
  }
  .feature__girl02Text {
    font-size: 16px;
  }
  .feature__girl02Title {
    font-size: 22px;
  }
  .feature__girl03Text {
    font-size: 16px;
  }
  .feature__girl03TextWrap .feature__splitUnderNote {
    font-size: 12px;
  }
  .feature__girl04Text {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .feature__4kImageWrap {
    overflow: hidden;
    display: block;
    max-width: 830px;
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
  .feature__4kImage {
    width: auto;
  }
  .feature__4kImageInner img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .feature__4kImageTextWrap {
    width: auto;
    margin: 0 auto 5%;
  }
  .feature__4kImageText {
    width: auto;
    margin: 0 auto 4%;
    padding-top: 10%;
    font-size: 1rem;
  }
  .feature__2colWrapper {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: 20px auto 0;
    padding: 37px 0 0;
    z-index: 1;
  }
  .feature__2colWrapper--w100 {
    width: 100%;
  }
  .feature__2colWrapper--center {
    display: flex;
    justify-content: center;
  }
  .feature__2colWrapper--pt0 {
    padding: 0;
  }
  .feature__girl02Area {
    position: static;
    background: none;
    background-size: contain;
    max-width: 830px;
    width: 90%;
    margin: 0 auto 10%;
    padding: 0;
  }
  .feature__girl02TextWrap {
    position: static;
    width: auto;
    right: 0;
    bottom: 0;
  }
  .feature__girl02Title {
    margin: 0 0 2%;
    font-size: 1.4rem;
    color: #fc962d;
    text-align: center;
    font-weight: bold;
  }
  .feature__girl02Text {
    margin: 0 0 2%;
    font-size: 1rem;
  }
  .feature__girl03Area {
    position: static;
    background: none;
    background-size: contain;
    max-width: 830px;
    width: 90%;
    margin: 0 auto 4%;
    padding: 0;
  }
  .feature__girl03TextWrap {
    position: static;
    width: auto;
  }
  .feature__girl03TextWrap .feature__splitUnderNote {
    font-size: 12px;
  }
  .feature__girl03Title {
    margin: 0 0 2%;
    font-size: 1.4rem;
    color: #fc962d;
    text-align: center;
  }
  .feature__girl03Text {
    margin: 0 0 2%;
    font-size: 1rem;
  }
  .feature__girl04Area {
    position: static;
    background: none;
    background-size: contain;
    max-width: 830px;
    width: 90%;
    margin: 0 auto 10%;
    padding: 0;
  }
  .feature__girl04TextWrap {
    position: static;
    width: auto;
  }
  .feature__girl04Title {
    margin: 0 0 2%;
    font-size: 1.4rem;
    color: #fc962d;
    text-align: center;
  }
  .feature__girl04Text {
    margin: 0 0 2%;
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .feature {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    padding: 15px 0 15px;
    z-index: 1;
  }
  .feature__moveWrapper {
    position: relative;
    text-align: center;
    width: 90%;
    margin: 0 auto 1.3%;
    padding: 50.5% 0 0 0;
  }
  .feature__moveWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .feature__splitUnderNote {
    width: auto;
    margin: 0 5%;
    padding: 0;
    color: #999;
    font-size: 12px;
    text-indent: 0;
    padding-left: 0;
  }
  .feature__splitUnderNote--left {
    margin: 0 5%;
  }
  .feature__splitUnderNote--left:last-of-type {
    margin: 0 5% 5%;
  }
  .feature__splitUnderNote--bottom {
    margin: 0 5% 4%;
  }
  .feature__notes {
    width: 90%;
    margin: 0 5%;
    font-size: 12px;
    color: #999;
  }
  .feature__notes--center {
    text-align: center;
  }
  .feature__notes--right {
    text-align: right;
  }
  .feature__notes--left {
    width: auto;
    margin: 0;
  }
  .feature__notes--ml {
    margin: 0 0 0 12%;
  }
  .feature__notes--bottom {
    margin: 0 5% 5%;
  }
  .feature__title {
    width: 95%;
    margin: 0 auto;
  }
  .feature__title--mbS {
    margin: 0 auto 5%;
  }
  .feature__title img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .feature__catch {
    width: 95%;
    margin: 0 auto 5%;
  }
  .feature__catch img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .feature__splitImg1Wrap {
    overflow: hidden;
    display: block;
    max-width: 750px;
    width: auto;
    margin: 0 auto;
    padding: 0;
  }
  .feature__splitImg1Wrap--feature1 {
    width: 68.18181818181817%;
    margin: 0 auto 5%;
  }
  .feature__splitImg1Wrap--ex {
    max-width: 970px;
    width: 83.62068965517241%;
  }
  .feature__splitImg1Text {
    width: 90%;
    margin: 0 auto 18%;
  }
  .feature__splitImg1Text--feature4 {
    margin: 0 auto 5%;
  }
  .feature__splitImg1Note {
    width: 90%;
    margin: 0 auto 10px;
    color: #999;
    font-size: 12px;
    list-style: none;
    padding: 0;
    text-align: left;
  }
  .feature__splitImg1 {
    width: auto;
    margin: 0 0 5%;
  }
  .feature__splitImg1 img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .feature__splitImg1:first-child {
    max-width: 835px;
    width: auto;
  }
  .feature__splitImg1--feature4 {
    margin: 0 0 5%;
  }
  .feature__splitImg1--feature4:last-child {
    margin: 0 0 1%;
  }
  .feature__splitImg1Inner {
    margin: 0 auto 5%;
  }
  .feature__splitTitle {
    width: 90%;
    margin: 20px auto;
    color: #ca538a;
    font-size: 1.4rem;
    line-height: 1.3;
    text-align: center;
  }
  .feature__splitImg1 {
    margin-bottom: 6%;
  }
  .feature__splitImg1 img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .feature__text {
    width: 90%;
    margin: 0 auto 3%;
  }
  .feature__support {
    width: 90%;
    margin: 0 auto;
    color: #ca538a;
    font-size: .8rem;
  }
  .feature__supportNote {
    width: 84%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    color: #999;
    font-size: .8rem;
  }
  .feature__supportNote li {
    margin-bottom: .5%;
    text-indent: -1.3em;
    padding-left: 1em;
  }
  .feature__blockimage {
    width: 100%;
    margin: 0 auto;
  }
  .feature__blockimage--noPadding {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 20px;
    background: #f18e2c;
  }
  .feature__blockimage--bottom {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto 10%;
    padding: 0;
  }
  .feature__blockimage img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .feature__2colWrapper {
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
    z-index: 1;
  }
  .feature__2colWrapper--w100 {
    width: 100%;
  }
  .feature__2colBox {
    width: 100%;
    margin: 0 0 10%;
  }
  .feature__2colBox--feature3 {
    margin: 0;
  }
  .feature__2colBox--leftmargin {
    display: table-footer-group;
    width: 100%;
    margin: 0 auto;
  }
  .feature__2colImg {
    margin: 0 15% 4%;
  }
  .feature__2colImg img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .feature__bnr {
    margin: 0 5%;
    padding-bottom: 5%;
  }
  .feature__bnr img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .feature__2colBox--right {
    display: table-header-group;
    width: 100%;
    margin: 0 0 10%;
  }
  .feature__2colBox--right img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
}

.pickup {
  margin-top: 40px;
  text-align: center;
  font-weight: normal;
  font-size: 1rem;
}

.pickup__titleWrap {
  max-width: 1060px;
  width: auto;
  margin: 0 auto;
}

.pickup__title {
  overflow: hidden;
  list-style: none;
  display: flex;
  justify-content: center;
  width: auto;
  margin: 0 0 .5%;
  padding: 0;
}

.pickup__titleList--flag {
  width: 15.666%;
  margin: 0 1% 0 0;
}

.pickup__titleList--flag img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.pickup__titleList--high-grade {
  width: 15.666%;
  margin: 0 1% 0 0;
}

.pickup__titleList--high-grade img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.pickup__titleList--high-performance {
  width: 31.333%;
  margin: 0 1% 0 0;
}

.pickup__titleList--high-performance img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.pickup__titleList--standard {
  width: 15.666%;
  margin: 0 1% 0 0;
}

.pickup__titleList--standard img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.pickup__titleList--basic {
  width: 15.666%;
}

.pickup__titleList--basic img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.pickup__thumbWrap {
  max-width: 1060px;
  width: auto;
  margin: 0 auto 5%;
}

.pickup__thumb {
  display: flex;
  justify-content: center;
  overflow: hidden;
  list-style: none;
  width: auto;
  margin: 0;
  padding: 0;
}

.flagship {
  width: 16.666%;
}

.flagship a {
  display: block;
}

.flagship img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.high {
  width: 16.666%;
}

.high a {
  display: block;
}

.high img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.premium {
  overflow: hidden;
  width: 33.333%;
  margin: 0;
}

.premium__inner {
  width: 100%;
}

.premium a {
  float: left;
  width: 48.55305466237942%;
  display: block;
}

.premium img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.entry {
  overflow: hidden;
  width: 16.666%;
  margin: 0;
}

.entry__inner {
  width: 100%;
}

.entry a {
  width: 100%;
  display: block;
}

.entry img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.basic {
  width: 16.666%;
}

.basic a {
  width: 100%;
  display: block;
}

.basic img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .pickup {
    margin-top: 40px;
    text-align: center;
    font-weight: normal;
    font-size: 1rem;
  }
  .pickup__titleWrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .pickup__title {
    overflow: hidden;
    list-style: none;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
  }
  .pickup__titleList {
    margin-bottom: 3%;
  }
  .pickup__titleList--flag {
    width: auto;
    margin: 0;
  }
  .pickup__titleList--flag img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .pickup__titleList--4k {
    width: auto;
    margin: 0;
  }
  .pickup__titleList--4k img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .pickup__titleList--standard {
    width: auto;
    margin: 0;
  }
  .pickup__titleList--standard img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .pickup__titleList--basic {
    width: auto;
    margin: 0;
  }
  .pickup__titleList--basic img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .pickup__btn {
    margin: 0 0 5%;
  }
  .pickup__thumbWrap {
    max-width: 1200px;
    width: auto;
    margin: 0 auto;
  }
  .pickup__thumb {
    display: block;
    overflow: hidden;
    list-style: none;
    width: auto;
    margin: 0;
    padding: 0;
  }
  .high {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  .high a {
    width: 100%;
    display: block;
  }
  .high img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .premium {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  .premium a {
    width: 100%;
    display: block;
  }
  .premium img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .entry {
    display: block;
    width: 100%;
    margin: 0;
  }
  .entry a {
    width: 100%;
    display: block;
  }
  .entry img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .basic {
    display: block;
    width: 100%;
    margin: 0;
  }
  .basic a {
    float: none;
    width: 100%;
    display: block;
  }
  .basic img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }

  .feature__btn{
    box-sizing: border-box;
    padding: 0 20px;
  }
}

.bnrWrap {
  margin: 0 auto;
}

.bnrImage {
  max-width: 1200px;
  width: 96.66666666666667%;
  margin: 0 auto;
}

.bnrImage:hover {
  opacity: .8;
  transition: all 0.5s;
}

.bnrImage img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .bnrImage {
    width: auto;
    margin: 0 auto;
  }
  .bnrImage img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
  }
}

/* module */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.mt_l {
  margin-top: 40px;
}

.pt_s {
  padding-top: 20px;
}

.pt_m {
  padding-top: 30px;
}

.pt_l {
  padding-top: 40px;
}

.pb_ss {
  padding-bottom: 10px;
}

.pb_s {
  padding-bottom: 20px;
}

.pb_m {
  padding-bottom: 30px;
}

.pb_l {
  padding-bottom: 40px;
}

.pb_ll {
  padding-bottom: 60px;
}

.br {
  display: none;
}

.br2 {
  display: block;
}

@media (max-width: 767px) {
  .pb_l {
    padding-bottom: 20px;
  }
  .pb_ll {
    padding-bottom: 30px;
  }
  .pt_l {
    padding-top: 20px;
  }
  .br {
    display: block;
  }
  .br2 {
    display: none;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}


/*banner*/
.feature-bnr-wrap{
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 40px auto 0;
}
.feature-bnr{
  display: block;
  width: 100%;
  margin: 0 auto;
}
.feature-bnr:hover{
  opacity: .8;
}

.feature-bnr img{
  width: 100%;
}
@media only screen and (max-width: 1200px) and (min-width: 768px){
  .feature-bnr-wrap{
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .feature-bnr-wrap{
    max-width: 600px;
    margin-top: 20px;
  }
}