Skip to content

sora / achievement

Go to a project
Commit dfc2e286 by o.kimura
Options

SDGs　PC版まで

parent 4c89cfd7
Expand all
Inline Side-by-side
Showing with 204 additions and 15 deletions
achievement-official.conohawing.com/assets/css/style.css
...@@ -4178,7 +4178,8 @@ body { ...@@ -4178,7 +4178,8 @@ body {
width: auto; width: auto;
} }
.p-ceo1 .c-text { .p-ceo1 .c-text,
.p-sdgs .c-text {
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
line-height: 1.8; line-height: 1.8;
...@@ -4186,18 +4187,21 @@ body { ...@@ -4186,18 +4187,21 @@ body {
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-ceo1 .c-text { .p-ceo1 .c-text,
.p-sdgs .c-text {
font-size: 1.4rem; font-size: 1.4rem;
margin-bottom: 30px; margin-bottom: 30px;
} }
} }
.p-ceo1 .c-text p + p { .p-ceo1 .c-text p + p,
.p-sdgs .c-text p + p {
margin-top: 25px; margin-top: 25px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-ceo1 .c-text p + p { .p-ceo1 .c-text p + p,
.p-sdgs .c-text p + p {
margin-top: 15px; margin-top: 15px;
} }
} }
...@@ -4251,7 +4255,8 @@ body { ...@@ -4251,7 +4255,8 @@ body {
} }
} }
.p-ceo1 .c-imgtext__title { .p-ceo1 .c-imgtext__title,
.p-sdgs .c-imgtext__title {
font-size: 2.4rem; font-size: 2.4rem;
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
...@@ -4259,7 +4264,8 @@ body { ...@@ -4259,7 +4264,8 @@ body {
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-ceo1 .c-imgtext__title { .p-ceo1 .c-imgtext__title,
.p-sdgs .c-imgtext__title {
font-size: 2.2rem; font-size: 2.2rem;
} }
} }
...@@ -4277,6 +4283,15 @@ body { ...@@ -4277,6 +4283,15 @@ body {
margin-bottom: 7px; margin-bottom: 7px;
} }
.p-sdgs .c-imgtext__text {
font-size: 1.6rem;
color: #363636;
line-height: 1.8;
text-align: justify;
text-justify: inter-ideograph;
margin-bottom: 7px;
}
.p-ceo1 .c-imgtext__text a { .p-ceo1 .c-imgtext__text a {
text-decoration: underline; text-decoration: underline;
color: #e83a37; color: #e83a37;
...@@ -4304,7 +4319,8 @@ body { ...@@ -4304,7 +4319,8 @@ body {
} }
} }
.p-csr .c-imgtext { .p-csr .c-imgtext,
.p-sdgs .c-imgtext {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -4319,7 +4335,8 @@ body { ...@@ -4319,7 +4335,8 @@ body {
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-csr .c-imgtext { .p-csr .c-imgtext,
.p-sdgs .c-imgtext {
-webkit-flex-wrap: wrap; -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
...@@ -4382,7 +4399,8 @@ body { ...@@ -4382,7 +4399,8 @@ body {
} }
} }
.p-csr .c-imgtext--reverse { .p-csr .c-imgtext--reverse,
.p-sdgs .c-imgtext--reverse {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: reverse; -webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse; -webkit-flex-direction: row-reverse;
...@@ -4392,28 +4410,33 @@ body { ...@@ -4392,28 +4410,33 @@ body {
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-csr .c-imgtext--reverse { .p-csr .c-imgtext--reverse,
.p-sdgs .c-imgtext--reverse {
padding: 15px; padding: 15px;
} }
} }
.p-csr .c-imgtext--reverse .c-imgtext__image { .p-csr .c-imgtext--reverse .c-imgtext__image,
.p-sdgs .c-imgtext--reverse .c-imgtext__image {
width: 265px; width: 265px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-csr .c-imgtext--reverse .c-imgtext__image { .p-csr .c-imgtext--reverse .c-imgtext__image,
.p-sdgs .c-imgtext--reverse .c-imgtext__image {
width: 100%; width: 100%;
} }
} }
.p-csr .c-imgtext--reverse .c-imgtext__info { .p-csr .c-imgtext--reverse .c-imgtext__info,
.p-sdgs .c-imgtext--reverse .c-imgtext__info {
width: calc(100% - 265px); width: calc(100% - 265px);
padding: 0 45px 0 0; padding: 0 45px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-csr .c-imgtext--reverse .c-imgtext__info { .p-csr .c-imgtext--reverse .c-imgtext__info,
.p-sdgs .c-imgtext--reverse .c-imgtext__info {
width: 100%; width: 100%;
padding: 0; padding: 0;
} }
...@@ -5542,11 +5565,24 @@ body { ...@@ -5542,11 +5565,24 @@ body {
margin-bottom: 60px; margin-bottom: 60px;
} }
.p-company-detail .c-mainvisual.sdgs {
width: 100%;
height: 500px;
background-image: url(/assets/img/company/mv_01.png);
background-position: center top;
background-size: cover;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-company-detail .c-mainvisual { .p-company-detail .c-mainvisual {
margin: 100px 0 30px; margin: 100px 0 30px;
height: 125px; height: 125px;
} }
.p-company-detail .c-mainvisual.sdgs {
margin: 100px 0 30px;
height: 125px;
}
} }
.p-company-detail .c-mainvisual__inner { .p-company-detail .c-mainvisual__inner {
...@@ -5581,6 +5617,11 @@ body { ...@@ -5581,6 +5617,11 @@ body {
text-align: right; text-align: right;
} }
.sdgs .c-mainvisual__text {
text-align: center!important;
margin-top: 0!important;
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-company-detail .c-mainvisual__text { .p-company-detail .c-mainvisual__text {
font-size: 1.2rem; font-size: 1.2rem;
...@@ -9212,6 +9253,140 @@ body { ...@@ -9212,6 +9253,140 @@ body {
height: auto; height: auto;
} }
.box_gld {
height: 260px;
background-color: #f8f7f2;
border: 2px solid #beac56;
}
.box_gld h3 {
font-size: 4.8rem;
color: #beac56;
margin-top: 35px;
text-align: center;
font-weight: 600;
}
.box_gld div {
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
}
.box_gld span {
height: 90px;
width: 2px;
background-color: #beac56;
margin-right: 50px;
}
.box_gld .philosophy {
font-size: 2.4rem;
text-align: center;
margin-right: 45px;
font-weight: 600;
}
.box_gld .lead {
font-size: 1.8rem;
}
.first_box {
display: flex;
margin-top: 50px;
margin-bottom: 20px;
}
.first_box img {
width: 400px;
height: 300px;
margin-top: 5px;
}
.first_box p {
font-size: 1.6rem;
}
.step_box {
margin-top: 40px;
border: 1px solid #ebebeb;
padding: 30px;
}
.step_box h3 {
font-size: 2.8rem;
font-weight: 600;
padding-left: 3rem;
text-indent: -3.7rem;
}
.step_box h4 {
font-size: 2rem;
font-weight: 600;
margin: 10px 0 10px 30px;
}
.step_box .inner {
display: flex;
}
.step_box p {
font-size: 1.6rem;
margin: 0 40px 0 30px;
}
.step_box img {
width: 320px;
height: 306px;
}
.step_box a {
width: 260px;
height: 60px;
background-color: #093d6e;
color: #fff;
font-size: 2.4rem;
text-align: center;
display: inline-block;
padding: 12px;
margin: -20px 0 10px 30px;
}
img.sdgs_item {
width: 80%;
height: auto;
margin: 25px;
}
.other_sdgs {
display: flex;
justify-content: center;
}
a.sdgs_other {
width: 600px;
height: 80px;
border: 2px solid #263f6c;
color: #263f6c;
font-size: 2.4rem;
display: inline-block;
text-align: center;
padding: 20px;
position: relative;
}
a.sdgs_other:after {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid #263f6c;
border-right: 2px solid #263f6c;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg);
}
@keyframes fade-in { @keyframes fade-in {
0% { 0% {
...@@ -9282,6 +9457,14 @@ body { ...@@ -9282,6 +9457,14 @@ body {
} }
} }
.mt-15{ .mt-15 {
margin-top: 15px; margin-top: 15px;
}
.mt-40 {
margin-top: 40px;
}
.mt-60 {
margin-top: 60px;
} }
\ No newline at end of file
achievement-official.conohawing.com/assets/include/meta.php
...@@ -255,6 +255,11 @@ if($pageid=="csr"){ ...@@ -255,6 +255,11 @@ if($pageid=="csr"){
$description = "人材教育コンサルティングサービスを提供するアチーブメント株式会社の公式ウェブサイト。SDGsについての取り組みについて掲載しています。"; $description = "人材教育コンサルティングサービスを提供するアチーブメント株式会社の公式ウェブサイト。SDGsについての取り組みについて掲載しています。";
$pageurl = "https://achievement.co.jp/company/csr/"; $pageurl = "https://achievement.co.jp/company/csr/";
} }
if($pageid=="sdgs"){
$title = "教育から広がる社会への貢献 | アチーブメント株式会社";
$description = "人材教育コンサルティングサービスを提供するアチーブメント株式会社の公式ウェブサイト。SDGsについての取り組みについて掲載しています。";
$pageurl = "https://achievement.co.jp/company/sdgs/";
}
if($pageid=="group"){ if($pageid=="group"){
$title = "グループ会社紹介 | アチーブメント株式会社"; $title = "グループ会社紹介 | アチーブメント株式会社";
$description = "人材教育コンサルティングサービスを提供するアチーブメント株式会社の公式ウェブサイト。グループ会社紹介について掲載しています。"; $description = "人材教育コンサルティングサービスを提供するアチーブメント株式会社の公式ウェブサイト。グループ会社紹介について掲載しています。";
......
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