@charset "Shift_JIS";
.new2023 #SiteID{
	margin-right: 10px;
}
.new2023 .Container {
	max-width: 1275px;
}
.new2023 #TopicPath{
	min-width: 1245px;
}
.new2023 #TopicPath ul{
	width: 100%;
	max-width: 1245px;
	padding:20px 15px 15px;
}

@media screen and (max-width: 1274px) {
	.new2023 #TopicPath{
		width: auto;
		min-width: 320px
	}
	.new2023 #TopicPath ul{
		width: auto;
	}
}
.ProductWrap .ProductList .AccordionTrigger span {
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	border-left: 4px solid #b1000e;
	box-sizing: border-box;
	padding-left: 24px;
	background-color: rgba(0, 0, 0, 0.7);
	font-weight: normal;
	font-size: 138%;
}

.ProductWrap .ProductList>li>.AccordionTrigger:before {
	content: none;
}

.ProductWrap .ProductList .AccordionTrigger {
	border-right: none;
	border-bottom: none;
}

.h2-wrap,
.h1-wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;

}

.h2-wrap .inner,
.h1-wrap .inner {
	width: 1275px;
	text-align: center;

}

.h2-wrap .inner .en,
.h1-wrap .inner .en {
	text-align: center;
	font-size: 125%;
	margin-bottom: 0;
	line-height: 1;
	position: relative;
	color: #808080;
	font-weight: bold;
}

.h2-wrap .inner h2,
#Contents .h1-wrap .inner h1{
	font-size: 213%;
	margin-bottom: 20px;
	background-image: url(../../image/hsw/renewal2023/h2-under.png);
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#Contents .h1-wrap .inner h1{
	background-color: inherit;
	font-weight: normal;
	color: #333;
	padding: 0;
}
@media screen and (max-width: 994px) {
	.h2-wrap,
	.h1-wrap{
	margin-bottom: 24px;
}
}
/* ---------------------------------------------------------
	BrandingImgArea
--------------------------------------------------------- 
.TopBrandingImgArea {
	margin-bottom: 60px;
}
	
.TopBrandingImages > li {
	position: relative;
	width: 100%;
	height: 450px;
	padding-top: 148px;
	overflow: hidden;
	z-index: 1;
}
.TopBrandingImages > li:nth-of-type(1){
	background-image: url(../../image/hsw/renewal2023/main-slide01.jpg);
	background-size: cover;
	background-position: center;
}
.TopBrandingImages > li:nth-of-type(2){
	background-image: url(../../image/hsw/renewal2023/main-slide02.jpg);
	background-size: cover;
	background-position: center;
}
.TopBrandingImages > li:nth-of-type(3){
	background-image: url(../../image/hsw/renewal2023/main-slide03.jpg);
	background-size: cover;
	background-position: center;
}	
.TopBrandingImages > li .Inner {
	width: 1275px;
	margin: 0 auto;
	position: relative;
}
.TopBrandingImages > li .Inner .float-txt{
	font-size: 45px;
	color: #fff;
	text-shadow: 0 10px 20px rgba(53,53,53,0.7);
	line-height: 1.3;	
	margin-bottom: 120px;

}
.TopBrandingImages > [aria-hidden="true"] .Inner .float-txt{
	margin-left: 400px;
	opacity: 0;
}
.TopBrandingImages > li[aria-hidden="false"] .Inner .float-txt {
	opacity: 1;
	display: block;
	margin-left: 0 !important;
	transition: 0.5s;
	
}
.TopBrandingImages > [aria-hidden="true"] .Inner .TopBrandingButton-wrap{
	opacity: 0;
}
.TopBrandingImages > li[aria-hidden="false"] .Inner .TopBrandingButton-wrap{

	display: flex;
	align-items: center;
	transition-delay: 1s;
	transition-duration: 1s;
	opacity: 1;
}

*/

#BrandingImageWrap {
	position: relative;
	padding: 500px 0 0;
	margin-bottom: 88px;
}
@media screen and (max-width: 767px) {
	.new2023 .GridSet h2{
		margin: 0 auto 5px;
	}
	.h2-wrap .inner .en {	
		font-size: 100%;
	}
	
	.h2-wrap .inner h2 {
		font-size: 175%;
	}
}


@media screen and (max-width: 767px) {
	#BrandingImageWrap {
		padding-top: 0;
	}
}

#BrandingImageWrap .LeadBlock {
	display: flex;
	position: relative;
	width: 100%;
	align-content: center;
	justify-content: center;
	z-index: 2;
}

@media screen and (max-width: 1304px) {
	#BrandingImageWrap .LeadBlock {
		width: 100%;
		padding: 0 15px;
	}
}

@media screen and (max-width: 994px) {
	#BrandingImageWrap .LeadBlock {
		display: block;
		text-align: center;
		padding: 0 20px;
	}
}

@media screen and (max-width: 767px) {
	#BrandingImageWrap .LeadBlock {
		margin-top: 20px;
	}
}

#BrandingImageWrap .LeadBlock p {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	color: #4D4D4D;
	font-size: 162.5%;
	font-weight: bold;
	line-height: 38px;
}

@media screen and (max-width: 1304px) {
	#BrandingImageWrap .LeadBlock p {
		font-size: 131.25%;
	}
}

@media screen and (max-width: 767px) {
	#BrandingImageWrap .LeadBlock p {
		font-size: 137.5%;
		line-height: 28px;
	}
}

#BrandingImageWrap .LeadBlock p .TextSmall {
	display: block;
	margin-top: 15px;
	font-size: 69.23077%;
	line-height: 26px;
}

@media screen and (max-width: 1304px) {
	#BrandingImageWrap .LeadBlock p .TextSmall {
		font-size: 80.95238%;
	}
}

@media screen and (max-width: 767px) {
	#BrandingImageWrap .LeadBlock p .TextSmall {
		font-size: 72.72727%;
		line-height: 24px;
	}
}

#BrandingImageWrap .rightSide {
	display: flex;
}

@media screen and (max-width: 994px) {
	#BrandingImageWrap .rightSide {
		justify-content: center;
	}
}

@media screen and (max-width: 767px) {
	#BrandingImageWrap .rightSide {
		display: block;
	}
}

#BrandingImageWrap .BtnBlock {
	margin-left: 25px;
	position: absolute;
	top: 222px;
	right: calc(50% - 567.5px);
	z-index: 10;
}

@media screen and (max-width: 1304px) {
	#BrandingImageWrap .BtnBlock {
		right: 85px;
		margin-left: 0;
		/*margin-left: 15px;*/
	}
}

#BrandingImageWrap .BtnBlock a {
	display: flex;
	/*width: 280px;
      height: 140px;*/
	width: 400px;
	height: 70px;
	padding: 0 20px;
	color: #333;
	font-size: 150%;
	font-weight: bold;
	text-decoration: none;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background: #fff;
	-moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25);
}

#BrandingImageWrap .BtnBlock a span {
	display: inline-block;
	padding-top: 5px;
	padding-left: 35px;
	background: url(../../image/hsw/renewal2023/arw_red_right.png) no-repeat left center #fff;
}

/*@media screen and (max-width: 1304px) {
        #BrandingImageWrap .BtnBlock a {
          width: 220px;
          padding: 0 10px; }
          #BrandingImageWrap .BtnBlock a span {
            padding-left: 25px; } }
      @media screen and (max-width: 994px) {
        #BrandingImageWrap .BtnBlock a {
          width: 40%;
          justify-content: center; }
          #BrandingImageWrap .BtnBlock a span br {
            display: none; } }*/
@media screen and (max-width: 767px) {
	#BrandingImageWrap .BtnBlock {
		right: 50%;
		top: auto;
		margin-top: -140px;
		transform: translateX(50%);
	}

	#BrandingImageWrap .BtnBlock a {
		width: 300px;
		height: 50px;
		/*height: 80px;*/
		font-size: 112.5%;
	}

	#BrandingImageWrap .BtnBlock a span {
		padding-left: 20px;
		background-size: 8px;
	}
}

/*@media screen and (max-width: 1304px) {
      #BrandingImageWrap .BtnBlock {
        margin-left: 20px; } }
   @media screen and (max-width: 994px) {
      #BrandingImageWrap .BtnBlock {
        margin: 40px 0 0; }
        #BrandingImageWrap .BtnBlock a {
          width: 100%; } }*/
#BrandingImageWrap .MovieBlock {
	position: relative;
	margin-left: 25px;
}

@media screen and (max-width: 1304px) {
	#BrandingImageWrap .MovieBlock {
		margin-left: 15px;
	}
}

@media screen and (max-width: 994px) {
	#BrandingImageWrap .MovieBlock {
		margin-top: 40px;
	}
}

@media screen and (max-width: 767px) {
	#BrandingImageWrap .MovieBlock {
		margin-left: 0;
	}

	#BrandingImageWrap .MovieBlock .ModalTrigger {
		text-decoration: none;
	}
}

#BrandingImageWrap .MovieBlock .ImageBlock {
	position: relative;
	width: 269px;
	height: 140px;
	background: url(../../image/hsw/renewal2023/bnr_lead_movie.jpg) no-repeat center top;
}

#BrandingImageWrap .MovieBlock .ImageBlock.IRMovie {
	background: url(/products/infrastructure/portal/industry/movie/image/aX1xKhi9PVM.png) no-repeat center bottom;
	background-size: cover;
}

#BrandingImageWrap .MovieBlock .ImageBlock.IRMovie:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	border: 5px solid #ffffff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
	opacity: 0.7;
}

#BrandingImageWrap .MovieBlock .ImageBlock.IRMovie:after {
	content: "";
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	margin: -14px 0 0 -7px;
	border-left: solid 21px #ffffff;
	border-top: solid 14px transparent;
	border-bottom: solid 14px transparent;
	opacity: 0.7;
}

@media screen and (max-width: 1304px) {
	#BrandingImageWrap .MovieBlock .ImageBlock {
		width: 210px;
		margin-left: 15px;
	}
}

@media screen and (max-width: 994px) {
	#BrandingImageWrap .MovieBlock .ImageBlock {
		width: 269px;
	}
}

@media screen and (max-width: 767px) {
	#BrandingImageWrap .MovieBlock .ImageBlock {
		width: 100%;
		max-width: 388px;
		height: 202px;
		/*height: 176px;*/
		margin: auto;
		background: url(../../image/hsw/renewal2023/bnr_lead_movie_sp.jpg) no-repeat center center;
		background-size: cover;
	}

	#BrandingImageWrap .MovieBlock .ImageBlock.IRMovie:before {
		width: 90px;
		height: 90px;
		margin: -45px 0 0 -45px;
		border: 8px solid #ffffff;
	}

	#BrandingImageWrap .MovieBlock .ImageBlock.IRMovie:after {
		margin: -21px 0 0 -11px;
		border-left: solid 32px #ffffff;
		border-top: solid 21px transparent;
		border-bottom: solid 21px transparent;
	}
}

#BrandingImageWrap .MovieBlock span {
	position: absolute;
	width: 100%;
	top: 140px;
	left: 0;
	color: #4d4d4d;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

#BrandingImageWrap .MovieBlock span br.line_2 {
	display: block;
}

#BrandingImageWrap .MovieBlock span br.line_3 {
	display: none;
}

@media screen and (max-width: 1305px) {
	#BrandingImageWrap .MovieBlock span br.line_2 {
		display: none;
	}

	#BrandingImageWrap .MovieBlock span br.line_3 {
		display: block;
	}
}

@media screen and (max-width: 994px) {
	#BrandingImageWrap .MovieBlock span br.line_2 {
		display: block;
	}

	#BrandingImageWrap .MovieBlock span br.line_3 {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#BrandingImageWrap .MovieBlock span {
		position: static;
		top: 0;
		left: 0;
	}
}

@media screen and (min-width: 768px) {
	#BrandingImageControl {
		position: absolute;
		width: 100%;
		max-width: 1300px;
		padding: 0 20px;
		top: 0;
		right: 50%;
		z-index: 12;
		-moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
}

@media screen and (max-width: 767px) {
	#BrandingImageControl {
		position: relative;
		z-index: 12;
	}
}

#BrandingImageControl .Btn {
	position: absolute;
	width: 36px;
	height: 36px;
	top: 240px;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	#BrandingImageControl .Btn {
		top: -170px;
	}
}

#BrandingImageControl .Btn.Prev {
	left: 20px;
	background: url(../../image/hsw/renewal2023/arw_brandimage_prev.png) no-repeat;
}

#BrandingImageControl .Btn.Next {
	right: 20px;
	background: url(../../image/hsw/renewal2023/arw_brandimage_next.png) no-repeat;
}

#BrandingImageSlider {
	position: absolute;
	width: 100%;
	height: 435px;
	top: 0;
	left: 0;
	background: #fff;
}

@media screen and (max-width: 767px) and (min-width: 580px) {
	#BrandingImageSlider {
		position: relative;
		height: 384px;
		margin-bottom: 16px;
	}
	#BrandingImageWrap{
		margin-bottom: 80px;
	}
}

@media screen and (max-width: 579px) {
	#BrandingImageSlider {
		position: relative;
		height:106vw;
		margin-bottom: 24px;
	}
}

#BrandingImageSlider li {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}


#BrandingImageSlider li:not(.active) {
	opacity: 0;
	z-index: 1;
}

#BrandingImageSlider li:not(.active) dl {
	width: 0;
}

#BrandingImageSlider li:not(.active) dl dt,
#BrandingImageSlider li:not(.active) dl dd {
	opacity: 0;
}

#BrandingImageSlider li.active {
	z-index: 2;
}

#BrandingImageSlider li.active dl dt,
#BrandingImageSlider li.active dl dd {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

@media screen and (min-width: 768px) {
	#BrandingImageSlider li {
		height: 500px;
	}


	/* #BrandingImageSlider li:before {
          content: "";
          position: absolute;
          width: 100%;
          height: 200px;
          left: 0;
          bottom: 0;
          background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
          background-size: 100%;
          background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
          background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
          background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
          background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } */
}

@media screen and (max-width: 767px) {
	
	#BrandingImageSlider li {
		height: 384px;
	}

	#BrandingImageSlider li:after {
		content: "";
		display: block;
		width: 100%;
		height: 384px;
		-moz-transform: translateY(1px);
		-ms-transform: translateY(1px);
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}

}

@media screen and (max-width: 579px) {
	#BrandingImageSlider li {
		height: 106vw;
	}
	#BrandingImageSlider li:after {
		height: 106vw;
		margin-bottom: 24px;
	}
	#BrandingImageSlider li:not(.active) dl {
		width: 0;
		height: 0;
	}
}

#BrandingImageSlider li>a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#BrandingImageSlider li>a:hover,
#BrandingImageSlider li>a:active {
	background-color: rgba(255, 255, 255, 0.3);
}

#BrandingImageSlider li dl {
	display: flex;
	position: absolute;
	width: 1275px;
	top: 154px;
	left: calc((100% - 1275px) / 2);
	/* padding: 25px 0; */
	color: #fff;
	flex-direction: column;
	/* align-items: flex-end; */
	/* justify-content: center; */
	overflow: hidden;
	-webkit-transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#BrandingImageSlider li dl dt,
#BrandingImageSlider li dl dd {
	width: 667px;
	/* padding-right: 95px; */
	overflow: hidden;
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
	-webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#BrandingImageSlider li dl.ClearBg {
	background-color: transparent;
	color: #333;
}

#BrandingImageSlider li dl dt {
	font-size: 280%;
	font-weight: bold;
	line-height: 70px;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	text-shadow: 0 4px 10px #666;
}
#BrandingImageSlider li:nth-last-of-type(1) dl dt {
color: #333;
text-shadow: 0 4px 10px #e4e4e4;
}
@media screen and (max-width: 994px) {
	#BrandingImageSlider li dl dt{
		font-size: 4vw;
		line-height: 1.8;
	}

}
@media screen and (max-width: 767px) {
	#BrandingImageSlider li dl dt {
		/* font-size: 137.5%;
		line-height: 28px; */
		font-size: 200%;
    line-height: 1.5;
	}
}

#BrandingImageSlider li dl dd {
	margin-top: 5px;
	font-size: 112.5%;
	line-height: 24px;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

@media screen and (max-width: 767px) {
	#BrandingImageSlider li dl dd {
		font-size: 100%;
		line-height: 20px;
	}
}

@media screen and (max-width: 1304px) {
	#BrandingImageSlider li dl{
		width: 94%;
		left: 3%;
	}

	#BrandingImageSlider li dl dt,
	#BrandingImageSlider li dl dd {
		/* width: calc(50vw + 100px);
		padding-left: 25px;
		padding-right: 40px; */
		left: 3%;
	}
}

@media screen and (max-width: 994px) and (min-width: 768px) {
	#BrandingImageSlider li dl {
		width: 80%;
	}

	#BrandingImageSlider li dl dt,
	#BrandingImageSlider li dl dd {
		width: 80vw;
		padding-right: 40px;
	}
}

@media screen and (max-width: 767px) {
	#BrandingImageSlider li dl {
		top: 13vw;
		left: 4%;
		width:80%;
		z-index: 9999;
	}

	#BrandingImageSlider li dl.ClearBg {
		color: #fff;
	}

	#BrandingImageSlider li dl dt,
	#BrandingImageSlider li dl dd {
		width: 100%;
    padding-left: 4%;
	}
}
#BrandingImageSlider .TopBrandingButton-wrap{
	display: flex;
	position: absolute;
	width: 1275px;
	bottom: 30px;
	left: calc((100% - 1275px) / 2);
		opacity: 0;
}

#BrandingImageSlider .active .TopBrandingButton-wrap{
	opacity: 1;
		transition-delay: 0.5s;
		transition-duration: 0.5s;
		
	}
	@media screen and (max-width: 1300px) {
		#BrandingImageSlider .TopBrandingButton-wrap{
			width: 94%;
		left: 3%;
		z-index: 999;
		}
		
	}

@media screen and (min-width: 768px) {
	#BrandingImageSlider .BrandingImage00 {
		background: url(../../image/hsw/renewal2023/main-slide00.jpg) no-repeat center top;
		background-size: cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 580px) {
	#BrandingImageSlider .BrandingImage00:after {
		background: url(../../image/hsw/renewal2023/main-slide00_tb.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (max-width: 579px) {
	#BrandingImageSlider .BrandingImage00:after {
		background: url(../../image/hsw/renewal2023/main-slide00_sp.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (min-width: 768px) {
	#BrandingImageSlider .BrandingImage01 {
		background: url(../../image/hsw/renewal2023/main-slide01.jpg) no-repeat center center;
		background-size: cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 580px) {
	#BrandingImageSlider .BrandingImage01:after {
		background: url(../../image/hsw/renewal2023/main-slide01_tb.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (max-width: 579px) {
	#BrandingImageSlider .BrandingImage01:after {
		background: url(../../image/hsw/renewal2023/main-slide01_sp.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (min-width: 768px) {
	#BrandingImageSlider .BrandingImage02 {
		background: url(../../image/hsw/renewal2023/main-slide02.jpg) no-repeat center center;
		background-size: cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 580px) {
	#BrandingImageSlider .BrandingImage02:after {
		background: url(../../image/hsw/renewal2023/main-slide02_tb.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (max-width: 579px) {
	#BrandingImageSlider .BrandingImage02:after {
		background: url(../../image/hsw/renewal2023/main-slide02_sp.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (min-width: 768px) {
	#BrandingImageSlider .BrandingImage03 {
		background: url(../../image/hsw/renewal2023/main-slide03.jpg) no-repeat center center;
	}
}

@media screen and (max-width: 767px) and (min-width: 580px) {
	#BrandingImageSlider .BrandingImage03:after {
		background: url(../../image/hsw/renewal2023/main-slide03_tb.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (max-width: 579px) {
	#BrandingImageSlider .BrandingImage03:after {
		background: url(../../image/hsw/renewal2023/main-slide03_sp.jpg) no-repeat center bottom;
		background-size: cover;
	}
}
@media screen and (min-width: 768px) {
	#BrandingImageSlider .BrandingImage04 {
		background: url(../../image/hsw/renewal2023/main-slide04_pc.jpg) no-repeat center center;
		background-size: cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 580px) {
	#BrandingImageSlider .BrandingImage04:after {
		background: url(../../image/hsw/renewal2023/main-slide04_tb.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (max-width: 579px) {
	#BrandingImageSlider .BrandingImage04:after {
		background: url(../../image/hsw/renewal2023/main-slide04_sp.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (min-width: 768px) {
	#BrandingImageSlider .BrandingImage05 {
		background: url(../../image/hsw/renewal2023/main-slide05_pc.jpg) no-repeat center center;
		background-size: cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 580px) {
	#BrandingImageSlider .BrandingImage05:after {
		background: url(../../image/hsw/renewal2023/main-slide05_tb.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (max-width: 579px) {
	#BrandingImageSlider .BrandingImage05:after {
		background: url(../../image/hsw/renewal2023/main-slide05_sp.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (min-width: 768px) {
	#BrandingImageSlider .BrandingImage06 {
		background: url(../../image/hsw/renewal2023/main-slide06_pc.jpg) no-repeat center center;
		background-size: cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 580px) {
	#BrandingImageSlider .BrandingImage06:after {
		background: url(../../image/hsw/renewal2023/main-slide06_tb.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media screen and (max-width: 579px) {
	#BrandingImageSlider .BrandingImage06:after {
		background: url(../../image/hsw/renewal2023/main-slide06_sp.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

#BrandingImageNavWrap {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	z-index: 3;
}

@media screen and (min-width: 768px) {
	#BrandingImageNavWrap {
		position: absolute;
		bottom: -35px;
		right: 50%;
		-moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
}

#BrandingImageNav {
	display: flex;
	justify-content: center;
}

#BrandingImageNav li {
	width: 10px;
	height: 10px;
	cursor: pointer;
	border-radius: 50%;
	background: #787878;
	-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#BrandingImageNav li:nth-child(n+2) {
	margin-left: 10px;
}

#BrandingImageNav li.active {
	background: #E30027;
}

#BrandingImageNavPlay {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../../image/hsw/renewal2023/icon_slide_stop.png) no-repeat;
	background-size: cover;
	-moz-transform: translateX(16px);
	-ms-transform: translateX(16px);
	-webkit-transform: translateX(16px);
	transform: translateX(16px);
}

html.PC #BrandingImageWrap .MovieBlock .ModalTrigger:hover .ImageBlock {
	opacity: 0.6;
}

html.PC #BrandingImageControl .Btn {
	-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

html.PC #BrandingImageControl .Btn:hover {
	opacity: 0.7;
}

html.PC #BrandingImageNavPlay {
	-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#BrandingImageNavPlay.stop {
	background: url(../../image/hsw/renewal2023/icon_slide_play.png) no-repeat;
	background-size: cover;
}

html.PC #BrandingImageNavPlay:hover {
	opacity: 0.7;
}
/*== ?{?^???????? */
#BrandingImageSlider>li .btn {
	width: 300px;
	height: 60px;
	position: relative;
	overflow: hidden;
	line-height: 1.2;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	border-left: 4px solid #b1000e;
	padding: 0 20px;
	text-align: left;
	outline: none;
	/* transition: ease .2s; */
	background-color:rgba(0, 0, 0, 0.7);
	margin-right: 36px;
	/* box-shadow:0 4px 19px #aaa; */
	font-size: 88%;
}
#BrandingImageSlider>li .btn:nth-last-of-type(1){
	margin-right: 0;
}
#BrandingImageSlider>li .btn span,
.lnk-btn .btn span {
	position: relative;
	z-index: 3;
	color: #fff;
}
#BrandingImageSlider>li .btn:hover{
	background-color:rgba(51,51,51,0.6);
}
#BrandingImageSlider>li .btn:hover span,
.lnk-btn .btn:hover span {
	color: #fff;
}
#BrandingImageSlider>li .bgskew::after,
.lnk-btn .bgskew::after {
	content: url(../../image/hsw/renewal2023/right-arrow-red.png);
	position: absolute;
	right: 20px;
	top: 22px;
	transition: 0.3s;
}
.lnk-btn .bgskew:hover::after {
	content: url(../../image/hsw/renewal2023/right-arrow-white.png);
}
@media screen and (max-width: 1304px) {
	#BrandingImageSlider>li .btn:nth-of-type(1){
		margin-right: 24px;

	}
	/* .ProductWrap .ProductList .Accordion{
		width: 100% !important;
	} */
	.ProductWrap .ProductList .AccordionTrigger span{
		font-size: 106%;
	}
}
@media screen and (max-width: 994px) {
#BrandingImageSlider .TopBrandingButton-wrap{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	left: 0;
}
#BrandingImageSlider>li .btn {
	width: 46%;
	margin-right:0;
	box-sizing: border-box;
	padding: 0 30px 0 10px;
}
#BrandingImageSlider>li .bgskew::before{
	content: none;
}
}
/* @media screen and (max-width: 767px) {
#BrandingImageSlider>li .bgskew::before{
	content: '';
	position: absolute;
	top: -158px;
	left: -80vw;
	background: #b1000e;
	height: 350px;
	width: 350px;
	transform: rotateX(60deg) rotateZ(45deg) translate(50px);
}
#BrandingImageSlider>li .bgskew:active::before, .lnk-btn .bgskew:active::before{
	animation: skewanime .5s forwards;
}
} */
@media screen and (max-width: 579px) {
	#BrandingImageSlider .TopBrandingButton-wrap{
		bottom: 20px;
	}
	#BrandingImageSlider li dl{
		top:23vw;
		
	}
	#BrandingImageSlider li dl dt{
		font-size: 5.5vw;
    line-height: 1.3;
	}
	#BrandingImageSlider>li .btn{
		width: 75%;
		height: 10vw;
	}
	#BrandingImageSlider>li .bgskew::before{
		content: none;
	}
}
@media screen and (max-width: 400px) {
#BrandingImageSlider>li .btn{
width: 90%;
}
}

.lnk-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 96px;
}

.lnk-btn a {
	width: 470px;
	height: 60px;
	position: relative;
	overflow: hidden;
	line-height: 1.2;
	/*?{?^????`??*/
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	
	/* ?{?[?_?[??F????? */
	border-left: 4px solid #b1000e;
	padding:0 40px 0 10px;
	text-align: left;
	outline: none;
	/*?A?j???[?V??????w??*/
	transition: ease .2s;
	font-size: 113%;
	background-color: #fff;
	margin-right: 36px;
	box-shadow:0 4px 19px #aaa;
}
.lnk-btn a:nth-last-of-type(1){
	margin-right: 0;
}
.lnk-btn a:hover{
	background-color: #b1000e;
}

@media screen and (max-width: 994px) {
	#BrandingImageSlider>li .btn{
		font-size: 94%;
	}

	.lnk-btn{
		width: 100%;
		display: block;
		text-align: center;
		margin:0 auto 60px;
		}
	.lnk-btn .bgskew::before{
		content:none;
	}
	.lnk-btn a{
		margin: 0 20% 24px;
			width:60%;
			font-size: 94%;
			box-sizing: border-box;
	}
	
	/* .lnk-btn a:nth-of-type(1){
		margin-right: auto;
	}	 */
	.new2023 .SearchArea{
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	.new2023 .SearchArea form{
		margin-bottom: 60px;
	}
	.lnk-btn a:nth-last-of-type(1){
			margin-right: 27%;
		}
}
@media screen and (max-width: 767px) {
.lnk-btn a{
	margin: 0 10% 24px;
		width:80%;
}
.lnk-btn a br.HideTablet{
	display: none;
}
}
@media screen and (max-width: 579px) {
	#BrandingImageSlider .TopBrandingButton-wrap{
		display: block;
	}
	#BrandingImageSlider .TopBrandingButton-wrap a{
		margin-bottom: 16px;
		font-size: 90%;
	}
	#BrandingImageSlider>li .bgskew::after, .lnk-btn .bgskew::after,
	#BrandingImageSlider>li .bgskew:hover::after, .lnk-btn .bgskew:hover::after{
		top:inherit;
	}
	#BrandingImageWrap{
		margin-bottom: 60px;
	}
	.h2-wrap{
		width: 94%;
		margin: 0 auto 40px;
	}
	.h2-wrap .inner .en{
		font-size: 3vw;
	}
	.h2-wrap .inner h2{
		font-size: 5vw;
		font-weight: bold;
	}
	.lnk-btn a{
		width: 75%;
		height:14vw;
		margin: 0 auto 24px;
		font-size:90%;
	}
	.lnk-btn .bgskew::before{
		content: none;
	}
	.lnk-btn a::before:hover{
		color: #b1000e;
	}
	.lnk-btn a:nth-last-of-type(1){
		margin-right: auto;
	}
}
@media screen and (max-width: 400px) {
	.lnk-btn a{
		width: 90%;
    height: auto;
    margin: 0 auto 24px;
    font-size: 90%;
    padding: 5vw 8vw 5vw 3vw;
	}
}

.TopBrandingImgArea .bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	z-index: 1;
}

.TopBrandingImgArea .bx-wrapper .bx-pager,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -25px;
	width: 100%;
}

.TopBrandingImgArea .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('../../js/renewal2023/css/bx_loader.gif') center center no-repeat #ffffff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.TopBrandingImgArea .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.TopBrandingImgArea .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.TopBrandingImgArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.TopBrandingImgArea .bx-wrapper .bx-pager.bx-default-pager a.active,
.TopBrandingImgArea .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #b1000e;
}

.TopBrandingImgArea .bx-wrapper .bx-pager-item,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	/* zoom: 1;
	display: inline; */
}

.TopBrandingImgArea .bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}

.TopBrandingImgArea .bx-wrapper .bx-controls-auto {
	text-align: center;
}

.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('../../js/renewal2023/css/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
}

.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-start:hover,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-start.active,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
}

.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('../../js/renewal2023/css/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
}

.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-stop:hover,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-stop.active,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position: -86px -33px;
}

.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	left: 45%;
	width: 51%;
}

.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	left: 0;
	width: 45%;
	text-align: right;
}

.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a {
	text-align: left;
}


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

	.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		left: 43%;
		width: 51%;
	}

	.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
		width: 43%;
	}
}

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

	.TopBrandingImgArea .bx-wrapper .bx-viewport {
		height: 400px;
	}

	.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		left: 39%;
		width: 51%;
	}

	.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
		width: 39%;
	}
}


@media screen and (max-width: 579px) {
	.TopBrandingImages>li {
		height: 270px;
	}

	.TopBrandingImgArea .bx-wrapper .bx-viewport {
		height: 500px;
	}
}

@media screen and (max-width: 399px) {
	.TopBrandingImgArea .bx-wrapper .bx-viewport {
		height: 380px !important;
	}

	.TopBrandingTextSet.NonBanner .TopBrandingCopy {
		margin-bottom: 68px;
	}

	.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		left: 37%;
		width: 51%;
	}

	.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
		width: 37%;
	}
}

@media screen and (max-width: 320px) {
	.TopBrandingImages li {
		height: 290px;
	}

	.TopBrandingImgArea .bx-wrapper .bx-viewport {
		height: 290px !important;
	}

	.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		left: 35%;
		width: 51%;
	}

	.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
		width: 35%;
	}
}

.new2023 h3 {
	text-align: center;
	font-size: 175%;
	margin-bottom: 50px;
	font-weight: normal;
}

.new2023 .ProductWrap .ProductList>li {
	width: 400px;
	height: auto;
	margin-right: calc(45px / 2);
	margin-bottom: 36px;

}

.new2023 .ProductWrap .ProductList .AccordionTrigger {
	height: 240px;
	min-height: 240px !important;
}

.new2023 .ProductWrap .ProductList>li:nth-of-type(3n) {
	margin-right: 0;
}

.new2023 .ContentsWidth {
	width: 1275px;
	box-sizing: border-box;
}
.new2023 .BrandingArea .ContentsWidth{
	padding-left:15px;
	padding-right:15px;
}
.new2023 .BrandingArea .h2-wrap{
	padding-top: 35px;
	background-color:#e5e5e5;
	margin-bottom: 0;
}
.new2023 .BrandingArea .h2-wrap .inner h2{
	background-image: url(../../image/hsw/renewal2023/h2-under-gray.png);
}
.new2023 .BrandingArea .lnk-btn{
	padding: 20px 15px 40px;
	background-color:#e5e5e5;
	box-sizing: border-box;
	margin-bottom: 64px;
}
.new2023 .BrandingArea .lnk-btn a span{
	color: #333;
}
.new2023 .BrandingArea .lnk-btn a:hover span{
	color: #fff;
}
@media screen and (max-width: 1304px) {
	.new2023 .BrandingArea .h2-wrap{
		padding-left: 15px;
    padding-right: 15px;
		box-sizing: border-box;
	}
	.ProductWrap .ProductList{
		justify-content: space-between;
	}
.new2023 .ContentsWidth{
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
.new2023 .ProductWrap .ProductList>li{
	width: 32.5%;
	/* height: 21vw; */
	margin-right:0;
	margin-bottom: 20px;
}

.new2023 .ProductWrap .ProductList .AccordionTrigger{
	height: 24vw;
	min-height: 24vw !important;
}
.new2023 h3{
	font-size: 150%;
}
}
@media screen and (max-width: 767px) {
	.new2023 h3 {
		font-size: 150%;
	}
	.new2023 .ProductWrap .ProductList>li{
		width: 48%;
	}
	.ProductWrap .ProductList .AccordionTrigger span{
		font-size: 2.5vw;
	}
	
}
@media screen and (max-width: 767px) {
	/* .new2023 .ProductWrap .ProductList>li{
		height: 27vw;
	} */
.new2023 .ProductWrap .ProductList .AccordionTrigger{
	height: 27vw;
}
}
@media screen and (max-width: 579px) {
	.new2023 .BrandingArea .h2-wrap{
		width: 100%;
	}
	.new2023 .BrandingArea .h2-wrap .inner h2{
		font-weight: normal;
		font-size: 175%;

	}
	.new2023 h3 {
		font-size: 5vw;
	}
	.ProductWrap .ProductList{
		display: block;
	}
	.new2023 .ProductWrap .ProductList .AccordionTrigger{
		height: 54vw;
		max-height: inherit !important; 
	}
	
	.new2023 .ProductWrap .ProductList>li{
		width: 100%;
			/* height: 54vw; */
	}
	.ProductWrap .ProductList .AccordionTrigger span{
		font-size: 100%;
	}
	

}

.new2023 .ProductWrap .ProductList>li.Product01>.AccordionTrigger {
	background-image: url(../../image/hsw/renewal2023/keyword01.jpg);
}

.new2023 .ProductWrap .ProductList>li.Product02>.AccordionTrigger {
	background-image: url(../../image/hsw/renewal2023/keyword02.jpg);
}

.new2023 .ProductWrap .ProductList>li.Product03>.AccordionTrigger {
	background-image: url(../../image/hsw/renewal2023/keyword03.jpg);
}

.new2023 .ProductWrap .ProductList>li.Product04>.AccordionTrigger {
	background-image: url(../../image/hsw/renewal2023/keyword04.jpg);
}

.new2023 .ProductWrap .ProductList>li.Product05>.AccordionTrigger {
	background-image: url(../../image/hsw/renewal2023/keyword05.jpg);
}

.new2023 .ProductWrap .ProductList>li.Product06>.AccordionTrigger {
	background-image: url(../../image/hsw/renewal2023/keyword06.jpg);
}

.new2023 .ProductWrap .ProductList>li.Product07>.AccordionTrigger {
	background-image: url(../../image/hsw/renewal2023/keyword07.jpg);
}

.new2023 .ProductWrap .ProductList>li.Product08>.AccordionTrigger {
	background-image: url(../../image/hsw/renewal2023/keyword08.jpg);
}

.new2023 .ProductWrap .ProductList>li.Product09>.AccordionTrigger {
	background-image: url(../../image/hsw/renewal2023/keyword09.jpg);
	display: block;
	border: none;
}

.new2023 .ProductWrap .ProductList>li.Product09>.AccordionTrigger span {
	visibility: inherit;
}
.new2023 .ProductWrap .ProductList>li>.AccordionTrigger span{
	background-image: url(../../image/hsw/renewal2023/icon-keyword-arrow.png);
	background-position: 95% center;
	background-repeat: no-repeat;
}

.new2023 .ProductWrap .ProductList .Accordion .AccordionInner {
	max-width: 1275px;
	padding: 20px 80px;
}

.new2023 .SearchArea form {
	max-width: 680px;
	border: 6px solid #e9e9e9;
	margin-bottom: 100px;
}

.new2023 .SearchArea form input#Keyword {
	width: 620px;
	height:90px;
	border-radius: 0;
	border-color: #bfbfbf;
}
.new2023 .SearchArea form input#Keyword ::placeholder{
	font-size: 125%;
}

.new2023 .SearchArea form input#SubmitBtn {
	border-radius: 0;
	background-image: url(../../image/hsw/renewal2023/icon_search.png);
	width: 60px;
	height:90px;
	padding: 0;
	border-color: #bfbfbf;
}
@media screen and (max-width: 767px) {
	.new2023 .SearchArea form input#Keyword{
		width: 80%;
	}
	.new2023 .SearchArea form input#SubmitBtn {
		width: 20%;
	}
}
@media screen and (max-width: 579px) {
.new2023 .SearchArea form{
	margin-bottom: 60px;
}
.new2023 .SearchArea form input#SubmitBtn{
	background-size: 20px 20px;
}
}



.new2023 .CaseArea {
	margin-bottom: 100px;
}

.new2023 .CaseArea .box a{
	width: 1275px;
	margin: 0 auto 48px;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}

.new2023 .CaseArea .box .image {
	width: 600px;
	height: 320px;
	overflow: hidden;
}
.new2023 .CaseArea .box a .image img{
	transition: 0.6s;
	width: 600px;
	height: 320px;
	object-fit: cover;
}
.new2023 .CaseArea .box a:hover{
	background-color: #fef2f4;
}
.new2023 .CaseArea .box a:hover .image img{
	transform: scale(1.05);
}
.new2023 .CaseArea .box .txt {
	width: 675px;
	padding:20px 20px 20px 0;
}
.new2023 .CaseArea .box .txt p{
	color: #333;
}
.new2023 .CaseArea .box .txt p.title {
	font-size: 138%;

	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 32px;
	padding-left: 40px;
	background-image: url(../../image/hsw/renewal2023/case-title-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.new2023 .CaseArea .box .txt p span {
	font-size: 113%;
	color: #b1000e;
	display: block;
	margin-bottom: 16px;
	padding-left: 0;
	font-weight: bold;
}

.new2023 .CaseArea .box .txt p {
	font-size: 88%;
	margin-bottom: 24px;
	padding-left: 40px;
}

.new2023 .CaseArea .box .txt span {
	color: #b1000e;
	font-size: 88%;
	padding-left: 40px;
	text-decoration: none;
}
.new2023 .CaseArea .box a:hover .txt span{
	text-decoration: underline;
}
.new2023 .CaseArea .box a:hover .txt p span{
	text-decoration: none;

}

.new2023 .CaseArea .box .txt span img {
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}

.new2023 .CaseArea .for-list {
	text-align: center;
}

.new2023 .CaseArea .for-list a {
	width: 240px;
    height: 50px;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    background-color: #444;   
    box-sizing: border-box;
		padding: 0 20px;
    text-align: left;
    outline: none;
    transition: ease .2s;
    font-size: 100%;
    /* box-shadow: 0 4px 19px #aaa;
    -webkit-box-shadow: 0 4px 19px #aaa;
    -moz-box-shadow: 0 4px 19px #aaa; */
    border-radius: 10px;
    border: none;

}
.new2023 .CaseArea .for-list a span {
	position: relative;
	color: #fff;
}

.new2023 .CaseArea .for-list a:hover span {
	color: #fff;
}
.new2023 .CaseArea .bgskew::after {
	content: url(../../image/hsw/renewal2023/icon-arrow-right-white.png);
	position: absolute;
	right: 20px;
	top: 17px;
	transition: 0.3s;
}
.new2023 .CaseArea .bgskew:hover{
	background: #b1000e;
}
@media screen and (max-width: 1304px) {
	.new2023 .CaseArea{
		padding: 0 15px;
	}
	.new2023  .h2-wrap .inner{
		width: 100%;
		margin: 0 auto;	
	}
	.new2023 .CaseArea .box a{
		width:100%;
		margin: 0 auto 48px;
	}
	.new2023 .CaseArea .box .image{
		width: 50%;
		height: auto;
	}
	.new2023 .CaseArea .box .image img{
		width: 100%;
		height: auto;
	}
	.new2023 .CaseArea .box .txt{
		width: 50%;
	}
	.new2023 .CaseArea .box .txt p.title,
	.new2023 .CaseArea .box .txt p,
	.new2023 .CaseArea .box .txt span{
		padding-left: 4%;
	}
	.new2023 .Grid4{
		width: 100%;
		margin: 0 auto;	

	}
}
/* @media screen and (max-width: 994px) {
.new2023 .CaseArea .for-list a{
	width: 360px;
	font-size: 94%;
}
} */
@media screen and (max-width: 994px) {
	.new2023 .CaseArea .for-list a{
		width: 46%;
		font-size: 94%;
		box-sizing: border-box;
	}
	.new2023 .CaseArea .for-list a::before{
		content: none;
	}
	.new2023 .CaseArea .for-list a:hover span{
		color: #fff;
	}
	}
@media screen and (max-width: 767px) {
	.new2023 .CaseArea .box a{
		display: block;
	}
	.new2023 .CaseArea .box a:hover{
		background-color: inherit;
	}
	.new2023 .CaseArea .box .image{
		width: 100%;
		margin-bottom: 24px;
	}
	.JS .new2023 #Contents .CaseArea .box .image img{
		width: 100%;
		height: auto;
	}
	.JS .new2023 #Contents .CaseArea .box .txt{
		width: 100%;
		padding: 0;
	}
	.new2023 .CaseArea .box .txt p.title,
	.new2023 .CaseArea .box .txt p,
	.new2023 .CaseArea .box .txt span{
		padding-left: 0;
	}

.new2023 .CaseArea .box .txt p.title{
	font-size:110%;
	margin-bottom: 24px;
}
.new2023 .CaseArea .box .txt p span{
	font-size:110%;
}
}
@media screen and (max-width: 579px) {
.new2023 .CaseArea{
	margin-bottom: 100px;
}
.new2023 .CaseArea .h2-wrap .inner h2{
	font-weight: normal;
	font-size: 175%;

}
.new2023 .CaseArea .for-list a{
	width: 75%;
	height: 10vw;
	font-size:90%;
	box-sizing: border-box;
}
.new2023 .CaseArea .bgskew::after{
	top:inherit;
	right: 10px;
}
.new2023 .CaseArea .bgskew:hover::after{
	top:inherit;
}
}
@media screen and (max-width: 400px) {
.new2023 .CaseArea .for-list a{
	width: 90%;
}
}

.new2023 .EventArea {
	margin-bottom: 100px;
}

.new2023 .EventArea .box a{
	width: 1125px;
	margin: 0 auto 48px;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}
.new2023 .EventArea .box a:hover{
	background-color: #fef2f4;
}
.new2023 .EventArea .box .image {
	width: 460px;
	height: 280px;
	overflow: hidden;
}
.new2023 .EventArea .box a .image img{
	transition: 0.6s;

}
.new2023 .EventArea .box a:hover .image img{
transform:scale(1.05);
}

.new2023 .EventArea .box .txt {
	width: 665px;
	padding-bottom: 16px;
}
.new2023 .EventArea .box .txt p{
	color: #333;
}
.new2023 .EventArea .box .txt .date-wrap {
	padding: 15px 40px;
	background-color: #eee;
	font-size: 88%;
	color: #666;
	font-weight: bold;
	margin-bottom: 16px;
}

.new2023 .EventArea .box .txt .date-wrap span.cat {
	padding: 10px 20px;
	background-color: #595959;
	color: #fff;
	margin-right: 20px;
}

.new2023 .EventArea .box .txt p.title {
	font-size: 113%;
	border-left: 4px solid #b1000e;
	color: #333;
	font-weight: bold;
	margin-bottom: 8px;
	padding-left: 10px;
	margin-left: 40px;
	
}

.new2023 .EventArea .box .txt p span {
	font-size: 113%;
	color: #b1000e;
	display: block;
	margin-bottom: 16px;
}

.new2023 .EventArea .box .txt p {
	font-size: 88%;
	margin-bottom: 24px;
	padding-left: 40px;
	padding-right: 20px;
}

.new2023 .EventArea .box .txt span {
	color: #b1000e;
	font-size: 88%;
	padding-left: 40px;
	text-decoration: none;
}
.new2023 .EventArea .box .txt span.date {
	font-size: 88%;
	text-decoration: none;
	padding-left: 0;
	color: #666;
}

.new2023 .EventArea .box a:hover .txt span{
	text-decoration: underline;
}
.new2023 .EventArea .box a:hover .txt .date-wrap	span{
	text-decoration: none;
}

.new2023 .EventArea .box .txt span img {
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}

.new2023 .EventArea .for-list {
	text-align: center;
}

.new2023 .EventArea .for-list a {
	width: 240px;
    height: 50px;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    background-color: #444;
		box-sizing: border-box;  
		padding: 0 20px;
    text-align: left;
    outline: none;
    transition: ease .2s;
    font-size: 100%;
    /* box-shadow: 0 4px 19px #aaa;
    -webkit-box-shadow: 0 4px 19px #aaa;
    -moz-box-shadow: 0 4px 19px #aaa; */
    border-radius: 10px;
    border: none;

}
.new2023 .EventArea .for-list a span {
	position: relative;
	color: #fff;
}

.new2023 .EventArea .for-list a:hover span {
	color: #fff;
}
.new2023 .EventArea .bgskew::after {
	content: url(../../image/hsw/renewal2023/icon-arrow-right-white.png);
	position: absolute;
	right: 20px;
	top: 17px;
	transition: 0.3s;
}
.new2023 .EventArea .bgskew:hover{
	background: #b1000e;
}
.JS .new2023 .DateListStyle2.InformationList{
	cursor:inherit;
}
@media screen and (max-width: 1304px) {
.new2023 .EventArea{
		padding: 0 15px;
	}
.new2023 .EventArea .box a{
	width: 100%;
	margin: 0 auto 60px;

}
.new2023 .EventArea .box .image{
	width: 50%;
	height: auto;
}
.new2023 .EventArea .box .image img{
	width: 100%;
	height: auto;
}
.new2023 .EventArea .box .txt{
	width: 50%;
}
.new2023 .EventArea .box .txt span{
	padding-left: 4%;
}
.new2023 .EventArea .box .txt .date-wrap{
	padding: 2%;
	
}
.new2023 .EventArea .box .txt .date-wrap span.cat{
	padding:1% 2%;
	background-color: #595959;
	color: #fff;
	margin-right: 2%;
	width: 30%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}
.new2023 .EventArea .box .txt .date-wrap span.date{
	width: 100%;
}
.new2023 .EventArea .box .txt p.title{
	margin-left: 4%;
}
.new2023 .EventArea .box .txt p{
	margin-left: 4%;
	padding-left: 0;
	padding-right: 2%;
}

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

	.JS .new2023 .ContentsWidth{
		width:100%;
	}
	.new2023 .EventArea .for-list a{
		width: 46%;
		font-size: 100%;
		box-sizing: border-box;
	}
	.new2023 .EventArea .for-list a::before{
		content: none;
	}
	}
@media screen and (max-width: 767px) {
	.new2023 .EventArea .box .txt span{
		padding-left: 0;
	}
	.new2023 .EventArea .box a{
		display: block;
	}
	.new2023 .EventArea .box a:hover{
		background-color: inherit;
	}
	.new2023 .EventArea .box .image{
		width: 100%;
		margin-bottom: 24px;
	}
	.new2023 .EventArea .box .image img{
		width: 100%;
		height: auto;
	}
	.new2023 .EventArea .box .txt{
		width: 100%;
	}
.new2023 .EventArea .box .txt p.title{
	font-size:110%;
	margin-bottom: 24px;
}
.new2023 .EventArea .box .txt p{
	font-size: 88%;
}
.new2023 .EventArea .for-list a span{
	font-size: 94%;
}
.new2023 .EventArea .bgskew::before{
	content: none;
}
.new2023 .EventArea .box .txt p.title,
.new2023 .EventArea .box .txt p{
	margin-left: 0;
}
.JS .DateListStyle2.InformationList dt{
	height: auto;
}

.new2023 .DateListStyle2.InformationList dt span{
	margin: 0 0 16px;
}
.new2023 .Grid4{
	width: 100%;
}
.JS .new2023 .ContentsWidth{
	width: 100%;
	/* padding-left:0;
	padding-right:0; */
}
}
@media screen and (max-width: 579px) {
.new2023 .EventArea{
	margin-bottom: 100px;
}
.new2023 .EventArea .h2-wrap .inner h2{
	font-weight: normal;
	font-size: 175%;

}
.new2023 .EventArea .for-list a{
	width: 75%;
	height: 10vw;
	font-size:90%;
	box-sizing: border-box;
}
.new2023 .EventArea .bgskew::after{
	top:inherit;
	right: 10px;
}
/* .new2023 .EventArea .box .txt p.title, .new2023 .EventArea .box .txt p, .new2023 .EventArea .box .txt span{
	padding-left: 0;
} */
}
@media screen and (max-width: 400px) {
	.new2023 .EventArea .for-list a{
		width: 90%;
	}
	}

/* Modal Window for YouTube
=========================================================================================== */

#ModalYouTubeCover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 100;
}

#ModalYouTube {
	display: none;
	position: absolute;
	padding: 50px;
	z-index: 102;
}

#ModalYouTube .Inner {
	position: relative;
	background-color: #000;
	box-shadow: 0 0 35px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .4);
	-ms-box-shadow: 0 0 35px rgba(0, 0, 0, .4);
}

#ModalYouTube iframe {
	display: block;
	width: 100%;
}

#ModalYouTube .Title {
	height: 50px;
	background-color: #f2f2f2;
	overflow: hidden;
}

#ModalYouTube .Title p {
	display: table-cell;
	height: 50px;
	padding: 0 80px 0 20px;
	vertical-align: middle;
	font-size: 90%;
	font-weight: bold;
	line-height: 130%;
	color: #575757;
}

#ModalYouTube .BtnClose {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 130%;
}

#ModalYouTube .BtnClose a {
	display: table-cell;
	min-width: 50px;
	height: 30px;
	padding: 20px 5px 0;
	font-size: 76%;
	text-align: center;
	background-image: url(../../../image/jp/r1/icon/icon_close_hd.gif);
	background-position: center 7px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	vertical-align: middle;
}

#ModalYouTube .BtnClose a:link,
#ModalYouTube .BtnClose a:visited {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}

#ModalYouTube .BtnClose a:hover,
#ModalYouTube .BtnClose a:active {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}

.ImgOnlyStyle .ModalYouTubeLink {

	position: relative;
	display: inline-block;
}

.ImgOnlyStyle .ModalYouTubeLink:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	background-color: #b1000e;
	opacity: .5;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.ImgOnlyStyle .ModalYouTubeLink:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 36px;
	height: 36px;
	top: 50%;
	left: 50%;
	margin: -18px 0 0 -18px;
	background-color: #b1000e;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.PC .ImgOnlyStyle .ModalYouTubeLink:hover:before,
.PC .ImgOnlyStyle .ModalYouTubeLink:active:before,
.PC .ImgOnlyStyle .ModalYouTubeLink:hover:after,
.PC .ImgOnlyStyle .ModalYouTubeLink:active:after {
	background-color: #b1000e;
}

.ImgOnlyStyle .ModalYouTubeLink span {
	position: relative;
	display: block;
}

.ImgOnlyStyle .ModalYouTubeLink span:after {
	content: "";
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -3px;
	border-left: solid 9px #fff;
	border-top: solid 9px transparent;
	border-bottom: solid 9px transparent;
}

.new2023 .movie-wrap {
	width: 1275px;
	margin: 0 auto 100px;
	display: flex;
	justify-content: space-between;
}

.new2023 .movie-wrap .box {
	width: 600px;

}

.new2023 .movie-wrap .box p.ImgOnlyStyle,
.new2023 .movie-wrap .box p.ImgOnlyStyle img {
	margin-bottom: 0;

}

.movie-wrap .box .txt {
	padding: 20px 40px;
	background-color: #f2f2f2;
	text-align: center;
	flex-grow: 1;
}

.new2023 .movie-wrap .box .txt p.title {
	font-size: 113%;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

.new2023 .movie-wrap .box .txt p {
	text-align: left;
}

.new2023 .InformationArea {
	background-color: inherit;
}
@media screen and (max-width: 1304px) {
	.new2023 .MovieArea{
		width: 100%;
		margin: 0 auto 60px;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;

	}
	.new2023 .movie-wrap{
		width: 100%;
	}
	.new2023 .movie-wrap .box{
		width: 48%;
		height: auto;
		display: flex;
    flex-flow: column;
	}
	.new2023 .movie-wrap .box img{
		width: 100%;
		height: auto;

	}

}
@media screen and (max-width: 767px) {
	.new2023 .movie-wrap{
		display: block;
	}
	.new2023 .movie-wrap .box{
		width: 100%;
		margin-bottom: 40px;
	}
	.new2023 .movie-wrap .box:nth-last-of-type(1){
		margin-bottom: 0;
	}
	.new2023 .movie-wrap .ImgOnlyStyle .ModalYouTubeLink{
		display: block;
	}
}
@media screen and (max-width: 579px) {
	.new2023 .MovieArea .h2-wrap .inner h2{
		font-weight: normal;
		font-size: 175%;
	
	}
}



.new2023 .DateListStyle2.InformationList dt span {
	display: inline-block;
	width: 10em;
	margin-left: 1.5em;
	padding: 0.4em 0.3em 0.3em;
	text-align: center;
	vertical-align: 5%;
	font-size: 90%;
	color: #b1000e;
	border: 1px solid #b1000e;
	background-color: #fff !important;
}
.DateListStyle2.InformationList dd{
	pointer-events: none;
}

.DateListStyle2.InformationList a {
	color: #333;
	text-decoration: none;
	pointer-events: auto;
}
.DateListStyle2.InformationList dd:hover{
	background-color: #f2f2f2;
}

.DateListStyle2.InformationList a:hover {
	color: #b1000e;
	text-decoration: underline;
}

.new2023 .DateListStyle2.InformationList dt {
	color: #333 !important;
}

.new2023 .DateListStyle2.InformationList a:hover dd {
	background-color: #f2f2f2;
}

.btn-area {
	width: 1275px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-area p a {
	text-decoration: none;
	color: #333;
}

.btn-area p a:hover {
	text-decoration: underline;
	color: #b1000e;
}

.btn-area p a img {
	display: inline-block;
	vertical-align: baseline;
	margin-left: 10px;
}

.btn-area a.btn {
	width: 300px;
    height: 50px;
		box-sizing: border-box;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    background-color: #444;   
    padding: 0 20px;
    text-align: left;
    outline: none;
    transition: ease .2s;
    font-size: 100%;
    /* box-shadow: 0 4px 19px #aaa;
    -webkit-box-shadow: 0 4px 19px #aaa;
    -moz-box-shadow: 0 4px 19px #aaa; */
    border-radius: 10px;
    border: none;

}
.btn-area a.btn span {
	position: relative;
	color: #fff;
}

.btn-area a.btn:hover span {
	color: #fff;
}
.btn-area a.btn::after {
	content: url(../../image/hsw/renewal2023/icon-arrow-right-white.png);
	position: absolute;
	right: 20px;
	top: 17px;
	transition: 0.3s;
}
.btn-area a.btn:hover{
	background: #b1000e;
}

@media screen and (max-width: 1304px) {
	.btn-area{
	width: 100%;
	margin: 0 auto;
	}
	
	/* .btn-area a.btn.bgskew::before{	
		top: -183px;
    left: -220%;
    height: 400px;
    width: 400px;
	} */
}
/* @media screen and (max-width:1100px) {

	.btn-area a.btn{
		width: 340px;
    height: 68px;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border-left: 4px solid #b1000e;
    padding: 0 10px;
    text-align: left;
    outline: none;
    transition: ease .2s;
    font-size: 113%;
    background-color: #fff;
    box-shadow: 0 4px 19px #aaa;
    -webkit-box-shadow: 0 4px 19px #aaa;
    -moz-box-shadow: 0 4px 19px #aaa;
	}
} */
/* @media screen and (max-width:1000px) {
.btn-area a.btn{
	width: 360px;
	font-size: 94%;
}
} */
@media screen and (max-width:994px) {
	.btn-area{
		width: 100%;
		display: block;
		text-align: center;
		}
		.btn-area p{
			margin-bottom: 24px;
			text-align: center;
		}	

	.btn-area a.btn{
		width: 46%;
		font-size: 94%;
		box-sizing: border-box;
	}
	.btn-area a.btn.bgskew::before{
		content: none;
	}
	}
@media screen and (max-width:579px) {
	.btn-area a.btn{
		width: 75%;
    height: 10vw;
    font-size: 90%;
    box-sizing: border-box;
	}
	.btn-area p{
		font-size: 88%;
	}
	.btn-area a.btn.bgskew::after{
		top:inherit;
		right: 10px;
	}
	/* .new2023 .EventArea .bgskew:hover::after{
		top:inherit;
	} */
	.btn-area a.btn.bgskew:hover::after{
		top:inherit;
	}

}
@media screen and (max-width:400px) {
.btn-area a.btn{
	width: 90%;
}
}
.new2023 .ft-bnr {
	margin-bottom: 24px;
	padding: 40px 15px;
	box-sizing: border-box;
	background-color:#e5e5e5;
}
.new2023 .ft-bnr .ContentsWidth{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0;
}

/* .new2023 .ft-bnr ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
} */

.new2023 .ft-bnr ul li {
	width: 400px;
}

.new2023 .ft-bnr ul li p,
.new2023 .ft-bnr ul li p img {
	margin-bottom: 0;
}

.new2023 .ft-bnr ul li a {
	text-decoration: none;
}

.new2023 .ft-bnr ul li p.title {
	margin-bottom: 0;
	border-left: 4px solid #b1000e;
	padding: 5px 20px;
	font-size: 113%;
	font-weight: bold;
	color: #fff;
	background-color: #333;
	background-image: url(../../image/hsw/renewal2023/right-arrow-white.png);
	background-repeat: no-repeat;
	background-position: 90% center;
}

.new2023 .ft-bnr ul li a:hover p.title {
	text-decoration: none;
	background-color: rgba(51,51,51,0.6);
}

.new2023 .InformationArea {
	margin-bottom: 100px;
	padding-left: 15px;
	padding-right: 15px;
}
.new2023 .ProductWrap .ProductList .Accordion .AccordionInner .Section{
	width: 100%;
}
ul.LinkListStyle1 li.no-arrow a:link,
ul.LinkListStyle1 li.no-arrow a:visited{
	background-image: none;
}
@media screen and (max-width: 994px) {
.ProductWrap .ProductList .Accordion{
	width: 100vw !important;
}
}
@media screen and (max-width: 579px) {
.new2023 .InformationArea .h2-wrap .inner h2{
	font-weight: normal;
	font-size: 175%;
}
.ProductWrap .ProductList .Accordion{
	width: inherit !important;
}
.new2023 .ProductWrap .ProductList .Accordion .AccordionInner{
	padding: 5%;
}
}
@media screen and (max-width: 1304px) {
	.new2023 .InformationArea{
		padding: 0 15px;
		margin-bottom: 80px;
	}
	.new2023 .ft-bnr ul li {
		width: 32%;
	}
	.new2023 .ft-bnr ul li a img{
		width:100%;
		height: auto;
		margin-bottom: 0;
	}

}
@media screen and (max-width: 767px) {
	.JS .new2023 .DateListStyle2.InformationList dd{
		padding-top: 53px !important;
	}
	.new2023 .ft-bnr{
		margin-bottom: 0;
	}
		.new2023 .ft-bnr ul{
			flex-wrap: wrap;
		}

	.new2023 .ft-bnr ul li{
		width:48.8%;
		margin: 0 0 32px 16px;
		max-width: inherit;
	}
	.new2023 .ft-bnr ul li p.title{
		font-size: 100%;
		padding: 10px 20px;
	}
	.new2023 .ProductWrap .ProductList .Accordion .AccordionInner .Section .ResponsiveLinkListStyle ul.LinkListStyle1 li a{
		font-size: 98%;
	}

	/* .new2023 .Accordion.ProductAccordion03{
		margin-left: 0 !important;

	} */
}
.JS .new2023 .BannerList {
	display: flex;
	justify-content: center;
	margin-left: 0;
}
.JS .new2023 .BannerList li{
	margin-left: 0;
	margin-right: 16px;
}
.JS .new2023 .BannerList li:nth-last-of-type(1){
margin-right: 0;
}
@media screen and (max-width: 1304px) {
	.JS .new2023 .BannerList{
	justify-content:space-between;
	}
	.JS .new2023 .BannerList li{
		margin-right: 0;
	}
		.JS .new2023 .BannerList:after{
			content: none;
		}
}
@media screen and (max-width: 767px) {
.JS .new2023 .BannerList li:nth-last-of-type(1){
	margin-bottom: 0;
}
}
@media screen and (max-width: 579px) {
	.JS .new2023 .BannerList li{
	float: none;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.JS .new2023 .BannerList li:nth-last-of-type(1){
	margin-right: auto;
	}
}
/* ?????????????�\�����[�V���� */
.new2023 #bigdataCaseFilter{
	margin-bottom: 60px;
}
.new2023 #bigdataCaseFilter .CheckBoxArea,
.new2023 .CheckBoxArea.freeword{	
	width: 92%;
	margin-bottom: 10px;
}
.new2023 #bigdataCaseFilter .CheckBoxArea p.cap{
text-align: right;
font-size: 80%;
margin-bottom: 10px;
}
.new2023 #bigdataCaseFilter .CheckBoxArea .wrap .box{
	display: flex;
}
.new2023 #bigdataCaseFilter .CheckBoxArea .wrap{
	width:82%;
	display: table-cell;
}
.new2023 #bigdataCaseFilter .Legend{
	width:18%;
	background-color: inherit;
	color: #333;
	font-size:138%;
}
.new2023 .contentsWidth{
	max-width: 1275px;
	box-sizing: border-box;
}
.new2023 .contentsWidth #bigdataCaseFilter .box{
	margin-bottom: 30px;
}
.new2023 .contentsWidth #bigdataCaseFilter .box:nth-last-of-type(1){
	margin-bottom: 0;
}
.new2023 .contentsWidth #bigdataCaseFilter .box .Legend{
	background-color: #f2f2f2;
	width:22%;
	margin-right:1%;
	font-size: 113%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.new2023 .contentsWidth #bigdataCaseFilter .box .Button{
	width:78%;

	
}
.new2023 .contentsWidth #bigdataCaseFilter .Button{
	background-color: inherit;
}
.new2023 .contentsWidth #bigdataCaseFilter .box .CheckAreaSet{
	padding: 0;
	display: inherit;
}
.new2023 .contentsWidth #bigdataCaseFilter .CheckArea{
	width: calc(98% / 3);
	margin:0 1% 8px 0;
	
}
.new2023 .contentsWidth #bigdataCaseFilter .CheckArea label{
	display: flex;
	align-items: center;
	padding: 0 2% 0 4%;
    width: calc(94% - 2px);
    height: 45px;
	position: relative;
	z-index: 5;
	border: 1px solid #959595;
	color: #111;
	background-color: #ffffff;
	border-radius:0;
	cursor: pointer;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
	line-height: 1.1;
	font-size: 90%;
}

.new2023 .contentsWidth #bigdataCaseFilter .CheckAreaSet .CheckArea:nth-last-of-type(1),
.new2023 .contentsWidth #bigdataCaseFilter .CheckAreaSet .CheckArea:nth-last-of-type(2),
.new2023 .contentsWidth #bigdataCaseFilter .CheckAreaSet .CheckArea:nth-last-of-type(3){
	margin-bottom: 0;

}
.new2023 .contentsWidth #bigdataCaseFilter .CheckArea:nth-of-type(3n){
	margin-right: 0;
}
.new2023 .contentsWidth #bigdataCaseFilter .CheckArea input:hover + label,
.new2023 .contentsWidth #bigdataCaseFilter .CheckArea input:active + label {
	color: #ffffff;
	background-color: #b1000e;
	border-color: #b1000e;
}
.new2023 .contentsWidth #bigdataCaseFilter .CheckArea input.checked + label,
.SP .new2023 .contentsWidth #bigdataCaseFilter .CheckArea input.checked + label {
	color: #ffffff;
	background-color: #b1000e;
	border-color: #b1000e;
	position: relative;
}
.new2023 .contentsWidth #bigdataCaseFilter .CheckArea input.checked + label::after,
.SP .new2023 .contentsWidth #bigdataCaseFilter .CheckArea input.checked + label::after{
content: "";
display: block;
width: 18px;
height: 14px;
background-image: url(../../image/hsw/renewal2023/icon-check-solid.svg);
position: absolute;
right: 10px;
top:16px;

}
.new2023 .contentsWidth #bigdataCaseFilter .CheckBoxArea:after{
	content: none;
}
.new2023 #Contents .CaseList .CaseListFlex{
	width: 1275px;
	justify-content:flex-start;
	padding: 0 calc(15px - 1%);
	box-sizing: border-box;
}
/* .new2023 #Contents .CaseList .CaseListFlex.hidden .show:nth-of-type(n+3) {
		display: none !important;
} */
/* .new2023 #Contents .CaseList .CaseListFlex .show.after{
	display: none !important;

} */
.ContentInner .more{
	text-align: center;
	margin: 40px auto;

}
.ContentInner .more button{
	width: 240px;
    height: 50px;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
		background-color: #444;
		color: #fff;
		box-sizing: border-box;
    padding: 0 20px;
    text-align: left;
    outline: none;
    transition: ease .2s;
    font-size: 100%;
    /* box-shadow: 0 4px 19px #aaa;
    -webkit-box-shadow: 0 4px 19px #aaa;
    -moz-box-shadow: 0 4px 19px #aaa; */
		border-radius: 10px;
		border: none;
}
.ContentInner .more button::after{
content: url(../../image/hsw/renewal2023/icon-arrow-right-white.png);
position: absolute;
right: 20px;
top: 15px;
transition: 0.3s;
transform: rotate(90deg);
}
.ContentInner .more button:hover{
	background: #b1000e;
}
	
.new2023 #bigdataCaseFilter .ResetButtonArea{
	display: none;
	padding: 0;
	width: 92%;
}
.new2023 #bigdataCaseFilter input[type="reset"]{
	padding: 5px 60px 5px 15px;
	background-image: url(../../image/hsw/renewal2023/icon-cross-solid.svg);
	background-size: 18px 18px;
	background-position: 93% center;
	background-repeat: no-repeat;
	

}
/* .new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText{
	width: 36%;
} */
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent{
	width: calc(94% / 3);
	margin: 0 1% 2%;
	
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText{
	width: 100%;
	box-sizing: border-box;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div{
	display: block;
	background-color: #f5f5f5;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div:hover{
	background-color: #fef2f4;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock{
	width: 100%;
	height: 14vw;
	margin-bottom: 20px;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText h2{
	font-size: 113%;
	font-weight: bold;
	padding-left: 10px;
	border-left: 2px solid #b1000e;
	line-height: 1.2;
	margin-bottom: 20px;
	padding-top: 3px;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText h2::after{
	content: none;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText p.txt{
	font-size: 88%;
	margin-bottom: 24px;
	color: #333;
	
}
.new2023 #Contents .CaseList{
	background-color: #FFF;
	margin-top: 0;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Label{
	margin-bottom: 60px;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Label li{
	border-radius: 0;
	background-color: #fff;
	border: none;
	font-size: 82%;
	color: #666;
	font-weight: bold;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText_InfoButton{
	text-align: center;
	position: absolute;
	bottom: 26px;
	left: 50%;
	transform: translateX(-50%);	
	display: flex;
	align-items: center;
	color: #b1000e;
	line-height: 1;
}
/* .new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText_InfoButton a{
height: auto;
color: #b1000e;
background: inherit;
padding: 0;
border-right: none;
align-items: center;
line-height: 1;
} */
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div a:hover .CaseListContentText_InfoButton{
	text-decoration: underline;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText_InfoButton img{
	margin-left: 8px;
}
#Contents .CaseList .CaseListFlex .CaseListContent a{
	background: inherit;
	justify-content: center;
	display: block;
}
@media screen and (max-width: 1274px) {
.new2023 #Contents .CaseList .CaseListFlex{
	width: 100%;
}
.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock{
	height: 19vw;
}
.new2023 .contentsWidth #bigdataCaseFilter .CheckArea label{
	font-size: 1.25vw;
}
}
@media screen and (max-width: 994px) {
	.new2023 .Seminar .contentsWidth{
		width: 100%;
		padding: 0;
	}
	.new2023 #Contents .CaseList .CaseListFlex{
		padding: 0;
	}
	.new2023 #bigdataCaseFilter .CheckBoxArea{
		width: 100%;
	}
	.new2023 #bigdataCaseFilter .ResetButtonArea{
		width: 100%;
	}
	.new2023 #Contents .CaseList .CaseListFlex .CaseListContent{
		width:49%;
    margin: 0 0 4%;
	}
	.new2023 #Contents .CaseList .CaseListFlex{
		justify-content: space-between;
	}
	.JS .new2023 h2, .JS .new2023 .LV1LinkSet{
		margin: 0 0 5%;
	}
	.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock{
		height: 26vw;
	}
	.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Label{
		margin-bottom: 54px;
	}
	.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText{
		padding: 2% 4%;
	}
	.new2023 #bigdataCaseFilter .CheckBoxArea > .Legend{
		display: table-header-group;		
	}
	.new2023 #bigdataCaseFilter .CheckBoxArea .wrap .box{
		flex-wrap: wrap;
	}
	.new2023 .contentsWidth #bigdataCaseFilter .box .Legend{
		width: 100%;
		padding: 2%;
		margin-right: 0;
	}

	.new2023 .contentsWidth #bigdataCaseFilter .box .Button{
		width: 100%;
		margin-top: 16px;
	}
	/* .new2023 #bigdataCaseFilter .CheckBoxArea .wrap .box:nth-of-type(1){
		margin-top: 24px;
	} */
	.new2023 .contentsWidth #bigdataCaseFilter .CheckArea{
		width: calc(99% / 2);
		margin-right: 1%;
	}
	.new2023 .contentsWidth #bigdataCaseFilter .CheckArea:nth-of-type(3n){
		margin-right: 1%;
	}
	.new2023 .contentsWidth #bigdataCaseFilter .CheckArea:nth-of-type(2n){
		margin-right: 0;
	}
	.new2023 .contentsWidth #bigdataCaseFilter .CheckArea label{
		font-size: 86%;
	}
	.new2023 .contentsWidth #bigdataCaseFilter .CheckArea label br.HideTablet{
		display: none;
	}
	.new2023 #bigdataCaseFilter .Legend{
		font-size: 130%;
	}
	.new2023 .contentsWidth #bigdataCaseFilter .box .Legend{
		font-size: 110%;
	}
	.new2023 .contentsWidth #bigdataCaseFilter .CheckAreaSet .CheckArea:nth-last-of-type(1), .new2023 .contentsWidth #bigdataCaseFilter .CheckAreaSet .CheckArea:nth-last-of-type(2), .new2023 .contentsWidth #bigdataCaseFilter .CheckAreaSet .CheckArea:nth-last-of-type(3){
		margin-bottom: 8px;
	}
	}	
	@media screen and (max-width: 767px) {
		.new2023 #bigdataCaseFilter .CheckBoxArea>.Legend:nth-of-type(1){
			width: 100%;
			display: table-caption;
			margin-bottom: 24px;

		}
		.new2023 .contentsWidth #bigdataCaseFilter .CheckArea label{
		padding: 0 14% 0 4%;
		width: calc(82% - 2px);
		}

	}
	@media screen and (max-width: 579px) {
		.new2023 #Contents .CaseList .CaseListFlex .CaseListContent{
			width:100%;
		}
		.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock{
			height: 55vw;
		}
		.new2023 #Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Label{
			margin-bottom: 40px;
		}
		.new2023 #Contents .CaseList .CaseListFlex .CaseListContent{
			margin-bottom: 40px;
		}
	}
	@media screen and (max-width: 399px) {
		.new2023 .contentsWidth #bigdataCaseFilter .CheckArea{
			width: 100%;
		}
		.new2023 .contentsWidth #bigdataCaseFilter .CheckAreaSet .CheckArea:nth-last-of-type(1),
.new2023 .contentsWidth #bigdataCaseFilter .CheckAreaSet .CheckArea:nth-last-of-type(2),
.new2023 .contentsWidth #bigdataCaseFilter .CheckAreaSet .CheckArea:nth-last-of-type(3){
	margin-bottom: 8px;

}
	}

	.freeword{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-top: 70px;

	}
	.freeword .Legend{
		width: 18%;
    background-color: inherit;
    color: #333;
    font-size: 138%;
	}
	.freeword .wrap{
		width: 82%;
	}
	/* SearchArea
=========================================================================================== */
.SearchArea .Section {
	padding: 0;
}
.SearchArea form {
	margin: auto;
	max-width: 515px;
	border-top-left-radius: 33px;
	border-bottom-left-radius: 33px;
	border-top-right-radius: 33px;
	border-bottom-right-radius: 33px;
}
.SearchArea form input#Keyword {
	float: left;
	display: block;
	width: 415px;
	height: 55px;
	padding-left: 20px;
	text-align: left;
	font-size: 110%;
	background-color: #fff;
	border: 2px solid #cccccc;
	border-right-style: none;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.SearchArea form input#Keyword:focus {
	outline: none;
}
.SearchArea form input#SubmitBtn {
	float: left;
	display: block;
	width: 100px;
	height: 55px;
	padding: 3px 5px 0 60px;
	text-align: left;
	font-size: 110%;
	background-image: url("/image/hsw/renewal/top/icon_search.png");
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid #cccccc;
	border-left: none;
	background-color: #fff;

	border-top-right-radius: 33px;
	border-bottom-right-radius: 33px;
	box-sizing: border-box;
	cursor: pointer;
}
.SearchArea form input#SubmitBtn:hover,
.SearchArea form input#SubmitBtn:active {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
}
.new2023 .freeword .SearchArea form {
	max-width: 680px;
	border: 6px solid #e9e9e9;
	margin: 0;
	border-top-right-radius: 33px;
	border-bottom-right-radius: 33px;
}

.new2023 .SearchArea form input#Keyword {
	width: 620px;
	height:55px;
	border-radius: 0;
	border-color: #bfbfbf;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
}
.new2023 .SearchArea form input#Keyword ::placeholder{
	font-size: 125%;
}

.new2023 .SearchArea form input#SubmitBtn {
	border-radius: 0;
	background-image: url(../../image/hsw/renewal2023/icon_search.png);
	width: 60px;
	height:55px;
	padding: 0;
	border-color: #bfbfbf;
	border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
@media screen and (max-width: 1274px) {
.freeword .Legend{
	font-size: 125%;
}
}
@media screen and (max-width: 994px) {
	.new2023 .CheckBoxArea.freeword{
		width: 100%;
	}
.new2023 .freeword.CheckBoxArea > .Legend{
	display: table-header-group;		
}
.freeword .Legend{
	width: 100%;
	font-size: 130%;
	margin-bottom: 24px;
	text-align: center;
}
.freeword .wrap{
	width: 100%;
}
.new2023 .freeword .SearchArea{
	padding: 0;
}
.new2023 .freeword .SearchArea form{
	margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
	.new2023 .SearchArea form input#Keyword{
		width: 80%;
	}
	.new2023 .SearchArea form input#SubmitBtn {
		width: 20%;
	}
}
@media screen and (max-width: 579px) {
.new2023 .SearchArea form{
	margin-bottom: 60px;
}
.new2023 .SearchArea form input#SubmitBtn{
	background-size: 20px 20px;
}
}
.new2023 .counter{
	margin-top: 60px;
	display: none;
	text-align: center;
}
.new2023 .counter p{
	padding: 0 10px;
	display: inline-block;
	border-bottom: 2px solid #b1000e;
	font-size: 150%;
}
.new2023 .counter p span{
	font-size: 125%;
	vertical-align: top;
}








	@media screen and (max-width: 1024px) {
	.freeword .Legend{
    font-size: 120%;
	}
}