@charset "utf-8";
/*++++++++++++++
about
++++++++++++++*/
#about .mv {
	max-width: var(--flex-100);
    margin: 0 auto !important;
}
.coating,.visual {
	background-image: radial-gradient(var(--opa-black02) 2px, var(--opa-black08) 2px);
	background-size: 10px 10px;
	position: relative;
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	z-index: 0;
}
.visual p.h6-title{
	text-align: left;
}

.point {
    border: 1px solid var(--white);
    display: block;
    max-width: max-content;
    padding: 5px 20px 3px;	
}

#about .medium-inner {
	/* margin: 0 calc(50% - 50vw); */
	/* max-width: 100vw; */
}
#about .template_contents {
	padding: 0 0 100px;

}

#about .coating:before {
	content:"";
	position: absolute;
	width: var(--flex-100);
	height: var(--flex-100);
	z-index: -1;
	background: var(--opa-black09);
	top: 0;
}
.coating .wp-block-column:last-child {
	padding: 50px 30px;
	box-sizing: border-box;
}

#about .wp-block-columns.column-2 {
	grid-template-columns: repeat(1,1fr);
}

#about .wp-block-columns img{
	width: var(--flex-100);
}
.wp-block-columns.flex-direct {
	flex-direction: row;
	margin: 0;
	z-index: 1;
	position: relative;
	padding: 0;
}
.wp-block-columns.flex-direct:nth-child(2n) .wp-block-column:first-child {
	order: 0;
}

@media screen and (min-width: 1024px) {
.visual p.h6-title{
	text-align:center;
}
	
#about .wp-block-columns.column-2 {
	grid-template-columns: repeat(2,1fr);
}	
	
.coating .wp-block-column:last-child {
	padding: 100px;
	box-sizing: border-box;
}
#about .wp-block-columns img{
	width: var(--flex-100);
}
.wp-block-columns.flex-direct {
}
.wp-block-columns.flex-direct:nth-child(2n) .wp-block-column:first-child {
	order: 2;
}
	
	
}