@charset "utf-8";

:root {
	/* backgroud color */
	--background-color: #FFFFFF;
	--Text-default: #5b708b;
	--chair-shadow: #b7c8d3;

	/* main-area */
	--main-studydays-color: #f9f3f2;

	/* findings-area */
	--other-area: #F3F3F3;
	--other-iyoku: #005067;
	--other-shuchu: #005067;
	--other-dokusho: #005067;

	/* ｐｒｏｄｕｃｔｓ-area */
	--products-title: #4093AB;
	--products-select-back: #F3F3F3;
	--products-top-back: #E9E9E9;
	--products-type-back: #E9E9E9;
	--products-type: #255968;
	--products-price: #90AFB8;
	--products-lineup-back: #ffffff;
	--products-basic: #BAC6A5;
	--products-unit: #ABA798;
	--products-simple: #DBC4BA;
	--products-arrow: #DD5D45;
	--products-item: #F3F3F3;
	--products-price-list: #3D8CA3;
	--price-type: #ECE5DB;
	--price-jc: #E6E6D5;
	--price-nag: #EDD7CE;
	--price-ymn: #F5F4EE;
	--price-jb: #F7EBD9;
	--price-gc: #D9D2C8;
	--type-icon: #4d4d4d;
	--type-child-icon: #D9D2C8;
	--type-living-icon: #D9D2C8;

	--products-chair: #003349;

	/* products text */
	--products-color: #444444;

	/* studydeskday-area */
	--studydeskday-enactment-back: #eceae7;
	--studydeskday-enactment-bcolor: #f01212;

	/* history-area */
	--history-back: #F3F3F3;
	--Timeline-Color: #ce654d;
	--Timeline-Text-Color: #d9d8d1;
	--Timeline-Content: #005067;
	--Timeline-Next-Content: #0b2440;
	--Timeline-Next-Text-Color: #ce654d;
	--Timeline-year-color: ;

}


html {
	font-size: 62.5%;
}

body {
	background-color: var(--background-color);
	color: var(--Text-default);
	font-size: 1.6rem;
	line-height: 2em;
}

h2 {
	font-size: 3.8rem;
	font-weight: bold;
}

h3 {
	font-size: 3.2rem;
	font-weight: bold;

}

a {
	text-decoration: none;
	color: var(--Text-default);

}

a:hover {
	opacity: 80%;
}



img {
	width: 100%;
}


section {
	margin: 10px auto;
}

nav {
	width: 100%;
	max-width: 946px;
	margin: 0 auto 30px;
}

ul {
	padding: 0;
}

ul li {
	list-style-type: none;
}



.sp {
	display: none;
}

.pc {
	display: block;
}

#top-area,
#findings-area,
#products-area,
#studydeskday-area,
#history-area {
	width: 100%;
	margin: 0 auto;
}

#top-area,
#findings-area,
#studydeskday-area {
	max-width: 1200px;
}

.area-title {
	padding: 20px 0;
}

.area-title img {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}

.area-title h2 {
	text-align: center;
}

.area-title div.h2-deco {
	width: 90px;
	margin: 10px auto;
	border-top: 4px solid #E5E4D6;
	position: relative;
}

.area-title div.h2-deco::after {
	content: "";
	position: absolute;
	top: -6px;
	left: 0;
	width: 45px;
	border-bottom: 8px solid #E43E30;
}

/* footer */
footer {
	margin-top: 50px;
	;
}

article#company {
	width: 100%;
	max-width: 1200px;
	margin: 10px auto 50px;
	display: flex;
}

#company section {
	width: 50%;
	max-width: 600px;
}

.onlineshop,
.itokihome {
	margin: 0 auto;
	text-align: center;
	height: 200px;
	display: table;
}

.onlineshop {
	border-right: 1px solid #a1a1a1;
}


.onlineshop a,
.itokihome a {
	display: table-cell;
	vertical-align: middle;
}

.onlineshop a img {
	width: 100%;
	max-width: 222px;
}

.itokihome img {
	width: 100%;
	max-width: 150px;

}

.itokihome a p {
	padding-top: 10px;
	line-height: 1.8rem;
}

footer address {
	display: block;
	text-align: center;
}

@media screen and (max-width: 768px) {
	body {
		margin: 0 5px;
	}

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	section {
		margin: 20px auto;
	}

	nav {
		/*max-width: 576px;*/
		margin: 0 auto 50px;
	}

	nav ul li {
		height: auto;
	}

	h2 {
		font-size: 2.8rem;
	}

	h3 {
		font-size: 2.2rem;

	}

	article#company {
		width: 100%;
		max-width: 768px;
		margin: 10px auto 50px;
		display: block;
	}

	#company section {
		width: 100%;
		max-width: 768px;
	}

	.onlineshop,
	.itokihome {
		margin: 0 auto;
		text-align: center;
		height: 200px;
		display: table;
	}

	.onlineshop {
		border-right: none;
	}

}