@charset "UTF-8";
/*———————————————*/
/*———————————————*/
.brsp { display: none; }

@media only screen and (max-width: 750px) { .brsp { display: block; } }

.brpc { display: block; }

@media only screen and (max-width: 750px) { .brpc { display: none; } }

body { font-family: 'Cabin', sans-serif; }

@media only screen and (max-width: 750px) { body { overflow-x: hidden; } }

.mvpc { display: block; }

.mvpc img { width: 100%; }

@media only screen and (min-width: 1200px) { .mvpc { display: block; } }

@media only screen and (max-width: 750px) { .mvpc { display: none; } }

.mvsp { display: none; }

.mvsp img { width: 100%; }

@media only screen and (min-width: 1200px) { .mvsp { display: none; } }

@media only screen and (max-width: 750px) { .mvsp { display: block; } }

.nav { width: 72.91vw; margin-top: 6.66vw; margin-right: auto; margin-bottom: 0; margin-left: auto; font-weight: bold; font-style: italic; }

@media only screen and (min-width: 1200px) { .nav { width: 875px; margin-top: 80px; margin-bottom: 0; } }

@media only screen and (max-width: 750px) { .nav { width: 93.3vw; margin-top: 8vw; } }

.nav ul { width: 100%; display: flex; justify-content: center; }

@media only screen and (max-width: 750px) { .nav ul { width: 93.3vw !important; height: 13vw; display: flex; flex-wrap: wrap; justify-content: space-between; margin-right: auto; margin-left: auto; } }

.nav ul li { display: flex; align-items: center; }

@media only screen and (max-width: 750px) { .nav ul li { width: 20vw; } }

.nav ul li:after { width: .8vw; height: 0.08vw; content: ""; padding-right: .54vw; padding-left: .54vw; margin-top: .25vw; background: #000; transform: rotate(115deg); }

@media only screen and (min-width: 1200px) { .nav ul li:after { width: 10px; height: 1.2px; margin-top: 3px; padding-right: 6.5px; padding-left: 6.5px; } }

@media only screen and (max-width: 750px) { .nav ul li:after { display: none; } }

.nav ul li:last-of-type:after { display: none; }

.nav ul li a { width: 100%; transform: skew(-25deg, 0deg); padding-top: 1vw; padding-right: .91vw; padding-bottom: .91vw; padding-left: .91vw; color: #000; transition: .3s; background: transparent; }

@media only screen and (min-width: 1200px) { .nav ul li a { padding-top: 12px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; } }

@media only screen and (max-width: 750px) { .nav ul li a { display: block; padding-top: 2vw; padding-right: 2vw; padding-bottom: 2vw; padding-left: 2vw; } }

.nav ul li a:hover { color: #fff; transition: .6s; background: #000; }

.nav ul li a p { white-space: nowrap; font-size: 1.16vw; letter-spacing: 1px; line-height: 0; text-align: center; transform: skew(25deg, 0deg); }

@media only screen and (min-width: 1200px) { .nav ul li a p { font-size: 14px; } }

@media only screen and (max-width: 750px) { .nav ul li a p { font-size: 2.8vw; } }

.side_nav { display: none; width: 100%; height: 100%; position: fixed; top: 50%; right: 3vw; transform: translateY(-35%); writing-mode: vertical-rl; font-size: 10px; }

@media only screen and (min-width: 1200px) { .side_nav { font-size: 10px; } }

@media only screen and (max-width: 750px) { .side_nav { display: none; } }

.side_nav ul { display: flex; }

.side_nav ul li { padding-bottom: 1.25vw; }

@media only screen and (min-width: 1200px) { .side_nav ul li { padding-bottom: 15px; } }

.side_nav ul li a { position: relative; transition: .6s; }

.side_nav ul li a p { width: 100%; padding-top: .41vw; padding-left: .41vw; padding-bottom: .41vw; padding-right: .41vw; letter-spacing: 1.75px; position: relative; transform: skew(0deg, 15deg); transition: 0s; }

@media only screen and (min-width: 1200px) { .side_nav ul li a p { padding-top: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; } }

.side_nav ul li .top { left: 4px; }

.side_nav ul li .top p { width: .75vw; line-height: 1; padding-top: 10px; padding-bottom: 10px; border: 3px solid #000; border-radius: 20px; transform: skew(0deg, 0deg); letter-spacing: 1.5px; }

@media only screen and (min-width: 1200px) { .side_nav ul li .top p { width: 9px; } }

.side_nav ul li .back { display: block; position: relative; top: 0px; left: 0vw; transform: skew(0deg, 10deg); background: #000; transition: .35s; z-index: 10; }

.side_nav ul li .back p { transform: skew(0deg, 5deg); transition: .1s; color: #fff; }

.main_containar { width: 68.33vw; position: relative; margin-right: auto; margin-bottom: 30vw; margin-left: auto; }

@media only screen and (min-width: 1200px) { .main_containar { width: 820px; margin-bottom: 260px; } }

.main_containar .detail_containar { display: flex; align-items: flex-start; flex-direction: column; position: relative; }

.main_containar .detail_containar .detail_wrap { width: 100%; display: flex; align-items: flex-start; margin-left: 4.1vw; }

@media only screen and (min-width: 1200px) { .main_containar .detail_containar .detail_wrap { margin-left: 50px; } }

.main_containar .detail_containar .detail_wrap .detail_box { width: 100%; display: flex; align-items: flex-end; }

@media only screen and (max-width: 750px) { .main_containar .detail_containar .detail_wrap .detail_box { flex-direction: column; } }

.main_containar .detail_containar .detail_wrap .detail_box .text_box { margin-left: 5vw; }

@media only screen and (min-width: 1200px) { .main_containar .detail_containar .detail_wrap .detail_box .text_box { margin-left: 60px; } }

@media only screen and (max-width: 750px) { .main_containar .detail_containar .detail_wrap .detail_box .text_box { width: 66.6vw; } }

.main_containar .detail_containar .detail_wrap .detail_box .text_box li:first-of-type { margin-bottom: 2.9vw; font-size: 1.25vw; font-weight: 600; line-height: 2; letter-spacing: 1px; white-space: nowrap; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

@media only screen and (min-width: 1200px) { .main_containar .detail_containar .detail_wrap .detail_box .text_box li:first-of-type { font-size: 15px; margin-bottom: 35px; } }

@media only screen and (max-width: 750px) { .main_containar .detail_containar .detail_wrap .detail_box .text_box li:first-of-type { font-size: 3.2vw; margin-top: 6vw; margin-bottom: 6vw; } }

.main_containar .detail_containar .detail_wrap .detail_box .text_box li:nth-of-type(2) { margin-bottom: 2.5vw; font-size: 1vw; font-style: normal; line-height: 1.75; letter-spacing: 1px; }

@media only screen and (min-width: 1200px) { .main_containar .detail_containar .detail_wrap .detail_box .text_box li:nth-of-type(2) { font-size: 12px; margin-bottom: 30px; } }

@media only screen and (max-width: 750px) { .main_containar .detail_containar .detail_wrap .detail_box .text_box li:nth-of-type(2) { font-size: 2.6vw; margin-bottom: 4.6vw; } }

.main_containar .detail_containar .detail_wrap .detail_box .text_box li:last-of-type { display: flex; align-items: center; justify-content: center; width: 15vw; height: 3.3vw; margin-bottom: .33vw; background: #000; font-size: 1vw; font-weight: 600; font-style: italic; letter-spacing: 2px; transition: .6s; box-sizing: padding-box; }

.main_containar .detail_containar .detail_wrap .detail_box .text_box li:last-of-type:hover { opacity: .7; transition: .6s; }

@media only screen and (min-width: 1200px) { .main_containar .detail_containar .detail_wrap .detail_box .text_box li:last-of-type { width: 180px; height: 40px; margin-bottom: 4px; font-size: 12px; } }

@media only screen and (max-width: 750px) { .main_containar .detail_containar .detail_wrap .detail_box .text_box li:last-of-type { width: 36vw; height: 8vw; font-size: 2.4vw; } }

.main_containar .detail_containar .detail_wrap .detail_box .text_box li:last-of-type a {
  color: #fff; opacity: 1; transition: .6s;
display: block;
width: 100%;
text-align: center;
padding: 15px 0;
}

.main_containar .detail_containar .detail_wrap .reverse { flex-direction: row-reverse; }

@media only screen and (max-width: 750px) { .main_containar .detail_containar .detail_wrap .reverse { flex-direction: column; } }

.main_containar .detail_containar .detail_wrap .reverse .detail_img { margin-right: 30px; }

@media only screen and (max-width: 750px) { .main_containar .detail_containar .detail_wrap .reverse .detail_img { margin-right: 0; } }

.main_containar .detail_containar .detail_wrap .reverse .text_box { margin-left: 0vw; margin-right: auto; }

@media only screen and (min-width: 1200px) { .main_containar .detail_containar .detail_wrap .reverse .text_box { margin-left: 0vw; margin-right: auto; } }

@media only screen and (max-width: 750px) { .main_containar .detail_containar .detail_wrap .reverse .text_box { margin-right: 0; } }

.main_containar .detail_containar .detail_wrap .left_containar { width: 8.3vw; position: absolute; left: -135px; }

@media only screen and (min-width: 1200px) { .main_containar .detail_containar .detail_wrap .left_containar { width: 110px; left: -11.25vw; } }

.main_containar .detail_containar .detail_wrap .left_containar img { width: 100%; }

.main_containar .detail_containar .detail_img { width: 28.33vw; }

@media only screen and (min-width: 1200px) { .main_containar .detail_containar .detail_img { width: 340px; } }

@media only screen and (max-width: 750px) { .main_containar .detail_containar .detail_img { width: 66.6vw; } }

.main_containar .detail_containar .detail_img img { width: 100%; }

#dayOne { padding-top: 21.6vw; }

@media only screen and (min-width: 1200px) { #dayOne { padding-top: 260px; } }

@media only screen and (max-width: 750px) { #dayOne { padding-top: 82.6vw; } }

#dayOne .left_containar { width: 9.16vw; top: 11.66vw; left: -10.5vw; }

@media only screen and (min-width: 1200px) { #dayOne .left_containar { width: 110px; top: 140px; left: -157px; } }

@media only screen and (max-width: 750px) { #dayOne .left_containar { width: 22vw; top: 33vw; left: -14.4vw; } }

#dayOne .detail_sub1_1 { width: 19.58vw; position: absolute; top: 10.83vw; right: 11.66vw; }

@media only screen and (min-width: 1200px) { #dayOne .detail_sub1_1 { width: 240px; top: 130px; right: 140px; } }

@media only screen and (max-width: 750px) { #dayOne .detail_sub1_1 { width: 38.6vw; top: 28vw; right: 13vw; z-index: -2; } }

#dayOne .detail_sub1_2 { width: 16.6vw; position: absolute; top: 21.25vw; right: -1.66vw; }

@media only screen and (min-width: 1200px) { #dayOne .detail_sub1_2 { width: 200px; top: 255px; right: -20px; } }

@media only screen and (max-width: 750px) { #dayOne .detail_sub1_2 { width: 37.3vw; top: 47.5vw; right: -18.5vw; z-index: -1; } }

#dayTwo { padding-top: 25vw; }

@media only screen and (min-width: 1200px) { #dayTwo { padding-top: 300px; } }

@media only screen and (max-width: 750px) { #dayTwo { padding-top: 82.6vw; } }

#dayTwo .left_containar { width: 9.16vw; top: 16.6vw; left: -10.5vw; }

@media only screen and (min-width: 1200px) { #dayTwo .left_containar { width: 110px; top: 200px; left: -159px; } }

@media only screen and (max-width: 750px) { #dayTwo .left_containar { width: 22vw; top: 20.6vw; left: -14.7vw; } }

#dayTwo .detail_sub2_1 { width: 9.16vw; position: absolute; top: 12.5vw; left: 11.66vw; }

@media only screen and (min-width: 1200px) { #dayTwo .detail_sub2_1 { width: 110px; top: 150px; left: 140px; } }

@media only screen and (max-width: 750px) { #dayTwo .detail_sub2_1 { width: 23.3vw; top: 22.5vw; left: 16.5vw; z-index: -2; } }

#dayTwo .detail_sub2_2 { width: 9.16vw; position: absolute; top: 15.41vw; left: 20vw; }

@media only screen and (min-width: 1200px) { #dayTwo .detail_sub2_2 { width: 110px; top: 185px; left: 240px; } }

@media only screen and (max-width: 750px) { #dayTwo .detail_sub2_2 { width: 22vw; top: 38vw; left: 37vw; z-index: -1; } }

#dayThree { padding-top: 28.33vw; }

@media only screen and (min-width: 1200px) { #dayThree { padding-top: 340px; } }

@media only screen and (max-width: 750px) { #dayThree { padding-top: 92.6vw; } }

#dayThree .left_containar { width: 7.5vw; top: 15.41vw; left: -8.5vw; }

@media only screen and (min-width: 1200px) { #dayThree .left_containar { width: 90px; top: 185px; left: -135px; } }

@media only screen and (max-width: 750px) { #dayThree .left_containar { width: 18vw; top: 29.3vw; left: -10vw; } }

#dayThree .detail_sub3_1 { width: 10.83vw; position: absolute; top: 15.41vw; left: 41.66vw; }

@media only screen and (min-width: 1200px) { #dayThree .detail_sub3_1 { width: 130px; top: 185px; left: 500px; } }

@media only screen and (max-width: 750px) { #dayThree .detail_sub3_1 { width: 26.6vw; top: 27vw; left: 16vw; z-index: -2; } }

#dayThree .detail_sub3_2 { width: 14.58vw; position: absolute; top: 22.5vw; left: 50vw; }

@media only screen and (min-width: 1200px) { #dayThree .detail_sub3_2 { width: 175px; top: 270px; left: 600px; } }

@media only screen and (max-width: 750px) { #dayThree .detail_sub3_2 { width: 34.6vw; top: 44vw; left: 30vw; z-index: -1; } }

#dayFour { padding-top: 25vw; }

@media only screen and (min-width: 1200px) { #dayFour { padding-top: 300px; } }

@media only screen and (max-width: 750px) { #dayFour { padding-top: 97.3vw; } }

#dayFour .left_containar { width: 9.16vw; top: 16.6vw; left: -10.4vw; }

@media only screen and (min-width: 1200px) { #dayFour .left_containar { width: 110px; top: 200px; left: -160px; } }

@media only screen and (max-width: 750px) { #dayFour .left_containar { width: 22vw; top: 35.3vw; left: -14.4vw; } }

#dayFour .detail_sub4_1 { width: 22.91vw; position: absolute; top: 18.33vw; left: 3.33vw; }

@media only screen and (min-width: 1200px) { #dayFour .detail_sub4_1 { width: 275px; top: 220px; left: 40px; } }

@media only screen and (max-width: 750px) { #dayFour .detail_sub4_1 { width: 55.6vw; top: 42vw; left: 14vw; z-index: -2; } }

#dayFour .detail_sub4_2 { width: 8.75vw; position: absolute; top: 12.91vw; left: 20.41vw; }

@media only screen and (min-width: 1200px) { #dayFour .detail_sub4_2 { width: 105px; top: 155px; left: 245px; } }

@media only screen and (max-width: 750px) { #dayFour .detail_sub4_2 { width: 21.3vw; top: 31vw; left: 51vw; z-index: -1; } }

#dayFive { padding-top: 28.75vw; }

@media only screen and (min-width: 1200px) { #dayFive { padding-top: 345px; } }

@media only screen and (max-width: 750px) { #dayFive { padding-top: 98vw; } }

#dayFive .left_containar { width: 10vw; top: 19.58vw; left: -10.7vw; }

@media only screen and (min-width: 1200px) { #dayFive .left_containar { width: 120px; top: 235px; left: -165px; } }

@media only screen and (max-width: 750px) { #dayFive .left_containar { width: 24.1vw; top: 34vw; left: -15vw; } }

#dayFive .detail_sub5_1 { width: 13.33vw; position: absolute; top: 12.08vw; left: 45vw; }

@media only screen and (min-width: 1200px) { #dayFive .detail_sub5_1 { width: 160px; top: 145px; left: 540px; } }

@media only screen and (max-width: 750px) { #dayFive .detail_sub5_1 { width: 28vw; top: 25vw; left: 22vw; z-index: -2; } }

#dayFive .detail_sub5_2 { width: 20vw; position: absolute; top: 18.33vw; left: 49.16vw; }

@media only screen and (min-width: 1200px) { #dayFive .detail_sub5_2 { width: 240px; top: 220px; left: 590px; } }

@media only screen and (max-width: 750px) { #dayFive .detail_sub5_2 { width: 41.3vw; top: 35vw; left: 33vw; z-index: -1; } }

#daySix { padding-top: 25.41vw; }

@media only screen and (min-width: 1200px) { #daySix { padding-top: 305px; } }

@media only screen and (max-width: 750px) { #daySix { padding-top: 85vw; } }

#daySix .left_containar { width: 9.75vw; top: 16.25vw; left: -10.4vw; }

@media only screen and (min-width: 1200px) { #daySix .left_containar { width: 117px; top: 195px; left: -160px; } }

@media only screen and (max-width: 750px) { #daySix .left_containar { width: 23.3vw; top: 21vw; left: -15vw; } }

#daySix .detail_sub6_1 { width: 7.91vw; position: absolute; top: 12.08vw; left: 14.16vw; }

@media only screen and (min-width: 1200px) { #daySix .detail_sub6_1 { width: 95px; top: 150px; left: 170px; } }

@media only screen and (max-width: 750px) { #daySix .detail_sub6_1 { width: 17.3vw; top: 27vw; left: 36.5vw; z-index: -2; } }

#daySix .detail_sub6_2 { width: 12.91vw; position: absolute; top: 17.08vw; left: 20.83vw; }

@media only screen and (min-width: 1200px) { #daySix .detail_sub6_2 { width: 155px; top: 205px; left: 250px; } }

@media only screen and (max-width: 750px) { #daySix .detail_sub6_2 { width: 30vw; top: 36vw; left: 49.5vw; z-index: -1; } }

#daySeven { padding-top: 28.75vw; }

@media only screen and (min-width: 1200px) { #daySeven { padding-top: 345px; } }

@media only screen and (max-width: 750px) { #daySeven { padding-top: 87vw; } }

#daySeven .left_containar { width: 10vw; top: 16.25vw; left: -10.7vw; }

@media only screen and (min-width: 1200px) { #daySeven .left_containar { width: 120px; top: 195px; left: -165px; } }

@media only screen and (max-width: 750px) { #daySeven .left_containar { width: 24vw; top: 26.6vw; left: -15vw; } }

#daySeven .detail_sub7_1 { width: 10.41vw; position: absolute; top: 10.83vw; left: 39.16vw; }

@media only screen and (min-width: 1200px) { #daySeven .detail_sub7_1 { width: 125px; top: 130px; left: 470px; } }

@media only screen and (max-width: 750px) { #daySeven .detail_sub7_1 { width: 20vw; top: 21.3vw; left: 26vw; z-index: -2; } }

#daySeven .detail_sub7_2 { width: 12.91vw; position: absolute; top: 14.16vw; left: 50vw; }

@media only screen and (min-width: 1200px) { #daySeven .detail_sub7_2 { width: 155px; top: 170px; left: 600px; } }

@media only screen and (max-width: 750px) { #daySeven .detail_sub7_2 { width: 30.6vw; top: 26.6vw; left: 43vw; z-index: -2; } }

#dayEight { padding-top: 14.58vw; /* .under */ }

@media only screen and (min-width: 1200px) { #dayEight { padding-top: 175px; } }

@media only screen and (max-width: 750px) { #dayEight { padding-top: 140vw; } }

#dayEight .left_containar { width: 7.5vw; top: 16.25vw; left: -9.4vw; }

@media only screen and (min-width: 1200px) { #dayEight .left_containar { width: 90px; top: 195px; left: -150px; } }

@media only screen and (max-width: 750px) { #dayEight .left_containar { width: 18vw; top: 30vw; left: -12.5vw; } }

@media only screen and (max-width: 750px) { #dayEight .detail_wrap { margin-left: 0; } }

@media only screen and (max-width: 750px) { #dayEight .reverse { margin-left: 6vw; } }

#dayEight .reverse .detail_img { position: relative; margin-right: 7.91vw; }

@media only screen and (min-width: 1200px) { #dayEight .reverse .detail_img { margin-right: 95px; } }

@media only screen and (max-width: 750px) { #dayEight .reverse .detail_img { width: 66.6vw; margin-right: 0vw; } }

#dayEight .under { position: relative; top: -10vw; /* .detail_box	.text_box */ }

@media only screen and (min-width: 1200px) { #dayEight .under { top: -120px; } }

@media only screen and (max-width: 750px) { #dayEight .under { top: 43vw; } }

#dayEight .under .detail_img { width: 24.16vw; margin-left: 2.91vw !important; }

#dayEight .under .detail_img .pc_none { display: none; }

@media only screen and (min-width: 1200px) { #dayEight .under .detail_img { width: 290px; margin-left: 35px !important; } }

@media only screen and (max-width: 750px) { #dayEight .under .detail_img { width: 66.6vw; position: relative; left: 4.5vw; }
  #dayEight .under .detail_img .pc_none { display: block; }
  #dayEight .under .detail_img .sp_none { display: none; } }

#dayEight .under .detail_box .text_box { width: 30.83vw; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; /* p */ /* .double */ }

@media only screen and (min-width: 1200px) { #dayEight .under .detail_box .text_box { width: 370px; } }

#dayEight .under .detail_box .text_box p { width: 100%; margin-bottom: 2.9vw; font-size: 1.25vw; font-weight: 600; line-height: 2; letter-spacing: 1px; white-space: nowrap; }

@media only screen and (min-width: 1200px) { #dayEight .under .detail_box .text_box p { font-size: 15px; margin-bottom: 35px; } }

@media only screen and (max-width: 750px) { #dayEight .under .detail_box .text_box p { position: absolute; top: -185vw; right: -17vw; font-size: 3.2vw; } }

#dayEight .under .detail_box .text_box .double { position: relative; width: 30.83vw; display: flex; justify-content: space-between; margin-left: 0; /* p */ }

@media only screen and (min-width: 1200px) { #dayEight .under .detail_box .text_box .double { width: 370px; } }

#dayEight .under .detail_box .text_box .double p { margin-bottom: 0px; font-size: 1vw; font-style: normal; line-height: 1.75; letter-spacing: 1px; font-family: 'Cabin', sans-serif; font-weight: 100; }

@media only screen and (min-width: 1200px) { #dayEight .under .detail_box .text_box .double p { font-size: 12px; margin-bottom: 0px; } }

@media only screen and (max-width: 750px) { #dayEight .under .detail_box .text_box .double p { position: relative; top: 0; left: 0; font-size: 2.6vw; } }

@media only screen and (max-width: 750px) { #dayEight .under .detail_box .text_box .double ul:first-of-type { position: relative; top: -143vw; left: -31.5vw; } }

@media only screen and (max-width: 750px) { #dayEight .under .detail_box .text_box .double ul:last-of-type { padding-bottom: 20vw; position: absolute; left: -31vw; } }

#dayEight .under .detail_box .text_box .double ul li:first-of-type { margin-bottom: 2.08vw; }

@media only screen and (min-width: 1200px) { #dayEight .under .detail_box .text_box .double ul li:first-of-type { margin-bottom: 25px; } }

#dayEight .under .detail_box .text_box .double ul li:last-of-type { width: 13.33vw; }

@media only screen and (min-width: 1200px) { #dayEight .under .detail_box .text_box .double ul li:last-of-type { width: 160px; } }

@media only screen and (max-width: 750px) { #dayEight .under .detail_box .text_box .double ul li:last-of-type { width: 36vw; height: 8vw; } }

#dayEight .detail_sub8_1 { width: 10.83vw; position: absolute; top: 10.41vw; left: 7.5vw; }

@media only screen and (min-width: 1200px) { #dayEight .detail_sub8_1 { width: 130px; top: 125px; left: 90px; } }

@media only screen and (max-width: 750px) { #dayEight .detail_sub8_1 { width: 25.3vw; top: 20vw; left: 16vw; } }

#dayEight .detail_sub8_2 { width: 12.91vw; position: absolute; top: 17.91vw; left: 16.66vw; }

@media only screen and (min-width: 1200px) { #dayEight .detail_sub8_2 { width: 155px; top: 215px; left: 200px; } }

@media only screen and (max-width: 750px) { #dayEight .detail_sub8_2 { width: 31.3vw; top: 35vw; left: 37vw; } }

.scrollTop { display: none; opacity: 0; }

@media only screen and (max-width: 750px) { .scrollTop { position: fixed; opacity: 1; bottom: 5vw; right: 3vw; /* 5vw */ display: block; /* border:3px solid #000; */ /* border-radius: 2.5vw; */ /* padding:1.5vw .5vw; */ font-size: 3.7vw; letter-spacing: 1.5px; writing-mode: vertical-rl; } }

/* .scrollTop */
@media only screen and (max-width: 750px) { .navHead { width: 100% !important; position: fixed !important; top: 0px !important; margin-top: 0vw !important; background: white; padding-top: 2vw; padding-bottom: 2vw; z-index: 100; }
  .navHead .back { display: block; position: relative; top: 0px; left: 0vw; transform: skew(-15deg, 0deg); background: #000; transition: .35s; z-index: 10; }
  .navHead .back p { color: #fff; }
  /* .navHead */ }