@charset "utf-8";
html { visibility: hidden; }
html.wf-active { visibility: visible; }
body {
    position: relative;
    margin: 0;
    overflow-x: hidden;
    font-family: "source-han-sans-japanese", sans-serif;
}

* {
    box-sizing: border-box;
    color: #111;
}
h1,h2,h3,h4,p,ul,li,ol,span,dl,dt,dd,figure,figcaption {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}
.fade {
  opacity: 0;
}
.fade.fadein {
    animation: fade-animation .8s ease-out forwards;
}
@keyframes fade-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

main.jacket-feature-2 {
  background: #F5F5F5;
  padding-top: 80px;
  padding-bottom: 180px;
  text-align: center;
  font-family: "Yu Mincho", YuMincho, "Noto Serif JP", sans-serif;
  font-size: 0;
}
main.jacket-feature-2 p,
main.jacket-feature-2 a,
main.jacket-feature-2 dt,
main.jacket-feature-2 dd {
  font-weight: 600;
}
main.jacket-feature-2 img {
  width: 100%;
}
main.jacket-feature-2 a {
  color: inherit;
  text-decoration: none;
}
main.jacket-feature-2 .title-header {
  position: relative;
  margin-bottom: 40px;
}
main.jacket-feature-2 .title-header .logo .image {
  width: 100px;
  margin: auto;
}
main.jacket-feature-2 section {
  width: 100%;
  max-width: 960px;
  margin: auto;
}
main.jacket-feature-2 .read {
  margin: 72px auto 0;
}
main.jacket-feature-2 .read p {
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  font-weight: 500;
  letter-spacing: .4px;
}
main.jacket-feature-2 .intro {
  border: 1px solid #CFCFCF;
  width: 660px;
  margin: 70px auto 0;
  padding: 59px 59px 52px;
}
main.jacket-feature-2 .intro dt {
  font-size: 23px;
  line-height: 23px;
  text-align: center;
  margin-bottom: 29px;
  letter-spacing: -.2px;
}
main.jacket-feature-2 .intro dd {
  padding-left: 3px;
}
main.jacket-feature-2 .intro dd p {
  font-size: 13px;
  line-height: 26px;
}
main.jacket-feature-2 .item-list {
  margin-top: 130px;
}
main.jacket-feature-2 .item-list li[class^="item-"] {
  position: relative;
}
main.jacket-feature-2 .item-list li[class^="item-"] ~ li[class^="item-"] {
  margin-top: 145px;
}
main.jacket-feature-2 .txtimg-area {
  display: flex;
  align-items: center;
  background: #fff;
}
main.jacket-feature-2 .txtimg-area .txt-wrap {
  width: calc(100% - 509px);
  padding: 6px 0 0 105px;
}
main.jacket-feature-2 .txtimg-area .txt-wrap h2 {
  font-size: 23px;
  line-height: 1;
  text-align: left;
  margin-bottom: 34px;
  font-weight: 800;
}
main.jacket-feature-2 .txtimg-area .txt-wrap h2 span {
  font-size: 30px;
  font-weight: 800;
  position: relative;
  bottom: -3px;
  left: 3px;
}
main.jacket-feature-2 .txtimg-area .price {
  text-align: left;
  letter-spacing: -.05px;
}
main.jacket-feature-2 .txtimg-area .price a  {
  font-size: 16px;
  line-height: 32px;
  text-decoration: underline;
  text-align: left;
}
main.jacket-feature-2 .txtimg-area .img-wrap {
  width: 509px;
  display: flex;
}
main.jacket-feature-2 .txtimg-area .img-wrap > img {
  width: 356px;
}
main.jacket-feature-2 .txtimg-area .img-wrap div {
  border-left: 1px solid #F5F5F5;
}
main.jacket-feature-2 .txtimg-area .img-wrap div img {
  width: 152px;
  height: 152px;
}
main.jacket-feature-2 .txtimg-area .img-wrap div img:nth-of-type(1) {
 border-bottom: 1px solid #F5F5F5;
  width: 153px;
  height: 153px;
}
main.jacket-feature-2 .imgwrap-area {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
}
main.jacket-feature-2 .imgwrap-area .img-01-01 {
  width: 450px;
}
main.jacket-feature-2 .imgwrap-area .img-01-02 {
  width: 450px;
  margin-top: 120px;
}
main.jacket-feature-2 .info {
  margin: 18px -1px 0 0;
  text-align: right;
}
main.jacket-feature-2 .info li a {
  cursor: pointer;
  display: inline-block;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  color: #939393;
  text-decoration: underline;
  font-weight: 400;
  letter-spacing: -.01px;
}
main.jacket-feature-2 .definition-area {
  width: 660px;
  margin: 49px auto 0;
}
main.jacket-feature-2 .definition-area dt {
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  margin-bottom: 18px;
  font-weight: 700;
  padding-left: 3px;
}
main.jacket-feature-2 .definition-area dd p {
  font-size: 12px;
  line-height: 22px;
  text-align: left;
  letter-spacing: -.01px;
  margin-left: 0.5px;
}
main.jacket-feature-2 .item-02 .txtimg-area .txt-wrap {
    padding: 6px 0 0 103px;
}
main.jacket-feature-2 .imgwrap-area .img-02-01 {
  width: 450px;
}
main.jacket-feature-2 .imgwrap-area .img-02-02 {
  width: 450px;
  margin-top: 120px;
}
main.jacket-feature-2 .style-area {
  position: relative;
  margin: 80px 0 0;
  padding-bottom: 6px;
}
main.jacket-feature-2 .style-ttl {
  position: absolute;
  top: 40px;
  left: 30px;
  z-index: 2;
}
main.jacket-feature-2 .style-ttl p {
  text-align: left;
  font-size: 20px;
  line-height: 35px;
  font-weight: 700;
}
main.jacket-feature-2 .style-txt {
  position: absolute;
  bottom: 0;
  right: 41px;
  width: 260px;
}
main.jacket-feature-2 .style-txt p {
  text-align: left;
  font-size: 12px;
  line-height: 22px;
}
main.jacket-feature-2 .img-03-01 {
  width: 460px;
  margin: 0 auto;
}
main.jacket-feature-2 .item-04 .txtimg-area .txt-wrap {
  padding: 6px 0 0 90px;
}
main.jacket-feature-2 .imgwrap-area .img-04-01 {
  width: 450px;
}
main.jacket-feature-2 .imgwrap-area .img-04-01 .info {
  text-align: left;
}
main.jacket-feature-2 .imgwrap-area .img-04-02 {
  width: 450px;
  margin-top: 152px;
}
main.jacket-feature-2 .item-04 .definition-area {
  margin: 47px auto 0;
}
main.jacket-feature-2 .item-05 .style-ttl {
  left: 81px;
}
main.jacket-feature-2 .img-05-01 {
  width: 460px;
  margin: 0 auto;
}
main.jacket-feature-2 .style-area .img-05-01 .info {
  margin: 19px 0 0 0;
}
main.jacket-feature-2 .item-05 .style-txt {
  bottom: 4px;
}
main.jacket-feature-2 .btn-allitem {
  margin: 143px auto 0;
  width: 300px;
  line-height: 52px;
}
main.jacket-feature-2 .btn-allitem a {
  display: block;
  background: #111;
  color: #fff;
  font-size: 16px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  font-weight: 300;
  letter-spacing: .5px;
  padding-left: 1px;
}
main.jacket-feature-2 .style-area .info {
  text-align: left;
  margin: 22px 0 0 0;
}
main.jacket-feature-2 .article {
  margin: 100px auto 0;
  padding-top: 100px;
  border-top: 1px solid #CFCFCF;
}
main.jacket-feature-2 .article dl {
  width: 460px;
  margin: 0 auto;
}
main.jacket-feature-2 .article dl + dl {
  margin-top: 100px;
}
main.jacket-feature-2 .article dl dt {
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 31px;
  font-weight: 700;
}
main.jacket-feature-2 .article dl:nth-of-type(1) dt {
  margin-bottom: 26px;
}
main.jacket-feature-2 .article dl:nth-of-type(1) a {
  display: block;
  border: 1px solid #111;
  width: 300px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  padding: 10px;
  margin: 0 auto;
  letter-spacing: -.2px;
}
main.jacket-feature-2 .article dl:nth-of-type(1) a + a {
  margin-top: 30px;
  letter-spacing: .2px;
}
.u-scale {
    overflow: hidden;
    display: block;
}
.u-scale img {
    transition: transform .8s;
}
.u-scale:hover img {
    transform:translateX(0) translateY(0) translateZ(0) scale(1.1);
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  :root {
      font-size: calc(10 / 1600 * 100vw);
  }
  .sp {
    display: none;
  }
  main.jacket-feature-2 {
    padding-top: calc(80 / 1600 * 100vw);
    padding-bottom: calc(180 / 1600 * 100vw);
  }
  main.jacket-feature-2 .title-header {
    margin-bottom: calc(40 / 1600 * 100vw);
  }
  main.jacket-feature-2 .title-header .logo .image {
    width: calc(100 / 1600 * 100vw);
  }
  main.jacket-feature-2 section {
    max-width: calc(960 / 1600 * 100vw);
  }
  main.jacket-feature-2 .read {
    margin: calc(72 / 1600 * 100vw) auto 0;
  }
  main.jacket-feature-2 .read p {
    font-size: calc(16 / 1600 * 100vw);
    line-height: calc(35 / 1600 * 100vw);
    letter-spacing: calc(.4 / 1600 * 100vw);
  }
  main.jacket-feature-2 .intro {
    width: calc(660 / 1600 * 100vw);
    margin: calc(70 / 1600 * 100vw) auto 0;
    padding: calc(59 / 1600 * 100vw) calc(59 / 1600 * 100vw) calc(52 / 1600 * 100vw);
  }
  main.jacket-feature-2 .intro dt {
    font-size: calc(23 / 1600 * 100vw);
    line-height: calc(23 / 1600 * 100vw);
    margin-bottom: calc(29 / 1600 * 100vw);
    letter-spacing: calc(-.2 / 1600 * 100vw);
  }
  main.jacket-feature-2 .intro dd {
    padding-left: calc(3 / 1600 * 100vw);
  }
  main.jacket-feature-2 .intro dd p {
    font-size: calc(13 / 1600 * 100vw);
    line-height: calc(26 / 1600 * 100vw);
  }
  main.jacket-feature-2 .item-list {
    margin-top: calc(130 / 1600 * 100vw);
  }
  main.jacket-feature-2 .item-list li[class^="item-"] ~ li[class^="item-"] {
    margin-top: calc(145 / 1600 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .txt-wrap {
    width: calc(100% - (509 / 1600 * 100vw));
    padding: calc(6 / 1600 * 100vw) 0 0 calc(105 / 1600 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .txt-wrap h2 {
    font-size: calc(23 / 1600 * 100vw);
    margin-bottom: calc(34 / 1600 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .txt-wrap h2 span {
    font-size: calc(30 / 1600 * 100vw);
    bottom: calc(-3 / 1600 * 100vw);
    left: calc(3 / 1600 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .price {
    letter-spacing: calc(-.05 / 1600 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .price a  {
    font-size: calc(16 / 1600 * 100vw);
    line-height: calc(32 / 1600 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .img-wrap {
    width: calc(509 / 1600 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .img-wrap > img {
    width: calc(356 / 1600 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .img-wrap div img {
    width: calc(152 / 1600 * 100vw);
    height: calc(152 / 1600 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .img-wrap div img:nth-of-type(1) {
    border-bottom: calc(1 / 1600 * 100vw) solid #F5F5F5;
    width: calc(153 / 1600 * 100vw);
    height: calc(153 / 1600 * 100vw);
  }
  main.jacket-feature-2 .imgwrap-area {
    margin-top: calc(80 / 1600 * 100vw);
  }
  main.jacket-feature-2 .imgwrap-area .img-01-01 {
    width: calc(450 / 1600 * 100vw);
  }
  main.jacket-feature-2 .imgwrap-area .img-01-02 {
    width: calc(450 / 1600 * 100vw);
    margin-top: calc(120 / 1600 * 100vw);
  }
  main.jacket-feature-2 .info {
    margin: calc(18 / 1600 * 100vw) calc(-1 / 1600 * 100vw) 0 0;
  }
  main.jacket-feature-2 .info li a {
    font-size: calc(12 / 1600 * 100vw);
    line-height: calc(18 / 1600 * 100vw);
    letter-spacing: calc(-.01 / 1600 * 100vw);
  }
  main.jacket-feature-2 .definition-area {
    width: calc(660 / 1600 * 100vw);
    margin: calc(49 / 1600 * 100vw) auto 0;
  }
  main.jacket-feature-2 .definition-area dt {
    font-size: calc(20 / 1600 * 100vw);
    line-height: calc(35 / 1600 * 100vw);
    margin-bottom: calc(18 / 1600 * 100vw);
    padding-left: calc(3 / 1600 * 100vw);
  }
  main.jacket-feature-2 .definition-area dd p {
    font-size: calc(12 / 1600 * 100vw);
    line-height: calc(22 / 1600 * 100vw);
    letter-spacing: calc(-.01 / 1600 * 100vw);
    margin-left: calc(.5 / 1600 * 100vw);
  }
  main.jacket-feature-2 .item-02 .txtimg-area .txt-wrap {
      padding: calc(6 / 1600 * 100vw) 0 0 calc(103 / 1600 * 100vw);
  }
  main.jacket-feature-2 .imgwrap-area .img-02-01 {
    width: calc(450 / 1600 * 100vw);
  }
  main.jacket-feature-2 .imgwrap-area .img-02-02 {
    width: calc(450 / 1600 * 100vw);
    margin-top: calc(120 / 1600 * 100vw);
  }
  main.jacket-feature-2 .style-area {
    margin: calc(80 / 1600 * 100vw) 0 0;
    padding-bottom: calc(6 / 1600 * 100vw);
  }
  main.jacket-feature-2 .style-ttl {
    top: calc(40 / 1600 * 100vw);
    left: calc(30 / 1600 * 100vw);
  }
  main.jacket-feature-2 .style-ttl p {
    font-size: calc(20 / 1600 * 100vw);
    line-height: calc(35 / 1600 * 100vw);
  }
  main.jacket-feature-2 .style-txt {
    right: calc(41 / 1600 * 100vw);
    width: calc(260 / 1600 * 100vw);
  }
  main.jacket-feature-2 .style-txt p {
    font-size: calc(12 / 1600 * 100vw);
    line-height: calc(22 / 1600 * 100vw);
  }
  main.jacket-feature-2 .img-03-01 {
    width: calc(460 / 1600 * 100vw);
  }
  main.jacket-feature-2 .item-04 .txtimg-area .txt-wrap {
    padding: calc(6 / 1600 * 100vw) 0 0 calc(90 / 1600 * 100vw);
  }
  main.jacket-feature-2 .imgwrap-area .img-04-01 {
    width: calc(450 / 1600 * 100vw);
  }
  main.jacket-feature-2 .imgwrap-area .img-04-02 {
    width: calc(450 / 1600 * 100vw);
    margin-top: calc(152 / 1600 * 100vw);
  }
  main.jacket-feature-2 .item-04 .definition-area {
    margin: calc(47 / 1600 * 100vw) auto 0;
  }
  main.jacket-feature-2 .item-05 .style-ttl {
    left: calc(81 / 1600 * 100vw);
  }
  main.jacket-feature-2 .img-05-01 {
    width: calc(460 / 1600 * 100vw);
  }
  main.jacket-feature-2 .style-area .img-05-01 .info {
    margin: calc(19 / 1600 * 100vw) 0 0 0;
  }
  main.jacket-feature-2 .item-05 .style-txt {
    bottom: calc(4 / 1600 * 100vw);
  }
  main.jacket-feature-2 .btn-allitem {
    margin: calc(143 / 1600 * 100vw) auto 0;
    width: calc(300 / 1600 * 100vw);
    line-height: calc(52 / 1600 * 100vw);
  }
  main.jacket-feature-2 .btn-allitem a {
    font-size: calc(16 / 1600 * 100vw);
    line-height: calc(52 / 1600 * 100vw);
    letter-spacing: calc(.5 / 1600 * 100vw);
    padding-left: calc(1 / 1600 * 100vw);
  }
  main.jacket-feature-2 .style-area .info {
    margin: calc(22 / 1600 * 100vw) 0 0 0;
  }
  main.jacket-feature-2 .article {
    margin: calc(100 / 1600 * 100vw) auto 0;
    padding-top: calc(100 / 1600 * 100vw);
  }
  main.jacket-feature-2 .article dl {
    width: calc(460 / 1600 * 100vw);
  }
  main.jacket-feature-2 .article dl + dl {
    margin-top: calc(100 / 1600 * 100vw);
  }
  main.jacket-feature-2 .article dl dt {
    font-size: calc(18 / 1600 * 100vw);
    line-height: calc(18 / 1600 * 100vw);
    margin-bottom: calc(31 / 1600 * 100vw);
  }
  main.jacket-feature-2 .article dl:nth-of-type(1) dt {
    margin-bottom: calc(26 / 1600 * 100vw);
  }
  main.jacket-feature-2 .article dl:nth-of-type(1) a {
    width: calc(300 / 1600 * 100vw);
    font-size: calc(16 / 1600 * 100vw);
    line-height: calc(30 / 1600 * 100vw);
    padding: calc(10 / 1600 * 100vw);
    letter-spacing: calc(-.2 / 1600 * 100vw);
  }
  main.jacket-feature-2 .article dl:nth-of-type(1) a + a {
    margin-top: calc(30 / 1600 * 100vw);
    letter-spacing: calc(.2 / 1600 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  main.jacket-feature-2 {
    padding-top: calc(60 / 375 * 100vw);
    padding-bottom: calc(100 / 375 * 100vw);
  }
  main.jacket-feature-2 .title-header {
    margin-bottom: calc(37 / 375 * 100vw);
  }
  main.jacket-feature-2 .title-header .logo .image {
    width: calc(70 / 375 * 100vw);
  }
  main.jacket-feature-2 .read {
    margin: calc(40 / 375 * 100vw) auto 0;
  }
  main.jacket-feature-2 .read p {
    font-size: calc(13 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    letter-spacing: calc(.01 / 375 * 100vw);
  }
  main.jacket-feature-2 .intro {
    width: calc(309 / 375 * 100vw);
    margin: calc(40 / 375 * 100vw) auto 0;
    padding: calc(35/ 375 * 100vw) calc(26 / 375 * 100vw) calc(29 / 375 * 100vw);
  }
  main.jacket-feature-2 .intro dt {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(16 / 375 * 100vw);
    margin-bottom: calc(22 / 375 * 100vw);
    letter-spacing: calc(-.2 / 375 * 100vw);
  }
  main.jacket-feature-2 .intro dd {
    padding-left: calc(3 / 375 * 100vw);
  }
  main.jacket-feature-2 .intro dd p {
    text-align: left;
    font-size: calc(11 / 375 * 100vw);
    line-height: 180%;
    letter-spacing: calc(.17 / 375 * 100vw);
  }
  main.jacket-feature-2 .item-list {
    margin-top: calc(80 / 375 * 100vw);
  }
  main.jacket-feature-2 .item-list li[class^="item-"] ~ li[class^="item-"] {
    margin-top: calc(73 / 375 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area {
    flex-wrap: wrap;
    padding: calc(29 / 375 * 100vw) calc(33 / 375 * 100vw) calc(24 / 375 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .txt-wrap {
    width: 100%;
    padding: 0;
    margin-bottom: calc(30 / 375 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .txt-wrap h2 {
    font-size: calc(19 / 375 * 100vw);
    text-align: center;
    margin-bottom: 0;
  }
  main.jacket-feature-2 .txtimg-area .txt-wrap h2 span {
    font-size: calc(24 / 375 * 100vw);
    bottom: 0;
    left: 0;
  }
  main.jacket-feature-2 .txtimg-area .price {
    width: 100%;
    margin-top: calc(23.95 / 375 * 100vw);
    text-align: center;
    letter-spacing: calc(-.05 / 375 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .price a  {
    font-size: calc(11 / 375 * 100vw);
    line-height: calc(22 / 375 * 100vw);
    letter-spacing: calc(.1 / 375 * 100vw);
    text-align: center;
  }
  main.jacket-feature-2 .txtimg-area .img-wrap {
    width: 100%;
    display: block;
  }
  main.jacket-feature-2 .txtimg-area .img-wrap > img {
    width: 100%;
  }
  main.jacket-feature-2 .txtimg-area .img-wrap div {
    border-left: none;
    border-top: 1px solid #fff;
  }
  main.jacket-feature-2 .txtimg-area .img-wrap div img {
    width: calc(154 / 375 * 100vw);
    height: calc(154 / 375 * 100vw);
  }
  main.jacket-feature-2 .txtimg-area .img-wrap div img:nth-of-type(1) {
    border-bottom: none;
    width: calc(155 / 375 * 100vw);
    height: calc(154 / 375 * 100vw);
    border-right: calc(1 / 375 * 100vw) solid #fff;
  }
  main.jacket-feature-2 .imgwrap-area {
    margin-top: calc(49 / 375 * 100vw);
    flex-wrap: wrap;
  }
  main.jacket-feature-2 .imgwrap-area .img-01-01 {
    width: calc(300 / 375 * 100vw);
    margin: 0 auto 0 0;
  }
  main.jacket-feature-2 .imgwrap-area .img-01-02 {
    width: calc(300 / 375 * 100vw);
    margin: calc(29.5 / 375 * 100vw) 0 0 auto;
  }
  main.jacket-feature-2 .info {
    margin: calc(17 / 375 * 100vw) calc(33 / 375 * 100vw) 0 0;
  }
  main.jacket-feature-2 .info li a {
    text-align: right;
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
    letter-spacing: calc(-.15 / 375 * 100vw);
  }
  main.jacket-feature-2 .definition-area {
    width: 100%;
    padding: 0 calc(33 / 375 * 100vw);
    margin: calc(41 / 375 * 100vw) auto 0;
  }
  main.jacket-feature-2 .definition-area dt {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(25 / 375 * 100vw);
    margin-bottom: calc(22 / 375 * 100vw);
    padding-left: 0;
  }
  main.jacket-feature-2 .definition-area dd p {
    font-size: calc(13 / 375 * 100vw);
    line-height: calc(23 / 375 * 100vw);
    letter-spacing: calc(.23 / 375 * 100vw);
    margin-left: calc(.5 / 375 * 100vw);
  }
  main.jacket-feature-2 .item-02 .txtimg-area .txt-wrap {
      padding: 0;
  }
  main.jacket-feature-2 .imgwrap-area .img-02-01 {
    width: calc(300 / 375 * 100vw);
  }
  main.jacket-feature-2 .imgwrap-area .img-02-02 {
    width: calc(300 / 375 * 100vw);
    margin: calc(29/ 375 * 100vw) 0 0 auto;
  }
  main.jacket-feature-2 .style-area {
    margin: calc(95 / 375 * 100vw) 0 0;
    padding-bottom: 0;
  }
  main.jacket-feature-2 .style-ttl {
    top: calc(-53 / 375 * 100vw);
    left: calc(33 / 375 * 100vw);
  }
  main.jacket-feature-2 .style-ttl p {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(27 / 375 * 100vw);
  }
  main.jacket-feature-2 .style-txt {
    width: calc(305 / 375 * 100vw);
    margin: calc(37 / 375 * 100vw) auto 0;
    position: static;
  }
  main.jacket-feature-2 .style-txt p {
    font-size: calc(13 / 375 * 100vw);
    line-height: calc(23 / 375 * 100vw);
    letter-spacing: calc(.25 / 375 * 100vw);
  }
  main.jacket-feature-2 .img-03-01 {
    width: calc(285 / 375 * 100vw);
  }
  main.jacket-feature-2 .item-04 .txtimg-area .txt-wrap {
    padding: 0;
  }
  main.jacket-feature-2 .imgwrap-area .img-04-01 {
    width: calc(300 / 375 * 100vw);
  }
  main.jacket-feature-2 .imgwrap-area .img-04-02 .info {
    text-align: right;
  }
  main.jacket-feature-2 .imgwrap-area .img-04-02 {
    width: calc(300 / 375 * 100vw);
    margin: calc(30 / 375 * 100vw) 0 0 auto;
  }
  main.jacket-feature-2 .imgwrap-area .img-04-02 .info {
    margin: calc(17 / 375 * 100vw) calc(33 / 375 * 100vw) 0 0;
  }
  main.jacket-feature-2 .item-04 .definition-area {
    margin: calc(50 / 375 * 100vw) auto 0;
  }
  main.jacket-feature-2 .item-04 .definition-area dt {
    line-height: calc(27 / 375 * 100vw);
    margin-bottom: calc(19 / 375 * 100vw);
  }
  main.jacket-feature-2 .item-05 .style-ttl {
    left: calc(33 / 375 * 100vw);
  }
  main.jacket-feature-2 .img-05-01 {
    width: calc(285 / 375 * 100vw);
  }
  main.jacket-feature-2 .style-area .img-05-01 .info {
    margin: calc(17 / 375 * 100vw) calc(-1 / 375 * 100vw) 0 auto;
  }
  main.jacket-feature-2 .item-05 .style-txt {
    margin: calc(39 / 375 * 100vw) auto 0;
  }
  main.jacket-feature-2 .btn-allitem {
    margin: calc(74 / 375 * 100vw) auto 0;
    width: calc(223 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
  }
  main.jacket-feature-2 .btn-allitem a {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
    letter-spacing: calc(.5 / 375 * 100vw);
    padding-left: calc(1 / 375 * 100vw);
  }
  main.jacket-feature-2 .style-area .info {
    text-align: right;
    margin: calc(18 / 375 * 100vw) 0 0 auto;
  }
  main.jacket-feature-2 .style-area .info li a {
    text-align: right;
  }
  main.jacket-feature-2 .article {
    margin: calc(80 / 375 * 100vw) auto 0;
    padding-top: calc(80 / 375 * 100vw);
  }
  main.jacket-feature-2 .article dl {
    width: calc(309 / 375 * 100vw);
  }
  main.jacket-feature-2 .article dl + dl {
    margin-top: calc(72 / 375 * 100vw);
  }
  main.jacket-feature-2 .article dl dt {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
  }
  main.jacket-feature-2 .article dl:nth-of-type(1) dt {
    margin-bottom: calc(15 / 375 * 100vw);
  }
  main.jacket-feature-2 .article dl:nth-of-type(1) a {
    border: 1px solid #000;
    width: calc(223 / 375 * 100vw);
    font-size: calc(12.5 / 375 * 100vw);
    line-height: calc(19 / 375 * 100vw);
    padding: calc(9 / 375 * 100vw);
    letter-spacing: calc(-.2 / 375 * 100vw);
  }
  main.jacket-feature-2 .article dl:nth-of-type(1) a + a {
    margin-top: calc(20 / 375 * 100vw);
    letter-spacing: calc(.2 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
}
main.jacket-feature-2 section.kv .banner {
    opacity: 0;
    transition: opacity .8s;
}
.wf-active main.jacket-feature-2 section.kv .banner {
  opacity: 1;
}
.u-opacity:hover {
    opacity: .6;
}

.participate_button-wrap {
    margin: calc(145 / 1600 * 100vw) auto 0;
    width: calc(400 / 1600 * 100vw);
}
.participate_button-wrap .participate_button {
    display: block;
    font-family: "source-han-sans-japanese", sans-serif;
    position: relative;
    text-align: center;
    background-color: #E83F5E;
    width: 100% !important;
    border-radius: calc(40 / 1600 * 100vw);
    margin: 0 auto;
    height: calc(80 / 1600 * 100vw);
    line-height: calc(79 / 1600 * 100vw);
    cursor: pointer;
    color: #fff !important;
    font-size: calc(25 / 1600 * 100vw);
    font-weight: 500;
    letter-spacing: calc(1 / 1600 * 100vw);
    padding-left: calc(25 / 1600 * 100vw);
}
.participate_stamp {
    position: absolute;
    top: calc(-28 / 1600 * 100vw);
    left: calc(-17 / 1600 * 100vw);
    object-fit: contain;
    width: calc(109 / 1600 * 100vw) !important;
}
.participate_button-wrap p {
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: center;
    color: #000;
    font-size: calc(15 / 1600 * 100vw);
    line-height: calc(15 / 1600 * 100vw);
    margin-top: calc(50 / 1600 * 100vw);
    font-weight: 400 !important;
}
.participate_button-wrap .link {
    text-align: center;
    margin-top: calc(20 / 1600 * 100vw);
}
.participate_button-wrap .link a {
  display: inline-block;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: center;
    color: #000;
    font-size: calc(15 / 1600 * 100vw);
    line-height: calc(15 / 1600 * 100vw);
    text-decoration: underline;
    font-weight: 400 !important;
}
@media screen and (max-width: 767px) {
  .participate_button-wrap {
      margin-top: calc(60 / 375 * 100vw);
      width: calc(310 / 375 * 100vw);
  }
  .participate_button-wrap .participate_button  {
      width: calc(300 / 375 * 100vw);
      border-radius: calc(30 / 375 * 100vw);
      margin: 0 auto;
      height: calc(60 / 375 * 100vw);
      line-height: calc(60 / 375 * 100vw);
      font-size: calc(16 / 375 * 100vw);
      letter-spacing: calc(.3 / 375 * 100vw);
      padding-left: calc(18 / 375 * 100vw);
  }
  .participate_stamp {
      top: calc(-21 / 375 * 100vw);
      left: calc(-10 / 375 * 100vw);
      width: calc(84 / 375 * 100vw) !important;
  }
  .participate_button-wrap p {
      font-size: calc(14 / 375 * 100vw);
      line-height: calc(14 / 375 * 100vw);
      margin-top: calc(31 / 375 * 100vw);
  }
  .participate_button-wrap .link {
      margin-top: calc(15 / 375 * 100vw);
  }
  .participate_button-wrap .link a {
      font-size: calc(14 / 375 * 100vw);
      line-height: calc(14 / 375 * 100vw);
  }
}