@charset "utf-8";
/*----------------------------------------------
	html
---------------------------------------------*/
html { font-size: 62.5%; }
/*↑ 10pxが1remとなる様に調整*/

/*----------------------------------------------
	body
---------------------------------------------*/
body {
    position: relative;
    overflow-x: hidden;
    min-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
	font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
    color: var(--bk);
	background: var(--bg);
    line-height: 1.6;
    transition: all 1s .2s ease;
}
@media (max-width: 960px) {
    body  {
      font-size: 13px;
    }
}

/*----------------------------------------------
	a
---------------------------------------------*/
a {
	font-weight: 500;
	color: var(--bk);
	cursor: pointer;
	text-decoration: none;
	transition: .3s;
}
a:hover {
	color: var(--bl);
	transition: .3s;
}

/*----------------------------------------------
	button
---------------------------------------------*/
button:hover{
	color: var(--bl);
    transition: .3s;
}

/*----------------------------------------------
	p
---------------------------------------------*/
p {
	margin-bottom:0;
}

/*----------------------------------------------
	br
---------------------------------------------*/
.br_pc{
    display: block;
}
.br_sp{
    display: none;
}
@media (max-width: 968px) {
    .br_pc{
        display: none;
    }
    .br_sp{
        display: block;
    }
}

/*----------------------------------------------
	table
---------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------------------------------------------
	h1,h2,h3,h4,h5,h6
---------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	margin: 0;
}

/*----------------------------------------------
	img
---------------------------------------------*/
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/*----------------------------------------------
	ul
---------------------------------------------*/
dl, ol, ul{
	margin:0;
	padding:0;
}

/*----------------------------------------------
	li
---------------------------------------------*/
li {
    list-style-type: none;
	padding:0;
}

/*----------------------------------------------
	*
---------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*----------------------------------------------
	root
---------------------------------------------*/
:root {
	--bk: #333333;
	--lbk: #7c7c7c;
	--wh: #fff;
	--gy: #E5E5E5;
	--rd: #EA3D53;
	--lird: #FFDDDD;
	--ligr: #717F9D;
	--gr: #dddddd;
	--bl: #0047BF;
	--libl: #d2e5fd;
	--libl02: #F9FBFF;
	--bg: #F3F4FA;
	--lbg: #EBF4FF;
	--grn: #198754;
	--lgn: #e6fff3;
}