/* CSS Document */

.mv{ position: relative; }
.mv .logo{ position: absolute; top: 30px; left: 40px; z-index: 20; }
.mv .mv-slide li.swiper-slide{ position: relative; }
.mv .mv-slide li.swiper-slide picture{ display: block; }
.mv .mv-slide li.swiper-slide img{ width: 100%; max-height: 860px; object-fit: cover; object-position: center; display: block; border-radius: 0px;}
.mv .mv-slide li.swiper-slide .inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1060px; }
.mv .mv-slide li.swiper-slide .inner .head-wrap{ width: fit-content; }
.mv .mv-slide li.swiper-slide .inner .first-catch{ font-size: 32px; font-weight: 600; letter-spacing: .04em; position: relative; }
.mv .mv-slide li.swiper-slide .inner .first-catch .txt-wrap{ display: inline-block; line-height: 1.5; }
 .mv .mv-slide li.swiper-slide .inner .first-catch .border{ display: inline-block; height: 1px; background: #5b4d22; position: absolute; top: 50%; right: 0; }
.mv .mv-slide li.swiper-slide .inner .point-list{ display: flex; margin-bottom: 10px; }
.mv .mv-slide li.swiper-slide .inner .point-list li{ font-size: 28px; font-weight: 600;     background: linear-gradient(0deg, #19407f 0%, #28a0d7 100%); color: #fff; padding: 0 .8em; height: 50px; display: flex; align-items: center; border-radius: 0px; letter-spacing: .04em; }
.mv .mv-slide li.swiper-slide .inner .point-list li + li{ margin-left: 10px; }
.mv .mv-slide li.swiper-slide .inner .point-catch{ font-size: 34px;     background: linear-gradient(0deg, #19407f 0%, #28a0d7 100%);color: #fff; padding: 0 .8em; display: flex; align-items: center; height: 70px; width: fit-content; border-radius: 0px; letter-spacing: .04em; }
.mv .mv-slide li.swiper-slide .inner .point-catch strong{ font-size: 48px; }
.mv .mv-slide li.swiper-slide .inner .main-catch{ font-size: 60px; font-weight: 600; line-height: 1.2; letter-spacing: 0; margin-bottom: 12px; }
.mv .mv-slide li.swiper-slide .inner .main-catch strong{ font-size: 80px; line-height: 1; }
.mv .mv-slide li.swiper-slide .inner .main-catch span{ display: block; font-size: 90px; color: #b4963c; line-height: 1.2; }
.mv .mv-slide li.swiper-slide .inner .main-catch02{ font-size: 54px; font-weight: 600; letter-spacing: 0; color: #b4963c; margin-bottom: 10px;
  text-shadow    : 
       3px  3px 7px #ffffff,
      -3px  3px 7px #ffffff,
       3px -3px 7px #ffffff,
      -3px -3px 7px #ffffff,
       3px  0px 7px #ffffff,
       0px  3px 7px #ffffff,
      -3px  0px 7px #ffffff,
       0px -3px 7px #ffffff;  
}
.mv .mv-slide li.swiper-slide .inner .medal-list{ display: flex; }
.mv .mv-slide li.swiper-slide .inner .medal-list li{ width: 150px; height: 150px; border-radius: 100%; background: url("../img/medal.png") no-repeat center/cover; padding-top: 38px; box-shadow: 5px 5px 11px -5px rgba(0,0,0,0.3); }
.mv .mv-slide li.swiper-slide .inner .medal-list li + li{ margin-left: 10px; }
.mv .mv-slide li.swiper-slide .inner .medal-list li dl dt{ width: 110px; height: 22px; display: flex; justify-content: center; align-items: center; margin: 0 auto; font-size: 14px; font-weight: 600; letter-spacing: .04em; position: relative; margin-bottom: 6px; }
.mv .mv-slide li.swiper-slide .inner .medal-list li dl dt:before{ content: ''; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(120,95,39,1) 0%, rgba(200,180,120,1) 100%); position: absolute; top: 0; left: 0; }
.mv .mv-slide li.swiper-slide .inner .medal-list li dl dt:after{ content: ''; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(120,95,39,1) 0%, rgba(200,180,120,1) 100%); position: absolute; bottom: 0; left: 0; }
.mv .mv-slide li.swiper-slide .inner .medal-list li dl dd{ text-align: center; font-size: 24px; font-weight: 600; line-height: 1.15; letter-spacing: .04em; }
.mv .mv-slide li.swiper-slide .inner .medal-list li dl dd.big{ font-size: 32px; padding-top: 4px; }
.mv .mv-slide li.swiper-slide .inner .medal-list li dl dd.small{ font-size: 19px; letter-spacing: 0; padding-top: 5px; }

@media(max-width: 768px){
	.mv .logo{ position: static; width: 100%; padding:0;}
	.mv .logo img{ width: 200px; height: auto; display:inline-block;  margin: 3vw 0 2vw 2vw;}
    .mv .mv-slide {
        background: url(../img/mv-bg01.jpg) no-repeat 50% / cover;
    }
	.mv .mv-slide li.swiper-slide img{ min-height: 0; display: block; margin-bottom: 7vw; }
	.mv .mv-slide li.swiper-slide .inner{ position: static; transform: none; width: 100%; padding: 0 4vw 6.4vw; margin-bottom: 1rem; }
	.mv .mv-slide li.swiper-slide .inner .first-catch{ font-size: 6vw; }
	.mv .mv-slide li.swiper-slide .inner .point-list{ margin-bottom: 3.2vw; }
	.mv .mv-slide li.swiper-slide .inner .point-list li{ font-size: 5.33vw; height: 10.67vw;  }
	.mv .mv-slide li.swiper-slide .inner .point-list li + li{ margin-left: 1.33vw; }
	.mv .mv-slide li.swiper-slide .inner .main-catch{ font-size: 8.07vw; margin-bottom: 3.2vw; white-space: nowrap; }
	.mv .mv-slide li.swiper-slide .inner .point-catch{ font-size: 6.4vw; height: 13.33vw; }
	.mv .mv-slide li.swiper-slide .inner .point-catch strong{ font-size: 9.2vw; }
	.mv .mv-slide li.swiper-slide .inner .main-catch span{ font-size: 13.87vw; }
	.mv .mv-slide li.swiper-slide .inner .main-catch strong{ font-size: 12.8vw; }
	.mv .mv-slide li.swiper-slide .inner .main-catch02{ font-size: 8.27vw; white-space: nowrap; width: 100vw; margin: 0 0 2.67vw -4vw; text-align: center; }
	.mv .mv-slide li.swiper-slide .inner .medal-list{ justify-content: space-between; margin-top: 1rem; }
	.mv .mv-slide li.swiper-slide .inner .medal-list li{ width: 30.4vw; height: 30.4vw; padding-top: 6.67vw; }
	.mv .mv-slide li.swiper-slide .inner .medal-list li + li{ margin-left: 0; }
	.mv .mv-slide li.swiper-slide .inner .medal-list li dl dt{ width: 22.13vw; height: 4.53vw; font-size: 2.67vw; margin-bottom: 1.4vw; }
	.mv .mv-slide li.swiper-slide .inner .medal-list li dl dd{ font-size: 4.8vw; }
	.mv .mv-slide li.swiper-slide .inner .medal-list li dl dd.big{ font-size: 6.4vw; padding-top: .7vw; }
    .mv .mv-slide li.swiper-slide .inner .medal-list li dl dd.small{ font-size: 15px; padding-top:7px;}
}