.mod_html2.mod_223 {
	width: 100%;
	display: grid;
	grid-template-columns: 1095px 1fr;
	grid-template-areas: 
	"a b"
	"a c"
	"a d";
	gap: 0 115px;
	padding-bottom: 175px;
}
.col_html_banner_1_left {
	grid-area: a;
	width: 100%;
	position:relative;
}
.html_banner_1_yellow_block {
	grid-area: b;
	background: var(--primary) url('/image/catalog/design/banner_grid.svg') top left no-repeat;
	background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-ms-background-size: auto 100%;
	/* width: calc(100% + 1px); */
	/* margin-bottom: -1px; */
	clip-path: url(#customClipPath8);
	transition: clip-path 0.5s ease-in-out;
	aspect-ratio: 745 / 684;
	padding: 115px 64px;
	color: #000;
	font-size: 81px;
	line-height: 140%;
	font-weight: bold;
}
.html_banner_1_des {
	grid-area: d;
	font-size:19.22px;
	line-height:140%;
  	margin-top: 31px;
}
.html_banner_1_des p {
	font-size:19.8px;
	line-height: 140%;
	margin-bottom:30px
}
.html_banner_1_des p:last-child {
  	margin-bottom:0px;
}
.html_banner_1_title {
	grid-area: c;
	font-size:59px;
	margin-top:65px;
	font-weight:bold;
	line-height: 140%;
}
.col_html_banner_1_left img {
	width: calc(100% + 1px);
	/* margin-bottom: -1px; */
	clip-path: url(#customClipPath7);
	transition: clip-path 0.5s ease-in-out;
	object-fit: cover;
}
.col_html_banner_1_left a.link, html[data-theme="light"] .col_html_banner_1_left a.link {
    position: absolute;
    content: '';
    display: flex;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #ffffff url(/image/catalog/design/line_black.svg) center center no-repeat;
    background-size: 26px;
    position: absolute;
    bottom: 25px;
    right: 25px;
}
html[data-theme="light"] .col_html_banner_1_left a.link {
    background: #333 url(/image/catalog/design/line_white.svg) center center no-repeat;
	background-size: 26px;
}
.col_html_banner_1_left a.link:hover {
	background:var(--primary) url(/image/catalog/design/line_black.svg) center center no-repeat;
	background-size: 26px;
}

@media(max-width:1919px) {
.html_banner_1_title br {
	display: none;
}
.mod_html2.mod_223 {
	display: grid;
	grid-template-columns: 845fr 609fr;
	align-items: flex-start;
	gap: 0 99px;
	padding-bottom: 150px;
}
.col_html_banner_1_left {
	min-width: unset;
	width: 100%;
}
.col_html_banner_1_left img {
	width: 100%;
	height: 1090px;
}
.col_html_banner_1_left a.link, html[data-theme="light"] .col_html_banner_1_left a.link {
	width: 66px;
	height: 66px;
	bottom: 20px;
	right: 20px;
}
.col_html_banner_1_right {
	width: 100%;
}
.html_banner_1_yellow_block {
	padding: 105px 30px 140px 60px;
	font-size: 71px;
}
.html_banner_1_title {
	margin-top: 35px;
	font-size: 38px;
	line-height: 1.2;
}
.html_banner_1_des {
	margin-top: 25px;
	font-size: 19px;
	line-height: 1.5;
}
.html_banner_1_des p {
	font-size: inherit;
	line-height: inherit;
	margin-bottom: 20px;
}
}
@media(max-width:1599px) {
.mod_html2.mod_223 {
	grid-template-columns: 786fr 524fr;
	gap: 0 74px;
	padding-bottom: 140px;
}
.col_html_banner_1_left img {
	height: 1010px;
}
.html_banner_1_yellow_block {
	padding: 100px 40px 130px 56px;
	font-size: 59px;
}
.html_banner_1_title {
	font-size: 35px;
}
.html_banner_1_des {
	font-size: 17px;
}
}
@media(max-width:1439px) {
.mod_html2.mod_223 {
	grid-template-columns: 654fr 435fr;
	gap: 0 62px;
	padding-bottom: 90px;
}
.col_html_banner_1_left img {
	height: 840px;
}
.col_html_banner_1_left a.link, html[data-theme="light"] .col_html_banner_1_left a.link {
	width: 54px;
	height: 54px;
	background-size: 20px;
}
.col_html_banner_1_left a.link:hover {
	background-size: 20px;
}
.html_banner_1_yellow_block {
	padding: 84px 40px 110px 45px;
	font-size: 49px;
}
.html_banner_1_title {
	margin-top: 30px;
	font-size: 29px;
}
.html_banner_1_des {
	margin-top: 20px;
	font-size: 15px;
	line-height: 1.41;
}
.html_banner_1_des p {
	margin-bottom: 16px;
}
}
@media(max-width:1199px) {
.mod_html2.mod_223 {
	grid-template-columns: 550fr 365fr;
	gap: 0 50px;
	padding-bottom: 80px;
}
.col_html_banner_1_left img {
	height: 705px;
}
.col_html_banner_1_left a.link,html[data-theme="light"] .col_html_banner_1_left a.link {
	width: 42px;
	height: 42px;
	background-size: 12px;
	bottom: 15px;
	right: 15px;
}
.col_html_banner_1_left a.link:hover {
	background-size: 12px;
}
.html_banner_1_yellow_block {
	padding: 70px 35px 93px 40px;
	font-size: 41px;
}
.html_banner_1_title {
	margin-top: 25px;
	font-size: 24px;
	line-height: 1.4;
}
.html_banner_1_des {
	font-size: 13px;
}
.html_banner_1_des p {
	margin-bottom: 12px;
}
}
@media(max-width:991px) {
.mod_html2.mod_223 {
	grid-template-columns: 466fr 228fr;
	gap: 0 40px;
	padding-bottom: 55px;
}
.col_html_banner_1_left img {
	height: 600px;
}
.col_html_banner_1_left a.link, html[data-theme="light"] .col_html_banner_1_left a.link {
	width: 36px;
	height: 36px;
	background-size: 10px;
}
.col_html_banner_1_left a.link:hover {
	background-size: 10px;
}
.html_banner_1_yellow_block {
	padding: 44px 20px 60px 25px;
	font-size: 25px;
}
.html_banner_1_title {
	margin-top: 15px;
	font-size: 15px;
}
.html_banner_1_des {
	font-size: 11px;
	line-height: 1.48;
}
.html_banner_1_des p {
	margin-bottom: 8px;
}
}
@media(max-width:767px) {
.mod_html2.mod_223 {
	grid-template-columns: 256fr 272fr;
	grid-template-areas: 
	"a b"
	"a c"
	"d d";
	gap: 0 25px;
	padding-bottom: 45px;
}
.col_html_banner_1_left img {
	height: 330px;
}
.col_html_banner_1_left a.link, html[data-theme="light"] .col_html_banner_1_left a.link {
	width: 28px;
	height: 28px;
	background-size: 8px;
	bottom: 4px;
	right: 4px;
}
.col_html_banner_1_left a.link:hover {
	background-size: 8px;
}
.html_banner_1_yellow_block {
	padding: 50px 30px 75px 28px;
	font-size: 29px;
}
.html_banner_1_title {
	font-size: 17px;
}
.html_banner_1_des {
	font-size: 11px;
	line-height: 1.48;
}
}
@media(max-width:575px) {
.mod_html2.mod_223 {
	grid-template-columns: 211fr 224fr;
	gap: 0 20px;
	padding-bottom: 30px;
}
.col_html_banner_1_left img {
	height: 272px;
}
.col_html_banner_1_left a.link, html[data-theme="light"] .col_html_banner_1_left a.link {
	width: 24px;
	height: 24px;
	background-size: 7px;
}
.col_html_banner_1_left a.link:hover {
	background-size: 7px;
}
.html_banner_1_yellow_block {
	padding: 42px 24px;
	font-size: 24px;
}
.html_banner_1_title {
	font-size: 14px;
}
.html_banner_1_des {
	margin-top: 15px;
	line-height: 1.5;
}
.html_banner_1_des p {
	margin-bottom: 10px;
}
}
@media(max-width:479px) {
.mod_html2.mod_223 {
	grid-template-columns: 192fr 150fr;
	gap: 0 16px;
	padding-bottom: 25px;
}
.col_html_banner_1_left img {
	height: 230px;
}
.col_html_banner_1_left a.link, html[data-theme="light"] .col_html_banner_1_left a.link {
	bottom: 0;
	right: 0;
}
.html_banner_1_yellow_block {
	padding: 28px 10px 28px 15px;
	font-size: 18px;
}
.html_banner_1_title {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.6;
}
}
@media(max-width:359px) {
.mod_html2.mod_223 {
	grid-template-columns: 158fr 124fr;
}
.col_html_banner_1_left img {
	height: 188px;
}
.col_html_banner_1_left a.link, html[data-theme="light"] .col_html_banner_1_left a.link {
	width: 20px;
	height: 20px;
}
.html_banner_1_yellow_block {
	padding: 23px 9px 23px 12px;
	font-size: 16px;
}
.html_banner_1_title {
	font-size: 10px;
}
}