@charset "utf-8";

/* CSS Document */





/*----------------------------------

 フォント

----------------------------------*/

@font-face {

  font-family: "HardwearDisplay";

  src: url("../font/HardwearDisplay-Light.otf") format("opentype");

  font-weight: 300;

}



@font-face {

  font-family: "HardwearDisplay";

  src: url("../font/HardwearDisplay-Medium.otf") format("opentype");

  font-weight: 500;

}



@font-face {

  font-family: "HardwearDisplay";

  src: url("../font/HardwearDisplay-SemiBold.otf") format("opentype");

  font-weight: 600;

}



@font-face {

  font-family: "HardwearDisplay";

  src: url("../font/HardwearDisplay-Bold.otf") format("opentype");

  font-weight: 700;

}



.min {

  font-family: 'Shippori Mincho','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;

}

.hard {

  font-family: 'HardwearDisplay',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;

}





/*----------------------------------

 デバイス

----------------------------------*/



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

.only-sp {

  display: none;

}

.only-pc {

  display: block;

}

}

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

.only-sp {

  display: block;

}

.only-pc {

  display: none;

}

}



body .mhw_brandrelaunch {

  position: relative;

  color: #100f10;

  font-family: "Noto Sans JP","source-han-sans-japanese", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Helvetica Neue", Arial, sans-serif;

  font-size: clamp(10px, 1vw, 14px);

  font-weight: 300;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";

  letter-spacing: 0;

  line-height: 1.46;

}



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

  body .mhw_brandrelaunch {

    font-size: 1.8rem;

    min-width: 1280px;

    letter-spacing: 0;

  }

}



.mhw_brandrelaunch a {

  -webkit-transition: 0.3s;

  transition: 0.3s;

  text-decoration: none;

  color: #000;

}



.mhw_brandrelaunch a:hover {

  opacity: 1;

  text-decoration: none;

}



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

  .mhw_brandrelaunch a:hover {

    opacity: 0.7;

  }

}



.mhw_brandrelaunch img {

  max-width: 100%;

  vertical-align: bottom;

}



.mhw_brandrelaunch .slick-dots button {

  background-color: transparent;

  border: none;

  cursor: pointer;

  outline: none;

  padding: 0;

  appearance: none;

}



.wrapper {

  position: relative;

  overflow: inherit;

}

.secInner {

  overflow: hidden;

}



*:focus {

  outline: none;

}





.mhw_brandrelaunch .sup {

  font-size: 50%;

  vertical-align: top;

  position: relative;

  top: -0.05em;

}





/* font color */

:root {

  --color-base: #100f10;

  --color-base2: #333;

  --color-white: #fff;

  --color-yellow: #f3fd30;

}





/* font */

.mhw_brandrelaunch .en {

  font-family: "CircularPro-Book", sans-serif;

  color: #100f10;

}

.mhw_brandrelaunch .enb {

  font-family: "CircularPro-Black", sans-serif;

  color: #100f10;

}

.mhw_brandrelaunch p {

  line-height: 1.64;

}





/* navi */

.mhw_brandrelaunch_nav {

  width: 100%;

  padding: 0;

  background-color: rgba(255,255,255,.5);

}

.mhw_brandrelaunch_nav.fixed {

  position: fixed;

  top: 0;

  margin: 0 auto;

  width: 100%;

  z-index: 9999;

  transform: translate(0, 80px);

  transition: opacity .4s ease, background-color .4s ease, transform .4s ease;

}

.pane-header.disable + .mhw_brandrelaunch .mhw_brandrelaunch_nav.fixed {

  transform: translate(0, 0);

  transition: opacity .4s ease, background-color .4s ease, transform .4s ease;

}

.mhw_brandrelaunch_nav .mhw_brandrelaunch_navInner {

  position: relative;

}

ul.mhw_brandrelaunch_navList {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

ul.mhw_brandrelaunch_sabnavList {

  display: flex;

  justify-content: space-between;

  align-content: center;

}

ul.mhw_brandrelaunch_navList li.__navItem {

  text-align: center;

  position: relative;

}

ul.mhw_brandrelaunch_navList li.__subnavItem {

  width: 100%;

  position: relative;

}

ul.mhw_brandrelaunch_navList li.__subnavItem:before {

  content: "";

  width: 1px;

  height: 60px;

  display: block;

  position: absolute;

  left: 0;

  top: 15px;

  background-color: #000;

}

ul.mhw_brandrelaunch_navList li.__subnavItem:last-child:after {

  content: "";

  width: 1px;

  height: 60px;

  display: block;

  position: absolute;

  right: 0;

  top: 15px;

  background-color: #000;

}

ul.mhw_brandrelaunch_navList > .__navItem a {

  margin: 0 auto;

  display: block;

  line-height: 1;

}

ul.mhw_brandrelaunch_navList > .__navItem > a img {

  width: 51px;

}

ul.mhw_brandrelaunch_navList .__subnavItem a {

  padding: 31px 0;

  font-size: 22px;

  font-weight: 600;

  text-align: center;

  white-space: nowrap;

  letter-spacing: -0.02em;

}

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

ul.mhw_brandrelaunch_navList .__navItem > a:hover {

  background-color: #f3fd30;

  opacity: 1;

}

ul.mhw_brandrelaunch_navList .__subnavItem a:hover {

  background-color: #f3fd30;

  opacity: 1;

}

}

ul.mhw_brandrelaunch_navList > .__navItem:nth-child(1) > a {

  width: calc(444/1920*100vw);

  padding: 18px 0 17px 96px;

  text-align: left;

}

ul.mhw_brandrelaunch_navList li.__navItem:nth-child(2) {

  width: calc(100% - (444/1920*100vw));

  padding: 0 calc(100/1920*100%) 0 0;

  text-align: left;

}

/* @media screen and (max-width: 1237px) and (min-width: 768px) {

ul.mhw_brandrelaunch_navList .__navItem:first-of-type a {

  padding: 0 0.5em 0;

}

}*/



ul.mhw_brandrelaunch_navList .__subnavItem.__navItemActive > a {

  background-color: rgba(0,0,0,.7);

}

ul.mhw_brandrelaunch_navList .__navItem.mhw_brandrelaunch_logo a {

  width: 222px;

  margin: 0 auto;

  padding: 28px 0 22px;

}

.mhw_brandrelaunch .__snaviArea {

  width: 100%;

  position: absolute;

  top: auto;

  right: 0;

  z-index: 2;

  display: none;

}

.mhw_brandrelaunch ul.__snavList {

  padding: 1.2em 0;

  background-color: rgba(0,0,0,.7);

}

.mhw_brandrelaunch ul.mhw_brandrelaunch_navList .__navItem .__snavItem a {

  padding: 1.2em 1em 1.2em 1em;

  color: #fff;

  font-size: 30px;

  text-align: left;

}

.mhw_brandrelaunch ul.mhw_brandrelaunch_navList .__navItem .__subnavItem.small .__snavItem a {

  padding: 1.2em 1em 1.2em 1em;

  color: #fff;

  font-size: 18px;

  text-align: left;

}

@media screen and (min-width: 800px) and (max-width: 1400px) {

ul.mhw_brandrelaunch_navList .__subnavItem a {

  padding: 31px 0;

  font-size: calc(36/1920*100vw);

}

}

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

.mhw_brandrelaunch_nav {

  padding: 0;

  position: relative;

  z-index: 1;

}

.mhw_brandrelaunch_nav.fixed {

  transform: translate(0, 64px);

}

.mhw_brandrelaunch_nav .mhw_brandrelaunch_navInner {

  height: 90px;

}

.pane-header.disable + .block-gmenu + .pane-main .mhw_brandrelaunch .mhw_brandrelaunch_nav.fixed {

  transform: translate(0, 0);

}

.mhw_brandrelaunch ul.mhw_brandrelaunch_navList {

  justify-content: space-between;

}

.mhw_brandrelaunch ul.mhw_brandrelaunch_navList .__navItem .mhw_brandrelaunch_sabnavList a {

  padding: 17px 0 16px;

  font-size: 12px;

}

ul.mhw_brandrelaunch_navList li.__navItem:nth-child(1) {

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

  padding: 0;

  text-align: center;

}

ul.mhw_brandrelaunch_navList li.__navItem:nth-child(1) > a {

  padding: calc(25/750*100vw) calc(27/750*100vw) calc(18/750*100vw);

  width: 100%;

  text-align: center;

}

ul.mhw_brandrelaunch_navList > .__navItem > a img {

  width: 26px;

}

ul.mhw_brandrelaunch_navList li.__navItem:nth-child(2) {

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

  padding: 0 calc(30/759*100vw) 0 0;

  text-align: center;

}

ul.mhw_brandrelaunch_sabnavList {

  display: flex;

  justify-content: flex-start;

  flex-wrap: wrap;

  align-items: center;

  position: relative;

}

ul.mhw_brandrelaunch_sabnavList:before {

  content: "";

  width: calc(100% - (16/750*100vw));

  height: 1px;

  margin: 0 auto;

  display: block;

  position: absolute;

  right: 0;

  left: 0;

  top: 45px;

  background-color: #000;

}

ul.mhw_brandrelaunch_navList li.__subnavItem:nth-child(1),

ul.mhw_brandrelaunch_navList li.__subnavItem:nth-child(2),

ul.mhw_brandrelaunch_navList li.__subnavItem:nth-child(3) {

  width: 50%;

}

ul.mhw_brandrelaunch_navList li.__subnavItem:nth-child(4),

ul.mhw_brandrelaunch_navList li.__subnavItem:nth-child(5) {

  width: 50%;

}

ul.mhw_brandrelaunch_navList li.__subnavItem:before {

  content: "";

  height: 30px;

  top: 7px;

}

ul.mhw_brandrelaunch_navList li.__subnavItem:nth-child(2):after,

ul.mhw_brandrelaunch_navList li.__subnavItem:last-child:after {

  content: "";

  width: 1px;

  height: 30px;

  display: block;

  position: absolute;

  right: 0;

  top: 7px;

  background-color: #000;

}

}





/* item btn */

.mhw_brandrelaunch .itemBtnArea {

  margin: 0 auto 0;

  text-align: center;

  position: relative;

  z-index: 1;

}

.mhw_brandrelaunch .itemBtnArea a {

  width: 260px;

  margin: 0 auto;

  padding: 0.8em 2em;

  font-size: 22px;

  font-weight: bold;

  letter-spacing: -0.04em;

  color: #fff;

  background-color: #100f10;

  background: linear-gradient(135deg, transparent 8px, #100f10 0) top left,

  linear-gradient(-135deg, transparent 8px, #100f10 0) top right,

  linear-gradient(-45deg, transparent 8px, #100f10 0) bottom right,

  linear-gradient(45deg, transparent 8px, #100f10 0) bottom left;

  background-size: 52% 52%;

  background-repeat: no-repeat;

  display: block;

  transition: none;

}

.mhw_brandrelaunch .itemBtnArea a.notYet {

  pointer-events: none;

}

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

.mhw_brandrelaunch .itemBtnArea a:hover {

  background-color: #f3fd30;

  background: linear-gradient(135deg, transparent 8px, #f3fd30 0) top left,

  linear-gradient(-135deg, transparent 8px, #f3fd30 0) top right,

  linear-gradient(-45deg, transparent 8px, #f3fd30 0) bottom right,

  linear-gradient(45deg, transparent 8px, #f3fd30 0) bottom left;

  background-size: 52% 52%;

  background-repeat: no-repeat;

  color: #333;

  opacity: 1;

}

}

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

.mhw_brandrelaunch .itemBtnArea {

  margin: 0 auto 0;

}

.mhw_brandrelaunch .itemBtnArea a {

  width: 130px;

  padding: 1.1em 1em;

  font-size: 12px;

}

}









/* hero */

.mhw_brandrelaunch {

  background-color: #f9f6f6;

}

.mhw_brandrelaunch_hero {

  background-color: #475a25;

}

.mhw_brandrelaunch_heroInner {

  width: 100%;

  margin: 0 auto;

}

.mhw_brandrelaunch_hero img {

  width: 100%;

}

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

.mhw_brandrelaunch_heroInner {

  width: 100%;

  margin: 0 auto;

  padding: 0;

}

.mhw_brandrelaunch_hero img {

  padding: 0;

}

}





/* about */

.mhw_brandrelaunch_About {

  margin-top: -86px;

  padding-top: 86px;

}

.about_flex {

  display: flex;

  justify-content: center;

  align-items: center;

}

.about_flex .imgArea {

  width: 50%;

}

.about_flex .imgArea img {

  width: 100%;

}

.about_flex .textArea {

  width: 50%;

}

.about_flex .textArea p {

  text-align: center;

  font-size: calc(22/1920*100vw);

  font-weight: 600;

  line-height: 2.0;

}

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

.mhw_brandrelaunch_About {

  margin-top: -150px;

  padding-top: 150px;

}

.about_flex {

  display: block;

}

.about_flex .imgArea {

  width: 100%;

}

.about_flex .textArea {

  width: 100%;

  padding: calc(136/750*100vw) 0;

}

.about_flex .textArea p {

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

}

}





/* word */

.mhw_brandrelaunch_Word {

  margin-top: -86px;

  padding-top: 86px;

}

#wordAreaWrap {

  width: 100%;

  height: 1200px;

  padding: 106px 100px;

  color: var(--color-base);

}

#wordAreaWrap.area01 {

  background: url("../img/words_img01-pc.png") no-repeat center top;

  background-size: cover;

}

#wordAreaWrap.area02 {

  background: url("../img/words_img02-pc.png") no-repeat center top;

  background-size: cover;

}

#wordAreaWrap.area03 {

  background: url("../img/words_img03-pc.png") no-repeat center top;

  background-size: cover;

}

#wordAreaWrap.area04 {

  background: url("../img/words_img04-pc.png") no-repeat center top;

  background-size: cover;

  color: var(--color-white);

}

#wordAreaWrap .wordArea {

  width: 100%;

  padding: 24px 0;

  max-width: 750px;

  border-bottom: #1d1c1d 1px solid;

}

#wordAreaWrap .wordArea.wordArea01 {

  border-top: #1d1c1d 1px solid;

}

#wordAreaWrap.area04 .wordArea {

  border-bottom: #fff 1px solid;

}

#wordAreaWrap.area04 .wordArea.wordArea01 {

  border-top: #fff 1px solid;

}

.wordTitle {

  position: relative;

  opacity: 1;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.wordTitle .icon {

  padding: 0.1em 0.2em;

  font-size: 30px;

  font-weight: 700;

  color: var(--color-base);

  background-color: var(--color-yellow);

}

.wordTitle .text {

  margin-left: 1em;

  font-size: 30px;

  font-weight: 700;

  opacity: 1;

}

.open .wordTitle .text {

  opacity: 0;

}

.wordTitle:before {

  content: "";

  margin: auto 0;

  width: 1.2em;

  height: 1px;

  background-color: #1d1c1d;

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

}

.wordTitle:after {

  content: "";

  margin: auto 0;

  width: 1px;

  height: 1.2em;

  background-color: #1d1c1d;

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0.6em;

  opacity: 1;

}

.open .wordTitle:after {

  opacity: 0;

}

#wordAreaWrap.area04 .wordTitle:before,

#wordAreaWrap.area04 .wordTitle:after {

  background-color: #fff;

}

.wordCont .ltitle {

  margin: 0.2em 0 0;

  height: 2.4em;

  font-size: 140px;

  font-weight: 800;

  line-height: 0.8;

  letter-spacing: -0.02em;

}

.wordCont .lead {

  margin: 1em 0 0.3em;

  font-size: 28px;

  font-weight: 700;

  line-height: 1.64;

}

#wordAreaWrap.area02 .wordCont .lead {

  margin: 1em 0 0.3em;

}

#wordAreaWrap.area03 .wordCont .lead {

  margin: 2.2em 0 0.3em;

}

#wordAreaWrap.area04 .wordCont .lead {

  margin: -0.2em 0 0.3em;

}

.wordCont .text {

  font-size: 20px;

  font-weight: 500;

  line-height: 1.64;

  letter-spacing: 0.02em;

}

@media (hover: hover) {

.wordTitle.accBtn:hover {

  cursor: pointer;

  opacity: .7;

}

}

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

.mhw_brandrelaunch_Word {

  margin-top: -150px;

  padding-top: 150px;

}

#wordAreaWrap {

  width: 100%;

  height: auto;

  padding: calc(532/750*100vw) calc(50/750*100vw) calc(50/750*100vw);

}

#wordAreaWrap.area01 {

  background: url("../img/words_img01-sp.png") no-repeat center top;

  background-color: #f9f6f6;

  background-size: 100% auto;

}

#wordAreaWrap.area02 {

  background: url("../img/words_img02-sp.png") no-repeat center top;

  background-color: #f9f6f6;

  background-size: 100% auto;

}

#wordAreaWrap.area03 {

  background: url("../img/words_img03-sp.png") no-repeat center top;

  background-color: #f9f6f6;

  background-size: 100% auto;

}

#wordAreaWrap.area04 {

  background: url("../img/words_img04-sp.png") no-repeat center top;

  background-color: #100f10;

  background-size: 100% auto;

  color: var(--color-white);

}

#wordAreaWrap .wordArea {

  padding: calc(24/750*100vw) 0;

}

.wordTitle .icon {

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

}

.wordTitle .text {

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

}

.wordCont .ltitle {

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

}

.wordCont .lead {

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

}

#wordAreaWrap.area02 .wordCont .lead {

  margin: 1em 0 0.3em;

}

#wordAreaWrap.area03 .wordCont .lead {

  margin: 2.2em 0 0.3em;

}

#wordAreaWrap.area04 .wordCont .lead {

  margin: -0.2em 0 0.3em;

}

.wordCont .text {

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

}

}





/* origin */

.mhw_brandrelaunch_Origin {

  margin-top: -86px;

  padding-top: 86px;

}

.mhw_brandrelaunch_OriginInner {

  padding: 160px 0;

  background-color: var(--color-yellow);

  text-align: center;

}

.mhw_brandrelaunch_Origin .firstLead {

  margin-bottom: 0.4em;

  font-size: 140px;

  font-weight: 800;

  line-height: 1.46;

  letter-spacing: -0.04em;

}

.mhw_brandrelaunch_Origin .text01 {

  font-size: 24px;

  font-weight: 600;

  line-height: 1.8;

}

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

.mhw_brandrelaunch_Origin {

  margin-top: -180px;

  padding-top: 180px;

}

.mhw_brandrelaunch_OriginInner {

  padding: calc(136/750*100vw) 0 calc(176/750*100vw);

}

.mhw_brandrelaunch_Origin .firstLead {

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

}

.mhw_brandrelaunch_Origin .text01 {

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

}

}





/* founder */

.mhw_brandrelaunch_Founder {

  margin-top: -86px;

  padding-top: 86px;

}

.mhw_brandrelaunch_Founder .firstLead {

  margin-bottom: 1.5em;

  font-size: 70px;

  font-weight: 800;

  line-height: 0.8;

  letter-spacing: -0.04em;

}

.mhw_brandrelaunch_Founder .text01 {

  font-size: 24px;

  font-weight: 600;

  line-height: 1.8;

}

.mhw_brandrelaunch_Founder .flex01 {

  display: flex;

  align-items: center;

  background-color: #fff;

}

.mhw_brandrelaunch_Founder .flex01 > div {

  width: 50%;

}

.mhw_brandrelaunch_Founder .flex01 > .imgArea {

  text-align: center;

}

.mhw_brandrelaunch_Founder .flex01 > .imgArea img {

  max-width: 861px;

  width: calc(861/960*100%);

  margin: 0 auto;

}

.mhw_brandrelaunch_Founder .flex01 > .contArea {

  padding: calc(100/1920*100vw) 0;

  background-color: #f9f6f6;

  text-align: center;

}

.mhw_brandrelaunch_Founder .flex01 > .contArea .lead01 {

  margin-bottom: 1em;

  font-size: 32px;

  font-weight: 700;

}

.mhw_brandrelaunch_Founder .flex01 > .contArea .text01 {

  width: calc(761/960*100%);

  margin: 0 auto;

}

.mhw_brandrelaunch_Founder .flex02 {

  display: flex;

  flex-direction: row-reverse;

  align-items: stretch;

  background-color: #8f8b94;

}

.mhw_brandrelaunch_Founder .flex02 > div {

  width: 50%;

}

.mhw_brandrelaunch_Founder .flex02 > .imgArea {

  text-align: center;

  background-color: #fff;

}

.mhw_brandrelaunch_Founder .flex02 > .imgArea img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.mhw_brandrelaunch_Founder .flex02 > .contArea {

  padding: calc(100/1920*100vw) 0;

  text-align: center;

}

.mhw_brandrelaunch_Founder .flex02 .firstLead {

  color: var(--color-yellow);

}

.mhw_brandrelaunch_Founder .flex02 ul.voiceList li {

  margin: 0 auto 2em;

}

.mhw_brandrelaunch_Founder .flex02 ul.voiceList li p {

  line-height: 1.64;

  color: #fff;

  text-align: center;

  font-size: 20px;

  font-weight: 500;

  letter-spacing: 0.02em;

}

.mhw_brandrelaunch_Founder .flex02 ul.voiceList li p.voiceName {

  line-height: 1.2;

}

.mhw_brandrelaunch_Founder .flex02 ul.voiceList li p.voiceName img {

  width: 224px;

}

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

.mhw_brandrelaunch_Founder {

  margin-top: -150px;

  padding-top: 150px;

}

.mhw_brandrelaunch_Founder .firstLead {

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

}

.mhw_brandrelaunch_Founder .text01 {

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

}

.mhw_brandrelaunch_Founder .flex01 {

  display: block;

}

.mhw_brandrelaunch_Founder .flex01 > div {

  width: 100%;

}

  .mhw_brandrelaunch_Founder .flex01 > .imgArea {

  padding: calc(110/750*100vw) 0;

}

.mhw_brandrelaunch_Founder .flex01 > .imgArea img {

  max-width: none;

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

}

.mhw_brandrelaunch_Founder .flex01 > .contArea {

  padding: calc(86/750*100vw) 0 calc(96/750*100vw);

}

.mhw_brandrelaunch_Founder .flex01 > .contArea .lead01 {

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

}

.mhw_brandrelaunch_Founder .flex01 > .contArea .text01 {

  width: calc(651/750*100%);

  margin: 0 auto;

}

.mhw_brandrelaunch_Founder .flex02 {

  display: block;

}

.mhw_brandrelaunch_Founder .flex02 > div {

  width: 100%;

}

.mhw_brandrelaunch_Founder .flex02 > .imgArea img {

  width: 100%;

  height: auto;

  object-fit: fill;

}

.mhw_brandrelaunch_Founder .flex02 > .contArea {

  padding: calc(90/750*100vw) 0 calc(100/750*100vw);

}

.mhw_brandrelaunch_Founder .flex02 ul.voiceList li p {

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

}

.mhw_brandrelaunch_Founder .flex02 ul.voiceList li p.voiceName {

  margin: 0.2em auto 0;

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

  line-height: 1;

}

}





/* history */

.mhw_brandrelaunch_History {

  margin-top: -86px;

  padding-top: 86px;

}

.mhw_brandrelaunch_HistoryInner {

  padding: 160px 0;

  background-color: var(--color-base);

  color: #fff;

}

.mhw_brandrelaunch_History .firstLead {

  margin-bottom: 1.2em;

  font-size: 73px;

  font-weight: 800;

  line-height: 1.46;

  letter-spacing: -0.04em;

  color: var(--color-yellow);

  text-align: center;

}

.mhw_brandrelaunch_History ul.historyList {

  width: 100%;

  max-width: 1000px;

  margin: 0 auto;

  position: relative;

}

.mhw_brandrelaunch_History ul.historyList:before {

  content: "";

  margin: 0 auto;

  position: absolute;

  top: -60px;

  left: 0;

  right: 0;

  width: 4px;

  height: 60px;

  background-color: #8f8b94;

}

.mhw_brandrelaunch_History ul.historyList li {

  width: 50%;

  border-top: var(--color-yellow) 1px solid;

  position: relative;

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(odd) {

  padding: 30px 0 90px 48px;

  float: right;

  border-left: #8f8b94 4px solid;

  transform: translateX(-2px);

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(odd):before {

  content: "";

  width: 24px;

  height: 24px;

  background-color: var(--color-yellow);

  display: block;

  position: absolute;

  left: -14px;

  top: -12px;

  z-index: 1;

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(even) {

  padding: 30px 48px 90px 0;

  float: left;

  border-top: var(--color-yellow) 1px solid;

  border-right: #8f8b94 4px solid;

  transform: translateX(2px);

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(even):before {

  content: "";

  width: 24px;

  height: 24px;

  background-color: var(--color-yellow);

  display: block;

  position: absolute;

  right: -14px;

  top: -12px;

  z-index: 1;

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(2) {

  margin-top: 184px;

}

.mhw_brandrelaunch_History ul.historyList li:last-child {

  padding-bottom: 0;

}

.mhw_brandrelaunch_History .historyCont .flex {

  display: flex;

  justify-content: space-between;

  align-items: top;

  position: relative;

  gap: 0 30px;

}

.mhw_brandrelaunch_History .historyCont .year {

  color: var(--color-yellow);

  font-size: 50px;

  font-weight: 800;

  line-height: 1;

  position: absolute;

  left: 0;

  top: 0;

}

.mhw_brandrelaunch_History .historyCont .iconArea {

  min-height: 240px;

  display: flex;

  align-items: center;

}

.mhw_brandrelaunch_History .historyCont .icon {

  width: 176px;

}

.mhw_brandrelaunch_History .historyCont .textArea p.text {

  font-size: 20px;

  font-weight: 500;

  line-height: 1.64;

  text-align: justify;

}

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

.mhw_brandrelaunch_History li.historyCont.y2017,

.mhw_brandrelaunch_History li.historyCont.y2015,

.mhw_brandrelaunch_History li.historyCont.y2000,

.mhw_brandrelaunch_History li.historyCont.y2001,

.mhw_brandrelaunch_History li.historyCont.y1999,

.mhw_brandrelaunch_History li.historyCont.y1996,

.mhw_brandrelaunch_History li.historyCont.y1993 {

  padding-bottom: 0 !important;

}

}

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

.mhw_brandrelaunch_History {

  margin-top: -150px;

  padding-top: 150px;

}

.mhw_brandrelaunch_HistoryInner {

  padding: calc(90/750*100vw) 0 calc(50/750*100vw);

}

.mhw_brandrelaunch_History .firstLead {

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

}

.mhw_brandrelaunch_History ul.historyList {

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

  max-width: none;

}

.mhw_brandrelaunch_History ul.historyList:before {

  top: -30px;

  left: -1px;

  right: inherit;

  height: 30px;

  width: 2px;

}

.mhw_brandrelaunch_History ul.historyList li {

  width: 100%;

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(odd) {

  padding: 15px 0 15px 24px;

  float: none;

  border-left: #8f8b94 2px solid;

  transform: translateX(-1px);

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(odd):before {

  width: 12px;

  height: 12px;

  left: -7px;

  top: -6px;

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(even) {

  padding: 15px 0 15px 24px;

  float: none;

  border-right: none;

  border-left: #8f8b94 2px solid;

  transform: translateX(-1px);

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(even):before {

  width: 12px;

  height: 12px;

  right: auto;

  left: -7px;

  top: -6px;

}

.mhw_brandrelaunch_History ul.historyList li:nth-child(2) {

  margin-top: 0;

}

.mhw_brandrelaunch_History .historyCont .flex {

  gap: 0 15px;

}

.mhw_brandrelaunch_History .historyCont .year {

  font-size: 25px;

}

.mhw_brandrelaunch_History .historyCont .iconArea {

  min-height: 120px;

}

.mhw_brandrelaunch_History .historyCont.y2017 .iconArea,

.mhw_brandrelaunch_History .historyCont.y2015 .iconArea,

.mhw_brandrelaunch_History .historyCont.y2009 .iconArea,

.mhw_brandrelaunch_History .historyCont.y2007 .iconArea,

.mhw_brandrelaunch_History .historyCont.y2000 .iconArea,

.mhw_brandrelaunch_History .historyCont.y2001 .iconArea,

.mhw_brandrelaunch_History .historyCont.y1999 .iconArea,

.mhw_brandrelaunch_History .historyCont.y1996 .iconArea,

.mhw_brandrelaunch_History .historyCont.y1993 .iconArea {

  min-height: inherit;

}

.mhw_brandrelaunch_History .historyCont .icon {

  width: 88px;

  padding-top: 30px;

}

.mhw_brandrelaunch_History .historyCont .textArea p.text {

  font-size: 11px;

  text-align: left;

}

}





/* reissue */

.mhw_brandrelaunch_Reissue {

  margin-top: -86px;

  padding-top: 86px;

}

.mhw_brandrelaunch_Reissue .mhw_brandrelaunch_ReissueInner {

  padding: 100px calc(100/1920*100vw);

  background: url("../img/bg_reissue-pc.png") repeat-y center top;

  background-size: 100% auto;

}

.mhw_brandrelaunch_Reissue .bg01 {

  padding-top: 160px;

  background-color: #f9f6f6;

  border: #100f10 2px solid;

  text-align: center;

}

.mhw_brandrelaunch_Reissue .firstLead {

  margin: 0 auto 60px;

}

.mhw_brandrelaunch_Reissue .text01 {

  margin-bottom: 4em;

  text-align: center;

  font-size: 24px;

  font-weight: 600;

  line-height: 1.8;

}

.photoArea {

  width: 1000px;

  margin: 0 auto 150px;

  border: #100f10 2px solid;

}

.photoArea .photoAreaTop {

  width: 100%;

  border-bottom: #100f10 2px solid;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaTop .text01 {

  width: calc(616/1000*100%);

  height: 152px;

  margin: 0 auto;

  border-right: #100f10 2px solid;

  display: flex;

  align-items: center;

  justify-content: center;

}

.photoArea .photoAreaTop .text01 img {

  width: calc(430/616*100%);

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaTop .text02 {

  width: calc(384/1000*100%);

  height: 152px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

}

.photoArea .photoAreaTop .text02 img {

  width: calc(276/384*100%);

}

.photoArea .photoAreaBtm {

  width: 100%;

  border-top: #100f10 2px solid;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaBtm .text03 {

  width: calc(154/1000*100%);

  height: 152px;

  margin: 0 auto;

  border-right: #100f10 2px solid;

  display: flex;

  align-items: center;

  justify-content: center;

}

.photoArea .photoAreaBtm .text03 img {

  width: calc(72/154*100%);

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaBtm .text04 {

  width: calc(692/1000*100%);

  height: 152px;

  margin: 0 auto;

  border-right: #100f10 2px solid;

  display: flex;

  align-items: center;

  justify-content: center;

}

.photoArea .photoAreaBtm .text04 img {

  width: calc(576/692*100%);

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaBtm .text05 {

  width: calc(154/1000*100%);

  height: 152px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

}

.photoArea .photoAreaBtm .text05 img {

  width: calc(64/154*100%);

}

.slick-slider .slick-arrow {

    opacity: 1;

    transition: opacity ease .3s;

    z-index: 1;

    position: absolute;

}

.slick-slider .slick-arrow.prev-arrow {

    width: 52px;

    left: -36px;

    top: 50%;

    transform: translateY(-50%);

}

.slide-arrow_s.prev-arrow.slick-arrow {

    width: 40px;

    left: calc(-92/1920*100vw);

    top: 50%;

    transform: translateY(-50%);

}

.slide-arrow_s.next-arrow.slick-arrow {

    width: 40px;

    right: calc(-92/1920*100vw);

    top: 50%;

    transform: translateY(-50%);

}

.slick-slider .slick-arrow {

  opacity: 1;

  transition: opacity ease .3s;

  z-index: 1;

  position: absolute;

}

@media (hover: hover) {

.slick-slider .slick-arrow:hover {

  opacity: 0.5;

  cursor: pointer;

}

}

.mhw_brandrelaunch_Reissue .sTitle {

  margin: 0 auto 40px;

}

.mhw_brandrelaunch_Reissue .text02 {

  margin-bottom: 4em;

  text-align: center;

  font-size: 24px;

  font-weight: 600;

  line-height: 1.64;

}

ul.backitemArea {

  width: 100%;

  max-width: 1550px;

  padding: 0 100px;

  margin: 0 auto 160px;

  display: flex;

  justify-content: space-between;

  gap: 0 calc(60/1550*100%);

}

ul.backitemArea li {

  padding: 44px 0 0;

  position: relative;

}

ul.backitemArea li:before {

  content: "";

  width: 100%;

  height: 2px;

  margin: 0 auto;

  display: block;

  background-color: #100f10;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

}

.mhw_brandrelaunch_Reissue .secondLead {

  margin: 0 auto;

  padding: 50px 0;

  background-color: #fff;

  border-top: #100f10 2px solid;

  border-bottom: #100f10 2px solid;

}

.itemArea {

  background-color: #fff;

}

.itemSlickArea .flex {

  display: flex;

  flex-direction: row-reverse;

}

.itemSlickArea .flex > div {

  width: 50%;

}

.itemSlickArea .flex .textArea {

  padding-top: 135px;

  position: relative;

}

.itemSlickArea .flex .textAreaInner {

  padding-top: 135px;

  position: relative;

}

.itemSlickArea .flex .textArea:after {

  content: "";

  width: 2px;

  height: 200%;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

  background-color: #100f10;

  z-index: -1;

}

.itemSlickArea .flex .textArea .item {

  margin: 0 auto 56px;

}

.itemSlickArea .slide-item01 .flex .textArea .item {

  width: 494px;

}

.itemSlickArea .slide-item02 .flex .textArea .item {

  width: 386px;

}

.itemSlickArea .slide-item03 .flex .textArea .item {

  width: 403px;

}

.itemSlickArea .textArea .text {

  margin-top: 160px;

  padding: 0 2em 30px;

  font-size: 20px;

  font-weight: 600;

  line-height: 1.64;

  text-align: left;

}

.itemSlickArea .flex .imgArea {

  padding: 30px;

}

.itemSlickArea .slide-arrow_s.prev-arrow.slick-arrow {

  left: -20px;

}

.itemSlickArea .slide-arrow_s.next-arrow.slick-arrow {

  right: -20px;

}

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

.itemSlickArea .slide-item02 .flex .imgArea img {

  width: 110%;

  max-width: none;

  margin-left: -9%;

}

.itemSlickArea .slide-item03 .flex .imgArea img {

  width: 110%;

  max-width: none;

  margin-left: -10.2%;

}

}

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

.mhw_brandrelaunch_Reissue {

  margin-top: -150px;

  padding-top: 150px;

}

.mhw_brandrelaunch_Reissue .mhw_brandrelaunch_ReissueInner {

  padding: calc(50/750*100vw);

  background: url("../img/bg_reissue-sp.png") repeat-y center top;

  background-size: 100% auto;

}

.mhw_brandrelaunch_Reissue .bg01 {

  padding-top: calc(100/750*100vw);

}

.mhw_brandrelaunch_Reissue .firstLead {

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

  margin: 0 auto calc(60/750*100vw);

}

.mhw_brandrelaunch_Reissue .text01 {

  margin-bottom: 3em;

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

}

.photoArea {

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

  padding: 0;

  margin: 0 auto calc(120/750*100vw);

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaTop .text01 {

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

  height: calc(76/750*100vw);

}

.photoArea .photoAreaTop .text01 img {

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

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaTop .text02 {

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

  height: calc(76/750*100vw);

}

.photoArea .photoAreaTop .text02 img {

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

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaBtm .text03 {

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

  height: calc(76/750*100vw);

}

.photoArea .photoAreaBtm .text03 img {

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

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaBtm .text04 {

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

  height: calc(76/750*100vw);

}

.photoArea .photoAreaBtm .text04 img {

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

}

.mhw_brandrelaunch_Reissue .photoArea .photoAreaBtm .text05 {

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

  height: calc(76/750*100vw);

}

.photoArea .photoAreaBtm .text05 img {

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

}

.slick-slider .slick-arrow.prev-arrow {

    width: 28px;

    left: -36px;

    top: 50%;

    transform: translateY(-50%);

}

.slide-arrow_s.prev-arrow.slick-arrow {

    width: 14px;

    left: -28px;

    top: 50%;

    transform: translateY(-50%);

}

.slide-arrow_s.next-arrow.slick-arrow {

    width: 14px;

    right: -28px;

    top: 50%;

    transform: translateY(-50%);

}

.mhw_brandrelaunch_Reissue .sTitle {

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

  margin: 0 auto calc(40/750*100vw);

}

.mhw_brandrelaunch_Reissue .text02 {

  margin-bottom: 2em;

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

}

ul.backitemArea {

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

  max-width: none;

  margin: 0 auto;

  padding: 0;

  display: block;

}

ul.backitemArea li {

  padding: calc(46/750*100vw) 0 0;

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

}

.mhw_brandrelaunch_Reissue .secondLead {

  padding: calc(50/750*100vw) 0;

}

.mhw_brandrelaunch_Reissue .secondLead img {

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

}

.itemSlickArea {

  width: calc(100% + (100/750*100vw));

  margin-left: calc(-50/750*100vw);

}

.itemSlickArea .flex {

  display: block;

}

.itemSlickArea .flex > div {

  width: 100%;

}

.itemSlickArea .flex .textArea {

  padding-top: calc(174/750*100vw);

  border-right: none;

}

.itemSlickArea .flex .textArea:after {

  content: "";

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

  height: 2px;

  margin: 0 auto;

  display: block;

  position: absolute;

  right: 0;

  left: 0;

  top: 0;

  background-color: #100f10;

}

.itemSlickArea .flex .textArea .item {

  margin: 0 auto calc(42/750*100vw);

}

.itemSlickArea .slide-item01 .flex .textArea .item {

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

}

.itemSlickArea .slide-item02 .flex .textArea .item {

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

}

.itemSlickArea .slide-item03 .flex .textArea .item {

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

}

.itemSlickArea .textArea .text {

  margin-top: calc(160/750*100vw);

  padding: 0 calc((50/750*100vw) + 2em) calc(40/750*100vw);

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

}

.itemSlickArea .flex .imgArea {

  height: calc(690/750*100vw);

  padding: calc(30/750*100vw) 0;

  text-align: center;

}

.itemSlickArea .slide-arrow_s.prev-arrow.slick-arrow {

  top: calc(690/750*100vw);

  left: 5px;

}

.itemSlickArea .slide-arrow_s.next-arrow.slick-arrow {

  top: calc(690/750*100vw);

  right: 5px;

}

.itemSlickArea .slide-item01 .flex .imgArea img {

  width: 80%;

  margin: 0 auto;

}

.itemSlickArea .slide-item02 .flex .imgArea img {

  width: 90%;

}

.itemSlickArea .slide-item03 .flex .imgArea img {

  width: 90%;

  margin-left: calc(-8/750*100vw);

}

.itemSlickArea ul.slick-dots {

  top: calc((690/750*100vw) - 4px);

  bottom: auto;

}

.itemSlickArea .slide-arrow_s.prev-arrow.slick-arrow,

.itemSlickArea .slide-arrow_s.next-arrow.slick-arrow {

  width: 30px;

}

}





ul.slick-dots {

  margin: 0 auto;

  display: flex;

  justify-content: center;

  gap: 0 7px;

  position: absolute;

  bottom: 20px;

  left: 0;

  right: 0;

}

ul.slick-dots li {

  width: 14px;

  height: 14px;

  border-radius: 14px;

  background-color: #fff;

  border: #000 2px solid;

}

ul.slick-dots li button {

  position: relative;

  text-indent: -9999px;

}

ul.slick-dots li.slick-active {

  background-color: #000;

}

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

ul.slick-dots {

  gap: 0 5px;

  bottom: 10px;

}

ul.slick-dots li {

  width: 10px;

  height: 10px;

  border-radius: 10px;

  background-color: #fff;

  border: #000 2px solid;

}

}





.mhw_brandrelaunch .__btn {

  text-align: right;

}

.mhw_brandrelaunch .__pagetop {

  padding: 160px 0;

  text-align: center;

  background-color: #fff;

}

.mhw_brandrelaunch .__pagetop a {

  margin-right: 100px;

  font-weight: bold;

}

.mhw_brandrelaunch .__pagetop a .icon {

  margin-left: 1.4em;

  position: relative;

  top: 25px;

  display: inline-block;

}

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

.mhw_brandrelaunch .__pagetop a:hover {

  color: inherit;

  background-color: inherit;

  transition: all ease .3s;

  opacity: .6;

}

}

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

.mhw_brandrelaunch .__pagetop a .icon {

  width: 35px;

  height: 35px;

  top: 10px;

}

.mhw_brandrelaunch .__pagetop {

  padding: 34px 0 24px;

}

.mhw_brandrelaunch .__pagetop a {

  margin-right: 25px;

}

}





.mhw_f23_btmImgInner img {

  width: 100%;

  max-width: none;

}









/* movie */

#yt-wrap {

  width: 100%;

  margin: auto;

}

#yt-block {

  margin: 0 auto;

  position: relative;

}



.videoWrapper {

  position: relative;

  padding-bottom: 56.25%; /* 16:9 */

  height: 0;

}



.videoWrapper iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.videoWrapper:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url("../img/mv_thumb-pc.png");

  background-color: #000;

  background-size: 100% auto;

}



.videoWrapper.pv:after {

  display: none;

}



#play {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  width: 91px;

  height: 79px;

  cursor: pointer;

  opacity: .7;

}

#play:before {

  position: absolute;

  top: 0;

  left: 0;

  margin: auto;

  content: "";

  background: url("../img/btn_movie.png") no-repeat;

  display: inline-block;

  width: 91px;

  height: 79px;

}

@media (hover: hover) {

#play:hover {

  opacity: 1;

}

}