/* === Reset & Base Styles === */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
	list-style: none!important;
}

html, body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

body {
  color: var(--color-blue);
  font-family: "Tazugane Kaku Gothic StdN", "たづがね角ゴシック", "Montserrat", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #000000 !important;
  background-image: none !important;
  position: relative;
  width: 100vw;

	--color-blue: #00C8FF;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('../../../../content/files/spacecomic0727/img/kodansha_spacebrothers_260609_9153tate_bg.jpg');
  background-size: cover;
  background-position: center;
  z-index: -2;
  pointer-events: none;
}

p {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
  display: inline-block;
  transform: scaleX(0.9);
	transform-origin: left center;
	margin-right: -0.1em;
}

/* ==========================================================================
  ▼ スマートフォン・タブレット用レスポンシブ（1080px以下） ▼
========================================================================== */
/* === Common === */
.is-sp {
	display: block;
}

.is-pc {
	display: none;
}

sup {
  font-size: 75%;
  vertical-align: bottom;
  position: relative;
  bottom: 0.2em;
}

img.icon1 {
	width: calc(61 / 750 *100vw);
	height: calc(11 / 750 *100vw);
}

img.icon2 {
	width: calc(80 / 750 *100vw);
	height: calc(22 / 750 *100vw);
}

img.icon5 {
	width: calc(65 / 750 *100vw);
	height: calc(68 / 750 *100vw);
}

/* === 1. Hero Section === */
.hero-section {
  width: 100vw;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-image.is-pc {
  display: none !important;
}

.hero-image.is-sp {
  display: block !important;
  max-width: 100%;
  height: auto;
}

/* === 2. Intro Section === */
.intro-section {
	width: calc(630 / 750 *100vw);
	margin:  calc(40 / 750 *100vw) auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.intro-box {
  width: calc(630 / 750 *100vw);
  padding: 0;
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.intro-top {
  display: flex;
  align-items: center;
  width: 100%;
}

.intro-top img:nth-of-type(2) {
	width: calc(147 / 750 *100vw);
	margin: 0 calc(30 / 750 *100vw) 0 calc(15 / 750 *100vw);
}

.intro-section .line {
  flex: 1 1 auto;
  height: calc(1.5 / 750 * 100vw);
  background-image: url("../../../../content/files/spacecomic0727/img/line_sp@2x.webp");
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
}

.intro-section .flex-wrap {
	display: block;
	text-align: center;
}

.intro-box,
.intro-box-inner {
	position: relative;
	z-index: 1;
}

.intro-box {
	margin-top: calc(15 / 750 *100vw);;
}

.intro-box::before,
.intro-box-inner::before,
.intro-box::after,
.intro-box-inner::after {
	content: '';
	display: block;
	background: var(--color-blue);
	background-size: calc(4 / 750 *100vw) calc(4 / 750 *100vw);
	width: calc(4 / 750 *100vw);
	height: calc(4 / 750 *100vw);
	border-radius: 50%;
	position: absolute;
	z-index: 3;
}

.intro-box::before {
	top: calc(10 / 750 *100vw);
	left: calc(10 / 750 *100vw);
}

.intro-box-inner::before {
	top: calc(10 / 750 *100vw);
	right: calc(10 / 750 *100vw);
}

.intro-box::after {
	bottom: calc(10 / 750 *100vw);
	left: calc(10 / 750 *100vw);
}

.intro-box-inner::after {
	bottom: calc(10 / 750 *100vw);
	right: calc(10 / 750 *100vw);
}

.intro-box-inner {
	border: 1px solid var(--color-blue);
	padding: calc(70 / 750 *100vw) 0 calc(60 / 750 *100vw);
}

.intro-section .headings {
	font-size: calc(40 / 750 *100vw);
	text-align: center;
	letter-spacing: 0.26em;
	transform-origin: center;
}

.intro-section .lead {
	margin-top: calc(50 / 750 *100vw);
	font-size: calc(18 / 750 *100vw);
	text-align: center;
	letter-spacing: 0.14em;
	line-height: 2.16;
	transform-origin: center;
}

.intro-section .comin-icon {
	display: block;
	width: calc(137 / 750 *100vw);
	margin: calc(45 / 750 *100vw) auto 0;
}

.intro-box .credit {
	font-size: calc(10 / 750 *100vw);
	position: absolute;
	bottom: calc(5 / 750 *100vw);
	right: calc(0 / 750 *100vw);
}

.intro-bottom .credit {
	display: block;
	font-size: calc(10 / 750 *100vw);
	position: absolute;
	top: calc(5 / 750 *100vw);
	right: calc(-35 / 750 *100vw);
}

.intro-bottom {
	width: 100%;
	position: relative;
}

/* === 3. Movie Section === */
.movie-section {
	position: relative;
	margin: calc(80 / 750 *100vw) auto 0;
}

.movie_title-img {
  position: relative;
  width: calc(631.2 / 750 *100vw);
	padding: calc(25 / 750 *100vw) 0;
	margin: 0 auto;
}

.movie_title-img img {
  width: 100%;
  display: block;
}

.movie_title-img::before,
.movie_title-img::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: var(--color-blue);
}

.movie_title-img::before {
  top: 0;
}

.movie_title-img::after {
  bottom: 0;
}

.movie-wrap {
	width: calc(630 / 750 *100vw);
	margin: 0 auto;
}

.movie_headings {
	margin: calc(30 / 750 *100vw) auto 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.movie1 .movie_headings img:nth-of-type(1) {
	width: calc(162 / 750 *100vw) ;
}

.movie2 .movie_headings img:nth-of-type(1) {
	width: calc(317 / 750 *100vw);
}

.movie-box {
	margin: calc(10 / 750 *100vw) auto 0;
	border: var(--color-blue) solid 1px;
	width: calc(630 / 750 *100vw);
	height: calc(354 / 750 *100vw);
	box-sizing: border-box;
}

.movie-box iframe {
	width: calc(626 / 750 *100vw);
	height: calc(350 / 750 *100vw);
}

.movie-bottom {
	display: flex;
	align-items: center;
  width: 100%;
	gap: calc(10 / 750 *100vw);
	margin: calc(10 / 750 *100vw) auto 0;
}

.movie1 .movie-bottom img:nth-of-type(2) {
	width: calc(172 / 750 *100vw);
}

.movie2 .movie-bottom img:nth-of-type(2) {
	width: calc(162 / 750 *100vw);
}

.movie-bottom .line {
  flex: 1 1 auto;
  height: calc(1.5 / 750 * 100vw);
  background-image: url("../../../../content/files/spacecomic0727/img/line_sp@2x.webp");
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
}

/* === 4. Mission Section === */
.mission-section {
	position: relative;
	margin: calc(100 / 750 *100vw) auto;
}

.mission_title-img {
  position: relative;
  width: calc(631.5 / 750 *100vw);
	padding: calc(25 / 750 *100vw) 0;
	margin: 0 auto;
}

.mission_title-img img {
  width: 100%;
  display: block;
}

.mission_title-img::before,
.mission_title-img::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: var(--color-blue);
}

.mission_title-img::before {
  top: 0;
}

.mission_title-img::after {
  bottom: 0;
}

.mission_bg,
.mission_bg-inner {
	position: relative;
	width: calc(630 / 750 *100vw);
	margin: 0 auto;
}

.mission_bg::before,
.mission_bg-inner::before,
.mission_bg::after,
.mission_bg-inner::after {
	content: '';
	display: block;
	background: var(--color-blue);
	background-size: calc(4 / 750 *100vw) calc(4 / 750 *100vw);
	width: calc(4 / 750 *100vw);
	height: calc(4 / 750 *100vw);
	border-radius: 50%;
	position: absolute;
	z-index: 3;
}

.mission_bg::before {
	top: 0;
	left: 0;
}

.mission_bg-inner::before {
	top: 0;
	right: 0;
}

.mission_bg::after {
	bottom: 0;
	left: 0;
}

.mission_bg-inner::after {
	bottom: 0;
	right: 0;
}

.mission-section .flex-wrap {
	width: calc(630 / 750 *100vw);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: calc(15 / 750 *100vw);
	border: 1px solid var(--color-blue);
	border-radius: 60px;
	margin: calc(35 / 750 *100vw) auto 0;
	padding: calc(20 / 750 *100vw) 0 calc(20 / 750 *100vw) calc(30 / 750 *100vw);
	position: relative;
}

.mission-section .flex-wrap p {
	font-size: calc(13 / 750 *100vw);
	line-height: 1.53;
	letter-spacing: 0.14em;
	margin-left: calc(35 / 750 *100vw);
}

.mission-section .flex-wrap::after {
	content: '';
	display: block;
	background: var(--color-blue);
	background-size: calc(1 / 750 *100vw) 100%;
	width: calc(1 / 750 *100vw);
	height: calc(80 / 750 *100vw);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: calc(125 / 750 *100vw);
}

.mission-list {
	margin: 0 auto;
	width: calc(630 / 750 *100vw);
}

.mission-list-item {
	border-top: 1px solid var(--color-blue);
	margin: calc(35 / 750 *100vw) auto 0;
}

.mission-list-name {
	margin-top: calc(10 / 750 *100vw);
	display: flex;
	justify-content: flex-end;
	gap: calc(8 / 750 *100vw);
}

.mission-list-name img {
	height: calc(15 / 750 *100vw);
}

.mission-list-ph img,
.mission-list-text {
	width: calc(630 / 750 *100vw);
}

.mission-list-ph {
	margin-top: calc(20 / 750 *100vw);
}

.mission-list-text {
	margin-top: calc(6 / 750 *100vw);
}

.mission-list-title {
	position: relative;
	padding-left: calc(30 / 750 *100vw);
}

.mission-list-title img {
	width: calc(161 / 750 *100vw);
	height: calc(30 / 750 *100vw);
}

.mission-list-title::after {
	content: '';
	display: block;
	background: var(--color-blue);
	background-size: calc(8 / 750 *100vw) 100%;
	width: calc(8 / 750 *100vw);
	height: calc(26 / 750 *100vw);
	position: absolute;
	top: 0;
	left: 0;
}

.mission-list-headings {
	position: relative;
	text-align: center;
	transform-origin: center;
	display: block;
	margin: calc(20 / 750 *100vw) auto 0;
	font-size: calc(30 / 750 *100vw);
	padding: calc(30 / 750 *100vw) 0;
	line-height: 1;
	letter-spacing: 0.24em;
}

.mission-list-headings::before,
.mission-list-headings::after {
	content: '';
	background-image: url('../../../../content/files/spacecomic0727/img/mission_icon_sp@2x.webp');
	background-size: calc(31 / 750 *100vw) calc(30.5 / 750 *100vw);
	width: calc(31 / 750 *100vw);
	height: calc(30.5 / 750 *100vw);
	position: absolute;
}

.mission-list-headings::before {
	top: calc(0 / 750 *100vw);
	left: calc(-35 / 750 *100vw);
}

.mission-list-headings::after {
	bottom: calc(0 / 750 *100vw);
	right: calc(-35 / 750 *100vw);
	transform: rotate(180deg);
}

.mission-list .caption {
	margin-top: calc(15 / 750 *100vw);
	margin-left: calc(-30 / 750 *100vw);
	font-size: calc(16 / 750 *100vw);
	line-height: 1.875;
	letter-spacing: 0.28em;
	transform-origin: center;
	width: calc(690 / 750 *100vw);
}

.mission-list-wrap {
	display: flex;
	justify-content: center;
	flex-direction: column-reverse;
	/* padding: 60px 0; */
}

/* === 5. Timeline Section === */
.timeline-section {
	position: relative;
}

.timeline_title-img {
  position: relative;
  width: calc(631.2 / 750 *100vw);
	padding: calc(25 / 750 *100vw) 0;
	margin: 0 auto;
}

.timeline_title-img img {
  width: 100%;
  display: block;
}

.timeline_title-img::before,
.timeline_title-img::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: var(--color-blue);
}

.timeline_title-img::before {
  top: 0;
}

.timeline_title-img::after {
  bottom: 0;
}

.timeline-list {
	width: calc(630 / 750 *100vw);
	margin: calc(40 / 750 *100vw) auto 0;
	position: relative;
}

.timeline-list::after {
	content: '';
	display: block;
	background: var(--color-blue);
	background-size: 1px 100%;
	width: 1px;
	height: calc(100% - 69.333vw);
	position: absolute;
	top: calc(8 / 750 *100vw);
	left: 0;
	z-index: 1;
}

.timeline-list-item {
	margin-left: calc(30 / 750 *100vw);
	padding-top: calc(40 / 750 *100vw);
}

.timeline-list-item:first-child {
	padding-top: 0;
}

.timeline-list-wrap {
	display: flex;
	flex-direction: column;
}

.timeline-list-title img {
	height: calc(23 / 750 *100vw);
}

.timeline-list-title {
	position: relative;
}

.timeline-list-title::after {
	content: '';
	display: block;
	background: var(--color-blue);
	background-size: calc(8 / 750 *100vw) 100%;
	width: calc(8 / 750 *100vw);
	height: calc(26 / 750 *100vw);
	position: absolute;
	top: calc(6 / 750 *100vw);
	left: calc(-33 / 750 *100vw);
}

.timeline-list-headings {
	position: relative;
	display: inline-block;
	font-size: calc(30 / 750 *100vw);
	margin-top: calc(30 / 750 *100vw);
	margin-left: calc(-30 / 750 *100vw);
	padding-left: calc(35 / 750 *100vw);
	letter-spacing: 0.24em;
}

.timeline-list-headings::after {
	content: '';
	display: inline-block;
	background: var(--color-blue);
	background-size: 100% 1px;
	width: calc(622 / 750 *100vw);
	height: 1px;
	position: absolute;
	bottom: calc(-10 / 750 *100vw);
	left: calc(0 / 750 *100vw);
}

.timeline-list-item:nth-child(7) .timeline-list-headings::after {
  bottom: calc(-12 / 750 * 100vw);
}

.timeline-list .caption {
	width: calc(564 / 750 *100vw);
	margin-top: calc(45 / 750 *100vw);
	font-size: calc(16 / 750 *100vw);
	line-height: 1.875;
	position: relative;
}

.timeline-list-img {
	position: relative;

}

.timeline-list-img img {
	margin-top: calc(25 / 750 *100vw);
	width: calc(564 / 750 *100vw);
}

/* === 6. Comments Section === */
.comments-section {
	position: relative;
	margin: calc(100 / 750 *100vw) auto;
}

.comments_title-img {
  position: relative;
  width: calc(631.2 / 750 *100vw);
	padding: calc(25 / 750 *100vw) 0;
	margin: 0 auto;
}

.comments_title-img img {
  width: 100%;
  display: block;
}

.comments_title-img::before,
.comments_title-img::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: var(--color-blue);
}

.comments_title-img::before {
  top: 0;
}

.comments_title-img::after {
  bottom: 0;
}

.comments-list {
	width: calc(630 / 750 *100vw);
	margin: calc(50 / 750 *100vw) auto;
}

.comments-list-item {
	border: 1px solid var(--color-blue);
	margin: calc(60 / 750 *100vw) auto 0;
	padding: calc(40 / 750 *100vw) calc(60 / 750 *100vw);
}

.comments-list-item:first-child {
	margin-top: 0;
}

.comments-list-prof {
	display: flex;
	align-items: center;
	gap: calc(30 / 750 *100vw);
}

.comments-list-prof-text {
	display: flex;
	flex-direction: column;
}

.comments-list-prof img {
	width: calc(106 / 750 *100vw);
	height: calc(106 / 750 *100vw);
}

.comments-list-box {

}

.comments-list-box,
.comments-list-box-inner {
	position: relative;
	z-index: 1;
}

.comments-list-box::before,
.comments-list-box-inner::before,
.comments-list-box::after,
.comments-list-box-inner::after {
	content: '';
	display: block;
	background: var(--color-blue);
	background-size: calc(4 / 750 *100vw) calc(4 / 750 *100vw);
	width: calc(4 / 750 *100vw);
	height: calc(4 / 750 *100vw);
	border-radius: 50%;
	position: absolute;
	z-index: 3;
}

.comments-list-box::before {
	top: calc(-30 / 750 *100vw);
	left: calc(-50 / 750 *100vw);
}

.comments-list-box-inner::before {
	top: calc(-30 / 750 *100vw);
	right: calc(-50 / 750 *100vw);
}

.comments-list-box::after {
	bottom: calc(-30 / 750 *100vw);
	left: calc(-50 / 750 *100vw);
}

.comments-list-box-inner::after {
	bottom: calc(-30 / 750 *100vw);
	right: calc(-50 / 750 *100vw);
}

.comments-list-box:first-of-type::after,
.comments-list-box:first-of-type .comments-list-box-inner::after {
  display: none;
}

.comments-list-box:last-of-type::before,
.comments-list-box:last-of-type .comments-list-box-inner::before {
  display: none;
}

.comments-list-name {
	position: relative;
	display: inline-block;
	font-size: calc(29 / 750 *100vw);
	line-height: 1.1;
	letter-spacing: 0.3em;
}

.comments-list-name::after {
	content: '';
	display: block;
	background-color: var(--color-blue);
	background-size: 100% 1px;
	width: 100%;
	height: 1px;
	position: absolute;
  left: calc(0 / 750 *100vw);
  bottom: calc(-15 / 750 *100vw);
  width: calc(100% + 12px);
}

.comments-list-title {
	font-size: calc(17 / 750 *100vw);
	line-height: 1.35;
	margin-top: calc(35 / 750 *100vw);
	letter-spacing: 0.18em;
}

.comments-list-text {
	flex: 1;
	font-size: calc(22 / 750 *100vw);
	line-height: 1.4;
	margin-top: calc(35 / 750 *100vw);
	padding-top: calc(35 / 750 *100vw);
	border-top: 1px solid var(--color-blue);
}

.comments-list .caption {
	letter-spacing: 0.2em;
	transform-origin: center;
	width: calc(100% + 30px);
	margin-left: calc(-25 / 750 *100vw);
}

.comments-list-credit {
	width: calc(105 / 750 *100vw);
	position: absolute;
	bottom: calc(-32 / 750 *100vw);
	right: calc(-45 / 750 *100vw);
}

.comments-list-credit img {
	height: calc(9 / 750 *100vw);
  display: block;
}

/* === 7. Footer Section === */
.footer-section {
	position: relative;
	padding: calc(160 / 750 *100vw) calc(40 / 750 *100vw) 0;
}

.footer-section::before,
.footer-section::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: var(--color-blue);
}

.footer-section::before {
  top: 0;
}

.footer-section::after {
  top: calc(70 / 750 *100vw);
}
/*
.footer-logo {
  width: calc(137 / 750 *100vw);
  height: auto !important;
  margin: 0 auto calc(90 / 750 *100vw);
  object-fit: contain;
  object-position: center;
  display: block;
}

.footer-banners {
    display: flex !important;
    align-items: center !important;
		justify-content: center;
    gap: calc(24 / 750 *100vw);
    width: 100% !important;
    margin-bottom: calc(90 / 750 *100vw);
}

.footer-banners a {
  display: block !important;
  width: fit-content !important;
  transition: opacity 0.3s ease !important;
}

.footer-banners a:hover {
  opacity: 0.7 !important;
}

.footer-banner-item {
  width: calc(193 / 750 *100vw);
  height: auto !important;
  border-radius: 0px !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

.footer-socials {
	display: flex;
  justify-content: flex-start;
	align-items: center;
  gap: calc(25 / 750 *100vw);
  width: calc(630 / 750 *100vw);
  margin: 0 auto;
  padding: calc(90 / 750 *100vw) 0 !important;
  position: relative;
  border-top: 1px solid var(--color-blue);
  border-bottom: 1px solid var(--color-blue);
}

.social-share-btn {
  width: calc(165 / 750 *100vw);
	margin-left: calc(90 / 750 *100vw);
  height: auto !important;
}

.social-icon {
  width: calc(50 / 750 *100vw);
  height: auto !important;
}

.footer-mascot-line-area {
    width: 100% !important;
    max-width: 630px !important;
    height: 1px !important;
    border: none !important;
    background: transparent !important;
    position: relative;
    margin: 0 auto 60px auto !important;
    top: 0 !important;
}

.mascot-placeholder {
	position: absolute;
    left: calc(60 / 750 *100vw);
    transform: none !important;
    width: calc(140 / 750 *100vw);
    height: auto !important;
    top: calc(-75 / 750 *100vw);
    z-index: 10 !important;
}

.footer-main-title-wrapper {
    margin-bottom: 305px !important;
    width: 100%;
}

.footer-main-title {
	display: block;
  width: calc(275 / 750 *100vw);
  height: auto !important;
  margin: 0 auto;
} */

/* Windows/Chromeのガビガビ、Safariのにじみを強制補正 */
.hero-image,
.intro-box-img,
.movie-placeholder,
.comment-row-img,
.footer-banner-item {
    image-rendering: -webkit-optimize-contrast !important; /* Safari/Chrome用：コントラストを最適化 */
    image-rendering: high-quality !important;              /* Chrome/Firefox用：高品質な縮小アルゴリズムを強制 */
    transform: translateZ(0);                               /* Safari用魔法の記述：GPU（グラフィック機能）を強制起動させてにじみを消す */
}

    /* === 6. Footer Section === */
    .footer-logo {
        width: 130px !important;
        height: auto !important;
        margin: 0 auto 40px;
				display: block;
    }

    .footer-banners {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
        width: 100% !important;
        margin-bottom: 40px !important;
    }

    .footer-banners a {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: fit-content !important;
        transition: opacity 0.3s ease !important;
    }
    .footer-banners a:hover {
        opacity: 0.7 !important;
    }

    .footer-banner-item {
        width: 245px !important;
        max-width: 90% !important;
        height: auto !important;
        border-radius: 0px !important;
        display: block !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    .footer-socials {
				display: flex;
				align-items: center;
        flex-direction: row !important;
        justify-content: center;
        gap: 15px;
        width: 100% !important;
        max-width: 630px !important;
        margin: 0 auto !important;
        padding: 60px 0 !important;
        position: relative;
        border-top: 1px solid #25C8FB;
        border-bottom: 1px solid #25C8FB;
    }

    .social-share-btn {
        width: 100px !important;
        height: auto !important;
    }
    .social-icon {
        width: 36px !important;
        height: auto !important;
    }

    .footer-mascot-line-area {
        width: 100% !important;
        max-width: 630px !important;
        height: 1px !important;
        border: none !important;
        background: transparent !important;
        position: relative;
        margin: 0 auto 60px auto !important;
        top: 0 !important;
    }

    .mascot-placeholder {
        left: 0 !important;
        transform: none !important;
        width: 80px !important;
        height: auto !important;
        top: -40px !important;
        z-index: 10 !important;
				position: absolute;
				object-fit: contain;
				display: block;
    }

    .footer-main-title-wrapper {
        margin-bottom: 305px !important;
        width: 100%;
    }

    .footer-main-title {
        width: 180px !important;
        height: auto !important;
        margin: 0 auto;
				display: block;
				object-fit: contain;
    }