@charset "UTF-8";


/* --------------------------------------------------------------------------------------
 base
--------------------------------------------------------------------------------------- */

a[href^="tel:"] {
	pointer-events: none;
}
a[href^="tel:"]:link, a[href^="tel:"]:visited { color: var(--color-normal); text-decoration: none; }
a[href^="tel:"]:hover, a[href^="tel:"]:active { color: var(--color-normal); text-decoration: none; }

html, body {
	font-size: 16px;
}
body {
	color: var(--color-normal);
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2;
	text-align: center;
	background: #fff;
	-webkit-text-size-adjust: none;
}
input,textarea,select {
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400;
}

b, strong, fontBold {
	font-weight: 700;
}

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

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,figure,
p,blockquote,pre,cite,code,caption,
header, footer, section,
tr,th,td,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

img,table {
	border: none;
}
img {
	vertical-align: bottom;
}

table {
	border-collapse: collapse;
}

ul,ol {
	list-style: none;
}
li img,
dt img {
	vertical-align: bottom;
}



/* textlink ------------------------------ */

a,
a img {
	transition: all .3s;
}

a {
	color: #1558d6;
	text-decoration: none;
}

a:hover,
a:hover img,
input[type="submit"]:hover,
input[type="image"]:hover {
	opacity: 0.7;
}
a:hover,
a:hover img {
	text-decoration: underline;
}


/* --------------------------------------------------------------------------------------
 float
--------------------------------------------------------------------------------------- */

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


/*margin
-----------------------------------------------*/
.bot005px { margin-bottom: 5px!important; }
.bot010px { margin-bottom: 10px!important; }
.bot015px { margin-bottom: 15px!important; }
.bot020px { margin-bottom: 20px!important; }
.bot025px { margin-bottom: 25px!important; }
.bot030px { margin-bottom: 30px!important; }
.bot035px { margin-bottom: 35px!important; }
.bot040px { margin-bottom: 40px!important; }
.bot045px { margin-bottom: 45px!important; }
.bot050px { margin-bottom: 50px!important; }
.bot060px { margin-bottom: 60px!important; }
.bot070px { margin-bottom: 70px!important; }
.bot100px { margin-bottom: 100px!important; }




/*align
-----------------------------------------------*/
.alright { text-align: right!important; }
.alcenter { text-align: center!important; }
.alleft { text-align: left!important; }


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:756px) {

	a[href^="tel:"] {
		pointer-events: auto;
	}

	a:hover img,
	input[type="submit"]:hover,
	input[type="image"]:hover {
		opacity: 1;
	}

	/* ----------------------- iOS用フォームのリセット ------- */
	input[type="submit"],
	input[type="button"] {
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
		display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
		outline-offset: -2px;
	}
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		outline: none;
		background: transparent;
	}
	
	button,
	input[type="submit"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 0;
		border: none;
		outline: none;
		background: transparent;
	}
	input[type="radio"] {
		display: none;
	}
	input[type="radio"]:checked + label {
		background: #ff0000;
	}
	
}
