Commit cfa38f1c by Orine Matsui

cssのMV周り調整

parent a4ccfea6
...@@ -1754,7 +1754,8 @@ mainvisual ...@@ -1754,7 +1754,8 @@ mainvisual
padding: 0 15px; padding: 0 15px;
} }
} }
.c-mainvisual__ttl { .c-mainvisual__ttl,
.c-mainvisual__title {
width: 100%; width: 100%;
font-size: 5rem; font-size: 5rem;
line-height: 1.2; line-height: 1.2;
...@@ -1764,20 +1765,21 @@ mainvisual ...@@ -1764,20 +1765,21 @@ mainvisual
font-weight: 600; font-weight: 600;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__ttl { .c-mainvisual__ttl,
.c-mainvisual__title {
font-size: 3rem; font-size: 3rem;
} }
} }
.c-mainvisual__txt, .c-mainvisual__txt,
.c-mainvisual__text { .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
line-height: 1.2; line-height: 1.5;
color: #fff; color: #fff;
margin: 27px 0 0; margin: 27px 0 0;
text-align: center; text-align: center;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-family: heisei-kaku-gothic-std, sans-serif;
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 500;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__txt, .c-mainvisual__txt,
...@@ -6060,36 +6062,6 @@ body { ...@@ -6060,36 +6062,6 @@ body {
} }
} }
.p-company .c-mainvisual__title {
font-size: 5rem;
color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
line-height: 2;
}
@media screen and (max-width: 767px) {
.p-company .c-mainvisual__title {
font-size: 3rem;
line-height: 1.5;
}
}
.p-company .c-mainvisual__text {
font-size: 2rem;
color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif';
text-align: center;
}
@media screen and (max-width: 767px) {
.p-company .c-mainvisual__text {
font-size: 1.4rem;
color: #363636;
text-align: left;
padding: 34px 20px 67px;
}
}
.p-company .c-mainvisual .c-breadcrumb { .p-company .c-mainvisual .c-breadcrumb {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -6884,7 +6856,6 @@ body { ...@@ -6884,7 +6856,6 @@ body {
.p-kita .c-mainvisual__title { .p-kita .c-mainvisual__title {
font-size: 5rem; font-size: 5rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
line-height: 2; line-height: 2;
} }
...@@ -6901,7 +6872,6 @@ body { ...@@ -6901,7 +6872,6 @@ body {
.p-kita .c-mainvisual__text { .p-kita .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif';
text-align: right; text-align: right;
} }
......
...@@ -138,6 +138,13 @@ ...@@ -138,6 +138,13 @@
<link rel="stylesheet" href="/common_previous/css/other.css"> <link rel="stylesheet" href="/common_previous/css/other.css">
<link rel="stylesheet" href="/common_previous/css/contact.css"> <link rel="stylesheet" href="/common_previous/css/contact.css">
<?php } ?> <?php } ?>
<?php if($pageid == "contact-form") { ?>
<link rel="stylesheet" href="/common_previous/css/other.css">
<link rel="stylesheet" href="/common_previous/css/contact.css">
<link rel="stylesheet" href="/common_previous/css/form.css">
<?php } ?>
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3405083-1"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-3405083-1"></script>
<script> <script>
......
...@@ -117,6 +117,7 @@ body { ...@@ -117,6 +117,7 @@ body {
height: 250px; height: 250px;
} }
} }
.c-mainvisual__ttl { .c-mainvisual__ttl {
width: 100%; width: 100%;
text-align: center; text-align: center;
......
...@@ -909,6 +909,7 @@ body { ...@@ -909,6 +909,7 @@ body {
*/ */
.c-mainvisual { .c-mainvisual {
background: #e0dedf; background: #e0dedf;
height: auto;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -922,6 +923,7 @@ body { ...@@ -922,6 +923,7 @@ body {
margin: 0 auto; margin: 0 auto;
padding: 0 49px; padding: 0 49px;
*zoom: 1; *zoom: 1;
text-align: left;
} }
.c-mainvisual__inner:after { .c-mainvisual__inner:after {
...@@ -976,7 +978,7 @@ body { ...@@ -976,7 +978,7 @@ body {
line-height: 1.2; line-height: 1.2;
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
margin: 95px 0 13px; margin: 125px 0 13px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -991,6 +993,8 @@ body { ...@@ -991,6 +993,8 @@ body {
font-size: 2rem; font-size: 2rem;
line-height: 1.4; line-height: 1.4;
color: #363636; color: #363636;
text-align: left;
margin-top: 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</div> </div>
<section class="c-mainvisual"> <section class="c-mainvisual">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">『頂点への道<sup></sup>』講座</h2> <h2 class="c-mainvisual__ttl">『頂点への道<sup></sup>』講座</h2>
<p class="c-mainvisual__text">個人と組織の目標達成力を高めるトレーニングプログラム</p> <p class="c-mainvisual__text">個人と組織の目標達成力を高めるトレーニングプログラム</p>
</div> </div>
</section> </section>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment