@charset "UTF-8";

/* #header .header__inner svg {

  fill: #fff;

}

.header .cls-4 {

  stroke: #fff;

}

.header .navigation__list {

  color: #fff;

}

.header .drawer-btn__border, .header .drawer-btn__border::after, .header .drawer-btn__border::before {

  background-color: #FFF;

} */



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - custom property

//////////////////////////////////////////////////////////////////////////////////////////////

*/





.AU250507Safari {

  --color-white: #fff;

  --color-black: #000;

  --font-yu: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic";

  --font-hiragino: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

  --font-mincho: 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro';

  --font-nimbus: nimbus-sans, sans-serif;

  --font-trajan: "trajan-pro-3", serif;

  --font-sigurd : "sigurd-semi", sans-serif;

  --font_weight-light: 300;

  --font_weight-regular: 400;

  --font_weight-medium: 500;

  --font_weight-semibold: 600;

  --font_weight-bold: 700;

  font-style: normal;

  color: #000;

  font-family: var(--font-hiragino);





  font-feature-settings: "palt";

  /* overflow: clip; */

}

/* font-family: nimbus-sans-extended, sans-serif;

font-weight: 400;

font-style: normal; */



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - other

//////////////////////////////////////////////////////////////////////////////////////////////

*/



@media screen and (max-width: 767px) {

  .AU250507Safari {

    /* margin-top:  max(-127 * (100vw/750), 127px); */

    margin-right: auto;

    margin-left: auto;

  }

  .AU250507Safari .hidden-mobile {display: none !important;}



  .AU250507Safari .section{

    margin-bottom: calc(180* (100vw / 750));

  }

}



@media screen and (min-width: 768px) {

  .AU250507Safari {

    --width-primary: 140rem;

    margin-top: max(-150*100vw/1400, -150px);

    padding-top: min(160*100vw/1400, 160px);

    max-width: min(1100 * (100vw/1400), 1100px);

    margin-right: auto;

    margin-left: auto;

  }

  .AU250507Safari .hidden-desktop {display: none !important;}



  .AU250507Safari .section{

    margin-bottom: min(250 * (100vw/1400), 250px);

  }



}





.AU250507Safari img,

.AU250507Safari picture,

.AU250507Safari video {

  display: block;

  width: 100%;

  height: auto;

  vertical-align: bottom;

}



.top_button {

  margin-top: max(-27 * (100vw / 1400), 27px);

  margin-bottom: min(150 * (100vw / 1400), 150px);

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - position

//////////////////////////////////////////////////////////////////////////////////////////////

*/

.AU250507Safari .common-position {

  position: absolute;

}

@media screen and (min-width: 768px) {

  .AU250507Safari .desktop-position {

    position: absolute;

  }

}

@media screen and (max-width: 767px) {

  .AU250507Safari .mobile-position {

    position: absolute;

  }

}

/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - grid

//////////////////////////////////////////////////////////////////////////////////////////////

*/

.AU250507Safari .common-grid {

  display: grid;

  gap: var(--row, 0) var(--column, 0);

}

@media screen and (min-width: 768px) {

  .AU250507Safari .desktop-grid {

    display: grid;

    gap: var(--row, 0) var(--column, 0);

  }

}

@media screen and (max-width: 767px) {

  .AU250507Safari .mobile-grid {

    display: grid;

    gap: var(--row, 0) var(--column, 0);

  }

}

/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - flex

//////////////////////////////////////////////////////////////////////////////////////////////

*/

.AU250507Safari .common-flex_row {

  display: flex;

  flex-direction: row;

  gap: var(--row, 0) var(--column, 0);

}

.AU250507Safari .common-flex_row_reverse {

  display: flex;

  flex-direction: row-reverse;

  gap: var(--row, 0) var(--column, 0);

}

.AU250507Safari .common-flex_column {

  display: flex;

  flex-direction: column;

  gap: var(--row, 0) var(--column, 0);

}

.AU250507Safari .common-flex_column_reverse {

  display: flex;

  flex-direction: column-reverse;

  gap: var(--row, 0) var(--column, 0);

}

@media screen and (min-width: 768px) {

  .AU250507Safari .desktop-flex_row {

    display: flex;

    flex-direction: row;

    gap: var(--row, 0) var(--column, 0);

  }

  .AU250507Safari .desktop-flex_row_reverse {

    display: flex;

    flex-direction: row-reverse;

    gap: var(--row, 0) var(--column, 0);

  }

  .AU250507Safari .desktop-flex_column {

    display: flex;

    flex-direction: column;

    gap: var(--row, 0) var(--column, 0);

  }

  .AU250507Safari .desktop-flex_column_reverse {

    display: flex;

    flex-direction: column-reverse;

    gap: var(--row, 0) var(--column, 0);

  }

}

@media screen and (max-width: 767px) {

  .AU250507Safari .mobile-flex_row {

    display: flex;

    flex-direction: row;

    gap: var(--row, 0) var(--column, 0);

  }

  .AU250507Safari .mobile-flex_row_reverse {

    display: flex;

    flex-direction: row-reverse;

    gap: var(--row, 0) var(--column, 0);

  }

  .AU250507Safari .mobile-flex_column {

    display: flex;

    flex-direction: column;

    gap: var(--row, 0) var(--column, 0);

  }

  .AU250507Safari .mobile-flex_column_reverse {

    display: flex;

    flex-direction: column-reverse;

    gap: var(--row, 0) var(--column, 0);

  }

}

/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - mainvisual / lead text

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250507Safari .mv__inner{

  position: relative;

  z-index: -1;

}



.AU250507Safari .mv__inner a{

  pointer-events: all;



}



.AU250507Safari .mv__inner::after{

  content: "";

  position: absolute;

  z-index: -1;

  bottom: 0;

  right: 0;

  background-image: url(../img/bg00.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}



.AU250507Safari .hero_content{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  z-index: 10;

  pointer-events: none;

}



.AU250507Safari .p-safari__obj{

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  z-index: 10;

}



.AU250507Safari .mv__wrapper .lead-text{

  white-space: nowrap;

  font-weight: 500;

}





@media screen and (max-width: 768px) {

  .AU250507Safari .section.mv__wrapper {

    margin-bottom: min(135 * (100vw / 750), 135px);

  }

  .AU250507Safari .mv__inner{

    margin-bottom: min(330 * (100vw/750), 330px);

  }



  .AU250507Safari .mv__inner::after{

    width: min(540 * (100vw/750), 540px);

    height: min(360 * (100vw/750), 360px);

    bottom: -29.7%;

  }



  .AU250507Safari .hero_content{

    transform: translate(-45%);

    bottom: 15%;

    width: calc(323.4326* (100vw / 750));

  }

  /* .AU250507Safari .p-safari__obj{



  } */



  .AU250507Safari .p-safari__obj-item--01 {

    width: calc(323* (100vw / 750));

  }



  .AU250507Safari .p-safari__obj-item--02{

    width: calc(313.8848* (100vw / 750));

    /* width: min(313.8848 * (100vw/750), 313.8848px); */

    margin-top: min(13 * (100vw/750), 13px);

  }



  .AU250507Safari .p-safari__obj-item--03{

    width: calc(117.3896* (100vw / 750));

    /* width: min(117.3896 * (100vw/750), 117.3896px); */

    margin-top: min(36.4 * (100vw / 750), 36.4px);

    margin-right: min(15 * (100vw / 750), 15px);

  }



  .AU250507Safari .p-safari__obj-item--04{

    width: calc(314.6* (100vw / 750));

    /* width: min(314.6 * (100vw/750), 314.6px); */

    margin-top: min(48 * (100vw/750), 48px);

    margin-right: min(15 * (100vw / 750), 15px);

  }

  /* ================ .mv__wrapper .lead-text */

  .AU250507Safari .mv__wrapper .lead-text{

    font-size: min(24 * (100vw/750), 24px);

    letter-spacing: 0.09em;

    line-height: 1.875;

  }



  /* ================ .lead-text */



  .AU250507Safari .lead-text{

    text-align: center;

    font-size: min(24 * (100vw/750), 24px);

  }



}



@media screen and (min-width: 768px) {



  .AU250507Safari .mv__wrapper{

    position: relative;

    margin-bottom: min(328 * (100vw/1400), 328px);

  }



  .AU250507Safari .mv__inner{

    width: min(1100 * (100vw/1400), 1100px);

    margin: 0 auto 0 0;

  }



  .AU250507Safari .mv__inner::after{

    width: min(540 * (100vw/1400), 540px);

    height: min(360 * (100vw/1400), 360px);

    bottom: -35.5%;

    right: -5%;

  }



  .AU250507Safari .hero_content{

    bottom: min(131 * (100vw / 1400), 131px);

  }



  .p-safari__obj{

    z-index: 2;

    width: min(248.7944 * (100vw/1400), 248.7944px);

  }



  .AU250507Safari .p-safari__obj-item--01{

    width: min(248.7944 * (100vw / 1400), 248.7944px);

    transform: translateX(2%);

  }



  .AU250507Safari .p-safari__obj-item--02{

    width: min(242.7578 * (100vw/1400), 242.7578px);

    margin-top: min(13 * (100vw / 1400), 10px);

    transform: translateX(2%);

  }



  .AU250507Safari .p-safari__obj-item--03{

    width: min(90.6016 * (100vw / 1400), 90.6016px);

    margin-top: min(27 * (100vw / 1400), 27px);

  }



  .AU250507Safari .p-safari__obj-item--04{

    width: min(242 * (100vw/1400), 242px);

    margin-top: min(38 * (100vw/1400), 38px);

  }





  /* ================ .mv__wrapper .lead-text */

  .AU250507Safari .mv__wrapper .lead-text__wrapper{

    width: min(450 * (100vw / 1400), 450px);

    /* text-align: right; */

    letter-spacing: 0.15em;

    margin: min(93 * (100vw / 1400), 93px) 0 0 min(120 * (100vw / 1400), 120px);

  }



  .AU250507Safari .mv__wrapper .lead-text{

    font-size: min(14 * (100vw/1400), 14px);

    line-height: 2.1285714286;

    text-align: right;

  }



  /* ================ .lead-text */

  .AU250507Safari .lead-text__wrapper{

    text-align: right;

    margin: min(85 * (100vw / 1400), 85px) auto min(85 * (100vw / 1400), 85px);

  }



  .AU250507Safari .lead-text{

    font-size: min(13 * (100vw/1400), 13px);

  }



}

/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product

//////////////////////////////////////////////////////////////////////////////////////////////

*/

.AU250507Safari .product_price{

  display: flex;

}



.AU250507Safari .product_price li{

  font-family: var(--font-nimbus);

  line-height: 1;

  white-space: nowrap;

  letter-spacing: 0.01em;

  font-weight: 400;

}



.AU250507Safari .product_price a{

  display: inline;

  border-bottom: solid 1px #000;

}



.AU250507Safari .product_title{

  font-family: var(--font-hiragino);

  font-weight: 600;

  line-height: 1;

  letter-spacing: 0.075em;

  white-space: nowrap;

}



.AU250507Safari .product_lead{

  font-family: var(--font-hiragino);

  font-weight: 400;

  letter-spacing: 0.075em;

  text-align: justify;

}



@media screen and (max-width: 767px) {



  .AU250507Safari .mv__wrapper .lead-text {

    width: 100%;

  }



  .AU250507Safari .lead-text {

    width: min(650 * (100vw / 750), 650px);

    margin: 0 auto;

  }



  .AU250507Safari .product_price li{

    font-size: calc(24* (100vw / 750));

    align-items: center;

    justify-content: center;

  }



  .AU250507Safari .product_price{

    align-items: center;

    justify-content: center;

    row-gap: min(25 * (100vw / 750), 25px);

    column-gap: min(15 * (100vw / 750), 15px);

    margin-top: min(45 * (100vw / 750), 45px);

  }



  .AU250507Safari .product_title{

    font-size: min(26 * (100vw/750), 26px);

  }



  .AU250507Safari .product_lead{

    font-size: min(23 * (100vw / 750), 23px);

    line-height: 1.8695652174;

    letter-spacing: 0.1em;

    margin-top: min(70 * (100vw / 750), 70px);

    margin-bottom: min(90 * (100vw / 750), 90px);

  }



}



@media screen and (min-width: 768px) {



  .AU250507Safari .product_price{

    justify-content: center;

    column-gap: min(6 * (100vw / 1400), 6px);

    margin-top: min(35 * (100vw / 1400), 35px);

  }



  .AU250507Safari .product_price li{

    font-size: min(12 * (100vw/1400), 12px);

  }



  .AU250507Safari .product_title{

    font-size: min(16 * (100vw/1400), 16px);

  }



  .AU250507Safari .product_lead{

    font-size: min(13 * (100vw/1400), 13px);

    line-height: 2.07692307692;

    margin-top: min(43 * (100vw/1400), 43px);

  }



}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product01

//////////////////////////////////////////////////////////////////////////////////////////////

*/

.AU250507Safari .product01 .product_content{

  margin: 0 auto 0 0;

}



.AU250507Safari .product01 .p-safari__image01{

  position: relative;

  z-index: 1;

}



.AU250507Safari .product01 .p-safari__image01::after{

  content: "";

  position: absolute;

  z-index: -1;

  background-image: url(../img/bg01.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}



@media screen and (max-width: 767px) {

  .AU250507Safari .product01.section {

    margin-bottom: min(175 * (100vw / 750), 175px);

  }



  .product01 .product_wrapper {

    margin-bottom: min(170 * (100vw / 750), 170px);

  }



  .AU250507Safari .product01 .product_content01{

    margin: 0 auto min(165 * (100vw/750), 165px) 0;

  }



  .AU250507Safari .product01 .p-safari__image01{

    width: 100%;

  }



  .AU250507Safari .product01 .p-safari__image01 a{

    width: min(600 * (100vw/750), 600px);

  }



  .AU250507Safari .product01 .p-safari__image01::after{

    width: min(400 * (100vw/750), 400px);

    height: min(588.2353 * (100vw/750), 588.2353px);

    bottom: -24.5%;

    right: 0;

  }



  .AU250507Safari .product01 .product_content01 .product_price{

    width: min(200 * (100vw / 750), 200px);

    margin-top: min(36 * (100vw / 750), 36px);

    margin-left: min(115 * (100vw / 750), 115px);

    justify-content: center;

    flex-direction: column;

    align-items: center;

  }

}



@media screen and (min-width: 768px) {

  .AU250507Safari .product01{

    width: min(1007.1916 * (100vw/1400), 1007.1916px);

    margin-left: auto;

  }



  .AU250507Safari .product01 .p-safari__image01::after{

    width: min(340 * (100vw/1400), 340px);

    height: min(500 * (100vw/1400), 500px);

    bottom: -18%;

    right: -53.5%;

  }



  .AU250507Safari .product01 .product_wrapper{

    display: flex;

    margin-bottom: min(365 * (100vw / 1400), 365px);

  }



  .AU250507Safari .product01 .product_content01{

    width: min(590 * (100vw/1400), 590px);

  }



  .AU250507Safari .product01 .lead-text{

    width: min(380 * (100vw/1400), 380px);

    margin-top: min(100 * (100vw / 1400), 100px);

  }



  .AU250507Safari .product01 .product_content02{

    width: min(800 * (100vw/1400), 800px);

    margin: 0 auto 0 min(55 * (100vw / 1400), 55px);

  }



  .AU250507Safari .product01 .product_content02 .product_price {

    margin-top: min(45 * (100vw / 1400), 45px);

  }



  .AU250507Safari .product01 .product_lead{

    width: min(377 * (100vw/1400), 377px);

  }

}





/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product02

//////////////////////////////////////////////////////////////////////////////////////////////

*/





@media screen and (max-width: 767px) {

  .AU250507Safari .product02.section{

    margin-bottom: min(184 * (100vw / 750), 184px);

  }



  .AU250507Safari .product02 .product_content01{

    width: min(700 * (100vw / 750), 700px);

    margin: 0 auto;

  }



  .AU250507Safari .product02 .product_content01 .product_price{

    margin-top: min(38 * (100vw / 750), 38px);

  }

}



@media screen and (min-width: 768px) {

  .AU250507Safari .product02{

    position: relative;

    display: flex;

    justify-content: center;

    padding-right: min(10 * (100vw / 1400), 10px);

  }



  .AU250507Safari .product02 .p-safari__item--01{

    /* z-index: -1; */

    width: min(730 * (100vw/1400), 730px);

  }



  .AU250507Safari .product02 .lead-text{

    position: absolute;

    z-index: 10;

    top: min(33 * (100vw / 1400), 60px);

    right: 0.4%;

    width: min(440 * (100vw / 1400), 440px);

    pointer-events: none;

    background: rgba(255, 255, 255, 0.3);

    padding: min(25 * (100vw / 1400), 25px) min(15 * (100vw / 1400), 15px) min(10 * (100vw / 1400), 10px) min(20 * (100vw / 1400), 20px);

  }



  /* .AU250507Safari .product02 .lead-text::after{

    content: "";

    position: absolute;

    display: block;

    z-index: -1;

    width: min(441 * (100vw/1400), 441px);

    height: min(300 * (100vw/1400), 300px);

    top: -8%;

    left: -4.5%;

    background-color: #fff;

    opacity: 0.3;

  } */



  .AU250507Safari .product02 .product_lead{

    margin-top: min(18 * (100vw / 1400), 18px);

    line-height: 2;

  }



  .AU250507Safari .product02 .product_price {

    margin-top: min(43 * (100vw / 1400), 43px);

  }



}

/* Windows (全バージョン)のみ */

@media screen and (min-width: 768px) {

  .win {

    .AU250507Safari .product02 .lead-text{

      width: min(465 * (100vw / 1400), 465px);

    }

    .AU250507Safari .product02 .product_lead{

      letter-spacing: 0.035em;

    }



    .AU250507Safari .product06 .product_lead{

      width: min(410 * (100vw / 1400), 410px);

      letter-spacing: 0.05em;

    }

  }

}









/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product03

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250507Safari .product03 .product_content{

  margin: 0 auto 0 0;

}



.AU250507Safari .product03 .p-safari__image04{

  position: relative;

  z-index: 1;

}



.AU250507Safari .product03 .p-safari__image04::after{

  content: "";

  position: absolute;

  z-index: -1;

  background-image: url(../img/bg03.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}



.AU250507Safari .product03 .product_price {

  position: relative;

  z-index: 1;

}



@media screen and (max-width: 767px) {

  .AU250507Safari .product03 .product_lead {

    margin-bottom: min(80 * (100vw / 750), 80px);

  }



  .AU250507Safari .product03 .product_content01{

    width: min(600 * (100vw/750), 600px);

    margin: 0 auto min(465 * (100vw / 750), 465px) 0;



  }



  .AU250507Safari .product03 .p-safari__image04::after{

    width: min(550 * (100vw/750), 550px);

    height: min(979 * (100vw/750), 979px);

    bottom: -83.5%;

    right: -8.5%;

  }



  .AU250507Safari .product03 .product_content .product_price {

    padding-left: min(5 * (100vw / 750), 5px);

    margin-top: min(42 * (100vw / 750), 42px);

  }

}



@media screen and (min-width: 768px) {

  .AU250507Safari .product03{

    width: min(946 * (100vw/1400), 946px);

    margin-bottom: min(235 * (100vw / 1400), 235px);

    /* margin-left: auto; */

  }



  .AU250507Safari .product03 .product_content01{

    width: min(500 * (100vw/1400), 500px);

  }



  .AU250507Safari .product03 .p-safari__image04::after{

    width: min(500 * (100vw/1400), 500px);

    height: min(890 * (100vw/1400), 890px);

    bottom: -77.5%;

    right: -59%;

  }



  .AU250507Safari .product03 .product_wrapper{

    display: flex;

    flex-direction: row-reverse;

    justify-content: space-between;

  }



  .AU250507Safari .product03 .lead-text{

    width: min(400 * (100vw / 1400), 400px);

    margin-top: min(5 * (100vw / 1400), 5px);

  }



  .AU250507Safari .product03 .product_lead{

    width: min(400 * (100vw / 1400), 400px);

    margin-top: min(29 * (100vw / 1400), 29px);

  }



  .AU250507Safari .product03 .product_price {

    position: relative;

    z-index: 1;

    margin-left: min(115 * (100vw / 1400), 115px);

  }

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product04

//////////////////////////////////////////////////////////////////////////////////////////////

*/

.AU250507Safari .product04{

  position: relative;

  z-index: 10;

}



@media screen and (max-width: 767px) {

  .AU250507Safari .product04.section {

    margin-bottom:  min(157 * (100vw/750), 157px);

  }



  .AU250507Safari .product04 .product_content01{

    position: relative;

    width: min(600 * (100vw/750), 600px);

    margin: 0 0 min(100 * (100vw/750), 100px) auto;

  }



  .AU250507Safari .product04 .product_content .product_price{

    position: absolute;

    bottom: min(40 * (100vw/750), 40px);

    left: 50%;

    transform: translateX(-50%);

    flex-direction: row;

  }



  .AU250507Safari .product04 .product_price a{

    color: #fff;

    border-bottom: solid 1px #fff;

  }



  .AU250507Safari .product04 .product_lead{

    letter-spacing: 0.15em;

  }

}



@media screen and (min-width: 768px) {

  .AU250507Safari .product04{

    width: min(868 * (100vw / 1400), 868px);

    margin-left: auto;

  }



  .AU250507Safari .product04 .product_content01{

    width: min(450 * (100vw/1400), 450px);

  }



  .AU250507Safari .product04 .product_wrapper{

    display: flex;

    justify-content: space-between;

    flex-direction: row-reverse;

    margin-bottom: min(365 * (100vw / 1400), 365px);

  }



  .AU250507Safari .product04 .lead-text{

    align-self: flex-end;

    width: min(360 * (100vw / 1400), 360px);

    margin-bottom: min(46 * (100vw / 1400), 46px);

  }



  .AU250507Safari .product04 .product_lead{

    width: min(365 * (100vw / 1400), 365px);

    margin-top: min(29 * (100vw / 1400), 29px);

  }



  .AU250507Safari .product04 .product_price {

    margin-top: min(43 * (100vw / 1400), 43px);

  }

/* 

  .AU250507Safari .product04 .product_price {

    margin-left: min(115 * (100vw / 1400), 115px);

  } */

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product05

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250507Safari .product05{

  margin: 0 auto;

}



.AU250507Safari .product05 .p-safari__image06{

  position: relative;

  z-index: 1;

}



.AU250507Safari .product05 .p-safari__image06::after{

  content: "";

  position: absolute;

  top: -39.5%;

  left: -40.5%;

  z-index: -1;

  background-image: url(../img/bg02.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}



@media screen and (max-width: 767px) {

  .AU250507Safari .product05 .product_wrapper {

    margin-bottom: min(180 * (100vw / 750), 180px);

  }



  .AU250507Safari .product05 .product_content01{

    width: min(550 * (100vw/750), 550px);

    margin: 0 auto;

    padding: min(280 * (100vw/750), 280px) 0 0;

  }



  .AU250507Safari .product05 .p-safari__image06::after{

    width: min(500 * (100vw/750), 500px);

    height: min(380 * (100vw/750), 380px);

    top: -39%;

    left: -18.5%;

  }



  .AU250507Safari .product05 .product_price {

    margin-top: min(40 * (100vw / 750), 40px);

  }



}



@media screen and (min-width: 768px) {



  .AU250507Safari .product05 {

    width: min(557 * (100vw / 1400), 557px);

    padding: min(163 * (100vw/1400), 163px) min(7 * (100vw/1400), 7px) 0 0;

  }



  .AU250507Safari .product05 .p-safari__image06::after{

    width: min(500 * (100vw / 1400), 500px);

    height: min(380 * (100vw / 1400), 380px);

    top: -39.5%;

    left: -40.5%;

  }



  .AU250507Safari .product05 .product_wrapper{

    margin-bottom: min(250 * (100vw / 1400), 250px);

  }



  .AU250507Safari .product05 .product_price {

    margin-top: min(38 * (100vw / 1400), 38px);

  }

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - product06

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250507Safari .product06 .product_content{

  margin: 0 auto 0 0;

}



.AU250507Safari .product06 .p-safari__image04{

  position: relative;

  z-index: 1;

}



@media screen and (max-width: 767px) {

  .AU250507Safari .product06.section{

    margin-bottom: calc(206 * (100vw / 750));

  }



  .AU250507Safari .product06 .product_content{

    margin: 0 auto;

  }



  .AU250507Safari .product06 .product_content01{

    margin: 0 auto min(100 * (100vw/750), 100px) 0;

  }



  .AU250507Safari .product06 .p-safari__image07{

    width: min(600 * (100vw/750), 600px);

    margin-right: auto;

  }



  .AU250507Safari .product06 .product_title{

    text-align: center;

    line-height: 1.7307692308;

    margin: min(90 * (100vw / 750), 90px) auto min(100 * (100vw / 750), 100px);

  }



  .AU250507Safari .product06 .p-safari__image08 {

    width: min(630 * (100vw / 750), 630px);

    margin-left: auto;

  }



  .AU250507Safari .product06 .product_price {

    margin-top: min(35 * (100vw / 750), 35px);

  }



  .AU250507Safari .product06 .product_lead {

    margin-top: min(90 * (100vw / 750), 90px);

  }



  .AU250507Safari .product06 .product_content03{

    width: min(650 * (100vw/750), 650px);

  }

}



@media screen and (min-width: 768px) {

  .AU250507Safari .product06{

    margin: 0 min(50 * (100vw / 1400), 50px);

  }



  .AU250507Safari .product06 .product_wrapper{

    display: grid;

    grid-template-rows: min(533 * (100vw / 1400), 533px) min(216 * (100vw / 1400), 216px) auto;

    width: min(973 * (100vw / 1400), 973px);

    margin-bottom: min(152 * (100vw / 1400), 152px);

  }



  .AU250507Safari .product06 .product_title{

    line-height: 2.2;

  }



  .AU250507Safari .product06 .p-safari__image07{

    position: relative;

    z-index: 10;

    width: min(500 * (100vw/1400), 500px);

  }



  .AU250507Safari .product06 .p-safari__image08{

    width: min(530 * (100vw/1400), 530px);

  }



  .AU250507Safari .product06 .product_content{

    display: flex;

    justify-content: space-between;

  }



  .AU250507Safari .product06 .product_content01{

    width: 100%;

    grid-column: 1;

    grid-row: 1 / 3;

  }



  .AU250507Safari .product06 .product_content02{

    width: 100%;

    grid-column: 1;

    grid-row: 2 / 4;

    flex-direction: row-reverse;

    align-items: center;

    /* transform: translateY(max(-216 * (100vw / 1400), -216px)); */

  }



  .AU250507Safari .product06 .lead-text{

    align-self: center;

  }



  .AU250507Safari .product06 .product_title {

    width: min(409 * (100vw / 1400), 409px);

    line-height: 2.2;

    letter-spacing: 0.095em;

    margin-bottom: min(289 * (100vw / 1400), 289px);

  }



  .AU250507Safari .product06 .product_content03{

    width: min(550 * (100vw/1400), 550px);

    justify-content: center;

    margin: 0 auto min(167 * (100vw / 1400), 167px);

  }



  .AU250507Safari .product06 .product_lead {

    width: min(392 * (100vw / 1400), 392px);

    margin-bottom: min(13 * (100vw / 1400), 13px);

    margin-top: 0;

}



  .AU250507Safari .product06 .product_price {

    margin-top: min(47 * (100vw / 1400), 47px);

  }

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - closing

//////////////////////////////////////////////////////////////////////////////////////////////

*/



.AU250507Safari .closing{

  display: flex;

  justify-content: center;

}



.AU250507Safari .closing a{

  display: inline;

  border-bottom: #000 solid 0.5px;

  letter-spacing: 0.035em;

  font-family: var(--font-nimbus);

  font-weight: var(--font_weight-regular);

  text-align: center;

}



@media screen and (max-width: 767px) {

  /* .AU250507Safari .closing{

    margin-bottom: min(200 * (100vw/750), 200px);

  } */



  .AU250507Safari .closing a{

    font-size: min(30 * (100vw/750), 30px);

    padding: 0 min(2 * (100vw / 750), 2px);

  }

}



@media screen and (min-width: 768px) {

  .AU250507Safari .closing{

   margin-bottom: min(175 * (100vw/1400), 175px);

  }



  .AU250507Safari .closing a{

    padding: 0 min(5 * (100vw / 1400), 5px);

    font-size: min(18 * (100vw/1400), 18px);

    padding-bottom: min(4 * (100vw / 1400), 4px);

  }

}



/*

//////////////////////////////////////////////////////////////////////////////////////////////

setting - animation

//////////////////////////////////////////////////////////////////////////////////////////////

*/



/* ========= mainvisual */

.js-show.on .zoomout{

  opacity: 1;

  -webkit-filter: blur(0);

  filter: blur(0);

}



.js-show .zoomout{

  position: relative;

  overflow: hidden;

  -webkit-transition: opacity 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s, -webkit-filter 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s;

  transition: opacity 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s, -webkit-filter 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s;

  transition: filter 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s, opacity 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s;

  transition: filter 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s, opacity 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s, -webkit-filter 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s;

  opacity: 0;

  -webkit-filter: blur(10px);

  filter: blur(10px);

  will-change: filter, opacity;

}



.js-show .zoomout picture{

  width: 100%;

  height: auto;

  -webkit-transition: -webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s;

  transition: -webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s;

  transition: transform 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s;

  transition: transform 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s, -webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1) 0.8s;

  -webkit-transform: scale(1.07);

  transform: scale(1.07);

  -webkit-transform-origin: center center;

  transform-origin: center center;

  will-change: transform;

}



.js-show.on .zoomout picture{

  -webkit-transform: scale(1);

  transform: scale(1);

}



/* ========= title text on ainvisual */

.js-rellax {

  will-change: transform;

}



.js-show .p-safari__obj-item {

  overflow: hidden;

}



.js-show .p-safari__obj-item img {

  width: 100%;

  height: auto;

  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.215,0.61,0.355,1);

  transition: -webkit-transform 1.2s cubic-bezier(0.215,0.61,0.355,1);

  transition: transform 1.2s cubic-bezier(0.215,0.61,0.355,1);

  transition: transform 1.2s cubic-bezier(0.215,0.61,0.355,1), -webkit-transform 1.2s cubic-bezier(0.215,0.61,0.355,1);

  -webkit-transform: translateY(110%);

  transform: translateY(110%);

  will-change: transform;

}







.js-show.on .p-safari__obj-item img {

  -webkit-transform: translateY(0);

  transform: translateY(0);

}



.js-show.on .p-safari__obj-item--01 img{

  -webkit-transition-delay: 1.6s;

  transition-delay: 1.6s;

}



.js-show.on .p-safari__obj-item--02 img{

  -webkit-transition-delay: 1.65s;

  transition-delay: 1.65s;

}





.js-show.on .p-safari__obj-item--03 img{

  -webkit-transition-delay: 1.7s;

  transition-delay: 1.7s;

}



.js-show.on .p-safari__obj-item--04 img{

  -webkit-transition-delay: 1.75s;

  transition-delay: 1.75s;

}









/* ========= images below mainvisual */

.js-show .mv__inner::after,

.js-show.blur{

  -webkit-transition: opacity 0.6s cubic-bezier(0.55,0.085,0.68,0.53) 0s, -webkit-filter 0.6s cubic-bezier(0.55,0.085,0.68,0.53) 0s;

  transition: opacity 0.6s cubic-bezier(0.55,0.085,0.68,0.53) 0s, -webkit-filter 0.6s cubic-bezier(0.55,0.085,0.68,0.53) 0s;

  transition: filter 0.6s cubic-bezier(0.55,0.085,0.68,0.53) 0s, opacity 0.6s cubic-bezier(0.55,0.085,0.68,0.53) 0s;

  transition: filter 0.6s cubic-bezier(0.55,0.085,0.68,0.53) 0s, opacity 0.6s cubic-bezier(0.55,0.085,0.68,0.53) 0s, -webkit-filter 0.6s cubic-bezier(0.55,0.085,0.68,0.53) 0s;

  opacity: 0;

  -webkit-filter: blur(10px);

  filter: blur(10px);

  will-change: filter, opacity;

}



.js-show.on .mv__inner::after,

.js-show.blur.on{

  opacity: 1;

  -webkit-filter: blur(0);

  filter: blur(0);

}



.js-show.on .mv__inner::after{

  transition-delay: 1.8s;

}



/* text animation */



.a--tex {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  opacity: 0;

}



.is-v .a--tex,

.a--tex.is-v{

  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1);

  -o-transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1);

  opacity: 1;

}



.de--one__item__a{

  -webkit-transition: opacity 0.8s cubic-bezier(0.2, 0.14, 0.2, 1);

  -o-transition: opacity 0.8s cubic-bezier(0.2, 0.14, 0.2, 1);

  transition: opacity 0.8s cubic-bezier(0.2, 0.14, 0.2, 1);

}



.a--op{

  opacity: 0;

}



.is-v .a--op,

.a--op.is-v{

  -webkit-transition: opacity 1s cubic-bezier(0.3, 0.05, 0.05, 1);

  -o-transition: opacity 1s cubic-bezier(0.3, 0.05, 0.05, 1);

  transition: opacity 1s cubic-bezier(0.3, 0.05, 0.05, 1);

  opacity: 1;

}