@charset "UTF-8";

#osusume.model-section {
  background-color: #242425;
  padding: 77px 0 100px;
}

@media (max-width: 767px) {
  #osusume.model-section {
    padding: 45px 24px 64px;
  }
}

#osusume.model-section .model-section__inn {
  margin: 0 auto;
  max-width: 1080px;
}

.osusume-head .model-section__index {
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .02em;
  line-height: calc(25/20);
  padding-left: 13px;
  position: relative;
}

@media (min-width: 768px) {
  #osusume.model-section .osusume-head {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  #osusume.model-section .osusume-head {
    margin-bottom: 22px;
  }
}

#osusume.model-section .model-section__index:before {
  background-color: #F94616;
  content: "";
  display: block;
  height: 1em;
  left: 0;
  position: absolute;
  top: calc(5em/2/20);
  width: 2px;
}

.osusume-wide-banner {
  margin: 0 auto;
  max-width: 1080px;
}

.osusume-wide-banner a {
  display: block;
}

.osusume-wide-banner a+a {
  margin-top: 30px;
}

.osusume-wide-banner picture {
  display: block;
}

.osusume-wide-banner img {
  display: block;
  height: auto;
  max-width: none;
  width: 100%;
}

@media (min-width: 768px) {
  .osusume-wide-banner {
    margin-bottom: 30px;
  }

  .osusume-wide-banner a {
    transition: 0.2s;
  }

  .osusume-wide-banner a:hover {
    opacity: .6;
  }
}

@media (max-width: 767px) {
  .osusume-wide-banner {
    margin-bottom: 22px;
  }
}

.osusume-wide-banner a+a {
  margin-top: 22px;
}

.osusume-slider__wrap {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

@media (min-width: 768px) {
  .osusume-slider {
    margin: 0 auto;
    width: 656px;
  }
}

.osusume-slider .slick-list {
  overflow: visible;
}

.osusume-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.osusume-slider .slick-slide {
  float: none;
  height: auto;
  outline: none;
}

.osusume-slider .slick-slide>div {
  height: 100%;
}

.osusume-slider .slick-slide>div>div {
  height: 100%;
}

.osusume-slider .osusume-slider__item {
  height: 300px;
  width: 300px;
}

@media (min-width: 768px) {
  .osusume-slider .osusume-slider__item {
    margin: 0 14px;
  }
}

@media (max-width: 767px) {
  .osusume-slider .osusume-slider__item {
    margin: 0 8px;
  }
}

.osusume-slider .osusume-slider__item a {
  background: #FFF;
  display: block;
  height: 100%;
}

@media (min-width: 768px) {
  .osusume-slider .osusume-slider__item a:hover {
    opacity: 0.6;
  }
}

.osusume-slider__wrap .slick-arrow,
.osusume-slider__arrow .slick-arrow {
  background: center/contain no-repeat;
  border: none;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 1;
}

@media (min-width: 768px) {
  .osusume-slider__wrap .slick-arrow {
    height: 96px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .2s ease-in-out;
    width: 40px;
  }

  .osusume-slider__wrap .slick-arrow:hover {
    opacity: .6;
  }

  .osusume-slider__wrap .slick-arrow.slick-prev {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2296%22%20viewBox%3D%220%200%2040%2096%22%3E%3Cpath%20d%3D%22M0%2C0H36a4%2C4%2C0%2C0%2C1%2C4%2C4V92a4%2C4%2C0%2C0%2C1-4%2C4H0a0%2C0%2C0%2C0%2C1%2C0%2C0V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%20fill%3D%22%23222%22%20opacity%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M.827-3.186a.676.676%2C0%2C0%2C0%2C.052.269.665.665%2C0%2C0%2C0%2C.165.226L7.567%2C3.624a.647.647%2C0%2C0%2C0%2C.477.191.706.706%2C0%2C0%2C0%2C.343-.082.621.621%2C0%2C0%2C0%2C.243-.239.676.676%2C0%2C0%2C0%2C.091-.347.666.666%2C0%2C0%2C0-.191-.477L2.475-3.186%2C8.53-9.032a.686.686%2C0%2C0%2C0%2C.191-.477A.67.67%2C0%2C0%2C0%2C8.63-9.86a.662.662%2C0%2C0%2C0-.243-.239.678.678%2C0%2C0%2C0-.343-.087.633.633%2C0%2C0%2C0-.477.2L1.044-3.671a.665.665%2C0%2C0%2C0-.165.226A.654.654%2C0%2C0%2C0%2C.827-3.186Z%22%20transform%3D%22translate(15.279%2051.186)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    left: 0;
  }

  .osusume-slider__wrap .slick-arrow.slick-next {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2296%22%20viewBox%3D%220%200%2040%2096%22%3E%3Cg%20transform%3D%22translate(-1400%20-2803)%22%3E%3Cpath%20d%3D%22M4%2C0H40a0%2C0%2C0%2C0%2C1%2C0%2C0V96a0%2C0%2C0%2C0%2C1%2C0%2C0H4a4%2C4%2C0%2C0%2C1-4-4V4A4%2C4%2C0%2C0%2C1%2C4%2C0Z%22%20transform%3D%22translate(1400%202803)%22%20fill%3D%22%23222%22%20opacity%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M8.721-3.186a.676.676%2C0%2C0%2C1-.052.269.665.665%2C0%2C0%2C1-.165.226L1.981%2C3.624a.647.647%2C0%2C0%2C1-.477.191.706.706%2C0%2C0%2C1-.343-.082.621.621%2C0%2C0%2C1-.243-.239.676.676%2C0%2C0%2C1-.091-.347.666.666%2C0%2C0%2C1%2C.191-.477L7.073-3.186%2C1.018-9.032a.686.686%2C0%2C0%2C1-.191-.477A.67.67%2C0%2C0%2C1%2C.918-9.86a.662.662%2C0%2C0%2C1%2C.243-.239.678.678%2C0%2C0%2C1%2C.343-.087.633.633%2C0%2C0%2C1%2C.477.2L8.5-3.671a.665.665%2C0%2C0%2C1%2C.165.226A.654.654%2C0%2C0%2C1%2C8.721-3.186Z%22%20transform%3D%22translate(1415.173%202854.186)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    right: 0;
  }
}

@media (max-width: 767px) {
  .osusume-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .osusume-head .model-section__index {
    flex: 1;
  }

  .osusume-head .osusume-slider__arrow {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 56px;
  }

  .osusume-head .osusume-slider__arrow .slick-arrow {
    background-size: 14px auto;
    height: 28px;
    position: relative;
    width: 28px;
  }

  .osusume-head .osusume-slider__arrow .slick-arrow.slick-prev {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20transform%3D%22translate(294%203219)%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-294%20-3219)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M-9810.923%2C13.551l-5.58-5.4a1.561%2C1.561%2C0%2C0%2C1-.372-.522A1.565%2C1.565%2C0%2C0%2C1-9817%2C7a1.544%2C1.544%2C0%2C0%2C1%2C.126-.616%2C1.571%2C1.571%2C0%2C0%2C1%2C.372-.525l5.575-5.4A1.547%2C1.547%2C0%2C0%2C1-9809.813%2C0a1.552%2C1.552%2C0%2C0%2C1%2C.788.207%2C1.562%2C1.562%2C0%2C0%2C1%2C.571.557%2C1.573%2C1.573%2C0%2C0%2C1%2C.22.815%2C1.59%2C1.59%2C0%2C0%2C1-.427%2C1.087l-.042.042L-9813.147%2C7l4.472%2C4.329a1.559%2C1.559%2C0%2C0%2C1%2C.441%2C1.1%2C1.554%2C1.554%2C0%2C0%2C1-.215.8%2C1.56%2C1.56%2C0%2C0%2C1-.594.581%2C1.617%2C1.617%2C0%2C0%2C1-.771.19A1.544%2C1.544%2C0%2C0%2C1-9810.923%2C13.551ZM-9816%2C7a.593.593%2C0%2C0%2C0%2C.044.232.558.558%2C0%2C0%2C0%2C.141.192l5.593%2C5.413a.559.559%2C0%2C0%2C0%2C.409.165.609.609%2C0%2C0%2C0%2C.293-.071.539.539%2C0%2C0%2C0%2C.209-.2.584.584%2C0%2C0%2C0%2C.076-.3.584.584%2C0%2C0%2C1-.076.3.539.539%2C0%2C0%2C1-.209.2.609.609%2C0%2C0%2C1-.293.071.559.559%2C0%2C0%2C1-.409-.165l-5.593-5.413a.558.558%2C0%2C0%2C1-.141-.192A.593.593%2C0%2C0%2C1-9816%2C7Zm6.6-5.011L-9814.586%2C7l5.188-5.011a.585.585%2C0%2C0%2C0%2C.162-.409A.585.585%2C0%2C0%2C1-9809.4%2C1.988Z%22%20transform%3D%22translate(10114%203219)%22%20fill%3D%22%23aaa%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }

  .osusume-head .osusume-slider__arrow .slick-arrow.slick-next {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20transform%3D%22translate(325%203217)%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-325%20-3217)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M-9816.19%2C13.809a1.552%2C1.552%2C0%2C0%2C1-.6-.581%2C1.583%2C1.583%2C0%2C0%2C1-.215-.8%2C1.559%2C1.559%2C0%2C0%2C1%2C.441-1.1l.029-.03%2C4.444-4.3-4.488-4.334A1.59%2C1.59%2C0%2C0%2C1-9817%2C1.579a1.556%2C1.556%2C0%2C0%2C1%2C.222-.815%2C1.565%2C1.565%2C0%2C0%2C1%2C.569-.557%2C1.56%2C1.56%2C0%2C0%2C1%2C.791-.207%2C1.55%2C1.55%2C0%2C0%2C1%2C1.113.463l5.573%2C5.4a1.543%2C1.543%2C0%2C0%2C1%2C.372.525%2C1.544%2C1.544%2C0%2C0%2C1%2C.126.616%2C1.565%2C1.565%2C0%2C0%2C1-.126.626%2C1.534%2C1.534%2C0%2C0%2C1-.372.522l-5.578%2C5.4a1.55%2C1.55%2C0%2C0%2C1-1.108.448A1.612%2C1.612%2C0%2C0%2C1-9816.19%2C13.809Zm.19-1.382a.585.585%2C0%2C0%2C0%2C.078.3.534.534%2C0%2C0%2C0%2C.207.2.617.617%2C0%2C0%2C0%2C.3.071.565.565%2C0%2C0%2C0%2C.409-.165l5.59-5.413a.558.558%2C0%2C0%2C0%2C.141-.192.593.593%2C0%2C0%2C0%2C.044-.232.593.593%2C0%2C0%2C1-.044.232.558.558%2C0%2C0%2C1-.141.192l-5.59%2C5.413a.565.565%2C0%2C0%2C1-.409.165.617.617%2C0%2C0%2C1-.3-.071.534.534%2C0%2C0%2C1-.207-.2.585.585%2C0%2C0%2C1-.078-.3Zm0-10.848a.585.585%2C0%2C0%2C0%2C.162.409L-9810.646%2C7l-5.191-5.011a.585.585%2C0%2C0%2C1-.162-.409Z%22%20transform%3D%22translate(10145%203217)%22%20fill%3D%22%23aaa%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
}

#osusume img.of-contain {
  font-family: "object-fit: contain;";
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

@media (min-width: 768px) {
  #osusume img.of-contain.sp {
    display: none !important;
  }

  #osusume img.of-contain.pc {
    display: block;
  }
}

@media (max-width: 767px) {
  #osusume img.of-contain.sp {
    display: block !important;
  }

  #osusume img.of-contain.pc {
    display: none !important;
  }
}