@charset "utf-8";
/* CSS Document */


/* reset
-------------------*/


html {
	background-color:#FFF;
	font-size: 68.0%; /* sets the base font to 10px for easier math */
}
body,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,p,img,figure,figcaption,i,b {
	margin: 0;
	padding: 0;
	line-height: 2.3;
}


i,b{
	font-style: normal;
}

body {
	/*font-family: 'noto sans sc','bebas neue',YuMincho,"Yu Mincho","ヒラギノ明朝 ProN W3",'Noto Serif JP',"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: 200;*/
	font-family: "Microsoft YaHei","微软雅黑","SimHei" ,sans-serif;
	font-weight: 500;
	font-size: 12.5px; /* sets the default sizing to make sure nothing is actually 10px */
	letter-spacing: 0.08em;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	margin-top: 0px;
}
body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

section {
    margin: 0px;
    padding: 0px;
    padding-left: 80px;
    padding-right: 80px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    position: relative;
    max-width: 1920px;
}


a,a:link,a:hover,a:focus {
	text-decoration: none;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #000;	
}
a.aunderline {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration: underline;
	color: #000;
}
a.aunderline:hover {
	text-decoration: none;
}
ul,ol {
	list-style-type: none;
}

::selection {
	background-color: #888;
	color: #FFF; /* Safari */
}

::-moz-selection {
	background-color: #888;
	color: #FFF; /* Firefox */
}

/* indent
-------------------*/
.center{text-align:center!important;}
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top50{margin-top:50px !important;}
.mgt50{margin-top:50px !important;}
.mgt100{margin-top:100px !important;}
.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}
.pT0{padding-top:0!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;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm15{margin-left:15px !important;}
.lm20{margin-left:20px !important;}
.lm50{margin-left:50px !important;}
.lm60{margin-left:60px !important;}
.lm70{margin-left:70px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}
.rm15{margin-right:15px !important;}
.rm20{margin-right:20px !important;}
.vAT { vertical-align:top!important;}
.vAM { vertical-align:middle!important;}
.vAB { vertical-align:bottom!important;}
.ali_cnt{text-align: center;}
.font_lb{font-size: 1.7em; font-weight: 600;}
.bold { font-weight: bold;}
.normal { font-weight: normal;}
.spHide { display: none;}
.spTel{ pointer-events: none; }
.pc_center{text-align:center !important;}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


@media screen and (max-width: 375px){
html {
    font-size: 60%;
}
}

@media screen and (max-width: 430px){
html {
    font-size: 60%;
}
}

br.fix{
	display: block !important;
}

.m_auto{
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

.flex.col{
	flex-direction: column;
}


.flex_cnt {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}