@charset "utf-8";
@media screen and (max-width : 768px){
/* ------------------------------------------------------------------------------------------
*
*
    /yorimichi/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */

#contents_area{
	position: relative;
	font-weight: 300;
}
#contents_area img{
	width: 100%;
}

.loading_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 20;
	background: #3E3C38;
}
.page-logo{
	position: absolute;
	top: calc( 50vh + (113px / 2));
	left: 50%;
	transform: translate(-50%, calc(-50% ));
	width: 37.33vw;
	z-index:21;
}
.page-logo.fixed{
	position: absolute;
	top: 164px;
	transform: translate(-50%, -50%);
}

#sound_btn{
	display: block;
	outline: none;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 4vw;
	width:17.6vw;
	height:8vw;
	background: url(../image/sound_btn_01_on.png) no-repeat;
	background-size: 100% auto;
	border:none;
	z-index: 100;
	transition: all 0.3s ease;
}
#sound_btn.is-fixed {
	position: fixed;
	top: 65px;
}
#sound_btn.is-active{
	background-image: url(../image/sound_btn_01_off.png);
}
#sound_btn.is-body{
	background-image: url(../image/sound_btn_03_on.png);
}
#sound_btn.is-body.is-active{
	background-image: url(../image/sound_btn_03_off.png);
}


/* hero */
/*
.hero{
	width: 100%;
	height: calc(100vh - 58px - 55px);
	position: relative;
	overflow: hidden;
}
.kv-slider{
	height: calc(100vh - 58px - 55px);
}
*/
.hero{
	width: 100%;
	position: relative;
	margin-top:-113px;
	height: 100vh;
	overflow: hidden;
}
.kv-slider{
	width: 100%;
	height: 100%;
}
.hero .slick-track {
	height:100vh;
}
.hero .kv_01,
.hero .kv_02,
.hero .kv_03{
	width: 100%;
	height: 100%;
}
.hero .kv_01 img,
.hero .kv_02 img,
.hero .kv_03 img{
	width: 100%;
	height: 100%;
	object-fit: cover;

}


.kv-slider .slick-dots{
	bottom:8vw;
}
.kv-slider .slick-dots li {
	margin: 0 2.667vw;
	width: 21.333vw;
 	height: 0.533vw;
	background: #fff;
}
.kv-slider .slick-dots li button {
	width: auto;
	height: auto;
	padding: 0;
}
.kv-slider .slick-dots li button::before {
	display: none;
}
.kv-slider .slick-dots li.slick-active::before {
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	background:#00bcab;
	position: absolute;
	display: block;
	content: "";
	-webkit-animation: 9s linear 0s infinite slide_meter;
			animation: 9s linear 0s infinite slide_meter;
}

.kv-slider .slick-dots li.slick-active.first::before {
	-webkit-animation: 9s linear 0s infinite slide_meter;
			animation: 9s linear 0s infinite slide_meter;
}

@-webkit-keyframes slide_meter {
	from {
	width: 0;
	}
	to {
	width: 100%;
	}
}
@keyframes slide_meter {
	from {
	width: 0;
	}
	to {
	width: 100%;
	}
}

/* content common  */
.bg_container{
	background: url(../image/white_noise_back.jpg) repeat;
	background-size: 100%;
	position: relative;
	top: -1px;
	z-index: 1;
}

/* section-intro */
.section-intro{
	color: #4E5553;
	padding-top: 20vw;
	padding-bottom: 28vw;
}
.section-intro .inner{
	width: 100%;
	margin: 0 auto;
}
.section-intro h3{
	font-size: 4.8vw;
	font-weight: 300;
	line-height: 1.38;
	letter-spacing: 0.06em;
	margin-bottom: 9.333vw;
}
.section-intro .text p{
	font-size: 3.467vw;
	line-height: 3.46;
	letter-spacing: 0.04em;
}
.section-intro picture {
	border-radius: 5px;
	display: block;
	overflow: hidden;
}

.section-intro .block_01{
	width: 74.667vw;
	margin: 0 auto 16vw;
	display: flex;
	flex-direction: column-reverse;
}
.section-intro .block_01 .image{
	width: 100%;
}
.section-intro .block_01 .image h2{
	width: 100%;
	margin-top: 17.5vw;
	margin-bottom: 8vw;
}
#contents_area .section-intro .block_01 .image h2 img {
	width: 74.67vw;
}
.section-intro .block_01 .text{
	width: 60vw;
	margin: 0 auto;
}
.section-intro .block_01 .text p{
	white-space: nowrap;
}
.section-intro .block_02{
	width: 85.333vw; /* sp_base */
	height:47.571vw;
	margin: 0 auto 42.667vw;
}
.section-intro .block_02 .figure {
	position: relative;
}
.section-intro .block_02 .figure .img._01{
	position: absolute;
	top: 0;
	left: 0;
	width: 17.018vw;
	height: 19.298vw;
}
.section-intro .block_02 .figure .img._02{
	position: absolute;
	top: 0;
	right: 0;
	width: 17vw;
	height: 19.298vw;
}
.section-intro .block_02 .figure .img._03{
	position: absolute;
	top: 0;
	left: 17.018vw;
	width: 57.018vw;
	height: 12.807vw;
}
.section-intro .block_02 .figure .img._04{
	position: absolute;
	top: 14.211vw;
	left: 17.018vw;
	width: 35.263vw;
	height: 27.018vw;
}
.section-intro .block_02 .figure .img._05{
	position: absolute;
	top:14.211vw;
	left: 52.281vw;
	width: 26vw;
	height: 16.842vw;
}
.section-intro .block_02 .figure .img._06{
	position: absolute;
	top: 28.421vw;
	left: 10.351vw;
	width: 24.035vw;
	height: 9.649vw;
}
.section-intro .block_02 .figure .img .box{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.section-intro .block_02 .figure .img .box img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#contents_area .section-intro .block_02 .figure .img._03 img {
	width: 57.018vw;
	position: absolute;
	top: 0;
}
#contents_area .section-intro .block_02 .figure .img._04 img {
	width: 35.263vw;
	position: absolute;
	top: 0;
}
#contents_area .section-intro .block_02 .figure .img._05 img {
	width: 24.035vw;
	position: absolute;
	top: 0;
}
.section-intro .block_02 .figure .img._01,
.section-intro .block_02 .figure .img._02,
.section-intro .block_02 .figure .img._06{
	opacity: 0;
	transition: opacity 1s;
}
.section-intro .block_02 .figure .img._01.is-active,
.section-intro .block_02 .figure .img._02.is-active,
.section-intro .block_02 .figure .img._06.is-active{
	opacity:1;
}
.section-intro .block_02 .figure .img._03 .box,
.section-intro .block_02 .figure .img._04 .box,
.section-intro .block_02 .figure .img._05 .box{
	width: 0%;
	transition: width 1s ease-in-out;
}
.section-intro .block_02 .figure .img._04 .box {
	transition-delay: 1s;
}
.section-intro .block_02 .figure .img._05 .box {
	transition-delay: 2s;
}
.section-intro .block_02 .figure .img._06,
.section-intro .block_02 .figure .img._06 .box {
	transition-delay: 3s;
}
.section-intro .block_02 .figure .img._03.is-active .box,
.section-intro .block_02 .figure .img._04.is-active .box,
.section-intro .block_02 .figure .img._05.is-active .box{
	width: 100%;
}

.section-intro .block_03{
	width: 100%;
	margin: 0 auto 14.667vw;
}
.section-intro .block_03 .wrap{
	width: 100%;
	position: relative;
}
.section-intro .block_03 .js-image{
	width: 100%;
	aspect-ratio: 750 / 468;
}
.section-intro .block_03 .joy-logo{
	position: absolute;
	top: -23vw;
	left: -2.333vw;
	width: 25vw;
	z-index: 11;
}
.section-intro .block_03 .word{
	position: absolute;
	top: -25.333vw;
	left: 23vw;
	width: 42.267vw;
	z-index: 11;
}
#contents_area .section-intro .block_03 .word img {
	width: 42.267vw;
}
.section-intro .block_04{
	width: 85.333vw;
	margin: 0 auto 13.333vw;
}
.section-intro .block_04 .image_01{
	width: 64vw;
	margin: 0 auto 10vw 0;
}
.section-intro .block_04 .image_02{
	width: 64vw;
	margin: 0 0 0 auto;
}
.section-intro .block_05{
	width: 100%;
	margin: 0 auto 13.333vw;
}
.section-intro .block_05 .js-image{
	aspect-ratio: 750 / 468;
}
.section-intro .block_06{
	width: 100%;
	margin: 0 auto 13.333vw;
}
.section-intro .block_06 .text{
	width:78.667vw;
	margin: 0 auto  13.333vw;
}
.section-intro .block_06 .text P{
	padding-left: 3vw;
}
.section-intro .block_06 .image{
	width: 100%;
}
.section-intro .block_06 .js-image{
	aspect-ratio: 640 / 460;
	border-radius: 0;
}
.section-intro .block_06 picture{
	border-radius: 0;
}
.section-intro .block_07{
	width: 85.333vw;
	margin: 0 auto 13.333vw;
}
.section-intro .block_07 .image_01{
	width: 74.667vw;
	aspect-ratio: 600 / 375;
	margin: 0 auto 6.667vw 0;
}
.section-intro .block_07 .image_02{
	width: 64vw;
	aspect-ratio: 480 / 300;
	margin: 0 0 0 auto;
}
.section-intro .block_08{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.section-intro .block_08 .text{
	width:78.667vw;
	margin: 0 auto 13.333vw;
}
.section-intro .block_08 .text p{
	padding-left: 2.666vw;
}
.section-intro .block_08 .js-image{
	width: 100%;
	aspect-ratio: 750 / 468;
	margin-bottom: 13.333vw;
}
.section-intro .block_09{
	width: 85.333vw;
	margin: 0 auto 13.333vw;
	display: flex;
	flex-direction: column;
}
.section-intro .block_09 .image_01,
.section-intro .block_09 .image_02,
.section-intro .block_09 .image_03{
	width: 53.333vw;
}
.section-intro .block_09 .image_01{
	margin: 0 auto 10vw 0;
}
.section-intro .block_09 .image_02{
	margin: 0 auto 10vw;
}
.section-intro .block_09 .image_03{
	margin: 0 0 0 auto;
}
.section-intro .block_10{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 75px;
}
.section-intro .block_10 .text{
	width:78.667vw;
	margin: 0 auto 13.333vw;
}
.section-intro .block_10 .text p{
	padding-left: 2.666vw;
}
.section-intro .block_10 .image{
	width: 100%;
}
.section-intro .block_10 .js-image {
	aspect-ratio: 750 / 468;
}
.section-intro .block_11{
	width: 100%;
}
.section-intro .block_11 .wrap{
	display: flex;
	justify-content: center;
	margin-bottom: 13.333vw;
}
.section-intro .block_11 .image_01{
	width: 42.667vw;
	margin-right: 4vw;
}
.section-intro .block_11 .image_02{
	width: 42.667vw;
}
.section-intro .block_11 .image_03{
	width: 64vw;
	margin: 0 auto 13.333vw;
	position: relative;
}
.section-intro .block_11 .image_03 .note{
	position: absolute;
	top: -4vw;
	right: -13.333vw;
	width: 11.2vw;
}
.section-intro .block_11 .image_04{
	width: 74.667vw;
	margin: 0 auto 10vw;
}
.section-intro .block_11 .word{
	width: 79.333vw;
	margin: 0 auto 0 13.333vw;
}
#contents_area .section-intro .block_11 .word img {
	width: 79.333vw;
}
/* section-show */
.section-show{
	width: 100%;
	background: rgba(76,84,82,0.2);
	padding-top: 4.667vw;
	position: relative;
	padding-bottom: 4vw;
	margin-bottom: 12vw;
}
.section-show-bottom {
	overflow: hidden;
}
.section-show-bottom-inner {
	position: absolute;
	left: 50%;
	bottom: -12vw;
	transform: translateX(-50%);
	width: 100%;
	height: 12vw;
}
.section-show-car {
	width: 7.65044vw;
}
.section-show::after{
	position: absolute;
	left: 50%;
	bottom: -12vw;
	content:'';
	transform: translateX(-50%);
	width: 100%;
	height: 12vw;
	background: url(../image/show_btm_bg_sp.png) center center no-repeat;
	background-size: 100% auto;
	z-index: -1;
}
.section-show .inner{
	width: 100%;
}
.section-show h2{
	text-align: left;
	width: 23.467vw;
	margin-left: 2.667vw;
	margin-bottom: 4.667vw;
}
.section-show .slider_wrap{
	width: 100%;
}
.section-show .show-slider{
	width: 100%;
}
.section-show .slider_item{
	width: 100%;
	aspect-ratio: 960 / 600;
}
.section-show .slider_item picture{
	width: 100%;
	height: 100%;
}
.section-show .slider_item picture img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.section-show .show-slider__thumb{
	width: 87vw;
	margin: 0 auto;
	padding: 4vw 0 8vw;
}
.section-show .show-slider__thumb .slick-track{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  	grid-template-rows: 7.467vw 7.467vw;
  	gap: 1.067vw;
}
.section-show .thumb_item{
	width: 7.467vw !important;
	position: relative;
}
.section-show .show-slider__thumb .slick-track::before,
.section-show .show-slider__thumb .slick-track::after{
	display: none;
}
.section-show .thumb_item::after{
	position: absolute;
	top: 0;
	left: 0;
	content:'';
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	transition: 0.3s;
}
.section-show .thumb_item.slick-current::after{
	content:none;
}
.section-show .thumb_item:nth-child(10),
.section-show .thumb_item:nth-child(20){
	margin-right: 0;
}

.section-show .thumb_item:nth-child(n+11){
	margin-bottom: 0;
}

.section-show .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 25px !important;
	height: 50px;
	opacity:0.7;
	z-index:10;
  }
  .section-show .prev-arrow{
	  left: -80px;
  }
  .section-show .next-arrow{
	  right: -80px;
  }

  /* section-point */
  .section-point{
	width: 100%;
	background: rgba(142,140,133,0.09);
	position: relative;
	margin-bottom: 200px;
  }
	.section-point-bottom-inner {
	position: absolute;
	left: 50%;
	bottom: -12vw;
	transform: translateX(-50%);
	width: 100%;
	height: 12vw;
}
.section-point-car {
	width: 7.65044vw;
}
.section-point::after{
	position: absolute;
	left: 50%;
	bottom: -12vw;
	content:'';
	transform: translateX(-50%);
	width: 100%;
	height: 12vw;
	background: url(../image/point_btm_bg_sp.png) center center no-repeat;
	background-size: 100% auto;
}

#spsp {
	fill: transparent;
	stroke-width: 2;
	stroke: transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#ppsp {
	fill: transparent;
	stroke-width: 2;
	stroke: transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

  .section-point .inner{
	width:85.333vw;
	margin: 0 auto;
  }
  .section-point h2{
	padding-top: 6.667vw;
	margin: 0 auto 5.333vw 0;
	width: 80vw;
  }
  .section-point .point{
	width: 100%;
	padding: 40px 0 35px;
	border-bottom: #CCCCCC solid 1px;
  }
  .section-point .point._01{
	padding-top: 0;
  }
	.section-point .point._02 .col.image video {
		width: 100%;
		height: auto;
		display: block;
	}
  .section-point .point._04{
	border-bottom: none;
  }
  .section-point .point .col.text{
	width: 100%;
  }
  .section-point .point .col.image{
	width: 100%;
	margin-top: 9.333vw;
  }
  .section-point .point .col.image img{
	border-radius: 8px;
  }
  .section-point .point .col.image video{
	border-radius: 8px;
  }
  .section-point .point._03 .col .swiper-slide .c-card__image{
	border: none;
  }
  .section-point .point._04 .col.image{
	width: 100%;
	margin-top: 4vw;
  }
  .section-point .point .col.text .wrap{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 8vw;
  }
  .section-point .point .col.text .no{
	margin-left: -3.333vw;
	width: 22.667vw;
	aspect-ratio: 1 / 1;
	border: #808080 solid 1px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  }
  .section-point .point .col.text .no span{
	display: block;
  }
  .section-point .point .col.text .no span.en{
	color: #444B49;
	font-size: 2.267vw;
	letter-spacing: 0.06em;
  }
  .section-point .point .col.text .no span.num{
	color: #444B49;
	font-size: 3.733vw;
	letter-spacing: 0.06em;
  }
  .section-point .point .col.text h3{
	margin-left: 5.333vw;
	color: #444B49;
	font-size: 4.533vw;
	font-weight: 300;
	line-height:1.76;
	letter-spacing: 0.08em;
  }
  .section-point .point .col.text p.text{
	padding-left: 6.667vw;
	color: #444B49;
	font-size: 3.467vw;
	line-height: 2.5;
	letter-spacing: 0.04em;
  }
  .section-point .point .col.text p.caution{
	margin-top: 4vw;
	padding-left: 6.667vw;
	color: #444B49;
	font-size:2.667vw;
	line-height: 1.5;
	letter-spacing: 0.06em;
	font-family: "HondaGlobalFontJP-Light", sans-serif;
  }

  /* section-joytime */
  .section-joytime{
	width: 100%;
	margin-bottom: 70px;
  }
  .section-joytime .inner{
	width:85.333vw;
	margin: 0 auto;
  }
  .section-joytime .row{
	display: flex;
	flex-direction: column-reverse;
  }
  .section-joytime .row .col.slide{
	width:100%;
  }
  .section-joytime .joytime-slider{
	width: 450px;
	height: 450px;
	margin: 0 0 0 auto;
	position: relative;
  }
  .section-joytime .joytime-slider::after{
	position: absolute;
	top: 0;
	left: 0;
	content:'';
	width: 100%;
	height: 100%;
	background: url(../image/jt_mask.png) no-repeat;
	background-size: contain;
	z-index: 100;
  }
  .section-joytime .slider_item{
	width: 100%;
  }
  .section-joytime .row .col.text{
	width: 100%;
	padding-top: 2.667vw;
  }
  .section-joytime .row .col.text h2{
	margin-left: 4vw;
	margin-bottom: 9.333vw;
	position: relative;
  }
  .section-joytime .row .col.text h2::after{
	position: absolute;
	top: -16vw;
	left: -6.667vw;
	content:'';
	width: 16vw;
	height: 16vw;
	background: url(../image/jt_tit_01.png) no-repeat;
	background-size: contain;
  }
  .section-joytime .row .col.text h2 span{
	display: block;
	width: 32vw;
  }
  .section-joytime .row .col.text p{
	padding-left:7.333vw;
	font-size: 26px;
	line-height: 3.46;
	letter-spacing: 0.04em;
  }

  /* section-interview */
  .section-interview{
	width: 100%;
  }
  .section-interview .inner{
	width: 85.333vw;
	margin: 0 auto;
  }
  .section-interview .content{
	padding: 5.333vw 0;
	border-top: #CCCCCC solid 2px;
  }
  .section-interview .content .wrap{
	display: flex;
	align-items: center;
	justify-content: flex-start;
  }
  .section-interview .content .photo{
	width: 16vw;
	height: 16vw;
  }
  .section-interview .content .photo img{
	border-radius: 100%;
  }
  .section-interview .content .text{
	width: 100%;
  }
  .section-interview .content:nth-child(1) h3{
	width: 72.4vw;
	margin: 0 auto 4vw;
  }
  .section-interview .content:nth-child(2) h3{
	width: 73.2vw;
	margin: 0 auto 4vw;
  }
  .section-interview .content:nth-child(3) h3{
	width: 72.8vw;
	margin: 0 auto 4vw;
  }
  .section-interview .content .name{
	margin-left: 2.667vw;
	font-size: 4vw;
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	line-height: 1.63;
	letter-spacing: 0.05em;
  }
  .section-interview .content .name span{
	font-size: 3.467vw;
	font-weight: normal;
  }
  .section-interview .content .btn{
	margin-top:  4vw;

  }
  .section-interview .content .btn a{
	color: #4E5553;
	display: block;
	width: 64vw;
	height: 10.133vw;
	border: #A9A9A9 solid 1px;
	font-size: 3.467vw;
	letter-spacing: 0.05em;
	line-height: 10.133vw;
	text-align: center;
	text-decoration: none;
	position: relative;
	padding-left: 5.333vw;
	transition: 0.3s;
	margin: 0 auto;
  }
  .section-interview .content .btn a::before{
	position: absolute;
	top: 50%;
	left: 5.333vw;
	content:'';
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #4E5553;
	border-style: solid;
  }
  .section-interview .content .btn a:hover{
	color: #fff;
	background: #A9A9A9;
  }
  .section-interview .content .btn a:hover::before{
	border-color: transparent transparent transparent #fff;
  }

 /* section-bottom */
 .section-bottom{
	margin-top: 21.333vw;
	width: 100%;
  }
  .section-bottom .inner{
	width: 85.333vw;
	margin: 0 auto;
  }
  .section-bottom .title{
	text-align: center;
	display: block;
	width: 46vw;
	color: #444B49;
	font-size: 4.133vw;
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	letter-spacing: 0.1em;
	line-height: 1.87;
	margin: 0 auto 6.667vw;
	position: relative;
  }
  .section-bottom .title::before{
	position: absolute;
	top: 50%;
	left: -10vw;
	transform: translateY(-50%);
	content:'';
	width: 10vw;
	height: 13.733vw;
	background: url(../image/btm_bg_01.png) no-repeat;
	background-size: contain;
  }
  .section-bottom .title::after{
	position: absolute;
	top: 50%;
	right:-10vw;
	transform: translateY(-50%);
	content:'';
	width: 10vw;
	height: 13.733vw;
	background: url(../image/btm_bg_02.png) no-repeat;
	background-size: contain;
  }
  .section-bottom .image{
	width: 34.133vw;
	margin: 0 auto 6.667vw;
  }
  .section-bottom .button_box{
	width: 74.667vw;
	margin: 0 auto;
  }
  .section-bottom .c-button + .c-button{
	margin-top: 4vw;
  }
  .section-bottom .c-button{
	background: #444b49;
  }
  .section-bottom .c-button:hover{
	color: #444b49;
	background-color: var(--color-light-gray);
  }
  .section-bottom .c-button.c-button-secondary{
	color: #444b49;
	border-color:#444b49;
	background: #fff;
  }
  .section-bottom .c-button.c-button-secondary:hover{
	background-color: var(--color-light-gray);
  }
  .section-bottom .c-list{
	color: #444b49;
	margin: 16vw auto 6.667vw;
  }
  .section-bottom .c-list a{
	text-decoration: underline;
  }


  .section-campaign{
	background: #FAF0E2;
	padding: 8vw 0;
	position: relative;
  }
  .section-campaign::after{
	position: absolute;
	top: 16.933vw;
	right: -34.133vw;
	content:'';
	width: 192vw;
	height: 73.067vw;
	background: url(../image/campaign_bg_sp.png) no-repeat;
	background-size: cover;
  }
  .section-campaign .inner{
	width: 100%;
	margin: 0 auto;
	padding: 0 8vw;
	position: relative;
	z-index: 1;
  }
  .section-campaign .col_left{
	width: 80vw;
	margin: 0 auto 8.8vw;
  }
  .section-campaign .col_right{
	width: 100%;
  }
  .section-campaign .col_right p{
	width: 100%;
	margin-bottom: 23px;
  }
  .section-campaign .col_right .thumb{
	width: 80vw;
	margin: 0 auto;
  }
  .section-campaign .col_right .thumb a{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: relative;
  }
  .section-campaign .col_right .thumb a::after{
	position: absolute;
	top: 50%;
	left: 50%;
	content:'';
	transform: translate(-50%, -50%);
	width: 13.333vw;
	height: 13.333vw;
	background: url(../image/icon_play.svg) no-repeat;
	background-size: contain;
	z-index: 1;
  }


/* ------------------------------------------------------------------------------------------
*
*
    END
*
*
------------------------------------------------------------------------------------------ */
}