@charset "UTF-8";
/*———————————————*/
/*———————————————*/
body { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; color: #4d4d4d; }

.brpc { display: block; }

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

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

.brsp { display: none; }

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

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

.mv { width: 100%; position: relative; margin-bottom: 100px; overflow: hidden; }

.mv .mv_logo { position: absolute; top: 2.5vw; right: 2.5vw; width: 13.33vw; z-index: 100; }

@media only screen and (max-width: 750px) { .mv .mv_logo { width: 28.5vw; } }

.mv .mvpc { width: 100%; display: block; animation: animationZoom 15s ease-out forwards; }

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

.mv .title_pc { position: absolute; top: 13.33vw; left: 16.66vw; width: 30.16vw; z-index: 100; }

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

.mv .mvsp { width: 100%; display: none; animation: animationZoom 15s ease-out forwards; }

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

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

.mv .title_sp { display: none; }

@media only screen and (max-width: 750px) { .mv .title_sp { display: block; position: absolute; bottom: 12vw; left: 6.6vw; width: 67.4vw; z-index: 100; } }

@keyframes animationZoom { 0% { opacity: 0;
    transform: scale(1.2); }
  25% { opacity: 1; }
  100% { transform: scale(1); } }

.raed_con { display: flex; flex-direction: column; align-items: flex-start; text-align: center; margin-right: auto; margin-left: auto; font-weight: medium; }

.raed_con h1 { display: block; margin-right: auto; margin-bottom: 3.33vw; margin-left: auto; font-size: 2.16vw; }

@media only screen and (min-width: 1200px) { .raed_con h1 { margin-bottom: 40px; font-size: 26px; } }

@media only screen and (max-width: 750px) { .raed_con h1 { font-size: 5.3vw; } }

.raed_con p { display: block; margin-right: auto; margin-left: auto; line-height: 1.75; font-size: 1.5vw; }

@media only screen and (min-width: 1200px) { .raed_con p { font-size: 18px; } }

@media only screen and (max-width: 750px) { .raed_con p { font-size: 3.73vw; } }

.scroll_down { height: 12.5vw; position: relative; margin-top: 6.66vw; text-align: center; }

@media only screen and (min-width: 1200px) { .scroll_down { height: 150px; margin-top: 80px; } }

@media only screen and (max-width: 750px) { .scroll_down { height: 20vw; margin-top: 10.6vw; } }

.scroll_down img { width: 8.3vw; }

@media only screen and (min-width: 1200px) { .scroll_down img { width: 100px; } }

@media only screen and (max-width: 750px) { .scroll_down img { width: 20vw; } }

.scroll_down a.scr2 { position: absolute; bottom: 10.4vw; left: 50%; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-decoration: none; color: #fff; font-family: 'Josefin Sans', sans-serif; }

@media only screen and (min-width: 1200px) { .scroll_down a.scr2 { bottom: 125px; } }

@media only screen and (max-width: 750px) { .scroll_down a.scr2 { bottom: 70%; } }

.scroll_down a.scr2 span { position: absolute; top: .83vw; left: 50%; width: 1vw; height: 1vw; margin-left: -.5vw; border-left: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: scr2 2s infinite; animation: scr2 2s infinite; opacity: 0; box-sizing: border-box; }

@media only screen and (min-width: 1200px) { .scroll_down a.scr2 span { width: 12px; height: 12px; margin-left: -6px; top: 10px; } }

@media only screen and (max-width: 750px) { .scroll_down a.scr2 span { width: 1.66vw; height: 1.66vw; margin-left: -.5px; top: .8vw; } }

.scroll_down a.scr2 span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }

.scroll_down a.scr2 span:nth-of-type(2) { top: 1.66vw; -webkit-animation-delay: .15s; animation-delay: .15s; }

@media only screen and (min-width: 1200px) { .scroll_down a.scr2 span:nth-of-type(2) { top: 20px; } }

@media only screen and (max-width: 750px) { .scroll_down a.scr2 span:nth-of-type(2) { top: 2vw; } }

@-webkit-keyframes scr2 { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes scr2 { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

.main_con { width: 83.3vw; margin-right: auto; margin-left: auto; }

@media only screen and (min-width: 1200px) { .main_con { width: 1000px; } }

@media only screen and (max-width: 750px) { .main_con { width: 100%; } }

.main_con .web_L_icon { width: 15vw; height: 26px; display: flex; justify-content: center; align-items: center; margin-right: auto; margin-bottom: 2.5vw; margin-left: auto; text-align: center; font-size: 1.5vw; border-radius: 13px; background: #4d4d4d; color: #ffffff; }

@media only screen and (min-width: 1200px) { .main_con .web_L_icon { margin-bottom: 30px; font-size: 18px; } }

@media only screen and (max-width: 750px) { .main_con .web_L_icon { width: 40vw; height: 20px; margin-bottom: 4vw; font-size: 3.73vw; } }

.main_con h2 { display: block; text-align: center; margin-right: auto; margin-bottom: 2.5vw; margin-left: auto; font-size: 2.16vw; font-weight: bold; letter-spacing: 1.75px; }

@media only screen and (min-width: 1200px) { .main_con h2 { margin-bottom: 30px; font-size: 26px; } }

@media only screen and (max-width: 750px) { .main_con h2 { margin-bottom: 6.6vw; font-size: 5.3vw; } }

.main_con h3 { display: block; text-align: center; margin-right: auto; margin-bottom: 5vw; margin-left: auto; line-height: 1.75; font-size: 1.5vw; }

@media only screen and (min-width: 1200px) { .main_con h3 { margin-bottom: 60px; font-size: 18px; } }

@media only screen and (max-width: 750px) { .main_con h3 { margin-bottom: 9.3vw; font-size: 3.73vw; } }

.main_con .movie_con { width: 100%; margin-right: auto; margin-bottom: 4.16vw; margin-left: auto; }

@media only screen and (min-width: 1200px) { .main_con .movie_con { width: 1000px; margin-bottom: 50px; } }

@media only screen and (max-width: 750px) { .main_con .movie_con { margin-bottom: 9.3vw; } }

.main_con .movie_con .movie_wrap { width: 100%; position: relative; padding: calc(315 / 560 * 100%) 0 0; }

.main_con .movie_con .movie_wrap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.main_con .product_con .product_wrap { margin-bottom: 16.6vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con .product_wrap { margin-bottom: 200px; } }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap { margin-bottom: 26.6vw; } }

.main_con .product_con .product_wrap .img_box { display: flex; align-items: flex-start; justify-content: space-between; }

.main_con .product_con .product_wrap .img_box a { width: 48%; }

.main_con .product_con .product_wrap .img_box a img { width: 100%; }

.main_con .product_con .product_wrap .credit_box { width: 48%; margin-top: 3.33vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con .product_wrap .credit_box { margin-top: 40px; } }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap .credit_box { width: 86.6vw; margin-right: auto; margin-left: auto; } }

.main_con .product_con .product_wrap .credit_box dl dt { font-size: 1.5vw; font-weight: bold; transition: .3s; }

.main_con .product_con .product_wrap .credit_box dl dt:hover { opacity: .6; transition: .6s; }

@media only screen and (min-width: 1200px) { .main_con .product_con .product_wrap .credit_box dl dt { font-size: 18px; } }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap .credit_box dl dt { margin-bottom: 2.6vw; font-size: 3.73vw; } }

.main_con .product_con .product_wrap .credit_box dl dt a { font-weight: bold; }

.main_con .product_con .product_wrap .credit_box dl dd { display: flex; justify-content: space-between; font-weight: medium; }

.main_con .product_con .product_wrap .credit_box dl dd p:first-of-type { font-size: 1.16vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con .product_wrap .credit_box dl dd p:first-of-type { font-size: 14px; } }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap .credit_box dl dd p:first-of-type { font-size: 3.2vw; } }

.main_con .product_con .product_wrap .credit_box dl dd p:first-of-type span { font-size: .83vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con .product_wrap .credit_box dl dd p:first-of-type span { font-size: 10px; } }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap .credit_box dl dd p:first-of-type span { font-size: 2.13vw; } }

.main_con .product_con .product_wrap .credit_box dl dd p:last-of-type { margin-right: 22vw; letter-spacing: 1.5px; font-size: 1.16vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con .product_wrap .credit_box dl dd p:last-of-type { margin-right: 265px; font-size: 14px; } }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap .credit_box dl dd p:last-of-type { margin-right: 0px; font-size: 3.2vw; } }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap .credit_box dl dd p:last-of-type a { text-decoration: underline; } }

.main_con .product_con .product_wrap .credit_box dl:not(:first-of-type) { margin-top: 1.66vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con .product_wrap .credit_box dl:not(:first-of-type) { margin-top: 20px; } }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap .credit_box dl:not(:first-of-type) { margin-top: 5.3vw; } }

.main_con .product_con .product_wrap .credit_box dl:not(:first-of-type) dt { font-size: 1.16vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con .product_wrap .credit_box dl:not(:first-of-type) dt { font-size: 14px; } }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap .credit_box dl:not(:first-of-type) dt { font-size: 3.2vw; } }

.main_con .product_con .product_wrap .credit_box .w_line { width: 100%; height: 1px; background: #000; }

@media only screen and (max-width: 750px) { .main_con .product_con .product_wrap .credit_box .w_line { width: 86.6vw; } }

.main_con .product_con #style_1 { margin-bottom: 8.3%; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_1 { margin-bottom: 100px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_1 { margin-bottom: 13.3vw; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_1 .img_box { flex-direction: column; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_1 .img_box a { width: 86.6vw; } }

.main_con .product_con #style_1 .img_box a:first-of-type { position: relative; top: 17.5vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_1 .img_box a:first-of-type { top: 210px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_1 .img_box a:first-of-type { top: 0; margin-left: auto; margin-bottom: 4vw; } }

.main_con .product_con #style_1 .credit_box { margin-top: 3.33vw; margin-left: auto; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_1 .credit_box { margin-top: 40px; } }

.main_con .product_con #style_2 { margin-bottom: 8.3%; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_2 { margin-bottom: 100px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_2 { margin-bottom: 13.3vw; } }

.main_con .product_con #style_2 .img_box { justify-content: center; }

@media only screen and (max-width: 750px) { .main_con .product_con #style_2 .img_box a { width: 86.6vw; } }

.main_con .product_con #style_2 .credit_box { margin-right: auto; margin-left: auto; }

.main_con .product_con #style_3 { margin-bottom: 8.3%; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_3 { margin-bottom: 100px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_3 { margin-bottom: 13.3vw; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_3 .img_box { display: flex; flex-direction: column; } }

.main_con .product_con #style_3 .img_box a { width: 48%; }

@media only screen and (max-width: 750px) { .main_con .product_con #style_3 .img_box a { width: 86.6vw; } }

.main_con .product_con #style_3 .img_box a:last-of-type { position: relative; top: 22.5vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_3 .img_box a:last-of-type { top: 270px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_3 .img_box a:last-of-type { top: 0; margin-top: 4vw; margin-left: auto; } }

.main_con .product_con #style_4 .img_box a { width: 100%; }

.main_con .product_con #style_4 .img_box a img { width: 100%; }

.main_con .product_con #style_5 { margin-bottom: 0px; }

@media only screen and (max-width: 750px) { .main_con .product_con #style_5 { margin-bottom: 26.6vw; } }

.main_con .product_con #style_5 .img_box a { width: 100%; }

.main_con .product_con #style_5 .img_box a img { width: 100%; }

.main_con .product_con #style_5 .credit_box .from_left { margin-bottom: 1.66vw; font-size: 1.33vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_5 .credit_box .from_left { margin-bottom: 20px; font-size: 16px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_5 .credit_box .from_left { margin-bottom: 2.66vw; font-size: 3.2vw; } }

.main_con .product_con #style_5 .credit_box dl dt { font-size: 1.5vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_5 .credit_box dl dt { font-size: 18px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_5 .credit_box dl dt { font-size: 3.73vw; } }

.main_con .product_con #style_5 .credit_box dl dt a { font-weight: bold; }

.main_con .product_con #style_6 { height: 40.83vw; display: flex; flex-direction: row-reverse; position: relative; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_6 { height: 490px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_6 { height: inherit; flex-direction: column; position: inherit; } }

.main_con .product_con #style_6 .img_box { width: 48%; position: relative; top: -15.83vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_6 .img_box { top: -190px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_6 .img_box { width: auto; position: inherit; top: inherit; } }

.main_con .product_con #style_6 .img_box a { width: 100%; }

@media only screen and (max-width: 750px) { .main_con .product_con #style_6 .img_box a { width: 86.6vw; margin-left: auto; margin-right: auto; } }

.main_con .product_con #style_6 .credit_box { margin-top: 17.5vw; margin-left: 0; margin-right: auto; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_6 .credit_box { margin-top: 210px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_6 .credit_box { margin-top: 5.3vw; margin-left: auto; margin-right: auto; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_7 .img_box { flex-direction: column; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_7 .img_box a { width: 86.6vw; } }

.main_con .product_con #style_7 .img_box a:first-of-type { position: relative; top: 22.08vw; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_7 .img_box a:first-of-type { top: 265px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_7 .img_box a:first-of-type { top: inherit; margin-left: auto; margin-bottom: 5.3vw; } }

.main_con .product_con #style_7 .credit_box { margin-top: 3.33vw; margin-left: auto; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_7 .credit_box { margin-top: 40px; } }

.main_con .product_con #style_8 { display: flex; }

@media only screen and (max-width: 750px) { .main_con .product_con #style_8 { flex-direction: column; } }

.main_con .product_con #style_8 .img_box { width: 48%; }

@media only screen and (min-width: 1200px) { .main_con .product_con #style_8 .img_box { top: -190px; } }

@media only screen and (max-width: 750px) { .main_con .product_con #style_8 .img_box { width: auto; top: inherit; } }

.main_con .product_con #style_8 .img_box a { width: 100%; }

@media only screen and (max-width: 750px) { .main_con .product_con #style_8 .img_box a { display: block; width: 86.6vw; margin-right: auto; margin-left: auto; } }

.main_con .product_con #style_8 .credit_box { margin-top: auto; margin-left: auto; }

@media only screen and (max-width: 750px) { .main_con .product_con #style_8 .credit_box { margin-top: 5.3vw; } }

.main_con .product_con #style_9 .img_box { justify-content: center; }

@media only screen and (max-width: 750px) { .main_con .product_con #style_9 .img_box a { width: 86.6vw; } }

.main_con .product_con #style_9 .credit_box { margin-right: auto; margin-left: auto; }

@media only screen and (max-width: 750px) { .main_con .product_con #style_10 .img_box { flex-direction: column; }
  .main_con .product_con #style_10 .img_box a { width: 86.6vw; margin-right: auto; margin-left: auto; }
  .main_con .product_con #style_10 .img_box a:first-of-type { margin-bottom: 5.3vw; } }

.other_con { position: relative; margin-right: auto; margin-bottom: 12.5vw; margin-left: auto; }

@media only screen and (min-width: 1200px) { .other_con { width: 600px; margin-bottom: 150px; } }

.other_con .other_before img { width: 100%; }

.other_con .other_after { display: none; }

.other_con .other_after img { width: 100%; }

.other_con:hover .other_after { position: absolute; width: 100%; top: 0; left: 0; display: block; }

.scroll_top { position: fixed; right: 2.5vw; bottom: 2.66vw; display: block; width: 2.08vw; height: 5.83vw; }

@media only screen and (min-width: 1200px) { .scroll_top { right: 24px; bottom: 48px; width: 25px; height: 70px; } }

@media only screen and (max-width: 750px) { .scroll_top { right: 2.5vw; bottom: 5vw; width: 4.5vw; height: 13vw; } }

.scroll_top img { width: 100%; }

footer { margin-right: auto; margin-left: auto; }

footer ul { display: flex; justify-content: space-around; }

footer .sns_box { width: 20vw; margin-right: auto; margin-left: auto; margin-bottom: 2.5vw; }

@media only screen and (min-width: 1200px) { footer .sns_box { width: 240px; margin-bottom: 30px; } }

@media only screen and (max-width: 750px) { footer .sns_box { width: 56vw; } }

footer .sns_box li { width: 3.3vw; }

@media only screen and (min-width: 1200px) { footer .sns_box li { width: 40px; } }

@media only screen and (max-width: 750px) { footer .sns_box li { width: 8vw; margin-bottom: 13.3vw; } }

footer .sns_box li a { width: 100%; }

footer .sns_box li a img { width: 100%; }

footer .brand_box { width: 50vw; margin-right: auto; margin-left: auto; margin-bottom: 3.3vw; }

@media only screen and (min-width: 1200px) { footer .brand_box { width: 600px; margin-bottom: 40px; } }

@media only screen and (max-width: 750px) { footer .brand_box { width: 60vw; display: flex; flex-direction: column; } }

footer .brand_box li { width: 20.5vw; }

@media only screen and (min-width: 1200px) { footer .brand_box li { width: 246px; } }

@media only screen and (max-width: 750px) { footer .brand_box li { width: 100%; } }

footer .brand_box li a { width: 100%; }

footer .brand_box li a img { width: 100%; }

@media only screen and (max-width: 750px) { footer .brand_box li:first-of-type { margin-bottom: 5.3vw; } }

footer .c { padding-bottom: 16.6vw; text-align: center; font-size: .9vw; }

@media only screen and (min-width: 1200px) { footer .c { font-size: 11px; padding-bottom: 200px; } }

@media only screen and (max-width: 750px) { footer .c { margin-top: 6.6vw; font-size: 2.53vw; } }