@charset "utf-8";
@font-face {
	font-family: 'LGSmartLight';
	font-style: normal;
	font-weight: 300;
	src: url("fonts/LGSmartLight.eot");
	src: url("fonts/LGSmartLight.woff") format("woff"),
	url("fonts/LGSmartLight.ttf") format("truetype");
}

@font-face {
	font-family: 'LGSmartRegular';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/LGSmartRegular.eot");
	src: url("fonts/LGSmartRegular.woff") format("woff"),
	url("fonts/LGSmartRegular.ttf") format("truetype");
}
@font-face {
	font-family: 'LGSmartSemiBold';
	font-style: normal;
	font-weight: 700;
	src: url("fonts/LGSmartSemiBold.eot");
	src: url("fonts/LGSmartSemiBold.woff") format("woff"),
	url("fonts/LG Smart SemiBold.ttf") format("truetype");
}
@font-face {
	font-family: 'LGSmartBold';
	font-style: normal;
	font-weight: 800;
	src: url("fonts/LGSmartBold.eot");
	src: url("fonts/LGSmartBold.woff") format("woff"),
	url("fonts/LGSmartBold.ttf") format("truetype");
}

html, body {height:100%; }
body {font-size:1.6rem; font-size:16px; font-family:'LGSmartRegular','sans-serif', sans-serif; font-weight:400; line-height:1; color:#111; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button{margin:0;padding:0;}
/* 190917 start */
/* img {display:block; width:100%; height:auto; } */
/* 190917 end */
a {color:#000; text-decoration:none; }
a:hover, a:active, a:focus {text-decoration:none; }
.overflow-hidden, .noscroll {overflow-y:hidden; }
.hid{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;border:none}
li{list-style:none;}
/* ##################### COMMON ##################### */
.your-unique-class .pc{display:block;}
.your-unique-class .mb{display:none;}
/* 190927 start */
@-moz-document url-prefix() {
  .pc{display:inline;}
}
/* 190927 end */
.retention{position:relative;width:100%;}
.retention h1{display:none;}
.retention .con{position: relative;width:100%;padding:7% 0;text-align: center;color:#333;}
/* 190916 start */
.retention .con .container{max-width:1240px;width:100%;margin:0 auto;text-align: center;}
/* 190916 end */
.retention .con h2{font-family:"LGSmartSemiBold";font-size:2.6vw;}
.retention .con h3{font-family:"LGSmartBold";font-size:2vw;display: inline-block;padding:0 2%;position: relative;z-index:1;}
.retention .con h4{font-family:"LGSmartRegular";font-size:1.35vw;display:inline-block;padding:0% 2%;border-left:1px solid #959595;border-right:1px solid #959595; font-weight: 400;}
.retention .con p{font-family:"LGSmartRegular";font-size:1.25vw;line-height:1.3;}
.retention .con p strong{display:inline-block;margin: 0 0 2%;font-family:"LGSmartSemiBold";}
.retention .con p.big{font-family:"LGSmartSemiBold";font-size:1.56vw; font-weight: 600;}
.retention .con .disclaimer{font-family:"LGSmartLight";font-size:1vw;}
.retention .con1,.retention .con3{background:#f2f2f2;}
.retention .con2,.retention .con4{background:#fff;}
.retention .retention_Prevention{position: relative;}
.retention .retention_Prevention::after{display:block;content:" ";width:100%;height:1px;background: #d5d5d5;position: absolute;top:50%;transform: translateY(-50%);}

/* con1 */
.retention .con1{z-index:1;}
.retention .con1 p{margin:3% 0 3%;font-size:1.45vw;}
.retention .con1 img{position: absolute;bottom:-7%;width:auto;left:50%;transform:translateX(-50%);}
/* con2 */
.retention .con2 h2{margin:0 0 10%;}
.retention .con2 .retention_Prevention{margin: 0 0 5%;}
.retention .con2 .retention_Prevention h3{background: #fff;}
.retention .con2 p.big{margin:0 0 4%;}
.retention .con2 h4{margin:6% 0 2%;}
/* con3 */
.retention .con3 .retention_Prevention{margin: 0 0 5%;}
.retention .con3 h4{margin: 0 0 5%;}
.retention .con3 .retention_Prevention h3{background:#f2f2f2;}
.retention .con3 p.big.marginTop{margin: 13% 0 5%;}
.retention .con3 .disclaimer{margin:2% 0 4%;}
/* con4 */
.retention .con4 h2{margin: 0 0 3%;}
.retention .con4 h4{margin: 7% 0 3%;}
.retention .con4 .img_box{width:53vw;margin:8% auto 12%;}
.retention .con4 .img_box::after{display:block;content:" "; clear: both;}
.retention .con4 .img_box li{float:left;width:15.9vw;text-align: center;margin-right:5%;box-sizing: border-box;padding: 3.5% 1.5% 2%;box-shadow:3px 2px 25px #aaa;height:22vw;}
.retention .con4 .img_box li img{display:block;;width:80%;margin:0 auto;}
.retention .con4 .img_box li:last-child{margin:0;}
.retention .con4 .img_box li p{display:inline-block;font-size:1vw;margin:10% 0 0;text-align:left;}
.retention .con4 .disclaimer{margin:2% 0 4%;}


.historyBack{ position: fixed;width:180px;height:60px;border-radius:90px;bottom:8%;right:2%;overflow: hidden;box-shadow: 1px 2px 5px #999;z-index:2;}
.historyBack button{display:block;width:100%;height:100%;font-family:"LGSmartSemiBold";text-align:center;border:none;outline:none;font-size:1.2vw;cursor: pointer;}
.historyBack.color1 button{background: #333333;color:#fff;}
.historyBack.color2{border:1px solid #444;box-sizing: border-box;}
.historyBack.color2 button{background: #fff;color:#000;}

@media only screen and (max-width:768px) {
.pc{display:none;}
.mb{display:block;}

.retention .con h2{font-size:7.3vw;}
.retention .con h3{font-size:5.8vw}
.retention .con h4{font-size:4.5vw;line-height:1.4;}
.retention .con p{font-size:4.2vw;}
.retention .con p.big{font-size:4.6vw;font-family:"LGSmartBold"}
.retention .con .disclaimer{font-size:3.8vw}

.retention .con{padding:14% 0;}
.retention .con .container{width:90%;margin:0 auto;}
.retention .con1 img{width:15.6vw;bottom:-10%;}
.retention .con2 h4{margin:8% 0 4%;}
.retention .con3 p.big.marginTop{margin:13% 0 10%;}
.retention .con3 .disclaimer{margin: 5% 0 10%;}
.retention .con4 .img_box{margin:15% auto 15%;width:75vw;}
.retention .con4 .img_box li{float:none;width:100%;text-align: center;margin-right:0%;box-sizing: border-box;padding:9.5% 1.5% 2%;box-shadow:3px 2px 10px #aaa;height:82vw;margin:10% 0 0;}
.retention .con4 .img_box li img{display:block;;width:80%;margin:0 auto;}
.retention .con4 .img_box li:last-child{margin:6% 0 0;}
.retention .con4 .img_box li p{display:inline-block;font-size:4.4vw;margin:8% 0 0;text-align:center;}
.retention .con4 .disclaimer{margin:2% 0 4%;}

.historyBack{width:26.5vw;height:13vw;}
.historyBack button{font-size:4vw;}
}
@media only screen and (min-width:768px) {
	.retention .con h2{font-size:50px;}
	.retention .con h3{font-size:40px}
	.retention .con h4{font-size:26px}
	.retention .con p{font-size:24px;}
	.retention .con p.big{font-size:30px;}
	.retention .con .disclaimer{font-size:17px;}
	/* con1 */
	.retention .con1 p{margin:3% 0 3%;font-size:28px;}
	/* con4 */
	.retention .con4 .img_box{width:100%;}
	.retention .con4 .img_box li{max-height:380px;width:30%;height:100%;height:350px;}
	.retention .con4 .img_box li p{font-size:18px;}
}

@media only screen and (min-width:1680px) {
	.retention .con h2{font-size:50px;}
	.retention .con h3{font-size:40px}
	.retention .con h4{font-size:26px}
	.retention .con p{font-size:24px;}
	.retention .con p.big{font-size:30px;}
	.retention .con .disclaimer{font-size:17px}

	/* con1 */
	.retention .con1 p{margin:3% 0 3%;font-size:28px;}
	/* con4 */
	.retention .con4 .img_box li{max-height:380px}
	.retention .con4 .img_box li p{font-size:18px;}

	.historyBack{width:180px;height:60px;}
	.historyBack button{font-size:18px;}
}

/* 190916 start */
/* footer */
.wrapper .container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 1.29032%;
    text-align: left;
}
.wrapper .container {
    margin: 0 auto;
    text-align: left;
}
.mda-box, .wrapper .container {
    padding: 0 1.29032%;
    max-width: 1240px;
}

#appFooter .footer-content .container.web {
    display: block;
    word-wrap: break-word;
}
#appFooter .footer-content .five-column {
    position: relative;
}
#appFooter .footer-content .container {
    padding: 0 10px;
}
/* 190916 end */
/* 190917 start */
.banner-area .first-item img{margin-right:10px}
/* 190917 end */

/*  */