@charset "utf-8";
/***** MediaQuery *****/

/* Mobile+Tablet */
@media screen and (min-width : 320px) and (max-width : 600px) {
	#row4 .story p.divide {	top:15.5%; }
}
@media screen and (min-width : 601px) and (max-width : 1023px) {
	#row4 .story p.divide {	top:17.5%; }
}
@media (max-width: 1023px) {
	br.pc { display:inline; }
	#row4 { padding-bottom:100px; }
	#row4 .bg { height:365px }
	#row4 .inner p.tit { padding-top:245px; font-size:64px!important; line-height:65px; }
	#row4 .inner p.txt { font-size:24px!important; }
	#row4 .inner > dl > dt { font-size:20px!important; }
	#row4 .inner > dl > dd { font-size:20px!important; }
	/* #row4 .story:after { top:15.5%!important; } */
	#row4 .story img { width:100%; height:auto; }
	#row4 .story .top p:first-child { width:100%; }
	#row4 .story .top p+p { width:100%; margin-top:60px!important; text-align:center; }
	#row4 .story .top p+p img { width:70%; }
	#row4 .story .bot { overflow:inherit!important; margin-top:86px!important; }
	#row4 .story .bot > div { text-align:center; }
	#row4 .story .bot > div > p { margin-top:86px!important; margin-left:-16px; margin-right:-16px; }
}

/* PC */
@media (min-width: 1024px) {
	br.pc { display:block; }
	#row4 { padding-bottom:172px; }
	#row4 .bg { height:395px }
	#row4 .inner { margin-top:100px!important; }
	#row4 .inner p.tit { line-height:88px; padding-top:260px; }
	#row4 .story .inner { overflow:hidden; min-width:1248px; }
	#row4 .story .inner > div p+p { padding-left:144px; }
	#row4 .story .bot .txt { display:inline-block; padding-right:134px; /* float:left; */ text-align:center; vertical-align:middle; }
	#row4 .story .bot > div > p { display:inline-block; }
	#row4 .story .bot > div > p img { width:648px; height:auto; }
	#row4 .story .bot > div { float:right; }
	#row4 .story p.divide { top:28.5%; }
	#row4 .story .inner > div.top p img { width:616px; height:auto; }
	#row4 .story .inner > div.top p+p img { width:360px; height:auto; }
}

#row4 { position:relative; }
#row4 .bg { 
  background-image:url('../assets/img/bg_story_delete.png');
  z-index:0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#row4 .inner { z-index:1; position:relative; padding:0 16px; margin-top:40px; font-size:16px; }
#row4 .inner p.tit { padding-top:265px; font-size:88px; font-weight:bold; font-family: 'GmarketSans'; }
#row4 .inner p.txt { padding-top:80px; font-size:28px; font-family: 'GmarketSans'; }
#row4 .inner > dl > dt { padding-top:60px; font-weight:400; font-size:22px; }
#row4 .inner > dl > dd { padding-top:20px; font-weight:200; font-size:22px; }
#row4 .story { position:relative; margin-top:122px; }
#row4 .story .inner > div.top p { display:inline-block; }
/* #row4 .story:before { 
	content:"";
	background: #EBEBEB;
	position: absolute;
	left: 0;
	top:50%;
	margin-left:0px;
	height: 1px;
	width: 100%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
} */
#row4 .story p.divide { 
	z-index:-1;
    background: #EBEBEB;
	position: absolute;
	left: 0;
	/* top:28.5%; */
	margin-left:0px;
	height: 1px;
	width: 100%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%); }
#row4 .story .bot { overflow:hidden; width:100%; margin-top:123px; }
#row4 .story .bot strong { font-size:17px; font-family: 'GmarketSans'; font-weight:bold; }
#row4 .story .bot p { /* margin-top:20px; */ font-size:32px; font-family: 'GmarketSans'; font-weight:bold; text-transform:uppercase; }
#row4 .story .bot .txt p { margin-top:20px; }