@charset "shift_jis";
/*------------------------------
  PC
------------------------------*/
@media screen and (min-width: 769px) {
/* initial CSS */
.originalCaseWrap {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
.originalCaseWrap a {
  display: block;
}
.originalCaseWrap img {
  vertical-align: top;
}
.ichioshiBlock {
  text-align: center;
}
.block-separat:last-child {
  display: none;
}
h1 {
  margin-top: 0;
}
h2 {
  background-color: initial;
}

/* anchorLinkBlockA01
---------------------------------------------------------------*/
.originalCaseWrap .anchorLinkBlockA01 ul li{
	float:left;
}

/* productBlockA01
---------------------------------------------------------------*/
.originalCaseWrap .productBlockA01Inner{
	padding: 84px 60px 263px 61px;
	background: url(/contents/0018/img/event/020001001/originalCase_bg_001_191128.jpg)no-repeat center center;
	background-size: cover;
}
.originalCaseWrap .productA01{
	position: relative;
}
.originalCaseWrap .btnBlockA01{
	position: absolute;
	right: 0;
	bottom: -143px;
	left: 0;
	width: 681px;
	margin: 0 auto;
}
.originalCaseWrap .btnBlockA01Inner{
	padding: 22px 65px 40px 95px;
	background: rgba(255,255,255,0.7);
	text-align: center;
}
.originalCaseWrap .text01{
	margin: 0 0 22px;
	font-size: 16px;
	line-height: 2.00;
}
/* 191224up
-------------------------------*/
.originalCaseWrap a{
	display: block;
}
.originalCaseWrap .productBlockA01Inner{
	padding: 47px 92px 288px;
	background: url(/contents/0018/img/event/020001001/originalCase_bg_001_200611.jpg)no-repeat center center;
}
.originalCaseWrap .productA01{
	z-index: 10;
	margin: 0 0 3px;
}
/*.originalCaseWrap .productA01:before{
	position: absolute;
	content: "";
	width: 159px;
	height: 142px;
	top: 159px;
	right: -55px;
	background: url(/contents/0018/img/event/020001001/originalCase_img_002_191224.png)no-repeat center center;
	background-size:cover;
	z-index: -10;
}*/
.originalCaseWrap .btnBlockA01{
	bottom: auto;
	z-index: 10;
	width: 820px;
}
.originalCaseWrap .btnBlockA01:before{
	position: absolute;
	content: "";
	top: 20px;
	bottom: -20px;
	right: -20px;
	left: 20px;
	z-index: -20;
	background: #3b5ec2;
	opacity: 0.2;
}
.originalCaseWrap .btnBlockA01Inner{
	padding: 22px 0 30px;
}
.originalCaseWrap .text01{
	color: #333;
}
.originalCaseWrap .btn01{
	width: 520px;
	margin: 0 auto;
}
.navBlockA01 ul{
	display: flex;
	flex-wrap: wrap;
  justify-content: space-between;
}
.navBlockA01 ul li{
  width: 32.7%;
  margin-bottom: 9px;
}
.block-separat:last-child{
  display: block;
}
.originalCaseWrap img{
  width: 100%;
  height: auto;
}
.ichioshiBlock h2 img{
  width: 100%;
  height: auto;
}
}


/*------------------------------
  SP（スマートフォン）
------------------------------*/
@media screen and (max-width: 768px) {
/* initial CSS */
.originalCaseWrap {
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background: #fff;
}
.originalCaseWrap img {
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.originalCaseWrap a {
display: block;
}
h1 {
  padding-top: 0;
}
h2 {
  padding: 0;
  font-size: 0;
  background-color: transparent;
}

/* anchorLinkBlockA01
---------------------------------------------------------------*/
.originalCaseWrap .anchorLinkBlockA01 ul li{
	float: left;
	width: 33.3%;
}

/* productBlockA01
---------------------------------------------------------------*/
.originalCaseWrap .productBlockA01Inner {
	padding: 8.53% 0 44%;
	background: url(/contents/0018/img/event/020001001/originalCase_bg_sp_001_191128.jpg)no-repeat center center;
	background-size: cover;
}
.originalCaseWrap .productA01{
	position: relative;
}
.originalCaseWrap .btnBlockA01{
	position: absolute;
	right: 0;
	bottom: -30.66%;
	left: 0;
	width: 84%;
	margin: 0 auto;
}
.originalCaseWrap .btnBlockA01Inner{
	padding: 3.46% 4.66% 4%;
	background: rgba(255,255,255,0.7);
	text-align: center;
}
.originalCaseWrap .text01{
	margin: 0 0 3.46%;
	font-size: 13px;
	line-height: 1.54;
}
/* 191224up
-------------------------------*/
.originalCaseWrap .productBlockA01Inner {
	padding: 7.7% 0 8%;
	background: url(/contents/0018/img/event/020001001/originalCase_bg_sp_001_200611.jpg)no-repeat center center;
	background-size: cover;
}
.originalCaseWrap .btnBlockA01{
	position: relative;
	z-index: 10;
	width: 89.33%;
}
.originalCaseWrap .btnBlockA01:before{
	position: absolute;
	content: "";
	top: 4%;
	right: -2.9%;
	bottom: -4%;
	left: 2.9%;
	z-index: -10;
	background: #3b5ec2;
	opacity: 0.2;
}
.originalCaseWrap .btnBlockA01Inner{
	padding: 3.1% 8.9% 4.5%;
}
.originalCaseWrap .text01{
	margin: 0 0 4%;
	color: #333;
}

.navBlockA01{
margin-bottom: 3%;;
}
.navBlockA01 ul{
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	justify-content: center;
}
.navBlockA01 ul li{
	width: 30%;
}
.block-separat:last-child {
  display: block;
}

}