@font-face {
		font-family: "Noto Sans JP";
		src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
		font-weight: 700;
		font-style: normal
}

@font-face {
		font-family: "Noto Sans JP";
		src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
		font-weight: 500;
		font-style: normal
}

@font-face {
		font-family: "Noto Sans JP";
		src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
		font-weight: 400;
		font-style: normal
}

.header_wrap {
		padding: 8px 0
}

@media print, screen and (max-width: 991.98px) {
		.header_wrap {
				padding: 10px
		}
}

.header_logo {
		display: block;
		width: 146px
}

.header_container {
		display: flex;
		width: 100%;
		height: 85px;
		position: relative;
		background-color: #fff
}

@media print, screen and (max-width: 991.98px) {
		.header_container {
				height: 0
		}
}

.fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 20
}

.header_bg {
		width: 6%;
		height: 85px;
		background-image: url(../img/spacia_base-header-bg.png);
		background-size: cover
}

header2 nav2 {
		width: 88%
}

@media only screen and (max-width: 991.98px) {
header2 nav2 {
		width: 300px
}
}

header2 nav2 .nav_list2 {
		display: flex
}

header2 nav2 .nav_list2>li {
		width: calc((100% - 16px)/4);
		height: 85px;
		border: solid #fff;
		border-width: 0 0 0 1px
}

header2 nav2 .nav_list2>li:last-of-type {
		border-width: 0 1px
}

header2 nav2 .nav_list2>li a, header2 nav2 .nav_list2>li p {
		line-height: 85px;
		/*font-size: 1.5rem*/
}
@media only screen and (max-width: 991.98px) {
header2 nav2 .nav_list2>li a, header2 nav2 .nav_list2>li p {
		font-size: 0.9rem
}
}

header2 nav2 li {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #004598
}

header2 nav2 li.dropDown {
		position: relative
}

header2 nav2 li.dropDown .subMenu {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: -174px;
		z-index: 20
}

@media only screen and (min-width: 991.98px) {
		header2 nav2 li.dropDown .subMenu {
				visibility: hidden
		}
}

header2 nav2 li.dropDown .subMenu li {
		width: 100%;
		height: 85px;
		margin-top: 2px
}

@media print, screen and (max-width: 991.98px) {
		header2 nav2 li.dropDown .subMenu li {
				height: 38px
		}
}

header2 nav2 li.dropDown .subMenu li a {
		font-size: 1.0rem;
		line-height: 85px
}

@media only screen and (max-width: 991.98px) {
header2 nav2 li.dropDown .subMenu li a {
		font-size: 1.1rem
}
}


@media print, screen and (max-width: 991.98px) {
		header2 nav2 li.dropDown .subMenu li a {
				line-height: 45px
		}
}

nav2 li.dropDown:hover .subMenu {
		visibility: visible
}

@media only screen and (min-width: 992px) {
		header2 nav2 li:not(.dropDown) {/*dropDown2は存在しない、マウスオーバーしない回避*/
				transition: opacity .5s;
				opacity: 1
		}
		header2 nav2 li:not(.dropDown):hover {/*dropDown2は存在しない、マウスオーバーしない回避*/
				opacity: .85
		}
}

header2 nav2 li a, header2 nav2 li p {
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		text-align: center
}

header2 nav2 li.header_carName {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 16%;
		background-color: #000;
		cursor: pointer
}

header2 nav2 li.header_carName:hover {
		opacity: .85
}

header2 nav2 li.header_carName img {
		display: block;
		width: 75%
}

@media print, screen and (max-width: 991.98px) {
		body.no-scroll {
				overflow: hidden
		}
		.overlay2 {
				width: 100%;
				height: 100%;
				position: fixed;
				z-index: -1;
				background-color: rgba(0, 0, 0, 0);
				transition: background-color .5s
		}
		.overlay2.overlay_active2 {
				top: 0;
				left: 0;
				z-index: 12;
				background-color: rgba(0, 0, 0, .6)
		}
		.header_container {
				width: 100%;
				height: 44px;
				padding: 10px 40px 10px 10px;
				background: #ccc
		}
		.logo-sp {
				max-width: 292px;
				width: 100%;
				margin: 0 auto
		}
		.menu-btn {
				width: 25px;
				height: 20px;
				z-index: 50;
				cursor: pointer;
				position: absolute;
				top: 20%;
				right: 15px
		}
		.menu-btn span {
				width: 100%;
				height: 3px;
				border-radius: 3px;
				position: absolute;
				background-color: #555;
				transition: all .5s
		}
		.menu-btn span:nth-of-type(1) {
				right: 0;
				top: 0
		}
		.menu-btn span:nth-of-type(2) {
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				opacity: 1
		}
		.menu-btn span:nth-of-type(3) {
				left: 0;
				bottom: 0
		}
		.menu-btn.menu-active {
				opacity: 0
		}
		.menu-btn.menu-active span {
				background-color: #000
		}
		.menu-btn.menu-active span:nth-of-type(1) {
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%) rotate(45deg)
		}
		.menu-btn.menu-active span:nth-of-type(2) {
				opacity: 0
		}
		.menu-btn.menu-active span:nth-of-type(3) {
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%) rotate(-45deg)
		}
		header2 nav2 {
				width: 300px;
				height: 100%;
				position: fixed;
				top: 0;
				right: -300px;
				z-index: 100;
				transition: right .5s;
				background-color: #000
		}
		header2 nav2 .nav_list2 {
				flex-wrap: wrap
		}
		header2 nav2 .nav_list2>li {
				width: 100%;
				height: auto;
				background-color: rgba(0, 0, 0, 0);
				border: 1px solid #6f6b6a;
				border-width: 0 0 1px 0
		}
		header2 nav2 .nav_list2>li:last-of-type {
				border-width: 0 0 1px 0
		}
		header2 nav2 .nav_list2>li>a {
				height: 60px;
				text-align: center;
				color: #fff;
				line-height: 60px;
		}
		header2 nav2 .nav_list2>li p {
				height: auto
		}
		header2 nav2 .nav_list2>li:last-of-type {
				margin-bottom: 0
		}
		header2 nav2 .nav_list2 .dropDown {
				flex-wrap: wrap
		}
		header2 nav2 .nav_list2 .subMenu {
				position: static !important;
				padding-left: 10px
		}
		header2 nav2 .nav_list2 .subMenu li {
				margin-top: 0 !important;
				background-color: #444
		}
		header2 nav2 .nav_list2 .subMenu li:last-of-type {
				border-top: 1px solid #6f6b6a
		}
		header2 nav2.nav-active2 {
				width: 300px;
				height: 100%;
				right: 0;
				top: 0
		}
}

.hero {
		position: relative;
		z-index: 1
}

.hero_obj {
		width: 46.666%;
		position: absolute;
		right: 6.25%;
		bottom: 0
}

.unit {
		padding: 48px 0 60px 0
}

.unit_title {
		width: 70%;
		position: relative;
		z-index: 2;
		margin: 0 auto 50px auto
}

@media only screen and (max-width: 991.98px) {
		.unit_title {
				width: 100%;
				margin: 0 auto 20px auto
		}
}

@media print, screen and (max-width: 991.98px) {
		.unit_title {
				min-width: 280px
		}
}

.unit_subTitle {
		width: 51.5%;
		position: relative;
		z-index: 2;
		margin: 0 auto 20px auto
}

@media print, screen and (max-width: 991.98px) {
		.unit_subTitle {
				min-width: 300px
		}
}

.unit_desc {
		position: relative;
		z-index: 2;
		/*font-size: 1.5rem;*/
		line-height: 2.3;
		text-align: center;
		margin-bottom: 25px;
		font-weight: bold;
		color: #000;
}

@media print, screen and (max-width: 991.98px) {
		.unit_desc {
				font-size: 1.2rem
		}
}

@media only screen and (max-width: 991.98px) {
		.unit_desc {
				margin-bottom: 50px;
				font-size: 1.2rem
		}
}

.unit_mainImg {
		position: relative;
		z-index: 2;
		margin-bottom: 25px
}

.unit_whiteCar {
		width: 27%;
		position: absolute;
		bottom: -10%;
		right: -14.5%;
		z-index: 1
}
.unit_whiteCar2 {
		width: 100%;
		position: absolute;
		bottom: 2%;
		left: -14.5%;
		z-index: 1
}

@media only screen and (max-width: 991.98px) {
		.unit_whiteCar2 {
		width: 120%;
		}
}

.unit_items {
		display: flex;
		margin-bottom: 25px
}

.unit_items div:nth-of-type(1) {
		width: 22%;
		margin-right: 4%
}

.unit_items div:nth-of-type(2) {
		width: 22%;
		margin-right: 4%
}

.unit_items div:nth-of-type(3) {
		width: 48%
}

.note {
		border: 1px solid #e50012;
		padding: 12px 30px;
		margin-bottom: 60px
}

@media only screen and (max-width: 991.98px) {
		.note {
				padding: 12px
		}
}

.note p {
		font-size: 12px;
		color: #e50012
}

.unit_video {
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		aspect-ratio: 915/515;
		/*background-color: #000;
		background: url(../img/spacia_base-video-background.png?0833) no-repeat;*/
		background-size: cover;
		overflow: hidden
}

@media only screen and (min-width: 992px) {
		.unit_video {
				transition: opacity .5s;
				opacity: 1;
				max-width: 980px;
				margin: 0 auto 60px
		}
		.unit_video:hover {
				opacity: .75
		}
}

.video_text {
		width: 100%;
		margin-top: 0
}

/*@media only screen and (max-width: 991.98px) {
		.video_text {
				width: 250px
		}
}*/

@media only screen and (max-width: 991.98px) {
		.video_text {
				/*width: 200px;*/
				margin-top: 37px
		}
}

#video-area video {
		width: 80vw;
		height: auto;
		display: block
}

video {
		width: 100%
}

.how_title {
		display: block;
		width: 55.6%;
		padding: 54px 0 60px 0;
		margin: 0 auto
}

@media print, screen and (max-width: 991.98px) {
		.how_title {
				min-width: 370px
		}
}

@media only screen and (max-width: 991.98px) {
		.how_title {
				min-width: 300px;
				padding: 27px 0 30px 0
		}
}

.under_img {
		position: relative
}

.cover_img {
		position: absolute;
		bottom: 0;
		right: 0;
		opacity: 0;
		transition: opacity 2s
}

.cover_img.active {
		opacity: 1
}

.myOffice {
		background-color: #cbcfcc
}

.myOffice_img {
		position: relative;
		z-index: 1
}

.myShop {
		width: 100%;
		background-image: url(../img/spacia_base-bg-shop.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-color: #dac56a;
		position: relative;
		margin-top: -9.3%
}

.myShop:after {
		content: "";
		display: block;
		width: 100%;
		padding-top: 9.333%;
		background-image: url(../img/spacia_base-attach-office.png);
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		top: 0
}

.myShop_img {
		padding-top: 2.75%;
		position: relative;
		z-index: 1
}

.myBedroom {
		background-color: #96b2c7;
		position: relative;
		margin-top: -9.5%
}

.myBedroom:after {
		content: "";
		display: block;
		width: 100%;
		padding-top: 9.5%;
		background-image: url(../img/spacia_base-attach-shop.png);
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		top: 0
}

.myBedroom_img {
		padding-top: 2.75%;
		position: relative
}

.fade_item01, .fade_item02, .fade_item03 {
		opacity: 0;
		transition: 2s
}

.fadein {
		opacity: 1
}

.packBlack_container, .packChrome_container, .biz_container {
		background-color: #fff;
		padding: 2px
}

.pack_item, .biz_item {
		display: block;
		position: relative;
		cursor: pointer
}

@media only screen and (min-width: 992px) {
		.pack_item, .biz_item {
				overflow: hidden
		}
		.pack_item img, .biz_item img {
				transform: scale(1);
				transition: 1.5s
		}
		.pack_item img:hover, .biz_item img:hover {
				transform: scale(1.1)
		}
}

.pack_item::after, .biz_item::after {
		content: "";
		display: block;
		width: 28px;
		height: 28px;
		background-image: url(../img/spacia_base-glass.png);
		background-size: contain;
		position: absolute;
		top: 4px;
		right: 4px
}

@media only screen and (max-width: 991.98px) {
		.pack_item::after, .biz_item::after {
				width: 15px;
				height: 15px
		}
}

.pack_item img, .biz_item img {
		object-fit: cover;
		width: 100%;
		height: 100%
}

.pack_item span, .biz_item span {
		display: inline-block;
		position: absolute;
		left: 6px;
		bottom: 8px;
		font-weight: bold;
		/*font-size: 1.6rem;*/
		line-height: 1.2;
		padding: 6px;
		margin-right: 6px;
		opacity: 0;
		transition: opacity .6s;
		letter-spacing: 0;
}

@media print, screen and (max-width: 967.98px) {
		.pack_item span, .biz_item span {
				font-size: 1.1rem;
				opacity: 1;
				left: 3px;
				bottom: 6px
		}
}

@media only screen and (max-width: 967.98px) {
		.pack_item span, .biz_item span {
				font-size: 0.6rem;
				line-height: 1.1;
				left: 1px;
				bottom: 1px;
				padding: 1px 2px;
				margin-right: 1px
		}
}

@media only screen and (min-width: 992px) {
		.pack_item:hover span, .biz_item:hover span {
				opacity: 1
		}
}

.packBlack, .packChrome {
		padding: 59px 0 110px 0
}

@media only screen and (max-width: 399.98px) {
		.packBlack, .packChrome {
				padding: 32px 0 64px 0
		}
}

.pack_title {
		margin: 0 auto 45px auto
}

@media only screen and (max-width: 399.98px) {
		.pack_title {
				margin: 0 auto 22px auto
		}
}

.packBlack {
		background-image: url(../img/spacia_base-bg-black-style.png);
		background-size: cover;
		background-position: 50% 50%
}

.pack_title-black {
		width: 52%
}

@media print, screen and (max-width: 991.98px) {
		.pack_title-black {
				min-width: 300px
		}
}

.packBlack_container {
		display: flex;
		flex-wrap: wrap;
		max-width: 980px;
		margin: 0 auto;
}

.packBlack_container .pack_item span {
		color: #fff;
		background-color: rgba(0, 0, 0, .5)
}

@media only screen and (max-width: 967.98px) {
		.packBlack_container .pack_item span {
				background-color: rgba(0, 0, 0, .5)
		}
}

.packBlack_container .pack_wrap01 {
		width: 100%;
		margin-bottom: 2px;
		display: flex;
}

.packBlack_container .pack_wrap01 .pack_item:nth-of-type(1) {
		width: calc(49.78% - 1px);
		margin-right: 2px;
}

.packBlack_container .pack_wrap01 .pack_item:nth-of-type(2) {
		width: calc(50.22% - 1px);
		margin-right: 0;
}

.packBlack_container .pack_wrap02 {
		width: 100%;
}

.packChrome {
		background-image: url(../img/spacia_base-bg-org-style.png);
		background-size: cover;
		background-position: 50% 50%
}

.pack_title-origin {
		width: 66%
}

@media print, screen and (max-width: 991.98px) {
		.pack_title-origin {
				min-width: 300px
		}
}

.packChrome_container {
		display: flex;
		flex-wrap: wrap;
		max-width: 980px;
		margin: 0 auto;
}

.packChrome_container .pack_item span {
		color: #fff;
		background-color: rgba(136, 136, 136, .7)
}

@media only screen and (max-width: 991.98px) {
		.packChrome_container .pack_item span {
				background-color: rgba(136, 136, 136, .7)
		}
}

.packChrome_container .pack_wrap01 {
		width: calc(59.95% - 1px);
		margin-right: 2px;
		margin-bottom: 2px
}

.packChrome_container .pack_wrap01 .pack_item {
		position: relative
}

@media only screen and (min-width: 992px) {
		.packChrome_container .pack_wrap01 .pack_item:hover .pack_item-cover {
				opacity: 1
		}
}

.packChrome_container .pack_wrap01 .pack_item .pack_item-cover {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		transition: opacity .8s
}

@media print, screen and (max-width: 991.98px) {
		.packChrome_container .pack_wrap01 .pack_item .pack_item-cover {
				opacity: 1
		}
}

.packChrome_container .pack_wrap01 .pack_item:hover .pack_item-cover {
		opacity: 1
}

.packChrome_container .pack_wrap02 {
		width: calc(40.05% - 1px);
		margin-bottom: 2px
}

.packChrome_container .pack_wrap02 .pack_item:nth-of-type(1) {
		margin-bottom: 2px
}

.packChrome_container .pack_wrap03 {
		display: flex;
		width: 100%
}

.packChrome_container .pack_wrap03 .pack_item {
		margin-bottom: 2px
}

.packChrome_container .pack_wrap03 .pack_item:nth-of-type(1) {
		width: calc(38.56% - 1.3333333333px);
		margin-right: 2px
}

.packChrome_container .pack_wrap03 .pack_item:nth-of-type(2) {
		width: calc(38.56% - 1.3333333333px);
		margin-right: 2px
}

.packChrome_container .pack_wrap03 .pack_item:nth-of-type(3) {
		width: calc(22.88% - 1.3333333333px)
}

.packChrome_container .pack_wrap04 {
		display: flex
}

.packChrome_container .pack_wrap04 .pack_item:nth-of-type(1) {
		width: calc(33.65% - 1.3333333333px);
		margin-right: 2px
}

.packChrome_container .pack_wrap04 .pack_item:nth-of-type(2) {
		width: calc(32.7% - 1.3333333333px);
		margin-right: 2px
}

.packChrome_container .pack_wrap04 .pack_item:nth-of-type(3) {
		width: calc(33.55% - 1.3333333333px)
}

.check_3d {
		padding: 45px 0 50px 0
}

.check_3d-top {
		width: 50%;
		margin: 0 auto 15px auto
}

@media print, screen and (max-width: 991.98px) {
		.check_3d-top {
				min-width: 300px
		}
}

.check_3dBanner {
		display: block;
		width: 85%;
		margin: 0 auto;
		max-width: 980px
}

@media print, screen and (max-width: 991.98px) {
		.check_3dBanner {
				width: 100%
		}
}

@media only screen and (min-width: 992px) {
		.check_3dBanner {
				transition: opacity .5s;
				opacity: 1
		}
		.check_3dBanner:hover {
				opacity: .75
		}
}

.biz {
		background-image: url(../img/spacia_base-bg-biz.png);
		background-size: cover;
		background-position: 50% 50%;
		padding: 64px 0 128px 0
}

@media only screen and (max-width: 399.98px) {
		.biz {
				padding: 32px 0 64px 0
		}
}

.biz_title {
		width: 26.2%;
		margin: 0 auto 60px auto
}

@media print, screen and (max-width: 991.98px) {
		.biz_title {
				min-width: 200px
		}
}

.biz_container {
		display: flex;
		flex-wrap: wrap;
		max-width: 980px;
		margin: 0 auto;
}

.biz_item span {
		color: #000;
		background-color: rgba(255, 255, 255, .7)
}

@media only screen and (max-width: 991.98px) {
		.biz_item span {
				background-color: rgba(255, 255, 255, .7)
		}
}

.biz_wrap01 {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 2px
}

.biz_wrap01 .biz_item:nth-of-type(1) {
		width: calc(49.78% - 1px);
		margin-right: 2px
}

.biz_wrap01 .biz_item:nth-of-type(2) {
		width: calc(50.22% - 1px)
}

.biz_wrap02 {
		display: flex;
		flex-wrap: wrap;
		width: calc(67.2% - 1px);
		margin-right: 2px
}

.biz_wrap02 .biz_item:nth-of-type(1) {
		width: calc(42.45% - 1px);
		margin-right: 2px
}

.biz_wrap02 .biz_item:nth-of-type(2) {
		width: calc(57.55% - 1px)
}

.biz_wrap02 .biz_item:nth-of-type(3) {
		width: 100%;
		margin-top: 2px
}

.biz_wrap03 {
		width: calc(32.8% - 1px)
}

.baseGoods .cover_img .glass {
		width: 2.3%;
		position: absolute;
		cursor: pointer
}

@media only screen and (max-width: 991.98px) {
		.baseGoods .cover_img .glass {
				width: 20px
		}
}

.baseGoods .cover_img .glass a.sp-only {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
}

.baseGoods .cover_img .base_item01 {
		top: 34%;
		left: 38%
}

@media only screen and (max-width: 991.98px) {
		.baseGoods .cover_img .base_item01 {
				top: 32.5%
		}
}

.baseGoods .cover_img .base_item02 {
		top: 45.5%;
		left: 61%
}

@media only screen and (max-width: 991.98px) {
		.baseGoods .cover_img .base_item02 {
				top: 44%
		}
}

.baseGoods .cover_img .base_item03 {
		top: 76.5%;
		left: 37%
}

@media only screen and (max-width: 991.98px) {
		.baseGoods .cover_img .base_item03 {
				top: 75%
		}
}

.baseGoods .cover_img .base_item04 {
		top: 83.25%;
		left: 59%
}

@media only screen and (max-width: 991.98px) {
		.baseGoods .cover_img .base_item04 {
				top: 82%
		}
}

.baseGoods .cover_img .base_item05 {
		top: 89%;
		left: 80.8%
}

@media only screen and (max-width: 991.98px) {
		.baseGoods .cover_img .base_item05 {
				top: 87.5%
		}
}

.s-mall {
		padding: 35px 0 47px 0
}

.s-mall_desc {
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
		font-size: 23px;
		color: #000;
}
@media print, screen and (max-width: 991.98px) {
		.s-mall_desc {
				font-size: 1.0rem
		}
}

.s-mall_link {
		display: block;
		width: 38.4%;
		margin: 5px auto 0 auto
}

@media only screen and (min-width: 992px) {
		.s-mall_link {
				transition: opacity .5s;
				opacity: 1
		}
		.s-mall_link:hover {
				opacity: .75
		}
}

@media print, screen and (max-width: 991.98px) {
		.s-mall_link {
				min-width: 250px
		}
}

.comfort {
		background-image: url(../img/spacia_base-bg-comfort.png);
		background-size: cover;
		background-position: 50% 50%;
		padding: 40px 0 60px 0
}

.comfort_title {
		width: 32.5%;
		margin: 0 auto 72px auto
}

@media only screen and (max-width: 991.98px) {
		.comfort_title {
				min-width: 200px
		}
}

@media only screen and (max-width: 399.98px) {
		.comfort_title {
				margin: 0 auto 36px auto
		}
}

.comfort_items {
		display: flex
}

.comfort_items div:nth-of-type(1) {
		width: 100%;
		max-width: 980px;
		margin: 0 auto
}

/*.comfort_items div:nth-of-type(2) {
		width: 63%
}*/

.catalog {
		padding: 0 0 130px 0
}

@media print, screen and (max-width: 991.98px) {
		.catalog {
				padding: 0 0 60px 0
		}
}

.catalog_title {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		font-weight: bold;
		font-size: 20px;
		color: #bc544a;
		border: 4px solid #bc544a;
		border-radius: 20px;
		padding: 10px;
		margin-bottom: 42px
}

@media only screen and (max-width: 991.98px) {
		.catalog_title {
				font-size: 1.4rem
		}
}

.catalog_link {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 46px
}

@media only screen and (max-width: 991.98px) {
		.catalog_link {
			display: block
		}
}

.catalog_link a {
		width: 49%
}

@media only screen and (min-width: 992px) {
		.catalog_link a {
				transition: opacity .5s;
				opacity: 1
		}
		.catalog_link a:hover {
				opacity: .75
		}
}

@media only screen and (max-width: 399.98px) {
		.catalog_link a {
				width: 100%
		}
}

.catalog_link a:first-of-type {
		margin-right: 2%
}

@media only screen and (max-width: 399.98px) {
		.catalog_link a:first-of-type {
				margin-bottom: 20px
		}
}

.catalog_infoList li {
		font-size: 11px;
		margin-bottom: 3px
}

.catalog_infoList li:last-of-type {
		margin-bottom: 0
}

.catalog_infoList li span {
		color: #004ea1
}


main2 h1 { padding: 0; }

@media only screen and (max-width: 991.98px) { header2 { padding: 0 0 0 0;
  background: #ccc; } }

@media only screen and (max-width: 751.98px) { header2 { padding: 55px 0 0 0;
  background: #ccc; } }