#areaArticles {
	padding-top: 3rem;
}
#areaArticles h2 {
	font-size: 2em;
}
#sitehead .menus {
	margin-bottom: 0;
}
#relationLinkSections,
.links {
	display: none;
}
/*Top Menu------------------------*/
@media screen and (min-width: 641px) {
	body {
		position: relative;
	}
	#sitehead {
		position: absolute;
		top: 0.5em;
		left: 0.5em;
		z-index: 1;
	}
	#sitehead .lgm-wrap {
		display: none;
	}
	#sitehead .touchnavi {
		display: block;
		left: 0;
	}
		#sitehead .touchnavi a {
			background-image: url("/share/im_clast/ui/nv_menu.svg");
		}
	#sitehead .menus {
		justify-content: left;
		margin-bottom: 0;
	}
		#sitehead .primary-menu {
			display: none;
		}
}

/*Main Area------------------------*/
@media screen and (min-width: 641px) {
	#vis0.for_top {
		margin-bottom: 5.25em;
	}
	.vis-face.for_top .cover {
		justify-content: center;
	}
		.vis-face.for_top .cover > div {
			padding: 6.5em 6.875em 14em;
			margin-left: auto;
			margin-right: auto;
			min-width: 458px;
		}
			.vis-face.for_top h1.lgm {
				margin-bottom: 0.75em;
			}
			.vis-face.for_top p {
				font-size: 1.0625em;
				line-height: 1.65;
			}
	.vis-face.for_top .canvas {
		height: 795px;
	}
		.vis-face.for_top .canvas .bgi {
			right: 0;	
			width: calc(100% - 9%);
			max-width: calc(100% - 110px);
			left: initial;
		}
}
@media screen and (max-width: 640px) {
	#vis0.for_top {
		margin-bottom: 4.5em;
	}
	.vis-face.for_top .cover {
		bottom: -3.4em;
	}
		.vis-face.for_top.cover > div {
			width: 100%;
		}
			.vis-face.for_top h1.lgm {
				font-size: 1.74em;
				margin-bottom: 0.45em;
			}
			.vis-face.for_top p {
				font-size: 0.8em;
				line-height: 1.5;
			}
	.vis-face.for_top .canvas {
		height: 300px;
	}
}
@media screen and (max-width: 320px) {
	#sitehead .touchnavi a {
		font-size: 4.92vw;
	}
	.vis-face.for_top h1.lgm {
		font-size: 7.82vw;
	}
	.vis-face.for_top p {
		font-size: 3.15vw;
	}
}

/*News------------------------*/
#news {
    margin-bottom: 5.625em;
}
#news h2{
    margin-bottom: 1.5em;
}
@media screen and (max-width: 640px) {
	#news {
		text-align: left;
		margin-bottom: 5em;
	}
	#news h2 {
		margin-bottom: 1.7em;
	}
}
@media screen and (max-width: 320px) {
	#news h2 {
		font-size: 4.4vw;
	}
}

/*Who We Are------------------------*/
.text_box h2 {
	margin-bottom: 2em;
}
@media screen and (min-width: 641px) {
	.text_im_wrapper {
		background-color: var(--cl-section-bg);
		margin-bottom: 4.5em;
		margin-top: 88px;
		padding-bottom: 20px;
	}
	.text_box > div {
		padding-left: var(--share-padding-l);
	}
	#concept .text_box > div {
		padding-top: 8.75em;
	}
	#concept.text_im picture {
		width: 51%;
		max-width: 540px;
		height: 480px;
		top: -60px;
	}
}
@media screen and (max-width: 640px) {
	#concept {
		margin-bottom: 3.5em;
	}
		#concept .wide-bind {
			padding: 0;
		}
			#concept .text_box {
				margin-bottom: 3em;
				padding: 0 2em;
			}
	#concept.text_im picture img {
		width: 100%;
	}
}
@media screen and (max-width: 320px) {
	.text_box p {
		font-size: 3.52vw;
	}
}

/*Our project------------------------*/
#project {
    margin-bottom: 5.625em;
}
#project > div {
	justify-content: space-between;
	align-items: flex-end;
}
@media screen and (min-width: 641px) {
	#prjiect .text_box > div {
		padding-left: 1.5em;
	}
	#project .bt {
		margin-right: 2em;
		padding: 1.8em 2.25em;
	}
}
@media screen and (max-width: 640px) {
	#project {
		margin-bottom: 5.375em;
	}
		#project .text_box {
			margin-bottom: 4.25em;
		}
			#project h2 {
				margin-bottom: 1.1em;
			}
}

/*Content------------------------*/
.collection_title h2 {
    margin-bottom: 0.9em;
}
	.collection_title h2.font-g1 {
		margin-bottom: 0;
		position: relative;
		display: inline-block;
		padding-left: 0.75em;
	}
		.collection_title h2.font-g1::before {
			content: "";
			position: relative;
			display: inline-block;
			background-image: url("/share/im_clast/ui/arrow.svg"); 
			width: 1.5em;
			height: 1em;
			bottom: 0;
			left: 0;transform: translate(-50%, 50%);        
		}
.collection_im {
    width: 100%;
}
.collection_im li {
	margin-bottom: 0;
}
	.collection_im li img {
		width: 100%;
	}
@media screen and (min-width: 641px) {
	#product {
		margin-bottom: 9.25em;
	}
	.collection {
		position: relative;
	}
		.collection_title {
			position: absolute;
			z-index: 1;
			right: 0;
			top: 50%;
			transform: translate(0, -50%);
			background-color: #fff;
			padding: 2.5em 2.5em 2.95em 2.5em;
			width: 30%;
		}
			.collection_title:hover {
				background-color: var(--cl-hover);
				transform: translate(-3%, -50%);
				transition-duration: 0;
				transition: all 0.3s;
			}
				.collection:nth-of-type(odd) .collection_title:hover {
					 transform: translate(3%, -50%); 
				}
				.collection_title:hover h2 {
					color: #fff;
					transition-duration: 0;
				}
				.collection_title:hover h2.font-g1::before {
					background-image: url("/share/im_clast/ui/arrow-white.svg");
				}
		#store_operation .collection_title {
			left: 0;
			text-align: right;
		}
	.collection_im li {
		width: 33.33%;
	}
}
@media screen and (max-width:850px) {
	.collection_title {
		font-size: 1.7vw;
	}
}
@media screen and (max-width: 640px) {
	#product {
		margin-bottom: 4.5em;
	}
	.collection_im li {
		width: 100%;
	}
	.collection_title {
		display: block;
		padding: 2em;
		font-size: 1em;
	}
	.collection_title:hover h2 {
		color: #444;
		transition-duration: 0;
	}
}
@media screen and (max-width: 320px) {
	.collection_title h2.font-m1 {
		font-size: 5.65vw;
	}
	.collection_title h2.font-g1 {
		font-size: 5.35vw;
	}
}