#contentsWrapper .topBanner01@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

#contentsWrapper .topLogo {
	padding: 2.0em;
}
#contentsWrapper .topLogo {
	padding: 4em 0em 6em;
	background-image: url("../images/bgTop.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}
  #contentsWrapper #topBanner .topVisual {
    padding-top: 4.0em;
  }
#contentsWrapper .productName {
  background-color: #000;
  padding: 1.4em 2.0em;
}
#contentsWrapper .productVisual {
  background: url("../images/bgTop02.jpg"), #fff;
  padding: 7.2em 0;
	background-size: auto;
}
#contentsWrapper .secConceptWrapper h2 {
  width: 90%;
  margin: auto;
  padding-bottom: 3.4em;
}
#contentsWrapper .flexList2 > li {
  margin-bottom: 2.2em;
}
#contentsWrapper .flexBlock2 {
	width: 48%;
	margin-right: 1%;
}
#contentsWrapper .topBanner01 {
  background-size: cover;
	background-position: bottom;
}
#contentsWrapper .secConceptInfo .conceptPopup {
  background-image: url("../images/bgContents02.jpg");
  background-size: cover;
  background-position: center;
  padding-bottom: 50%;
}
#contentsWrapper .secConceptInfo .conceptPopup div {
  padding: 4.4em 0;
}
#contentsWrapper .secConceptInfo .conceptPopup ul {
  position: relative;
}
#contentsWrapper .secConceptInfo .conceptPopup .popup01 {
  position: absolute;
  top: -4em;
  left: -5em;
  z-index: 2;
  width: 53%;
}
#contentsWrapper .secConceptInfo .conceptPopup .popup02 {
  position: absolute;
  top: -7em;
  right: -5em;
  z-index: 2;
  width: 53%;
}
#contentsWrapper .secConceptInfo .conceptPopup .popup03 {
  position: absolute;
  top: 21em;
  left: 25.6%;
  z-index: 3;
  width: 53%;
}
#contentsWrapper .secContentsLineup {
  padding: 8.2em 0 4.0em;
}
#specialFooter {
  background-color: #171614;
}
#goProductPage a {
  transform: translateX(-50%) scale(0.8);
}
#goBack {
  transform: scale(0.8);
  bottom: -1.0em;
  right: -1.0em;
}
#contentsWrapper .linkBan {
	margin: 0;
	padding: 4em 0;
}
footer .copyrightBlock {
	padding: 0 1.0em;
}
@media screen and (max-width: 1280px) {
  #contentsWrapper .secConceptWrapper {
    width: 100%;
  }
  #contentsWrapper #topBanner .topVisual {
    width: 100%;
		padding-top: 2.0vw;
  }
  #contentsWrapper .secConceptInfo .conceptPopup div {
    padding: 4.4vw 0;
    width: 80%;
    margin: auto;
  }
  #contentsWrapper .secConceptInfo .conceptPopup .popup01 {
		width: 42%;
    top: -3.4vw;
    left: 0;
  }
  #contentsWrapper .secConceptInfo .conceptPopup .popup02 {
		width: 42%;
    top: -6.0vw;
    right: 0;
  }
  #contentsWrapper .secConceptInfo .conceptPopup .popup03 {
		width: 42%;
    top: 14.0vw;
    left: 31.2%;
  }
	#contentsWrapper .secContentsLineup h2 {
		padding-bottom: 4.0vw;
	}
}
@media screen and (max-width: 800px) {
  #contentsWrapper #topBanner .topVisual {
    width: 100%;
  }
  #contentsWrapper .topLogo {
    padding: 2.0vw;
  }
  #contentsWrapper .productName {
    padding: 1.4vw 0;
  }
  #contentsWrapper .productName img {
    width: 80%;
  }
  #contentsWrapper .productVisual {
    padding: 5.2vw 0;
  }
  #contentsWrapper .secConceptWrapper h2 {
    padding-bottom: 3.4vw;
  }
  #contentsWrapper .secConceptInfo ul {
    margin-top: 2.0vw;
  }
  #contentsWrapper .secConceptInfo .flexList2 > li {
    width: 49%;
    margin-bottom: 1.2vw;
  }
  #contentsWrapper .secConceptInfo .flexList2 > li:nth-child(2n) {
    margin-left: 1%;
  }
  #contentsWrapper .secConceptInfo .conceptPopup .popup01 {
    top: -4.4vw;
    left: 0;
  }
  #contentsWrapper .secConceptInfo .conceptPopup .popup02 {
    top: -6.0vw;
    right: 0;
  }
  #contentsWrapper .secConceptInfo .conceptPopup .popup03 {
    top: 16vw;
    left: 31%;
  }
  #contentsWrapper .secContentsLineup {
    padding: 6.6vw 0 4.0vw;
  }
	#contentsWrapper .marginTop2em {
		margin-top: 0!important;
	}
  .copyright {
    width: 70%;
    margin: auto;
  }
  #goBack {
    transform: scale(0.5);
    bottom: -3.0vw;
    right: -3.0vw;
  }
  #goProductPage a {
    left: 30%;
  }
  #contentsWrapper .linkBan {
		width: 100%;
  }
	#contentsWrapper .linkBan img {
		width: 70%;
	}
}
@media screen and (max-width: 460px) {
  #goBack {
    bottom: -8.0vw;
    right: -8.0vw;
  }
  
}