資料ダウンロードページのMV差し替え

achievement-official.conohawing.com/catalogue/index.php

@@ -3,32 +3,32 @@
 <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
 
 <div class="p-other">
-	<div class="c-breadcrumb pc-only">
-		<ul class="c-breadcrumb__inner">
-			<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
-			<li class="c-breadcrumb__item"><span>資料ダウンロード</span></li>
-		</ul>
-	</div>
-	<section class="c-mainvisual p-other-mv">
-		<div class="c-mainvisual__inner">
-			<h2 class="c-mainvisual__ttl">資料ダウンロード</h2>
-		</div>
-	</section>
+    <div class="c-breadcrumb pc-only">
+        <ul class="c-breadcrumb__inner">
+            <li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
+            <li class="c-breadcrumb__item"><span>資料ダウンロード</span></li>
+        </ul>
+    </div>
+    <section class="c-mainvisual p-catalogue-mv">
+        <div class="c-mainvisual__inner">
+            <h2 class="c-mainvisual__ttl">資料ダウンロード</h2>
+        </div>
+    </section>
 
-	<div class="container">
+    <div class="container">
 
-		<main class="p-contact-content">
+        <main class="p-contact-content">
 
-			<section class="otherSingle0">
+            <section class="otherSingle0">
 
-				<p class="otherSingle0__txt">アチーブメントの提供する人材教育サービスの内容や事例をわかりやすくまとめた各種資料をご用意しました。<br>
-					ダウンロードの上、是非ご活用ください。</p>
+                <p class="otherSingle0__txt">アチーブメントの提供する人材教育サービスの内容や事例をわかりやすくまとめた各種資料をご用意しました。<br>
+                    ダウンロードの上、是非ご活用ください。</p>
 
-			</section>
+            </section>
 
-			<section class="otherSingle2">
-				<h3 class="c-title1">資料ダウンロード</h3>
-				<!--
+            <section class="otherSingle2">
+                <h3 class="c-title1">資料ダウンロード</h3>
+                <!--
 			<div class="p-contact-imgtext1"><a href="#">
 				<div class="p-contact-imgtext1__img">
 					<img src="/assets/img/catalogue/img_catalogue01.jpg" alt="">
@@ -40,37 +40,37 @@
 				</div>
 			</a></div>
 -->
-				<div class="p-contact-imgtext1"><a href="
+                <div class="p-contact-imgtext1"><a href="
 https://achievement.co.jp/tokubetsutaiken/?fbclid=IwAR1GK_gZrl3E6Yimdl5r1sOMFUwbEfpgZVyiaafN9Y5RSOioOYmMWIuPG40">
-						<div class="p-contact-imgtext1__img">
-							<img src="/assets/img/catalogue/img_catalogue02.jpg" alt="">
-						</div>
-						<div class="p-contact-imgtext1__info">
-							<h4 class="p-contact-imgtext1__ttl">特別無料動画視聴</h4>
-							<p class="p-contact-imgtext1__txt">各業界で成果を上げている受講生の声などを参考にいただき、『頂点への道』講座のエッセンスを代表の青木が自らメッセージをしている。</p>
-						</div>
-					</a></div>
-			</section>
-
-			<section class="otherSingle2">
-				<h3 class="c-title1">個別相談</h3>
-				<div class="p-contact-imgtext1"><a href="https://contact.achievement.co.jp/mf_indiviual/?referrer=https%3A%2F%2Fachievement.co.jp%2Fcatalogue%2F" target="_blank">
-						<div class="p-contact-imgtext1__img">
-							<img src="/assets/img/catalogue/img_catalogue04.jpg" alt="">
-						</div>
-						<div class="p-contact-imgtext1__info">
-							<h4 class="p-contact-imgtext1__ttl">個別相談を希望する</h4>
-							<p class="p-contact-imgtext1__txt">「組織の課題に対して何を取り組めばいいか相談をしたい」「アチーブメントの講座の活用方法を直接聞きたい」といったご要望に個別でお応えさせていただきます。<br>
-								お気軽にお問い合わせください。</p>
-						</div>
-					</a></div>
-
-			</section>
-
-
-		</main>
-
-	</div>
+                        <div class="p-contact-imgtext1__img">
+                            <img src="/assets/img/catalogue/img_catalogue02.jpg" alt="">
+                        </div>
+                        <div class="p-contact-imgtext1__info">
+                            <h4 class="p-contact-imgtext1__ttl">特別無料動画視聴</h4>
+                            <p class="p-contact-imgtext1__txt">各業界で成果を上げている受講生の声などを参考にいただき、『頂点への道』講座のエッセンスを代表の青木が自らメッセージをしている。</p>
+                        </div>
+                    </a></div>
+            </section>
+
+            <section class="otherSingle2">
+                <h3 class="c-title1">個別相談</h3>
+                <div class="p-contact-imgtext1"><a href="https://contact.achievement.co.jp/mf_indiviual/?referrer=https%3A%2F%2Fachievement.co.jp%2Fcatalogue%2F" target="_blank">
+                        <div class="p-contact-imgtext1__img">
+                            <img src="/assets/img/catalogue/img_catalogue04.jpg" alt="">
+                        </div>
+                        <div class="p-contact-imgtext1__info">
+                            <h4 class="p-contact-imgtext1__ttl">個別相談を希望する</h4>
+                            <p class="p-contact-imgtext1__txt">「組織の課題に対して何を取り組めばいいか相談をしたい」「アチーブメントの講座の活用方法を直接聞きたい」といったご要望に個別でお応えさせていただきます。<br>
+                                お気軽にお問い合わせください。</p>
+                        </div>
+                    </a></div>
+
+            </section>
+
+
+        </main>
+
+    </div>
 
 </div>
 

achievement-official.conohawing.com/common_previous/css/other.css

@@ -535,6 +535,22 @@ body {
   height: 125px;
  }
 }
+.p-catalogue-mv {
+ background: url("/assets/img/catalogue/mv-img.png") no-repeat top center;
+ background-size: cover;
+ height: 300px;
+ align-items: center;
+ margin-bottom: 40px;
+}
+
+@media screen and (max-width: 767px) {
+ .p-catalogue-mv {
+  background: url("/assets/img/catalogue/mv-img.png") no-repeat center center;
+  background-size : cover;
+  margin-bottom: 20px;
+  height: 125px;
+ }
+}
 .c-mainvisual__ttl {
  font-size: 3.6rem;
  line-height: 1.35;