@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

/*-------------------------------------------------------------------
　reset
-------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

ol, ul {list-style:none;}

table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td {
	font-weight:normal;
	text-align:left;
}

img{
	padding:0;
	margin:0;
	vertical-align:bottom;
}

a img {border:0;}

a{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	color:#0774B1;
}

a:hover{
	text-decoration: none;
}

/*-------------------------------------------------------------------
　基本設定
-------------------------------------------------------------------*/
body{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:18px;
	line-height:1.8;
	color:#000000;
	-webkit-text-size-adjust:none;
}

/* ===== sp 767px ========= */
@media only screen and (max-width:767px){
body{
	font-size:15px;
	line-height:1.8;
}
}

/*-------------------------------------------------------------------
　common
-------------------------------------------------------------------*/
.br_pc{display:block;}
.br_sp{display:none;}

.br1200{display: block;}
.br1024{display: block;}
.br480sp{display: none;}

.center{text-align: center;}

/* ---- tablet ------------- */
@media only screen and (max-width:1200px){
.br1200{display: none;}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.br1024{display:none;}
}

/* ---- sp 767-------------- */
@media only screen and (max-width:767px){
.br_pc{display:none;}
.br_sp{display:block;}
}

/* ---- sp 480-------------- */
@media only screen and (max-width:480px){
.br480sp{display: block;}
}


/*-------------------------------------------------------------------
　tel link 
-------------------------------------------------------------------*/
[href^="tel"] {
    text-decoration: none;
    color: #333;
    cursor: default;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    [href^="tel"] {
        pointer-events: auto;
    }
}