@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap&family=Open+Sans:wght@500&display=swap");
#ms_contents {
  overflow: clip !important;
  background: #fff;
  color: #212121;
  letter-spacing: 0.05em;
  padding-bottom: 0 !important;
}
#ms_contents, #ms_contents input, #ms_contents textarea {
  font-family: "Open Sans", "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
#ms_contents a {
  -webkit-text-decoration: none;
  text-decoration: none;
}
#ms_contents a:hover {
  opacity: 0.85;
}

#ms_contents {
  background: #F6F7FA;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents .policy_content {
    width: 56.09375vw;
  }
}
html.PC #ms_contents .policy_content {
  width: 56.09375vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #ms_contents .policy_content {
    width: 1077px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #ms_contents .policy_content {
    width: 1077px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #ms_contents .policy_content {
    width: 77.3706896552vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #ms_contents .policy_content {
    width: 77.3706896552vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #ms_contents .policy_content {
    width: 765.9698275862px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents .policy_content {
    margin: 0 auto;
  }
}
html.PC #ms_contents .policy_content {
  margin: 0 auto;
}
@media screen and (max-width: 650px) {
  html:not(.PC) #ms_contents .policy_content {
    margin: 0 10.2564102564vw;
  }
}
html.SP #ms_contents .policy_content {
  margin: 0 10.2564102564vw;
}
#ms_contents a {
  color: #5580D7;
}

#ms_contents {
  background: #FCFCFC;
}

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents .content {
    width: 65.625vw;
  }
}
html.PC #ms_contents .content {
  width: 65.625vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #ms_contents .content {
    width: 1260px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #ms_contents .content {
    width: 1260px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #ms_contents .content {
    width: 90.5172413793vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #ms_contents .content {
    width: 90.5172413793vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #ms_contents .content {
    width: 896.1206896552px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents .content {
    margin: 0 auto;
  }
}
html.PC #ms_contents .content {
  margin: 0 auto;
}
@media screen and (max-width: 650px) {
  html:not(.PC) #ms_contents .content {
    margin: 0 10.2564102564vw;
  }
}
html.SP #ms_contents .content {
  margin: 0 10.2564102564vw;
}

@media screen and (min-width: 651px) {
  html:not(.SP) #mv {
    padding-top: 7.8125vw;
  }
}
html.PC #mv {
  padding-top: 7.8125vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv {
    padding-top: 150px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv {
    padding-top: 150px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv {
    padding-top: 10.775862069vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv {
    padding-top: 10.775862069vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv {
    padding-top: 106.6810344828px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #mv {
    padding: 10.2564102564vw 0 0;
  }
}
html.SP #mv {
  padding: 10.2564102564vw 0 0;
}
#mv .header {
  text-align: center;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .header {
    padding-bottom: 4.84375vw;
  }
}
html.PC #mv .header {
  padding-bottom: 4.84375vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .header {
    padding-bottom: 93px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .header {
    padding-bottom: 93px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .header {
    padding-bottom: 6.6810344828vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .header {
    padding-bottom: 6.6810344828vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .header {
    padding-bottom: 66.1422413793px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #mv .header {
    padding-bottom: 10.2564102564vw;
  }
}
html.SP #mv .header {
  padding-bottom: 10.2564102564vw;
}
#mv .header .hd01 {
  line-height: 1;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .header .hd01 {
    font-size: 2.0833333333vw;
  }
}
html.PC #mv .header .hd01 {
  font-size: 2.0833333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .header .hd01 {
    font-size: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .header .hd01 {
    font-size: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .header .hd01 {
    font-size: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .header .hd01 {
    font-size: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .header .hd01 {
    font-size: 28.4482758621px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .header .hd01 {
    font-weight: bold;
    letter-spacing: 0.01em;
  }
}
html.PC #mv .header .hd01 {
  font-weight: bold;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 650px) {
  html:not(.PC) #mv .header .hd01 {
    font-weight: 600;
    font-size: 5.1282051282vw;
    letter-spacing: 0em;
  }
}
html.SP #mv .header .hd01 {
  font-weight: 600;
  font-size: 5.1282051282vw;
  letter-spacing: 0em;
}
#mv .header .hd01 span {
  display: block;
  font-weight: normal;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .header .hd01 span {
    margin-top: 1.25vw;
  }
}
html.PC #mv .header .hd01 span {
  margin-top: 1.25vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .header .hd01 span {
    margin-top: 24px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .header .hd01 span {
    margin-top: 24px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .header .hd01 span {
    margin-top: 1.724137931vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .header .hd01 span {
    margin-top: 1.724137931vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .header .hd01 span {
    margin-top: 17.0689655172px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .header .hd01 span {
    font-size: 0.7291666667vw;
  }
}
html.PC #mv .header .hd01 span {
  font-size: 0.7291666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .header .hd01 span {
    font-size: 14px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .header .hd01 span {
    font-size: 14px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .header .hd01 span {
    font-size: 1.0057471264vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .header .hd01 span {
    font-size: 1.0057471264vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .header .hd01 span {
    font-size: 9.9568965517px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .header .hd01 span {
    letter-spacing: 0.15em;
  }
}
html.PC #mv .header .hd01 span {
  letter-spacing: 0.15em;
}
@media screen and (max-width: 650px) {
  html:not(.PC) #mv .header .hd01 span {
    margin-top: 4.1025641026vw;
    font-size: 2.8205128205vw;
    line-height: 3.0769230769vw;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
}
html.SP #mv .header .hd01 span {
  margin-top: 4.1025641026vw;
  font-size: 2.8205128205vw;
  line-height: 3.0769230769vw;
  letter-spacing: 0.1em;
  font-weight: 500;
}
#mv .slider {
  overflow: hidden;
}
#mv .slider .item img {
  aspect-ratio: 1260/630;
  object-fit: cover;
}
#mv .slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: transparent;
  border: 0;
  padding: 0;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  box-sizing: border-box;
  border: 0px solid transparent;
  transition: opacity 0.5s;
  opacity: 0;
}
#mv .slider .slick-arrow:hover {
  opacity: 0.85;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-arrow {
    width: 7.8125vw;
  }
}
html.PC #mv .slider .slick-arrow {
  width: 7.8125vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-arrow {
    width: 150px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-arrow {
    width: 150px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-arrow {
    width: 10.775862069vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-arrow {
    width: 10.775862069vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-arrow {
    width: 106.6810344828px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-arrow {
    height: 13.0208333333vw;
  }
}
html.PC #mv .slider .slick-arrow {
  height: 13.0208333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-arrow {
    height: 250px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-arrow {
    height: 250px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-arrow {
    height: 17.9597701149vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-arrow {
    height: 17.9597701149vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-arrow {
    height: 177.8017241379px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-arrow {
    margin-top: -1.25vw;
  }
}
html.PC #mv .slider .slick-arrow {
  margin-top: -1.25vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-arrow {
    margin-top: -24px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-arrow {
    margin-top: -24px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-arrow {
    margin-top: -1.724137931vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-arrow {
    margin-top: -1.724137931vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-arrow {
    margin-top: -17.0689655172px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #mv .slider .slick-arrow {
    display: none;
  }
}
html.SP #mv .slider .slick-arrow {
  display: none;
}
#mv .slider .slick-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  border: 0px solid;
  border-color: transparent transparent #262626 #262626;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    width: 1.5625vw;
  }
}
html.PC #mv .slider .slick-arrow:after {
  width: 1.5625vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    width: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-arrow:after {
    width: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    width: 2.1551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-arrow:after {
    width: 2.1551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    width: 21.3362068966px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    height: 1.5625vw;
  }
}
html.PC #mv .slider .slick-arrow:after {
  height: 1.5625vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    height: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-arrow:after {
    height: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    height: 2.1551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-arrow:after {
    height: 2.1551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    height: 21.3362068966px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-bottom-width: 0.1041666667vw;
  }
}
html.PC #mv .slider .slick-arrow:after {
  border-bottom-width: 0.1041666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-bottom-width: 2px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-arrow:after {
    border-bottom-width: 2px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-bottom-width: 0.1436781609vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-arrow:after {
    border-bottom-width: 0.1436781609vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-bottom-width: 1.4224137931px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-left-width: 0.1041666667vw;
  }
}
html.PC #mv .slider .slick-arrow:after {
  border-left-width: 0.1041666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-left-width: 2px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-arrow:after {
    border-left-width: 2px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-left-width: 0.1436781609vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-arrow:after {
    border-left-width: 0.1436781609vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-left-width: 1.4224137931px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-bottom-left-radius: 0.15625vw;
  }
}
html.PC #mv .slider .slick-arrow:after {
  border-bottom-left-radius: 0.15625vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-bottom-left-radius: 3px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-arrow:after {
    border-bottom-left-radius: 3px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-bottom-left-radius: 0.2155172414vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-arrow:after {
    border-bottom-left-radius: 0.2155172414vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-arrow:after {
    border-bottom-left-radius: 2.1336206897px;
  }
}
#mv .slider .slick-arrow.slick-prev {
  left: 0px;
}
#mv .slider .slick-arrow.slick-prev:after {
  transform: rotate(45deg);
}
#mv .slider .slick-arrow.slick-next {
  right: 0px;
}
#mv .slider .slick-arrow.slick-next:after {
  transform: rotate(-135deg);
}
#mv .slider .slick-arrow.slick-disabled {
  display: none !important;
}
#mv .slider .slick-dots {
  margin: 0 auto;
  display: flex !important;
  justify-content: center;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-dots {
    margin-top: 2.0833333333vw;
  }
}
html.PC #mv .slider .slick-dots {
  margin-top: 2.0833333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-dots {
    margin-top: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-dots {
    margin-top: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-dots {
    margin-top: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-dots {
    margin-top: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-dots {
    margin-top: 28.4482758621px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #mv .slider .slick-dots {
    margin-top: 6.1538461538vw;
  }
}
html.SP #mv .slider .slick-dots {
  margin-top: 6.1538461538vw;
}
#mv .slider .slick-dots li {
  position: relative;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-dots li {
    width: 0.4166666667vw;
  }
}
html.PC #mv .slider .slick-dots li {
  width: 0.4166666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-dots li {
    width: 8px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-dots li {
    width: 8px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-dots li {
    width: 0.5747126437vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-dots li {
    width: 0.5747126437vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-dots li {
    width: 5.6896551724px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-dots li {
    height: 0.4166666667vw;
  }
}
html.PC #mv .slider .slick-dots li {
  height: 0.4166666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-dots li {
    height: 8px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-dots li {
    height: 8px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-dots li {
    height: 0.5747126437vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-dots li {
    height: 0.5747126437vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-dots li {
    height: 5.6896551724px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #mv .slider .slick-dots li {
    width: 1.5384615385vw;
    height: 1.5384615385vw;
  }
}
html.SP #mv .slider .slick-dots li {
  width: 1.5384615385vw;
  height: 1.5384615385vw;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #mv .slider .slick-dots li + li {
    margin-left: 0.4166666667vw;
  }
}
html.PC #mv .slider .slick-dots li + li {
  margin-left: 0.4166666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #mv .slider .slick-dots li + li {
    margin-left: 8px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #mv .slider .slick-dots li + li {
    margin-left: 8px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #mv .slider .slick-dots li + li {
    margin-left: 0.5747126437vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #mv .slider .slick-dots li + li {
    margin-left: 0.5747126437vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #mv .slider .slick-dots li + li {
    margin-left: 5.6896551724px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #mv .slider .slick-dots li + li {
    margin-left: 2.0512820513vw;
  }
}
html.SP #mv .slider .slick-dots li + li {
  margin-left: 2.0512820513vw;
}
#mv .slider .slick-dots li button {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  background: #E3E3E3;
}
#mv .slider .slick-dots li.slick-active button {
  background: #797979;
}
#mv .slider._hover .slick-arrow {
  opacity: 1;
}

@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 {
    margin-top: 2.5vw;
  }
}
html.PC #sec01 {
  margin-top: 2.5vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 {
    margin-top: 48px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 {
    margin-top: 48px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 {
    margin-top: 3.4482758621vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 {
    margin-top: 3.4482758621vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 {
    margin-top: 34.1379310345px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 {
    padding-bottom: 5.2083333333vw;
  }
}
html.PC #sec01 {
  padding-bottom: 5.2083333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 {
    padding-bottom: 7.183908046vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 {
    padding-bottom: 7.183908046vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 {
    padding-bottom: 71.1206896552px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 {
    margin-top: 8.2051282051vw;
    padding-bottom: 10.2564102564vw;
  }
}
html.SP #sec01 {
  margin-top: 8.2051282051vw;
  padding-bottom: 10.2564102564vw;
}
#sec01 .hd01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .hd01 {
    aspect-ratio: 340/130;
  }
}
html.PC #sec01 .hd01 {
  aspect-ratio: 340/130;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .hd01 {
    width: 17.7083333333vw;
  }
}
html.PC #sec01 .hd01 {
  width: 17.7083333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .hd01 {
    width: 340px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .hd01 {
    width: 340px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .hd01 {
    width: 24.4252873563vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .hd01 {
    width: 24.4252873563vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .hd01 {
    width: 241.8103448276px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .hd01 {
    width: 56.6666666667vw;
    aspect-ratio: 170/50;
  }
}
html.SP #sec01 .hd01 {
  width: 56.6666666667vw;
  aspect-ratio: 170/50;
}
#sec01 .hd01 img.logo {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}
#sec01 .tx01 {
  margin: 0 auto;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .tx01 {
    margin-top: 4.1666666667vw;
  }
}
html.PC #sec01 .tx01 {
  margin-top: 4.1666666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .tx01 {
    margin-top: 80px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .tx01 {
    margin-top: 80px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .tx01 {
    margin-top: 5.7471264368vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .tx01 {
    margin-top: 5.7471264368vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .tx01 {
    margin-top: 56.8965517241px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .tx01 {
    width: 46.875vw;
  }
}
html.PC #sec01 .tx01 {
  width: 46.875vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .tx01 {
    width: 900px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .tx01 {
    width: 900px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .tx01 {
    width: 64.6551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .tx01 {
    width: 64.6551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .tx01 {
    width: 640.0862068966px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .tx01 {
    font-size: 0.78125vw;
  }
}
html.PC #sec01 .tx01 {
  font-size: 0.78125vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .tx01 {
    font-size: 15px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .tx01 {
    font-size: 15px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .tx01 {
    font-size: 1.0775862069vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .tx01 {
    font-size: 1.0775862069vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .tx01 {
    font-size: 10.6681034483px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .tx01 {
    line-height: 1.5625vw;
  }
}
html.PC #sec01 .tx01 {
  line-height: 1.5625vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .tx01 {
    line-height: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .tx01 {
    line-height: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .tx01 {
    line-height: 2.1551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .tx01 {
    line-height: 2.1551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .tx01 {
    line-height: 21.3362068966px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .tx01 {
    margin-top: 8.2051282051vw;
    font-size: 3.3333333333vw;
    line-height: 7.1794871795vw;
  }
}
html.SP #sec01 .tx01 {
  margin-top: 8.2051282051vw;
  font-size: 3.3333333333vw;
  line-height: 7.1794871795vw;
}
#sec01 .youtube {
  margin: 0 auto;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .youtube {
    margin-top: 4.1666666667vw;
  }
}
html.PC #sec01 .youtube {
  margin-top: 4.1666666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .youtube {
    margin-top: 80px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .youtube {
    margin-top: 80px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .youtube {
    margin-top: 5.7471264368vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .youtube {
    margin-top: 5.7471264368vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .youtube {
    margin-top: 56.8965517241px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .youtube {
    width: 46.875vw;
  }
}
html.PC #sec01 .youtube {
  width: 46.875vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .youtube {
    width: 900px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .youtube {
    width: 900px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .youtube {
    width: 64.6551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .youtube {
    width: 64.6551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .youtube {
    width: 640.0862068966px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .youtube {
    margin-top: 16.4102564103vw;
  }
}
html.SP #sec01 .youtube {
  margin-top: 16.4102564103vw;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .youtube li + li {
    margin-top: 2.0833333333vw;
  }
}
html.PC #sec01 .youtube li + li {
  margin-top: 2.0833333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .youtube li + li {
    margin-top: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .youtube li + li {
    margin-top: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .youtube li + li {
    margin-top: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .youtube li + li {
    margin-top: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .youtube li + li {
    margin-top: 28.4482758621px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .youtube li + li {
    margin-top: 8.2051282051vw;
  }
}
html.SP #sec01 .youtube li + li {
  margin-top: 8.2051282051vw;
}
#sec01 .youtube li > * {
  width: 100%;
  aspect-ratio: 16/9;
}
#sec01 .youtube li > a {
  display: block;
  position: relative;
}
#sec01 .youtube li > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(33, 33, 33, 0.4);
  transition: background 0.3s;
}
#sec01 .youtube li > a:after {
  content: "PLAY MOVIE";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  height: 0;
  background: url(../img/ic_play.svg) center top no-repeat;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: center;
  transition: opacity 0.3s;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    width: 5.2083333333vw;
  }
}
html.PC #sec01 .youtube li > a:after {
  width: 5.2083333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    width: 100px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .youtube li > a:after {
    width: 100px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    width: 7.183908046vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .youtube li > a:after {
    width: 7.183908046vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    width: 71.1206896552px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    padding-top: 4.5833333333vw;
  }
}
html.PC #sec01 .youtube li > a:after {
  padding-top: 4.5833333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    padding-top: 88px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .youtube li > a:after {
    padding-top: 88px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    padding-top: 6.3218390805vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .youtube li > a:after {
    padding-top: 6.3218390805vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    padding-top: 62.5862068966px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    font-size: 0.8333333333vw;
  }
}
html.PC #sec01 .youtube li > a:after {
  font-size: 0.8333333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .youtube li > a:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    font-size: 1.1494252874vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .youtube li > a:after {
    font-size: 1.1494252874vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    font-size: 11.3793103448px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .youtube li > a:after {
    background-size: 70%;
  }
}
html.PC #sec01 .youtube li > a:after {
  background-size: 70%;
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .youtube li > a:after {
    width: 25.641025641vw;
    padding-top: 12.3076923077vw;
    font-size: 3.0769230769vw;
    background-size: 40%;
  }
}
html.SP #sec01 .youtube li > a:after {
  width: 25.641025641vw;
  padding-top: 12.3076923077vw;
  font-size: 3.0769230769vw;
  background-size: 40%;
}
#sec01 .youtube li > a:hover {
  opacity: 1;
}
#sec01 .youtube li > a:hover:before {
  background: rgba(33, 33, 33, 0.15);
}
#sec01 .link {
  margin: 0 auto;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .link {
    margin-top: 5.2083333333vw;
  }
}
html.PC #sec01 .link {
  margin-top: 5.2083333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .link {
    margin-top: 100px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .link {
    margin-top: 100px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .link {
    margin-top: 7.183908046vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .link {
    margin-top: 7.183908046vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .link {
    margin-top: 71.1206896552px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .link {
    width: 18.5416666667vw;
  }
}
html.PC #sec01 .link {
  width: 18.5416666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .link {
    width: 356px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .link {
    width: 356px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .link {
    width: 25.5747126437vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .link {
    width: 25.5747126437vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .link {
    width: 253.1896551724px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .link {
    margin-top: 16.4102564103vw;
    width: 70.7692307692vw;
  }
}
html.SP #sec01 .link {
  margin-top: 16.4102564103vw;
  width: 70.7692307692vw;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .link li + li {
    margin-top: 2.0833333333vw;
  }
}
html.PC #sec01 .link li + li {
  margin-top: 2.0833333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .link li + li {
    margin-top: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .link li + li {
    margin-top: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .link li + li {
    margin-top: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .link li + li {
    margin-top: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .link li + li {
    margin-top: 28.4482758621px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .link li + li {
    margin-top: 8.2051282051vw;
  }
}
html.SP #sec01 .link li + li {
  margin-top: 8.2051282051vw;
}
#sec01 .link li a {
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.03em;
  background: #E3E3E3;
  color: #212121;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .link li a {
    height: 2.8125vw;
  }
}
html.PC #sec01 .link li a {
  height: 2.8125vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .link li a {
    height: 54px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .link li a {
    height: 54px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .link li a {
    height: 3.8793103448vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .link li a {
    height: 3.8793103448vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .link li a {
    height: 38.4051724138px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .link li a {
    font-size: 0.7291666667vw;
  }
}
html.PC #sec01 .link li a {
  font-size: 0.7291666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .link li a {
    font-size: 14px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .link li a {
    font-size: 14px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .link li a {
    font-size: 1.0057471264vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .link li a {
    font-size: 1.0057471264vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .link li a {
    font-size: 9.9568965517px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .link li a {
    height: 11.5384615385vw;
    font-size: 3.3333333333vw;
  }
}
html.SP #sec01 .link li a {
  height: 11.5384615385vw;
  font-size: 3.3333333333vw;
}
#sec01 .link li a[target=_blank] {
  position: relative;
}
#sec01 .link li a[target=_blank]:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/ic_link_black.svg) center center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    right: 1.09375vw;
  }
}
html.PC #sec01 .link li a[target=_blank]:after {
  right: 1.09375vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    right: 21px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .link li a[target=_blank]:after {
    right: 21px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    right: 1.5086206897vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .link li a[target=_blank]:after {
    right: 1.5086206897vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    right: 14.9353448276px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    width: 0.46875vw;
  }
}
html.PC #sec01 .link li a[target=_blank]:after {
  width: 0.46875vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    width: 9px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .link li a[target=_blank]:after {
    width: 9px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    width: 0.6465517241vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .link li a[target=_blank]:after {
    width: 0.6465517241vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    width: 6.400862069px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    height: 0.46875vw;
  }
}
html.PC #sec01 .link li a[target=_blank]:after {
  height: 0.46875vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    height: 9px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .link li a[target=_blank]:after {
    height: 9px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    height: 0.6465517241vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .link li a[target=_blank]:after {
    height: 0.6465517241vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .link li a[target=_blank]:after {
    height: 6.400862069px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .link li a[target=_blank]:after {
    right: 5.1282051282vw;
    width: 2.0512820513vw;
    height: 2.0512820513vw;
  }
}
html.SP #sec01 .link li a[target=_blank]:after {
  right: 5.1282051282vw;
  width: 2.0512820513vw;
  height: 2.0512820513vw;
}
#sec01 .link li.ec a {
  background: #212121;
  color: #fff;
}
#sec01 .link li.ec a[target=_blank]:after {
  background-image: url(../img/ic_link_white.svg);
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .sns {
    margin-top: 5.2083333333vw;
  }
}
html.PC #sec01 .sns {
  margin-top: 5.2083333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .sns {
    margin-top: 100px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .sns {
    margin-top: 100px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .sns {
    margin-top: 7.183908046vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .sns {
    margin-top: 7.183908046vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .sns {
    margin-top: 71.1206896552px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .sns {
    margin-top: 16.4102564103vw;
  }
}
html.SP #sec01 .sns {
  margin-top: 16.4102564103vw;
}
#sec01 .sns .hd02 {
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .sns .hd02 {
    font-size: 0.8333333333vw;
  }
}
html.PC #sec01 .sns .hd02 {
  font-size: 0.8333333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .sns .hd02 {
    font-size: 16px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .sns .hd02 {
    font-size: 16px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .sns .hd02 {
    font-size: 1.1494252874vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .sns .hd02 {
    font-size: 1.1494252874vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .sns .hd02 {
    font-size: 11.3793103448px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .sns .hd02 {
    font-weight: 500;
  }
}
html.PC #sec01 .sns .hd02 {
  font-weight: 500;
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .sns .hd02 {
    font-weight: 400;
    font-size: 3.8461538462vw;
  }
}
html.SP #sec01 .sns .hd02 {
  font-weight: 400;
  font-size: 3.8461538462vw;
}
#sec01 .sns ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .sns ul {
    margin-top: 2.0833333333vw;
  }
}
html.PC #sec01 .sns ul {
  margin-top: 2.0833333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .sns ul {
    margin-top: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .sns ul {
    margin-top: 40px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .sns ul {
    margin-top: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .sns ul {
    margin-top: 2.8735632184vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .sns ul {
    margin-top: 28.4482758621px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .sns ul {
    grid-column-gap: 2.5vw;
  }
}
html.PC #sec01 .sns ul {
  grid-column-gap: 2.5vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .sns ul {
    grid-column-gap: 48px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .sns ul {
    grid-column-gap: 48px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .sns ul {
    grid-column-gap: 3.4482758621vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .sns ul {
    grid-column-gap: 3.4482758621vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .sns ul {
    grid-column-gap: 34.1379310345px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .sns ul {
    margin-top: 8.2051282051vw;
    grid-column-gap: 8.2051282051vw;
  }
}
html.SP #sec01 .sns ul {
  margin-top: 8.2051282051vw;
  grid-column-gap: 8.2051282051vw;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .sns ul li.fb {
    width: 1.7708333333vw;
  }
}
html.PC #sec01 .sns ul li.fb {
  width: 1.7708333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .sns ul li.fb {
    width: 34px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .sns ul li.fb {
    width: 34px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .sns ul li.fb {
    width: 2.4425287356vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .sns ul li.fb {
    width: 2.4425287356vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .sns ul li.fb {
    width: 24.1810344828px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .sns ul li.fb {
    width: 7.1794871795vw;
  }
}
html.SP #sec01 .sns ul li.fb {
  width: 7.1794871795vw;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .sns ul li.tw {
    width: 1.40625vw;
  }
}
html.PC #sec01 .sns ul li.tw {
  width: 1.40625vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .sns ul li.tw {
    width: 27px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .sns ul li.tw {
    width: 27px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .sns ul li.tw {
    width: 1.9396551724vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .sns ul li.tw {
    width: 1.9396551724vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .sns ul li.tw {
    width: 19.2025862069px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .sns ul li.tw {
    width: 6.1538461538vw;
  }
}
html.SP #sec01 .sns ul li.tw {
  width: 6.1538461538vw;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .sns ul li.yt {
    width: 2.03125vw;
  }
}
html.PC #sec01 .sns ul li.yt {
  width: 2.03125vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .sns ul li.yt {
    width: 39px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .sns ul li.yt {
    width: 39px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .sns ul li.yt {
    width: 2.8017241379vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .sns ul li.yt {
    width: 2.8017241379vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .sns ul li.yt {
    width: 27.7370689655px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .sns ul li.yt {
    width: 8.7179487179vw;
  }
}
html.SP #sec01 .sns ul li.yt {
  width: 8.7179487179vw;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .sns ul li.ig {
    width: 1.5625vw;
  }
}
html.PC #sec01 .sns ul li.ig {
  width: 1.5625vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .sns ul li.ig {
    width: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .sns ul li.ig {
    width: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .sns ul li.ig {
    width: 2.1551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .sns ul li.ig {
    width: 2.1551724138vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .sns ul li.ig {
    width: 21.3362068966px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .sns ul li.ig {
    width: 6.1538461538vw;
  }
}
html.SP #sec01 .sns ul li.ig {
  width: 6.1538461538vw;
}
#sec01 .btTop {
  margin: 0 auto;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .btTop {
    margin-top: 3.3333333333vw;
  }
}
html.PC #sec01 .btTop {
  margin-top: 3.3333333333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .btTop {
    margin-top: 64px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .btTop {
    margin-top: 64px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .btTop {
    margin-top: 4.5977011494vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .btTop {
    margin-top: 4.5977011494vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .btTop {
    margin-top: 45.5172413793px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .btTop {
    width: 15.625vw;
  }
}
html.PC #sec01 .btTop {
  width: 15.625vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .btTop {
    width: 300px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .btTop {
    width: 300px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .btTop {
    width: 21.5517241379vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .btTop {
    width: 21.5517241379vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .btTop {
    width: 213.3620689655px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .btTop {
    margin-top: 16.4102564103vw;
    width: 70.7692307692vw;
  }
}
html.SP #sec01 .btTop {
  margin-top: 16.4102564103vw;
  width: 70.7692307692vw;
}
#sec01 .btTop a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #212121;
  color: #212121;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .btTop a {
    height: 2.4479166667vw;
  }
}
html.PC #sec01 .btTop a {
  height: 2.4479166667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .btTop a {
    height: 47px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .btTop a {
    height: 47px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .btTop a {
    height: 3.3764367816vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .btTop a {
    height: 3.3764367816vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .btTop a {
    height: 33.4267241379px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .btTop a {
    font-size: 0.7291666667vw;
  }
}
html.PC #sec01 .btTop a {
  font-size: 0.7291666667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .btTop a {
    font-size: 14px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .btTop a {
    font-size: 14px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html:not(.SP) #sec01 .btTop a {
    font-size: 1.0057471264vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1392px) {
  html.PC #sec01 .btTop a {
    font-size: 1.0057471264vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .btTop a {
    font-size: 9.9568965517px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .btTop a {
    height: 11.5384615385vw;
    font-size: 3.3333333333vw;
  }
}
html.SP #sec01 .btTop a {
  height: 11.5384615385vw;
  font-size: 3.3333333333vw;
}
/*# sourceMappingURL=detail.css.map */