@charset "UTF-8";

/* for PC,ipad */
@media screen and (min-width: 768px){

/* ----------------------------
 others page Common
---------------------------- */
.lower{padding-bottom:80px;}
.noteTxt{font-size:13px;}
.othersWrap{
    width:780px;
    margin:0 auto;
    padding:33px 40px;
}
.othersPage > section > h1{
    font-size:22px;
    line-height:1.82;
    padding:18px 0;
}
.othersWrap p{
    font-size:13px;
    line-height:1.71;
}
.othersWrap li{
    font-size:13px;
    line-height:1.71;
}

.othersWrap h2{font-size:14px;}
.othersWrap dl{display:table-row;}
.othersWrap dt, .othersWrap dd{
    display: table-cell;
    vertical-align: top;
}
.othersWrap dt{
    width:200px;
    font-size:14px;
    padding-top:14px;
}
.othersWrap dt{padding-top:24px;}
.othersWrap dd{
    width:498px;
    padding-bottom:24px;
    text-align:left;
}
.othersWrap dd{padding-top:24px;}

/* ----------------------------
 privacy
---------------------------- */
#privacyContent .topic{padding-bottom:20px;}
#privacyContent .list-norm{padding:5px 10px 0px;}
#privacyContent p.headTxt{margin:10px 0px 36px;}

/* ----------------------------
 agreement
---------------------------- */
#agreementContent p.headTxt{margin:10px 0px 16px;}
#agreementWrap h2{padding-top:20px;}
#agreementWrap h4{font-size:13px;}

/* ----------------------------
 tradelaw
---------------------------- */
#tradelawContent{padding:33px 40px 33px;}
#tradelawContent .headTxt{margin:10px 0px 36px;}
#tradelawList > dt > dd{padding-bottom:20px;}

/* ----------------------------
 sitemap
---------------------------- */
#sitemapContent p.headTxt{margin:10px 0px 16px;}
#sitemapWrap h2{padding-top:20px;}
#sitemapWrap h4{font-size:13px;}

/* ----------------------------
 contactconfirm
---------------------------- */
#contactconfirmContent > h2{
	font-size:18px;
	padding-bottom:30px;
}
#contactconfirmContent{padding:33px 40px 33px;}
#confirmMessage{
    padding:33px 40px 33px;
    text-align: center;
}
#contactconfirmContent > h2{
    text-align:center;
    line-height:1.44;
    font-weight:600;
}
#contactconfirmContent .btnWrap .inner{
    width:650px;
    margin:0 auto;
    display: inline-flex;
}
.tran{
    margin:10px 5px 10px;
}
/* ----------------------------
 contactcomplete
---------------------------- */
#contactcompleteContent {
	text-align:center;
}
#contactcompleteContent .btnWrap .inner{
    width:320px;
    margin:0 auto;
}
#contactcompleteContent #Message{
    padding-bottom: 33px;
}

/* ----------------------------
 privacy
---------------------------- */
#privacyContent .btnWrap .inner{
    width:320px;
    margin:0 auto;
}

}


/* for iphone,ipod,Andoroid */
@media screen and (min-width:0) and (max-width:767px){
/* ----------------------------
 others page Common
---------------------------- */
.lower{padding-bottom:27px;}
.othersPage > section > h1{
    font-size:1.2rem;
    line-height:1.4;
    padding:21px 0 23px;
}
.othersWrap .noteTxt{
    font-size:0.75rem;
    line-height:1.5;
}
.othersWrap p{
    font-size:0.75rem;
    line-height:1.5;
}
.othersWrap li{
    font-size:0.75rem;
    line-height:1.5;
}
.othersWrap dt{padding-top:24px;}
.othersWrap dd{
    padding-top:10px;
    padding-bottom:24px;
}

/* ----------------------------
 privacy
---------------------------- */

#privacyContent{padding:13px 20px 20px;}
#privacyContent .topic{padding-bottom:20px;}
#privacyContent .list-norm{padding:5px 10px 0px;}
#privacyContent p.headTxt{margin-bottom:20px;}

/* ----------------------------
 agreement
---------------------------- */
#agreementContent{padding:13px 20px 20px;}
#agreementWrap h2{padding-top: 20px;}
#agreementWrap h4{font-size:13px;}
#agreementContent p.headTxt{margin-bottom:0px;}

/* ----------------------------
 tradelaw
---------------------------- */
#tradelawContent{padding:13px 20px 20px;}
#tradelawContent p.headTxt{margin-bottom:20px;}

/* ----------------------------
 sitemap
---------------------------- */
#sitemapContent{padding:13px 20px 20px;}
#sitemapWrap h2{padding-top: 20px;}
#sitemapWrap h4{font-size:13px;}
#sitemapContent p.headTxt{margin-bottom:0px;}

/* ----------------------------
 contactconfirm
---------------------------- */
#contactconfirmContent{padding:0px 20px 20px;}
#contactconfirmContent p.headTxt{margin-bottom:20px;}
#contactconfirmContent > h2{
    font-size:1.1rem;
    padding:20px 0;
    text-align:center;
	line-height:1.44;
	font-weight:600;
}
#confirmMessage{
    padding:20px 0px 0px;
    text-align: left;
}
#contactconfirmContent .btnWrap .inner{
    width:320px;
    margin:0 auto;
}

/* ----------------------------
 privacy
---------------------------- */
#privacyContent .btnWrap .inner{
    width:320px;
    margin:0 auto;
}

.tran{
    margin:10px 5px 0px;
}

/* ----------------------------
 contactcomplete
---------------------------- */
#contactcompleteContent {
    padding:24px 20px 20px;
	text-align:center;
}
#contactcompleteContent .btnWrap .inner{
    width:320px;
    margin:0 auto;
}
#contactcompleteContent #Message{
    padding-bottom: 24px;
}

}

/* ----------------------------
 others Common
---------------------------- */
.othersWrap{border:1px solid #ededed;}
.othersPage > section > h1{text-align:center;}
.othersWrap dt{
    line-height:1.57;
    font-weight:600;
}
.othersWrap .noteTxt{line-height:1.4;}

/* border */
.othersPage .bdBtm{border-bottom:1px solid #ededed;}
.othersPage .bdTop{border-top:1px solid #ededed;}
/* ----------------------------
 contact
---------------------------- */
#contactFm > h2{
	text-align:center;
}