@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;700&display=swap');
:root {
	--color--black: #1C1C1C;
	--color--white: #ffffff;
	--color--yellow: #FAE918;
	--color--orange: #FF8900;
	--color--darkorange: #C64405;
	--color--cream: #FFFEDB;
	--color--blue01:#00a2bf;
	--color--blue02:#006e82;
	--color--pink01:#e32d64;
	--color--pink02:#ea638c;
}

body {
	min-height: 100vh;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	color: var(--color--black);
	font-family: 'Noto Sans JP', sans-serif;
	/*font-family: 'Zen Kaku Gothic New', sans-serif;*/
	font-weight: 500;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 0.05em;
/*	font-feature-settings: "palt";*/
}
.kaisei{
	font-family: 'Kaisei Opti', serif;
}
header {
	width: 100%;
	height: 50px;
	background: #FFF url(../image/line.webp) repeat-x left bottom;
	position: relative;
	z-index: 10;
}
	.header__inner {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 90%;
		max-width: 1000px;
		height: 100%;
		padding-bottom: 10px;
		margin: 0 auto;
	}
		.header__logo {
			width: 187px;
			height: auto;
		}
			.header__logo img {
				width: 100%;
				height: auto;
			}

footer {
	width: 100%;
	padding: 25px 0 25px;
	background: url(../image/line.webp) repeat-x left bottom;
	font-weight: 500;
}
	footer address {
		font-size: 16px;
		font-style: normal;
		letter-spacing: 0.05em;
		text-align: center;
	}

/* PC ================================================== */
@media all and (min-width:768px){
.tablet,.sp {display: none;}
.pc {display: inline-block;}
.view_sp {display: none;}
.view_pc {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
}

/* SP ================================================== */
@media all and (max-width:769px){
.pc,.tablet {display: none;}
.sp {display: inline-block;}
.view_pc {display: none;}
.view_sp {display: block;}
body {}

#wrap {
	padding-bottom: 68px;
}
h1{}
h2{}
h3{}
h4{}
h5{}

header {
	background: #FFF url(../image/line_sp.webp) repeat-x left bottom;
	background-size: 100% 5px;
}
	.header__inner {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: initial;
		padding-bottom: 5px;
		margin: 0 auto;
	}
		.header__logo {
			width: 138px;
		}

footer {
	padding: 0 0 15px 0;
	background: url(../image/line_sp.webp) repeat-x left bottom;
	background-size: 100% 5px;
}
	footer address {
		font-size: 10px;
		letter-spacing: 0.05em;
		text-align: center;
	}
}