@charset "utf-8";
body { background: #ffffff;}
.topMenuWrap { width:100%; height:78px; padding-top:20px; background:#ffffff; text-align:center; border-bottom:#d4d2d6 1px solid;}
.topMenuWrap.fixedHeader { position: fixed; top: 0; left: 0; right: 0; z-index: 10;}
.topMenuBox { max-width: 1200px; margin: 0 auto;}
.topMenuBox .logo { float:left; margin:0; width:190px; height:60px; position:inherit; left:auto; background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/sweetringlogo_2022.png) center center no-repeat; background-size:100% auto;}
.topMenuLeftBox { float: right; text-align: right;}
.topMenuLeftBox a { text-decoration: none; color: #666666; font-size: 16px; font-weight: 300; padding: 20px 0 0; display: inline-block; margin-right: 40px;}
a.applink { margin-left: 10px; padding: 0; margin-right: 0;} 
a.applink img { width:120px}

/* 18 years check
body.year18Box { background: #ffffff;}
.topmenu_login { width:100%; height:78px; padding-top:20px; background:#ffffff; text-align:center; border-bottom:#d4d2d6 1px solid;}
.topmenu_login .logo { float:none; margin:0 auto; width:190px; height:60px; position:inherit; left:auto; background: url(../images/topmenu/sweetringlogo_2022.png) center center no-repeat; background-size:92% auto;}

.jp2 .topmenu_login { height:60px; padding-top:3px;}
*/

.sectionBox { width:100%; font-weight:300; position: relative;}
.loginMain { height:550px; text-align:center; background-repeat: no-repeat; background-position: center; background-size:cover; position:relative; color: #ffffff; line-height:1.6em; }
.mainTopBox { position: absolute; bottom: 20px; width: 100%;}
.mainTopBox .subtitle { font-size:24px; margin-bottom:20px; text-shadow: 0px 0px 5px rgba(0,0,0,.5); font-weight:300; line-height: 1.5em; letter-spacing: 1px; }
.mainTopBox .subtitle .red { text-shadow: none;}
.mainTopBox a.button-FB { text-align:center; padding:10px 80px; min-width:200px; font-size:24px; font-weight:100; margin-bottom:20px; height:auto;}
.mainTopBox .subText { font-size:13px; text-shadow: 0px 0px 5px rgba(0,0,0,.8); letter-spacing: 1px;}
.mainTopBox .subText a { color: #ffffff; text-decoration: none;}
.mainTopBox .subLoginBtnBox { margin-bottom: 10px; margin-top: -10px;}
.mainTopBox .subLoginBtnBox a { color:#fbfbfb; text-shadow: 0px 0px 5px rgba(0,0,0,.8); }
.mainTopBox .subLoginBtnBox a:hover { color: #fbfbfb;}
.mainTopBox .subLogin { font-size:13px; text-shadow: 0px 0px 5px rgba(0,0,0,.5); letter-spacing: 1px;}
.mainTopJp { height: 200px; background-image: url(https://d1qivmt25zv8j1.cloudfront.net/images/ja_JP/index_jp/v2/mainText.png); background-position: top center; background-size: 760px auto; background-repeat: no-repeat;}

.mainTopBox.noLoginBtn { margin-bottom: 100px;}
.mainTopBox.noLoginBtn .subtitle { font-size: 32px;}
 
/*
.jp2 .loginMain h2 { padding-top:190px; margin-bottom:20px;}
.jp2 .loginMain h2 { visibility: hidden;}
.jp2 .loginMain h2.topText { visibility: visible; padding-top:330px;}
.jp2 .loginMain .loginSubTitle { font-size:12px; display: block;line-height: 1.3em;}
.jp2 .loginMain a.button-FB { margin-bottom: 5px;}
.jp2 .loginMain .buttonSub { color: #666666; font-size: 12px;}
.jp2 .loginMain .buttonSub a { color:#ff51a5;}


.fbLoginBtn { display:none;}
.fbLogin .fbLoginBtn { display:inline-block;}
.year18Box { line-height: 1.6em; color: #999999; font-size: 17px; margin-bottom: 25px; padding: 0 25px;}
.year18Box .red { color: #ff3333;}
.year18sub { color: #999999; margin-top: 17px; font-size: 17px; }
.year18sub a { color: #3399ff; }

.jp2 .loginMain .applink { position:absolute; bottom:0px; top:inherit; left:50%; padding: 0 0 20px; text-align:center; z-index:20; transform: translateX(-50%); width: 620px;}
.jp2 .loginMain .applink a { margin: 0 10px; display:inline-block;}
.jp2 .loginMain .applink img { width:auto; height:40px;}

.jp2 .loginMain .btnText { float: left; width: 40%; color: #666666;}
.jp2 .loginMain .downBtn { float: left; width: 50%;}

.jp2 .topTip { position:absolute; top:0; left:50%; margin-left:415px; z-index:10; }
.jp2 .topSale { position:absolute; top:0; left:0; z-index:10; width: 300px; }
.jp2 .topSale img { width: 100%;}
.jp2 .topPhone { position:absolute; bottom:30px; left:50%; margin-left:200px; z-index:1; }
*/

.bigNumberBox { padding: 0px 20px; max-width: 1200px; margin: 50px auto; text-align: center; }
.bigNumberTitle { font-size: 50px; margin-bottom: 30px; letter-spacing: 1px; font-weight: 400;}
.number { letter-spacing: 0;}
.bigNumberSub { font-size: 22px;}

.happyBox { padding: 0px 20px; max-width: 1200px; margin: 50px auto; text-align: center; display: flex; align-items: center; flex-wrap: wrap; flex-direction: row}
.happyCaseItem { width: 47%; border: solid 1px #dedede; border-radius: 6px; background: #ffffff; position: relative; box-shadow: 0 5px 10px rgba(166,166,166,.1); display: flex; align-items: center; margin: 0 1% 30px; -webkit-flex: none; flex: none; }
.labelTagD {}
.happyCasePic { width: 180px; height: 180px; background-position: center; background-size: cover;flex: none;}
.happyCaseInfo { padding: 20px; text-align: left;}
.happyCaseUser { font-size: 14px; margin-bottom: 5px; line-height: 1.6em;}
.happyCaseText { font-size: 17px; line-height: 1.6em;}

.bigSlideBox {
	position: relative;
    width: 100%;
	margin: 30px 0 0;
}
.bigSlideBox .slideItem {
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 600px;
    display: -webkit-flex;
    display: flex!important;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
	-webkit-justify-content: center;
    justify-content: center;
}
.bigSlide1 { background-repeat: no-repeat; background-position: center; background-size: cover}
.bigSlide2 { background-repeat: no-repeat; background-position: center; background-size: cover}
.bigSlide3 { background-repeat: no-repeat; background-position: center; background-size: cover}
.slideText { padding: 30px 30px 50px; text-align: center; background: #ffffff; box-sizing: border-box; box-shadow: 0px 2px 8px rgba(0,0,0,.2); min-width: 800px}
.slideTextTitle { font-size: 40px; margin-bottom: 10px; font-weight: 300; line-height: 1.3em;}
.slideTextSub { font-size: 18px; font-weight: 300; line-height: 1.6em;}
.slick-dots { bottom: 10px;}
.slick-prev, .slick-next {
	position: absolute;
    z-index: 101;
    top: 0;
    bottom: 0;
    -webkit-align-items: center;
    align-items: center;
    width: 200px;
    margin: auto;
    border: none;
    background: none;
    font-size: 0;
    cursor: pointer;
	height: 100%;
	justify-content: center;
	-webkit-transform: none; 
    -ms-transform: none;
    transform: none;
	display: flex;
}
.slick-prev { left: 0;}
.slick-prev:before {
    width: 64px;
    height: 64px;
    content: '';
    border-radius: 64px;
    opacity: 0;
    transition: 250ms color linear, 250ms opacity linear;
	left: 0;
    display: block;
}
.slick-prev:hover::before {
	background: rgba(242, 242, 242, .45) url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/icon-arrow-l.svg) no-repeat center/10px 20px;
    opacity: 1;
}

.slick-next { right: 0;}
.slick-next:before {
    width: 64px;
    height: 64px;
    content: '';
    border-radius: 64px;
    opacity: 0;
    transition: 250ms color linear, 250ms opacity linear;
	right: 0;
    display: block;
}
.slick-next:hover::before {
	background: rgba(242, 242, 242, .45) url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/icon-arrow-r.svg) no-repeat center/10px 20px;
    opacity: 1;
}

/*function*/
.slideBox {
	position: relative;
    width: 100%;
	padding: 80px 0;
	background: #fafafa;
}

.sec1 { }
.sec2 { }
.sec3 { }
.container { width: 100%; max-width: 1200px; margin: 0 auto;}
.container .picBox {float: left; width: 50%;}
.textBox { float: left; width: 45%;}
.container .picBox.indexP1 { width:550px; height:550px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.container .picBox.indexP2 { width:550px; height:550px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.container .picBox.indexP3 { width:550px; height:550px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.sec1 .textBox { padding:150px 30px 0 60px;}
.sec2 .textBox { padding:150px 30px 0 60px;}
.sec3 .textBox { padding:150px 30px 0 60px;}
.container .textBox .toptitle { font-size: 24px; margin-bottom: 20px;}
.container .textBox .title { font-size:40px; margin-bottom:10px; line-height:1.3em; color: #65adb1;}
.container .textBox .con { font-size:18px; line-height:1.6em;}

.slick-dots { bottom: 20px;}
.slick-dots  li { width: 50px; height: 5px;}
.slick-dots li button { width: 50px; height: 5px;}
.slick-dots li button:before { width: 50px; height: 5px; font-size: 0; background: #bcd8da; }

/* date */
.dateNumBox { width:100%; max-width:1200px; margin:0 auto; padding: 100px 0;}
.dateNumBox ul li { float:left; width:31.333333%; margin: 0 1%; text-align: center; }
.dateNum { margin-bottom: 15px; color: #65adb1; font-size: 70px; font-weight: bold; text-align: center; font-family: Helvetica}
.dateTitle { font-size: 18px; line-height:1.6em; margin-bottom: 15px; font-weight: bold; padding: 0 70px; box-sizing: border-box;}
.dateText { font-size: 18px; line-height:1.6em; padding: 0 70px; box-sizing: border-box;}

/* safe */
.safeWrap { text-align:center; background: #e9f4f6; padding: 130px 0; }
.safeWrapTitle { font-size:40px; margin-bottom:100px; line-height:1.6em; color: #000000; font-weight: 400;}
.safeBox { width:100%; max-width:1200px; margin:0 auto; }
.safeBox ul li { float:left; width:31.333333%; margin: 0 1%; text-align: center; }
.safePic1 { width:250px; height:250px; margin:0 auto 30px; background-repeat: no-repeat; background-position: center; background-size:100% auto; border-radius: 100%;}
.safePic2 { width:250px; height:250px; margin:0 auto 30px; background-repeat: no-repeat; background-position: center; background-size:100% auto; border-radius: 100%;}
.safePic3 { width:250px; height:250px; margin:0 auto 30px; background-repeat: no-repeat; background-position: center; background-size:100% auto; border-radius: 100%;}
.safeTitle { font-size: 18px; line-height:1.6em; margin-bottom: 15px; font-weight: bold; box-sizing: border-box;}
.safeCon { font-size: 18px; line-height:1.6em; padding: 0 70px; box-sizing: border-box;}

/* step */
.stepWrap { text-align:center; background: #feedf1; padding: 130px 0 0; }
.stepWrapTitle { font-size:40px; margin-bottom:10px; line-height:1.6em; color: #000000; font-weight: 400;}
.stepWrapTitleSub { font-size:18px; margin-bottom:80px; line-height:1.6em; color: #000000; padding: 0 30px}
.stepBox { width:100%; max-width:1200px; margin:0 auto; }
.stepBox ul li { float:left; width:31.333333%; margin: 0 1%; text-align: center; }
.stepPic1 { width:100%; max-width: 340px; margin:0 auto; }
.stepPic2 { width:100%; max-width: 340px; margin:0 auto; }
.stepPic3 { width:100%; max-width: 340px; margin:0 auto; }
.stepPic1 img , .stepPic2 img , .stepPic3 img { width: 100%;}
.stepTitle { font-size: 60px; line-height:1.6em; margin-bottom: 0px; box-sizing: border-box; color: #f359a6; font-style:italic;}
.stepCon { font-size: 18px; line-height:1.6em; padding: 0 40px; box-sizing: border-box; margin-bottom: 10px; font-weight: 400; min-height: 4em; overflow: hidden;} 

@media screen and (max-width: 1280px) {
	*,
	*:before,
	*:after{
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	  -moz-box-sizing: border-box; /* Firefox, other Gecko */
	  box-sizing: border-box;
	  outline:none;
	  
	  -webkit-touch-callout: none;
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  -webkit-text-size-adjust: none; 
	  /*-webkit-user-select: none;*/
	}
	.topMenuBox { max-width: 940px; margin: 0 auto;}
	.topMenuWrap { height: 98px;}
	
	.loginMain a.button-FB { width:80%; max-width:400px; margin:0 auto 20px; padding:10px 20px; font-size:17px }
	
	.container .picBox.indexP1 { width:50%; height:500px; background-size:90% auto;}
	.container .picBox.indexP2 { width:50%; height:500px; background-size:90% auto;}
	.container .picBox.indexP3 { width:50%; height:500px; background-size:90% auto;}
	.sec1 .textBox { padding: 150px 30px 0 30px;}
	.sec2 .textBox { padding: 150px 30px 0 30px;}
	.sec3 .textBox { padding: 150px 30px 0 30px;}
	
	.dateNumBox { max-width: 940px;}
	.dateNum { font-size: 50px;}
	.dateText { padding: 0 40px;}
	
	.safeBox ul li { width: 29.33333%; margin: 0 2%;}
	.safeBox { max-width: 940px;}
	.safeCon { padding: 0 40px;}
	
	.stepBox { max-width: 940px;}
	.stepBox ul li { width: 29.33333%; margin: 0 2%;}
}

@media screen and (max-width:960px) {
	
	a.applink { display: none;}
	.loginMain .subtitle { font-size: 18px; margin-bottom: 10px; font-weight:400; letter-spacing: 2px;}
	.loginMain .subText { font-size:13px; width:80%; margin:0 auto; letter-spacing: 0; line-height: 1.3em; }
	.loginMain .subLogin { font-size:13px; width:80%; margin:0 auto; letter-spacing: 0 }
	
	.mainTopJp { height: 200px; background-image: url(https://d1qivmt25zv8j1.cloudfront.net/images/ja_JP/index_jp/v2/mainText.png); background-position: center center; background-size: 388px auto; background-repeat: no-repeat;}

	.bigNumberTitle { font-size: 40px; margin-bottom: 20px;}
	.happyCaseItem { width: 90%; margin: 0 auto 20px;}
	
	.widget_img .img { width: 80%; margin: 0 auto; text-align: center; max-width: 350px;}
	.labelTagD, .labelTagW { left: -8px;}
	.widget_info { text-align: center;}
	.widget_title_link { display: block; text-align: center;}
	
	.container .picBox.indexP1, .container .picBox.indexP2, .container .picBox.indexP3 { max-width:500px; width:90%; height:500px; margin:20px auto; float:none;}
	.toptitle { display: none;}
	.sec1 .textBox { float:none; width:80%; margin:0 auto; padding:0; text-align:center;}
	.sec2 .textBox { float:none; width:80%; margin:0 auto; padding:0; text-align:center;}
	.sec3 .textBox { float:none; width:80%; margin:0 auto; padding:0; text-align:center;}
	
	.slideText { min-width: 80%;}
	.bigSlideBox .slideItem { height: 350px;}
	
	.dateNumBox { margin: 0 auto; padding: 50px 0}
	.dateNumBox ul li { float: none; width: 90%; margin: 0 auto 50px;}
	
	.safeWrap { padding: 80px 0}
	.safeWrapTitle { margin-bottom: 50px;}
	.safeBox ul li { float:none; width:100%; margin:0 auto 30px; padding:0; text-align:center; clear:both; display: inline-block; vertical-align:middle; }
	.safePic1, .safePic2, .safePic3 { width:120px; height:120px; display:inline-block;  vertical-align:middle; margin:0 0 20px;}
	.safeCon { font-size:18px; text-align:center; width:80%; display:inline-block; vertical-align:middle;}
	
	.stepWrap { padding: 80px 0 0}
	.stepWrapTitleSub { margin-bottom: 0px;}
	.stepBox ul li { width: 80%; margin: 0 auto; float: none;}
	.stepTitle { margin-top: 30px;}
	.stepCon { height: auto; min-height:inherit; margin-bottom: 20px;}
	.stepPic1, .stepPic2, .stepPic3 { max-width: 250px; }
	
	
}

@media screen and (max-width:640px) {
	
	.topMenuWrap { padding-top: 10px; height: 78px;}
	.topMenuBox .logo { float: none; margin: 0 auto; width: 150px;}
	.topMenuLeftBox { display: none;}
	
	.loginMain { height: 400px;}
	.loginMain a.button-FB { margin-bottom: 10px; width: 50%; padding: 4px 20px;}
	.mainTopBox .subLoginBtnBox { margin-bottom: 10px; margin-top: 0px;}
	.loginMain .subText { font-size: 10px;}
	.loginMain .subLogin { font-size: 10px;}
	.mainTopBox.noLoginBtn { margin-bottom: 80px;}
	.mainTopBox.noLoginBtn .subtitle { font-size: 22px;}
	
	.bigNumberTitle { font-size: 22px; font-weight: 600;}
	.bigNumberSub { font-size: 14px}
	
	.happyBox { padding: 0 10px}
	.happyCaseItem { width: 98%; margin: 0 auto 20px;}
	.happyCasePic { width: 90px; height: 120px;}
	.happyCaseUser { font-size: 12px; margin-bottom: 2px; line-height: 1.6em;}
	.happyCaseText { font-size: 14px; line-height: 1.5em;}
	
	.labelTagD, .labelTagW { left: -5px;}
	.widget_img .img { width: 100%; margin: 0 auto; text-align: center; max-width: 350px; height: 140px;}
	.widget_title_link { font-size: 18px;}
	.slideText { width: 80%; margin-bottom: 20px;}
	.slideTextTitle { font-size: 22px; font-weight: 600;}
	.slideTextSub { font-size: 14px;}
	.bigSlideBox .slideItem { -webkit-justify-content: flex-end; justify-content: flex-end;}
	
	.slideBox {
		padding: 30px 0 80px;
	}
	
	.container .picBox.indexP1, .container .picBox.indexP2, .container .picBox.indexP3 { max-width:320px; width:100%; height:320px; margin:20px auto; float:none;}
	.container .textBox .title { font-size: 22px; font-weight: 600;}
	.container .textBox .con { font-size: 14px}
	
	.dateNum { font-size: 30px;}
	.dateTitle { margin-bottom: 5px; font-weight: 400;}
	.dateText { font-size: 14px}
	.stepPic1, .stepPic2, .stepPic3 { max-width: 200px; }
	
	.safeWrap { padding: 80px 0 40px;}
	.safeWrapTitle { font-size: 22px; font-weight: 600;}
	.safeBox ul li { width: 90%;}
	.safeTitle {margin-bottom: 5px; font-weight: 400;}
	.safeCon { font-size: 14px}
	
	.stepWrap { padding: 80px 0 0;}
	.stepWrapTitle { font-size: 22px; font-weight: 600;}
	.stepWrapTitleSub { font-size: 14px}
	.stepCon { padding: 0;}
	
	
}

/*
.sectionBox.jpSec1 { background:url(../images/index_jp/secJpBg.png) center center; padding-top:30px; }
.sectionBox.jpSec2 { background:url(../images/index_jp/secJpBg2.png) center center; padding-top:30px; }
.sectionBox.jpSecPink { background: #feedf1; padding-top:30px;}
.jpSecTitle { margin-bottom:20px; text-align:center;}
.jpSecTitle_m { display:none;}
.jpSec1Title { text-align:center; margin-bottom:30px;}
.jpSec1Title .title { margin-bottom:15px;}
.jpSec1Title .subTitle { color: #123155; font-size:18px; max-width:510px; margin: 0 auto; line-height:1.3em;}
.sectionBox.jpSecPink .subTitle { color: #123155; font-size:18px; max-width:510px; margin: 0 auto; line-height:1.3em; text-align: center;}

.jpSec1 .smartBox  {
    margin: 0 auto 20px;
    text-align: center;
    width: 950px;
	padding-top: 20px;
}
.jpSec1 .smartBox .smartBoxInfo { float: left; width: 50%; text-align: left;}
.jpSec1 .smartBox .infoTitle { margin: 40px 0 20px;}
.jpSec1 .smartBox .infoTitle img {}
.jpSec1 .smartBox .infoSub { text-align: left; line-height: 1.6em;font-size: 19px;}
.jpSec1 .smartBox .smartBoxPic { float: right; width: 50%}
.jpSec1 .valueBox  {
    margin: 0 auto;
    text-align: center;
    width: 950px;
	padding: 20px 0 40px;
}
.jpSec1 .valueBox .valueBoxInfo { float: right; width: 50%; text-align: left;}
.jpSec1 .valueBox .infoTitle { margin: 40px 0 20px;}
.jpSec1 .valueBox .infoTitle img {}
.jpSec1 .valueBox .infoSub { text-align: left; line-height: 1.6em;font-size: 19px;}
.jpSec1 .valueBox .valueBoxPic { float: left; width: 50%}
*/

.iconTitle img { max-height: 120px;}
.threegood { margin:0 auto; text-align:center; width:950px; }
.threegood ul { padding: 0 0 20px;}
.threegood li { display:inline-block; padding:0 8px; width:33%; box-sizing: border-box; }
.threegood li img { width:100%; max-width: 185px;}
.goodSub { padding: 20px 40px; font-size: 17px; line-height: 1.6em;}

.jpSec2Title { text-align:center; margin-bottom:30px;}
.jpSec2Title .title { margin-bottom:15px;}
.jpSec2Title .subTitle { color: #123155; font-size:18px; max-width:510px; margin: 0 auto; line-height:1.3em;}

.safeSec1 .safeSecPic { padding:30px 20px;}

.step123 { margin:0 auto; text-align:center; width:950px; }
.step123 li { display:inline-block; padding:0 8px; width:33%; box-sizing: border-box; }
.step123 li img { width:100%;}

.step123Wrap { margin:0px auto; text-align:center; width:950px; padding: 30px 0 }
.step123Wrap li.step123Box { display:inline-block; padding:0 8px; width:33%; box-sizing: border-box; }
.step123Wrap li img { width:100%; max-width: 260px;}

.labelbox { width:760px; margin:0 auto; padding-bottom:30px;}
.labelbox ul li { width:380px; float:left; margin-bottom:20px; }
.labelbox ul li .labelMark { float:left; width:150px; text-align:center; }
.labelbox ul li .labelInfo { float:left; font-size:17px; line-height:1.6em; width:230px; color:#13385f; padding-top:55px;}



.container .textBox a { margin-right:10px;}
.jp .sec1 .textBox { padding:120px 40px 0;}


/*
.jp .sectionBox.loginMain { background:url(../images/index_jp/login_Bg_jp.jpg) center center no-repeat; }
.jp2 { min-width:1200px;}
.jp2 .sectionBox.loginMain { background:url(../images/index_jp/sweetring_lp_pc_main_3.jpg) center center no-repeat #d3eef0; height: 600px; background-size: auto 100%; position: relative; }

.jp .container .picBox.indexP1 { background:url(../images/index_jp/indexPic1.png) center center no-repeat; background-size:100% auto;}
.jp .container .picBox.indexP2 { background:url(../images/index_jp/indexPic2.png) center center no-repeat; background-size:100% auto;}

.jp .sec1 { margin-top:50px;}
.jp .sec2 { margin: 0px auto 120px;}
.jp #CopyRight {
	position: relative;
    padding: 220px 0px 30px 0px;
    text-align: center;
    clear: both;
    margin: 0px 0px 0px 0px;
	background:none;
    min-width: 1020px;
	color:#ffffff;
}
.jp #CopyRight a { color:#ffffff; font-weight:100; }
.jp #CopyRight .footermsg .ownership { color:#ffffff; font-weight:100; padding-top: 15px;}

.jp .endBox {  padding:200px 0 50px;}

.jpEndBox  { padding:30px 0; width:100%; text-align:center; background:#ddeef1;}
.year18 .jpEndBox { background: none;}
.jpEndBox .applink { color:#222222; font-size:13px; font-weight:100; margin-bottom:30px;}
.jpEndBox .applink a { margin:0 5px; display:inline-block;}
.jpEndBox .applink a img { height:40px;}

.jpEndBox .snsBox { display: inline-block;}

.jp2 .jpEndBox #CopyRight {
	position: relative;
    padding: 0px;
    text-align: center;
    clear: both;
    margin: 0px 0px 0px 0px;
	background:none;
    min-width: 1020px;
	color:#222222;
}
.jp2 .jpEndBox #CopyRight a { color:#f2f2f2; font-weight:100; }
.jp2 .jpEndBox #CopyRight .footermsg .ownership { color:#222222; font-weight:100; padding-top: 10px;}
.jp2 .jpEndBox #CopyRight .footermsg .column { color:#222222; font-size: 12px; }
.jp2 .jpEndBox #CopyRight a { color:#222222; }
*/

.sectionBox.jpSec3 { padding: 50px 0; background:#c8e5ea}
.sectionBox .secTitle { 
	font-size: 40px;
    margin-bottom: 30px;
    line-height: 1.3em;
    color: #65adb1;
	text-align:center;
}
ul.content { padding-top:30px; margin: 0 0 30px;}
ul.content li { float:left; width:33.33333%;}
.container ul.content li .picBox { float:none; width:100%; margin-bottom:30px;}
.container ul.content li .textBox { float:none; text-align:center; font-size:19px; line-height:30px; width:100%;}

.sectionBox.jpSec3 ul.content li .picBox { height:300px; background-size:auto 100%;}
.safejp1 { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/ja_JP/index_jp/safe01.png); background-position: center center; background-repeat: no-repeat; }
.safejp2 { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/ja_JP/index_jp/safe02.png); background-position: center center; background-repeat: no-repeat; }
.safejp3 { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/ja_JP/index_jp/safe03.png); background-position: center center; background-repeat: no-repeat; }
.sectionBox.jpSec4 .secTitle { margin-bottom:30px;}
.sectionBox.jpSec4 ul.content li .picBox { height:440px; background-size:auto 100%;}
.step01 { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/ja_JP/index_jp/v4/step01.png); background-position: center center; background-repeat: no-repeat; } 
.step02 { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/ja_JP/index_jp/v4/step02.png); background-position: center center; background-repeat: no-repeat; } 
.step03 { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/ja_JP/index_jp/v4/step03.png); background-position: center center; background-repeat: no-repeat; } 

@media screen and (max-width:760px) {
	
	.topTip { display:none;}
	.jp2 .topSale { width: 200px}
	.topPhone { display:none;}
	.jpSecTitle { display:none;}
	.jpSecTitle.iconTitle { display:block;}
	.jpSecTitle_m { display:block; width:90%; margin:0 auto 30px; text-align:center;} 
	.jpSecTitle_m img { width:100%; max-width:320px;}
	
	.iconTitle img { max-height:80px;}
	.threegood { width:100%; }
	.threegood ul { width: 90%; margin: 0 auto; padding: 0 0 20px;}
	.threegood li { display:inline-block; padding:0 8px; width:100%; box-sizing: border-box; margin-bottom: 10px; }
	.threegood li img { width:100%; max-width: 185px;}
	.good { float: left; width: 90px;}
	.good img { width: 100%;}
	.goodSub { padding: 20px 20px 20px 100px; font-size: 15px; line-height: 1.6em; text-align: left;}
	
	
	.safeSection {
		margin: 0 auto;
		text-align: center;
		width: 90%;
		padding: 20px 0 40px;
	}
	.safeSec { margin-bottom: 10px}
	.safeSec1 {}
	.safeSec2 { float: none; width: initial;}
	.safeSec3 { float: none; width: initial;}
	
	.safeSecTitle { margin-bottom: 10px;}
	.safeSecTitle img { height: 45px}
	.safeSecSub { line-height: 1.6em;  text-align: center; font-size: 15px;}
		
	.safeSec1 .safeSecInfo { float: none; width: 100%; padding: 40px 40px 0; box-sizing: border-box;}
	.safeSec2 .safeSecInfo { padding: 40px 40px 0;}
	.safeSec3 .safeSecInfo { padding: 40px 40px 0;}
	.safeSec1 .safeSecSub { float: none;}
	.safeSec2 .safeSecSub { padding: 0;}
	.safeSec3 .safeSecSub { padding: 0;}
	.safeSecPic img { width: 100%; margin: 0 auto; max-width: 350px;}
	
	.sectionBox.jpSecPink .subTitle { font-size: 15px; padding: 0 20px; line-height: 1.6em;}
 	.step123 { width:100%;}
	.step123 li { display:block; padding-top:10px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/ja_JP/index_jp/v2/stepBg2.png) left bottom repeat-x; width:100%;}
	.step123 li img {  max-width:320px;}
	
	.step123Wrap { width:100%; padding-top: 0px;}
	.step123Wrap li.step123Box { display:block; padding-top:10px; width:100%; height: 440px; overflow: hidden;}
	.step123Wrap li img {  max-width:220px;}

	.jpSec1Title { text-align:center; width:90%; max-width:500px; margin:0 auto 30px;}
	.jpSec1Title .title { margin-bottom:15px;}
	.jpSec1Title .title img { width:100%;}
	.jpSec1Title .subTitle { color: #123155; font-size:15px; max-width:510px; margin: 0 auto; line-height:1.3em;}

	.jpSec2Title { text-align:center; width:90%; max-width:500px; margin:0 auto 30px;}
	.jpSec2Title .title { margin-bottom:15px;}
	.jpSec2Title .title img { width:100%;}
	.jpSec2Title .subTitle { color: #123155; font-size:15px; max-width:510px; margin: 0 auto; line-height:1.3em;}
	
	.labelbox { width: 80%; padding-bottom:30px; max-width:320px;}
	.labelbox ul li { width:50%; float:left; margin-bottom:20px; }
	.labelbox ul li .labelMark { float:left; width:100%; text-align:center; }
	.labelbox ul li .labelInfo { display:none;}
	
	.jpEndBox  { padding: 20px 0 40px;}
	.year18 .jpEndBox  { padding: 330px 0 40px; background: #ffffff;}
	.jpEndBox .applink { margin-bottom:10px;}
	.jpEndBox .applink a img { height:40px;} 
	
	.jpEndBox .snsBox { display: block; margin-top: 20px;}
	
	.jp .jpEndBox #CopyRight { min-width:inherit;}
	.jp .jpEndBox #CopyRight .footermsg .ownership { margin-top:10px; padding:0;}

	
	.jp2 .sectionBox.loginMain.fbLogin { height:520px;}
}