Commit f257588b by o.kimura

SP対応・サイドナビ・ヘッダ・フッタに反映

parent dfc2e286
......@@ -9264,7 +9264,7 @@ body {
color: #beac56;
margin-top: 35px;
text-align: center;
font-weight: 600;
font-weight: 700;
}
.box_gld div {
......@@ -9285,7 +9285,7 @@ body {
font-size: 2.4rem;
text-align: center;
margin-right: 45px;
font-weight: 600;
font-weight: 700;
}
.box_gld .lead {
......@@ -9316,14 +9316,14 @@ body {
.step_box h3 {
font-size: 2.8rem;
font-weight: 600;
font-weight: 700;
padding-left: 3rem;
text-indent: -3.7rem;
}
.step_box h4 {
font-size: 2rem;
font-weight: 600;
font-weight: 700;
margin: 10px 0 10px 30px;
}
......@@ -9347,16 +9347,19 @@ body {
background-color: #093d6e;
color: #fff;
font-size: 2.4rem;
text-align: center;
display: inline-block;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
margin: -20px 0 10px 30px;
}
img.sdgs_item {
width: 80%;
height: auto;
margin: 25px;
margin: 25px auto;
display: flex;
justify-content: center;
align-items: center;
}
.other_sdgs {
display: flex;
......@@ -9369,9 +9372,9 @@ a.sdgs_other {
border: 2px solid #263f6c;
color: #263f6c;
font-size: 2.4rem;
display: inline-block;
text-align: center;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
......@@ -9388,6 +9391,97 @@ a.sdgs_other:after {
transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
.p-company-detail .c-mainvisual.csr {
height: 125px;
}
.box_gld {
height: 280px;
}
.box_gld h3 {
font-size: 2.8rem;
margin-top: 30px;
}
.box_gld .philosophy {
font-size: 1.5rem;
margin: 3px;
width: 225px;
}
.box_gld span {
margin-right: 15px;
}
.box_gld .lead {
font-size: 1.4rem;
margin-right: 8px;
}
.first_box {
font-size: 1.4rem;
display: block;
}
.first_box p {
font-size: 1.4rem;
margin-bottom: 20px;
}
.step_box {
padding: 20px;
}
.step_box h3 {
font-size: 2.0rem;
padding-left: 2rem;
text-indent: -2.6rem;
}
.step_box h4 {
font-size: 1.6rem;
margin: 10px 0 10px 20px;
}
.step_box .inner {
display: inline-block;
}
.step_box p {
font-size: 1.4rem;
margin: 0 0 15px 20px;
}
.step_box img {
width: 320px;
height: 306px;
margin: 0 auto;
display: flex;
justify-content: center;
}
.step_box a {
width: 200px;
height: 45px;
background-color: #093d6e;
color: #fff;
font-size: 1.8rem;
display: flex;
justify-content: center;
align-items: center;
margin: 20px auto 0px auto;
}
a.sdgs_other {
width: 100%;
height: 60px;
font-size: 2.0rem;
display: flex;
justify-content: center;
align-items: center;
}
img.sdgs_item {
margin: 25px auto;
display: flex;
justify-content: center;
}
}
@keyframes fade-in {
0% {
display: none;
......
......@@ -184,7 +184,8 @@
<li><a href="/company/csr/">SDGsについての取り組み</a></li>
<li><a href="/company/sdgs/">教育から広がる社会への貢献</a></li>
<li><a href="/company/csr/">その他の社会貢献への取り組み</a></li>
......
......@@ -289,7 +289,7 @@
<?php if($pageid == "philosophy" || $pageid == "ceo" || $pageid == "outline" || $pageid == "officer" || $pageid == "csr" || $pageid == "group" || $pageid == "history" || $pageid == "news") { ?>
<?php if($pageid == "philosophy" || $pageid == "ceo" || $pageid == "outline" || $pageid == "officer" || $pageid == "csr" || $pageid == "group" || $pageid == "history" || $pageid == "news" || $pageid == "sdgs") { ?>
<link rel="stylesheet" href="/common_previous/css/trainer.css">
......@@ -582,7 +582,9 @@
<li><a href="/company/officer/" class="c-nav-link1">役員紹介</a></li>
<li><a href="/company/csr/" class="c-nav-link1">SDGsについての取り組み</a></li>
<li><a href="/company/sdgs/" class="c-nav-link1">教育から広がる社会への貢献</a></li>
<li><a href="/company/csr/" class="c-nav-link1">その他の社会貢献への取り組み</a></li>
<li><a href="/company/group/" class="c-nav-link1">グループ会社紹介</a></li>
......
......@@ -23,7 +23,12 @@
<li class="side__item"> <a href="/company/ceo/" class="side__txt">代表メッセージ</a> </li>
<li class="side__item"> <a href="/company/outline/" class="side__txt">会社概要</a> </li>
<li class="side__item"> <a href="/company/officer/" class="side__txt">役員紹介</a> </li>
<li class="side__item"> <a href="/company/csr/" class="side__txt">SDGsについての取り組み</a> </li>
<li class="side__item">
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item"> <a href="/company/group/" class="side__txt">グループ会社紹介</a> </li>
<li class="side__item"> <a href="/company/history/" class="side__txt">企業沿革</a> </li>
<li class="side__item"> <a href="/company/access/" class="side__txt">アクセス</a>
......
......@@ -23,7 +23,12 @@
<li class="side__item"> <a href="/company/ceo/" class="side__txt">代表メッセージ</a> </li>
<li class="side__item"> <a href="/company/outline/" class="side__txt">会社概要</a> </li>
<li class="side__item"> <a href="/company/officer/" class="side__txt">役員紹介</a> </li>
<li class="side__item"> <a href="/company/csr/" class="side__txt">SDGsについての取り組み</a> </li>
<li class="side__item">
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item"> <a href="/company/group/" class="side__txt">グループ会社紹介</a> </li>
<li class="side__item"> <a href="/company/history/" class="side__txt">企業沿革</a> </li>
<li class="side__item"> <a href="/company/access/" class="side__txt">アクセス</a> </li>
......
......@@ -31,7 +31,10 @@
<a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a>
......
......@@ -23,7 +23,12 @@
<li class="side__item"> <a href="/company/ceo/" class="side__txt">代表メッセージ</a> </li>
<li class="side__item"> <a href="/company/outline/" class="side__txt">会社概要</a> </li>
<li class="side__item"> <a href="/company/officer/" class="side__txt">役員紹介</a> </li>
<li class="side__item"> <a href="/company/csr/" class="side__txt">SDGsについての取り組み</a> </li>
<li class="side__item">
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item"> <a href="/company/group/" class="side__txt">グループ会社紹介</a> </li>
<li class="side__item"> <a href="/company/history/" class="side__txt">企業沿革</a> </li>
<li class="side__item"> <a href="/company/access/" class="side__txt">アクセス</a> </li>
......
......@@ -23,7 +23,12 @@
<li class="side__item"> <a href="/company/ceo/" class="side__txt">代表メッセージ</a> </li>
<li class="side__item"> <a href="/company/outline/" class="side__txt">会社概要</a> </li>
<li class="side__item"> <a href="/company/officer/" class="side__txt">役員紹介</a> </li>
<li class="side__item"> <a href="/company/csr/" class="side__txt">SDGsについての取り組み</a> </li>
<li class="side__item">
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item"> <a href="/company/group/" class="side__txt">グループ会社紹介</a> </li>
<li class="side__item"> <a href="/company/history/" class="side__txt">企業沿革</a> </li>
<li class="side__item"> <a href="/company/access/" class="side__txt">アクセス</a> </li>
......
......@@ -23,7 +23,12 @@
<li class="side__item"> <a href="/company/ceo/" class="side__txt">代表メッセージ</a> </li>
<li class="side__item"> <a href="/company/outline/" class="side__txt">会社概要</a> </li>
<li class="side__item"> <a href="/company/officer/" class="side__txt">役員紹介</a> </li>
<li class="side__item"> <a href="/company/csr/" class="side__txt">SDGsについての取り組み</a> </li>
<li class="side__item">
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item"> <a href="/company/group/" class="side__txt">グループ会社紹介</a> </li>
<li class="side__item"> <a href="/company/history/" class="side__txt">企業沿革</a> </li>
<li class="side__item"> <a href="/company/access/" class="side__txt">アクセス</a>
......
......@@ -31,7 +31,10 @@
<a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a>
......@@ -45,7 +48,6 @@
</ul>
</div>
</aside>
<main class="content">
<div class="p-ceo1">
......
......@@ -30,6 +30,9 @@
<li class="side__item">
<a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item active">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
......@@ -80,7 +83,7 @@
</li>
<li class="list_item">
<div class="list_image">
<img src="/assets/img/company/img_company_csr_27.jpg" alt="全国の医療現場へのマスク寄付" width="200" height="151">
<img src="/assets/img/company/img_company_csr_27.png" alt="全国の医療現場へのマスク寄付" width="200" height="151">
</div>
<div class="list_info">
<h4 class="list_title">全国の医療現場へのマスク寄付</h4>
......
......@@ -32,7 +32,10 @@
<a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item active">
<a class="side__txt" href="/company/group/">グループ会社紹介</a>
......@@ -44,11 +47,8 @@
<a class="side__txt" href="/company/access/">アクセス</a>
</li>
</ul>
</div>
</aside>
<main class="content">
<section class="p-group1">
......
......@@ -31,7 +31,10 @@
<a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a>
......
......@@ -31,7 +31,10 @@
<a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a>
......
......@@ -31,7 +31,10 @@
<a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a>
......
......@@ -31,7 +31,10 @@
<a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a>
......
<?php $pageid="csr";?>
<?php $pageid="sdgs";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-sdgs p-company-detail">
<div class="c-breadcrumb pc-only">
......@@ -10,7 +10,7 @@
</div>
<section class="c-mainvisual sdgs">
<div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">教育から広がる社会への<br class="sp-only">貢献</h2>
<h2 class="c-mainvisual__title">教育から広がる<br class="sp-only">社会への貢献</h2>
<p class="c-mainvisual__text pc-only">事業目的から一貫した社会貢献活動に取り組んでいます</p>
</div>
</section>
......@@ -32,7 +32,7 @@
<a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<li class="side__item active">
<a class="side__txt" href="/company/csr/">教育から広がる社会への貢献</a>
<a class="side__txt" href="/company/sdgs/">教育から広がる社会への貢献</a>
</li>
<li class="side__item">
<a class="side__txt" href="/company/csr/">その他の社会貢献への取り組み</a>
......@@ -96,7 +96,7 @@
</div>
<img src="/assets/img/company/001.png" alt="">
</div>
<a href="" target="_blank">詳しくはこちら</a>
<a href="https://achievement.co.jp/scholarship/" target="_blank">詳しくはこちら</a>
</div>
<div class="step_box">
......@@ -108,7 +108,7 @@
</div>
<img src="/assets/img/company/002.png" alt="">
</div>
<a href="" target="_blank">詳しくはこちら</a>
<a href="https://achievement.co.jp/f3/" target="_blank">詳しくはこちら</a>
</div>
<div class="step_box">
......@@ -120,7 +120,7 @@
</div>
<img src="/assets/img/company/003.png" alt="">
</div>
<a href="" target="_blank">詳しくはこちら</a>
<a href="https://prtimes.jp/main/html/rd/p/000000080.000002398.html" target="_blank">詳しくはこちら</a>
</div>
<div class="step_box">
......@@ -132,7 +132,7 @@
</div>
<img src="/assets/img/company/004.png" alt="">
</div>
<a href="" target="_blank">詳しくはこちら</a>
<a href="https://prtimes.jp/main/html/rd/p/000000077.000002398.html" target="_blank">詳しくはこちら</a>
</div>
<div class="step_box">
......@@ -144,7 +144,7 @@
</div>
<img src="/assets/img/company/005.png" alt="">
</div>
<a href="" target="_blank">詳しくはこちら</a>
<a href="https://prtimes.jp/main/html/rd/p/000000079.000002398.html" target="_blank">詳しくはこちら</a>
</div>
<div class="step_box">
......@@ -156,7 +156,7 @@
</div>
<img src="/assets/img/company/006.png" alt="">
</div>
<a href="" target="_blank">詳しくはこちら</a>
<a href="http://www.aokisatoshi.com/event/2018/08/04/5359/" target="_blank">詳しくはこちら</a>
</div>
</section>
......@@ -176,7 +176,7 @@
<section>
<div class="other_sdgs mt-40">
<a href="" class="sdgs_other">その他の社会貢献活動</a>
<a href="https://achievement.co.jp/company/csr/" class="sdgs_other">その他の社会貢献活動</a>
</div>
</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