@charset "utf-8";

/*-------------------------------------------

Base Setting

-------------------------------------------*/

@font-face {
	font-family: 'Noto Sans SC';
	src: url('/hk/zh/common/fonts/NotoSansSC-Regular.woff2') format('woff2'),
		 url('/hk/zh/common/fonts/NotoSansSC-Regular.woff') format('woff');
	font-weight: normal;
}
@font-face {
	font-family: 'Noto Sans SC';
	src: url('/hk/zh/common/fonts/NotoSansSC-Light.woff2') format('woff2'),
		 url('/hk/zh/common/fonts/NotoSansSC-Light.woff') format('woff');
	font-weight: 200;
}
@font-face {
	font-family: 'Noto Sans SC';
	src: url('/hk/zh/common/fonts/NotoSansSC-Medium.woff2') format('woff2'),
		 url('/hk/zh/common/fonts/NotoSansSC-Medium.woff') format('woff');
	font-weight: bold;
}


html {
	font-size:62.5%;
	-webkit-text-size-adjust: 100%;
}

body,select,input,textarea{
	font-size: 1.6rem;
    line-height: 1.7;
	color:#333333;
	font-family: "Noto Sans SC", sans-serif;
	-webkit-text-size-adjust:none;
}
@media screen and (max-width:767px) {
	body{
		font-size: 16px;
	}
}

a{color:#282828;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,255,0.2)!important;}
a:link{-webkit-tap-highlight-color:#282828;text-decoration:none;}
a:hover{color:#282828;text-decoration:underline;}
a:visited{color:#282828;text-decoration:none;}
caption{margin-bottom:5px;text-align:left;}
ins{background-color:#fcd700;color:#000;text-decoration:none;}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:bold;}
textarea{resize:vertical;}
address{font-style:normal;}
em{font-style:normal;}
legend{display:none;}
body{background:#ffffff; min-width:320px;}
.link-break{word-break: break-all;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.both{
	clear: both;
}

.clear:after,.section-inner:after{display:table;content:"";clear:both;}
.clear,.section-inner{zoom:1;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media screen and (max-width:767px) {
	img {
		max-width: 100%;
		height: auto;
	}
}


/*-------------------------------------------

content

-------------------------------------------*/
.content{
	width:100%;
}
.section-inner{
	margin: 0 auto;
	max-width: 1150px;
	padding: 0 20px;
    width: 100%;
}
.section-inner.pd_lg{
    padding: 0 80px 20px;
}
.conBlock{
	margin-top: 50px;
}
.section-inner.independencePagePd{
	padding: 20px 20px 80px;
}
.section-inner.independencePagePd a{
	color: #333;
}
.section-inner.independencePagePd .topArea{
	margin-bottom: 35px;
}
.section-inner.independencePagePd .itemArea{
	margin-bottom: 35px;
}
.section-inner.independencePagePd .itemArea:last-child{
	margin-bottom: 0;
}
.independencePagePd.w870px{
	width: 100%!important;
	max-width: 870px;
}
@media screen and (max-width:767px) {
	.content{
		display: block;
		margin-top: 92px;
	}
	.section-inner{
		width: 100%;
		padding: 0 20px 30px;
		box-sizing: border-box;
	}
	.section-inner.independencePagePd{
		padding: 0 20px 30px;
	}		
	.section-inner.pd_lg{
		padding: 0 20px 20px;
	}
	.conBlock{
		margin-top: 30px;
	}
}

/*-------------------------------------------

general

-------------------------------------------*/

.aL{text-align:left !important;}
.aC{text-align:center !important;}
.aR{text-align:right !important;}

.vT{vertical-align:top !important;}
.vM{vertical-align:middle !important;}
.vB{vertical-align:bottom !important;}

.fL{float:left;}
.fR{float:right;}
.fN{float:none;}

.fwB{font-weight:bold !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
.fwN{font-weight:normal !important;}

.fsIt{
    font-style: italic;
}

.tdU{
	text-decoration: underline;
}
.wordB{
	word-break:break-all;
	word-wrap: break-word;
}
.normal-indent li {
    margin-left: 1em;
    text-indent: -1em;
}

.imeFull{ime-mode:active;}    /*初期値：日本語入力モード*/
.imeHalf{ime-mode:inactive;}  /*初期値：英数字入力モード*/
.imeAlp{ime-mode:disabled;}  /*英数字入力モード*/

.fBold{font-weight:bold;}
.fNml{font-weight:normal;}

.colR{color:#cc0000;}
.colR2{color:#ff0000;}
.colR3{color: #c31820;}
.colGray{color: #c0c0c0;}
.colGrn{color: #008000;}

.borderNone{border:none !important;}

.fSmall{ font-size:80%; }

.w100p{width: 100% !important;}
.w95p {width: 95% !important;}
.w90p {width: 90% !important;}
.w85p {width: 85% !important;}
.w80p {width: 80% !important;}
.w75p {width: 75% !important;}
.w70p {width: 70% !important;}
.w65p {width: 65% !important;}
.w60p {width: 60% !important;}
.w55p {width: 55% !important;}
.w50p {width: 50% !important;}
.w49p {width: 49% !important;}
.w48p {width: 48% !important;}
.w47p {width: 47% !important;}
.w45p {width: 45% !important;}
.w40p {width: 40% !important;}
.w35p {width: 35% !important;}
.w30p {width: 30% !important;}
.w25p {width: 25% !important;}
.w20p {width: 20% !important;}
.w15p {width: 15% !important;}
.w10p {width: 10% !important;}
.w5p  {width: 5% !important;}

.w870px{width: 870px !important;}
.w840px{width: 840px !important;}
.w830px{width: 830px !important;}
.w800px{width: 800px !important;}
.w750px{width: 750px !important;}
.w700px{width: 700px !important;}
.w650px{width: 650px !important;}
.w600px{width: 600px !important;}
.w550px{width: 550px !important;}
.w500px{width: 500px !important;}
.w450px{width: 450px !important;}
.w400px{width: 400px !important;}
.w350px{width: 350px !important;}
.w300px{width: 300px !important;}
.w250px{width: 250px !important;}
.w200px{width: 200px !important;}
.w150px{width: 150px !important;}
.w100px{width: 100px !important;}
.w90px {width: 90px !important;}
.w80px {width: 80px !important;}
.w70px {width: 70px !important;}
.w60px {width: 60px !important;}
.w50px {width: 50px !important;}
@media screen and (max-width:767px) {
	.w95p {width: 100% !important;}
	.w90p {width: 100% !important;}
	.w85p {width: 100% !important;}
	.w80p {width: 100% !important;}
	.w75p {width: 100% !important;}
	.w70p {width: 100% !important;}
	.w65p {width: 100% !important;}
	.w60p {width: 100% !important;}
	.w55p {width: 100% !important;}
	.w50p {width: 100% !important;}
	.w49p {width: 100% !important;}
	.w48p {width: 100% !important;}
	.w47p {width: 100% !important;}
	.w45p {width: 100% !important;}
	.w40p {width: 100% !important;}
	.w840px{width: 100% !important;}
	.w800px{width: 100% !important;}
	.w750px{width: 100% !important;}
	.w700px{width: 100% !important;}
	.w650px{width: 100% !important;}
	.w600px{width: 100% !important;}
	.w550px{width: 100% !important;}
	.w500px{width: 100% !important;}
	.w450px{width: 100% !important;}
	.w400px{width: 100% !important;}
}

.mT0{margin-top:0px !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT45{margin-top:45px !important;}
.mT50{margin-top:50px !important;}
.mT55{margin-top:45px !important;}
.mT60{margin-top:50px !important;}
.mT65{margin-top:45px !important;}
.mT70{margin-top:50px !important;}
.mT75{margin-top:45px !important;}
.mT80{margin-top:50px !important;}
.mT85{margin-top:45px !important;}
.mT90{margin-top:50px !important;}
.mT95{margin-top:45px !important;}
.mT100{margin-top:50px !important;}
.mB0{margin-bottom:0px !important;}
.mB5{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB45{margin-bottom:45px !important;}
.mB50{margin-bottom:50px !important;}
.mB55{margin-bottom:45px !important;}
.mB60{margin-bottom:50px !important;}
.mB65{margin-bottom:45px !important;}
.mB70{margin-bottom:50px !important;}
.mB75{margin-bottom:45px !important;}
.mB80{margin-bottom:50px !important;}
.mB85{margin-bottom:45px !important;}
.mB90{margin-bottom:50px !important;}
.mB95{margin-bottom:45px !important;}
.mB100{margin-bottom:50px !important;}
.mR0{margin-right:0px !important;}
.mR5{margin-right:5px !important;}
.mR10{margin-right:10px !important;}
.mR15{margin-right:15px !important;}
.mR20{margin-right:20px !important;}
.mR25{margin-right:25px !important;}
.mR30{margin-right:30px !important;}
.mR35{margin-right:35px !important;}
.mR40{margin-right:40px !important;}
.mR45{margin-right:45px !important;}
.mR50{margin-right:50px !important;}
.mR55{margin-right:45px !important;}
.mR60{margin-right:50px !important;}
.mR65{margin-right:45px !important;}
.mR70{margin-right:50px !important;}
.mR75{margin-right:45px !important;}
.mR80{margin-right:50px !important;}
.mR85{margin-right:45px !important;}
.mR90{margin-right:50px !important;}
.mR95{margin-right:45px !important;}
.mR100{margin-right:50px !important;}
.mL0{margin-left:0px !important;}
.mL5{margin-left:5px !important;}
.mL10{margin-left:10px !important;}
.mL15{margin-left:15px !important;}
.mL20{margin-left:20px !important;}
.mL25{margin-left:25px !important;}
.mL30{margin-left:30px !important;}
.mL35{margin-left:35px !important;}
.mL40{margin-left:40px !important;}
.mL45{margin-left:45px !important;}
.mL50{margin-left:50px !important;}
.mL55{margin-left:45px !important;}
.mL60{margin-left:50px !important;}
.mL65{margin-left:45px !important;}
.mL70{margin-left:50px !important;}
.mL75{margin-left:45px !important;}
.mL80{margin-left:50px !important;}
.mL85{margin-left:45px !important;}
.mL90{margin-left:50px !important;}
.mL95{margin-left:45px !important;}
.mL100{margin-left:50px !important;}

.mCenter{margin-left:auto !important;margin-right:auto !important;}
.pT0{padding-top:0px !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT45{padding-top:45px !important;}
.pT50{padding-top:50px !important;}
.pT55{padding-top:55px !important;}
.pT60{padding-top:60px !important;}
.pT65{padding-top:65px !important;}
.pT70{padding-top:70px !important;}
.pT75{padding-top:75px !important;}
.pT80{padding-top:80px !important;}
.pT85{padding-top:85px !important;}
.pT90{padding-top:90px !important;}
.pT95{padding-top:95px !important;}
.pT100{padding-top:100px !important;}
.pB0{padding-bottom:0px !important;}
.pB5{padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB45{padding-bottom:45px !important;}
.pB50{padding-bottom:50px !important;}
.pB55{padding-bottom:45px !important;}
.pB60{padding-bottom:50px !important;}
.pB65{padding-bottom:45px !important;}
.pB70{padding-bottom:50px !important;}
.pB85{padding-bottom:45px !important;}
.pB90{padding-bottom:50px !important;}
.pB95{padding-bottom:45px !important;}
.pB100{padding-bottom:50px !important;}
.pL0{padding-left:0px !important;}
.pL5{padding-left:5px !important;}
.pL10{padding-left:10px !important;}
.pL15{padding-left:15px !important;}
.pL20{padding-left:20px !important;}
.pL30{padding-left:30px !important;}
.pL40{padding-left:40px !important;}
.pL50{padding-left:50px !important;}
.pL60{padding-left:60px !important;}
.pL70{padding-left:70px !important;}
.pL80{padding-left:80px !important;}
.pL90{padding-left:90px !important;}
.pL100{padding-left:100px !important;}
.pR0{padding-right:0px !important;}
.pR5{padding-right:5px !important;}
.pR10{padding-right:10px !important;}
.pR15{padding-right:15px !important;}
.pR20{padding-right:20px !important;}
.pR30{padding-right:30px !important;}
.pR40{padding-right:40px !important;}
.pR50{padding-right:50px !important;}
.pR60{padding-right:60px !important;}
.pR70{padding-right:70px !important;}
.pR80{padding-right:80px !important;}
.pR90{padding-right:90px !important;}
.pR100{padding-right:100px !important;}


.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs49{font-size:49px;}
.fs55{font-size:55px;}
.fs60{font-size:60px;}
.fs70{font-size:70px;}
.fs72{font-size:72px;}
.fs78{font-size:78px;}
.fs120{font-size:120px;}

@media screen and (max-width:767px) {
	.fs22{font-size:12px !important;}
	.fs24{font-size:14px !important;}
	.fs36{font-size:18px !important;}
	.fs40{font-size:20px !important;}
	.fs45{font-size:22px !important;}
	.fs49{font-size:25px !important;}
	.fs50{font-size:25px !important;}
	.fs55{font-size:27px !important;}
	.fs60{font-size:30px !important;}
	.fs70{font-size:35px !important;}
	.fs72{font-size:36px !important;}
	.fs78{font-size:39px !important;}
	.fs120{font-size:60px !important;}
}


/*-------------------------------------------

pc / sp

-------------------------------------------*/

.pc_only{display: block;}
.sp_only{display: none;}

@media screen and (max-width:767px) {
	.pc_only{display: none;}
	.sp_only{display: block;}
}