html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {
	scroll-behavior: smooth;
}

sub{vertical-align: sub;font-size: 12px;}
sup{vertical-align: super;font-size: 12px;}
*{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}

table {
	border-collapse:collapse;
    border-spacing:0;
}
table td,table th{ vertical-align:top;}

a {
    margin:0;
    padding:0;
    color: #555;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
img{
	border:0px;
	vertical-align:top;
}
ol, ul{
    list-style:none;
}
caption, th{
    text-align: left;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    overflow-y: scroll;
}

area { outline: 0;}


/*smartphone*/
/*------------------------------------------------------------------------------*/

html { -webkit-text-size-adjust: none; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0.3);}


/*base*/
/*------------------------------------------------------------------------------*/
body{
	font-family: "PingFang SC","Arial","Microsoft YaHei",sans-serif;
	color:#323232;
	font-weight:normal;
	font-size:87.5%;
	line-height:1.5;
	word-break:break-all;
}

a{
	text-decoration: none;
}

a img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

/*utility*/
/*------------------------------------------------------------------------------*/

.m_auto { margin: 0 auto;}
.ls_d { list-style: disc inside;}
.ls_dec { list-style: decimal outside; margin-left: 20px;}

.m5 { margin-bottom:5px;}
.m10 { margin-bottom:10px;}
.m15 { margin-bottom:15px;}
.m20 { margin-bottom:20px;}
.m25 { margin-bottom:25px;}
.m30 { margin-bottom:30px;}
.m35 { margin-bottom:35px;}
.m40 { margin-bottom:40px;}
.m45 { margin-bottom:45px;}
.m50 { margin-bottom:50px;}
.m55 { margin-bottom:55px;}
.m60 { margin-bottom:60px;}
.m65 { margin-bottom:65px;}
.m70 { margin-bottom:70px;}
.m75 { margin-bottom:75px;}
.m80 { margin-bottom:80px;}
.m85 { margin-bottom:85px;}
.m90 { margin-bottom:90px;}
.m95 { margin-bottom:95px;}
.m100 { margin-bottom:100px;}
.m110 { margin-bottom:110px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt55 { margin-top:55px;}
.mt60 { margin-top:60px;}
.mt65 { margin-top:65px;}
.mt70 { margin-top:70px;}
.mt75 { margin-top:75px;}
.mt80 { margin-top:80px;}
.mt85 { margin-top:85px;}
.mt90 { margin-top:90px;}
.mt95 { margin-top:95px;}
.mt100 { margin-top:100px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px;}
.mr45 { margin-right:45px;}
.mr50 { margin-right:50px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt35 { padding-top:35px;}
.pt40 { padding-top:40px;}
.pt45 { padding-top:45px;}
.pt50 { padding-top:50px;}

.ptb15 { padding: 15px 0;}
.pd16 { padding: 16px}
.pd5 { padding: 5px}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb35 { padding-bottom:35px;}
.pb40 { padding-bottom:40px;}
.pb45 { padding-bottom:45px;}
.pb50 { padding-bottom:50px;}
.pb70 { padding-bottom:70px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl35 { padding-left:35px;}
.pl40 { padding-left:40px;}
.pl45 { padding-left:45px;}
.pl50 { padding-left:50px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr35 { padding-right:35px;}
.pr40 { padding-right:40px;}
.pr45 { padding-right:45px;}
.pr50 { padding-right:50px;}

.mtb10 { margin:10px 0;}
.mtb20 { margin:20px 0;}
.mtb30 { margin:30px 0;}

.ptb10 { padding:10px 0;}
.ptb20 { padding:20px 0;}
.ptb30 { padding:30px 0;}

.flt { float:left;}
.flr { float:right;}

.txt_l, td.txt_l, .txt_l td{ text-align:left;}
.txt_r, td.txt_r, .txt_r td{ text-align:right;}
.txt_c, td.txt_c, .txt_c td{ text-align:center;}

.valign_t, td.valign_t, .valign_t td{ vertical-align:top;}
.valign_m, td.valign_m, .valign_m td{ vertical-align:middle;}
.valign_b, td.valign_b, .valign_b td{ vertical-align:bottom;}

.clear{clear:both;}

#wrapper:after,
.clearfix:after {
  content:"";
  display:table;
  clear:both;
}
section:after  {
  content:"";
  display:table;
  clear:both;
}


/*--------------------------------------------------------------------------*/
/*arrow*/
/*--------------------------------------------------------------------------*/
.arr a{
	background: url("../image/common/arr01.gif") no-repeat 0 4px;
	padding-left: 12px;
	text-decoration: none;
	font-size: 90%;
}
.arr a:hover,.details a:hover{
	text-decoration: underline;
}


/* screens smaller than 980---------------------------- */
@media only screen and (min-width:691px) {

.dp_tbl_pc { display: table-cell;}

.w90 { width: 90px;}
.w125 { width: 125px;}
.w200 { width: 200px;}
.w210 { width: 210px;}
.w224 { width: 224px;}
.w244 { width: 244px;}
.w232 { width: 232px;}
.w300 { width: 300px;}
.w306 { width: 306px;}
.w328 { width: 328px;}
.w337 { width: 337px;}
.w342 { width: 342px;}
.w450 { width: 450px;}
.w470 { width: 470px;}
.w500 { width: 500px;}
.w622 { width: 622px;}
.w680 { width: 680px;}
.w700 { width: 700px;}
.w25p_pc { width: 25%;}

.h70 { height: 70px;}
.h90 { height: 90px;}
.h102 { height: 102px;}
.h110 { height: 110px;}

.txt_r_pc { text-align: right;}
.txt_l_pc { text-align: left;}
.txt_c_pc { text-align: center;}

.mr8_pc { margin-right: 8px;}
.mr15_pc { margin-right: 15px;}
.mr20_pc { margin-right: 20px;}
.mr24_pc { margin-right: 24px;}
.mr28_pc { margin-right: 28px;}
.mr30_pc { margin-right: 30px;}

.ml15_pc { margin-left: 15px;}
.ml20_pc { margin-left: 20px;}

.m35_pc { margin-bottom:35px;}
.m_auto_pc { margin: 0 auto;}

.mt127_pc { margin-top: 127px;}
.pt52_pc { padding-top: 52px;}
.pr20_pc { padding-right: 20px;}

.fs90_pc{font-size:90%; line-height:150%;}
.fs95_pc{font-size:90%; line-height:150%;}

.va_m_pc { vertical-align: middle;}

}

/* screens smaller than 600----------------------------- */
@media only screen and (max-width:690px) {



}
/*--------------------------------------------------------------------------*/

.ps_r { position: relative;}

.bb_blue { border-bottom: 1px solid #0383b7;}
.bb_gray { border-bottom: 1px solid #cccccc;}
.btb_gray {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 25px 0;
}

.bg_white { background: #fff;}
.bg_blue { background: #275ba7; color: #fff;}
.bg_light_blue { background: #eaeef4;}
.bg_main_blue { background: #0383b7; color: #fff;}

.pb img{border:#CCC solid 1px;}
.pb2 img{border:#CCC solid 1px; padding:1px;}

.fs80{font-size:80%; line-height:120%;}
.fs90{font-size:90%; line-height:150%;}
.fs95{font-size:95%; line-height:160%;}
.fs100{font-size:100%; line-height:150%;}
.fs110{font-size:110%; line-height:1;}
.fs120{font-size:120%; line-height:140%;}
.fs140{font-size:140%; line-height:150%;}
.fs150{font-size:150%; line-height:160%;}
.fs200{font-size:200%; line-height:210%;}

.fs80b{font-size:80%; line-height:120%; font-weight:bold;}
.fs90b{font-size:90%; line-height:120%; font-weight:bold;}
.fs100b{font-size:100%; line-height:150%; font-weight:bold;}
.fs110b{font-size:110%; line-height: 1; font-weight:bold;}
.fs120b{font-size:120%; line-height:140%; font-weight:bold;}
.fs140b{font-size:140%; line-height:150%; font-weight:bold;}
.fs150b{font-size:150%; line-height:160%; font-weight:bold;}
.fs200b{font-size:200%; line-height:210%; font-weight:bold;}

.fw_b { font-weight:bold;}

.fw150_b {font-size:150%; font-weight:bold;}

.red {color: #DB0000;}
.red_bold {color: #DB0000; font-weight:bold;}
.orange {color: #FF9900;}
.orange_bold {color: #FF9900; font-weight:bold;}
.blue{color: #009EEB;}
.blue_bold{color: #3466ad; font-weight:bold;}

.txt_blue {color: #0383b7;}
.txt_blue_bold ,.txt_blue_bold  a{color: #0383b7; font-weight:bold;}

.lh_2 li { line-height: 2.2;}

.type_none li{list-style:none;}
.type_disc li{ list-style-type:disc; margin-left:16px;}
.type_square li{ list-style-type:square; margin-left:17px;}
.type_decimal li{ list-style-type:decimal; margin-left:25px;}


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


/*====================================================================*/
/*responsive*/

.flt_pc{float:left;}
.flr_pc{float:right;}

.mt5_pc { margin-top:5px;}
.mt10_pc { margin-top:10px;}
.mt15_pc { margin-top:15px;}
.mt20_pc { margin-top:20px;}
.mt30_pc { margin-top:30px;}
.mt40_pc { margin-top:40px;}
.mt50_pc { margin-top:50px;}
.mt55_pc { margin-top:55px;}
.mt60_pc { margin-top:60px;}
.mt65_pc { margin-top:65px;}
.mt70_pc { margin-top:70px;}
.mt75_pc { margin-top:75px;}
.mt80_pc { margin-top:80px;}
.mt85_pc { margin-top:85px;}
.mt90_pc { margin-top:90px;}

.m5_pc { margin-bottom:5px;}
.m10_pc { margin-bottom:10px;}
.m15_pc { margin-bottom:15px;}
.m20_pc { margin-bottom:20px;}
.m30_pc { margin-bottom:30px;}
.m40_pc { margin-bottom:40px;}
.m45_pc { margin-bottom:45px;}
.m50_pc { margin-bottom:50px;}
.m60_pc { margin-bottom:60px;}
.m70_pc { margin-bottom:70px;}
.m80_pc { margin-bottom:80px;}
.m90_pc { margin-bottom:90px;}
.m100_pc { margin-bottom:100px;}
.m110_pc { margin-bottom:110px;}
.m120_pc { margin-bottom:120px;}

.mr35_pc { margin-right: 35px;}

.mt10_sph { margin-top:10px;}
.mt20_sph { margin-top:20px;}
.mt30_sph { margin-top:30px;}
.mt40_sph { margin-top:40px;}
.mt50_sph { margin-top:50px;}
.mt55_sph { margin-top:55px;}
.mt60_sph { margin-top:60px;}
.mt65_sph { margin-top:65px;}
.mt70_sph { margin-top:70px;}
.mt75_sph { margin-top:75px;}
.mt80_sph { margin-top:80px;}
.mt85_sph { margin-top:85px;}
.mt90_sph { margin-top:90px;}
.mt95_sph { margin-top:95px;}
.mt100_sph { margin-top:100px;}
.mt105_sph { margin-top:105px;}





.pb30_sph{padding-bottom: 30px;}

.br_sp{display:none;}




/* screens smaller than 690 (iphone)---------------------------------------------------------- */
@media only screen and (max-width:690px) {

.img33 img { width: 33%; height: auto;}
.img50 img { width: 50%; height: auto;}
.img90 img { width: 90%; height: auto;}
.img100 img { width:100%; height:auto;}
.imgh15 img { height: 15px; width: auto;}

.w_auto{width: 94%; margin: 0 auto;}
.w100p_sph { width: 100%;}

.sp_non img{
	width: 100%;
	height: auto;
}
.sp_non.desc{
	width: 100%;
	padding: 0 15%;
}

.txt_c_sph{text-align: center;}
.txt_r_sph{text-align: right;}

.flt_pc{float:none;}
.flr_pc{float:none;}

.flt_pc_ipad{float:none;}
.flr_pc_ipad{float:none;}

.mt5_ip { margin-top:5px;}
.mt10_ip { margin-top:10px;}
.mt15_ip { margin-top:15px;}
.mt20_ip { margin-top:20px;}
.mt30_ip { margin-top:30px;}
.mt40_ip { margin-top:40px;}
.mt50_ip { margin-top:50px;}
.mt60_ip { margin-top:60px;}

.m5_ip { margin-bottom:5px;}
.m10_ip { margin-bottom:10px;}
.m15_ip { margin-bottom:15px;}
.m20_ip { margin-bottom:20px;}
.m30_ip { margin-bottom:30px;}
.m40_ip { margin-bottom:40px;}
.m50_ip { margin-bottom:50px;}
.m60_ip { margin-bottom:60px;}

.mt5_pc { margin-top:0;}
.mt10_pc { margin-top:0;}
.mt15_pc { margin-top:0;}
.mt20_pc { margin-top:0;}
.mt30_pc { margin-top:0;}
.mt40_pc { margin-top:0;}
.mt50_pc { margin-top:0;}
.mt60_pc { margin-top:0;}

.mr35_pc { margin-right: 0;}

.m5_pc { margin-bottom:0;}
.m10_pc { margin-bottom:0;}
.m15_pc { margin-bottom:0;}
.m20_pc { margin-bottom:0;}
.m30_pc { margin-bottom:0;}
.m40_pc { margin-bottom:0;}
.m45_pc { margin-bottom:0;}
.m50_pc { margin-bottom:0;}
.m60_pc { margin-bottom:0;}
.m70_pc { margin-bottom:0;}
.m100_pc { margin-bottom:0;}


.mt10_sph { margin-top:5px;}
.mt20_sph { margin-top:10px;}
.mt30_sph { margin-top:15px;}
.mt40_sph { margin-top:20px;}
.mt50_sph { margin-top:25px;}
.mt55_sph { margin-top:22px;}
.mt60_sph { margin-top:30px;}
.mt65_sph { margin-top:32px;}
.mt70_sph { margin-top:35px;}
.mt75_sph { margin-top:37px;}
.mt80_sph { margin-top:40px;}
.mt85_sph { margin-top:42px;}
.mt90_sph { margin-top:45px;}
.mt95_sph { margin-top:47px;}
.mt100_sph { margin-top:50px;}
.mt105_sph { margin-top:52px;}

.m10_sph { margin-bottom:10px;}
.m15_sph { margin-bottom:15px;}
.m20_sph { margin-bottom:20px;}
.m30_sph { margin-bottom:30px;}
.m35_sph { margin-bottom:35px;}
.m40_sph { margin-bottom:40px;}
.m45_sph { margin-bottom:45px;}
.m50_sph { margin-bottom:50px;}
.m60_sph { margin-bottom:60px;}
.m70_sph { margin-bottom:70px;}
.m75_sph { margin-bottom:75px;}
.m80_sph { margin-bottom:80px;}
.m85_sph { margin-bottom:85px;}
.m90_sph { margin-bottom:90px;}
.m95_sph { margin-bottom:95px;}
.m100_sph { margin-bottom:100px;}
.m105_sph { margin-bottom:105px;}
.m110_sph { margin-bottom:110px;}
.m115_sph { margin-bottom:115px;}
.m120_sph { margin-bottom:120px;}
.m125_sph { margin-bottom:125px;}
.m130_sph { margin-bottom:130px;}

.pb25_sph{ padding-bottom: 25px;}

.pb30_sph{ padding-bottom: 15px;}

.img100 img { width:100%; height:auto;}
.img100_sp img { width:100%; height:auto;}

.br_sp{display:block;}

.sp_non img{display: none;}

.cf_sp:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



}