Skip to content

sora / achievement

Go to a project
Commit b2ff934b by o.kimura
Options

課題管理表(リリース後) No.47-49まで対応

parent 72038222
Inline Side-by-side
Showing with 120 additions and 11 deletions
achievement-official.conohawing.com/common_previous/css/service.css
@charset "UTF-8"; @charset "UTF-8";
/* ======================================== /* ========================================
service.css service.css
...@@ -9,29 +10,35 @@ service.css ...@@ -9,29 +10,35 @@ service.css
display: none !important; display: none !important;
} }
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.pc-only { .pc-only {
display: none !important; display: none !important;
} }
} }
body { body {
min-width: 1250px; min-width: 1250px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
body { body {
min-width: 320px; min-width: 320px;
} }
} }
.container { .container {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.container { .container {
width: 100%; width: 100%;
padding: 0 15px; padding: 0 15px;
} }
} }
/* /*
.c-breadcrumb { .c-breadcrumb {
background: transparent; background: transparent;
...@@ -116,21 +123,25 @@ body { ...@@ -116,21 +123,25 @@ body {
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual { .c-mainvisual {
margin-top: 100px; margin-top: 100px;
height: 250px; height: 250px;
} }
} }
.c-mainvisual__inner { .c-mainvisual__inner {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__inner { .c-mainvisual__inner {
padding: 0 15px; padding: 0 15px;
} }
} }
.c-mainvisual__ttl { .c-mainvisual__ttl {
width: 100%; width: 100%;
font-size: 5rem; font-size: 5rem;
...@@ -138,17 +149,20 @@ body { ...@@ -138,17 +149,20 @@ body {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__ttl { .c-mainvisual__ttl {
font-size: 3rem; font-size: 3rem;
} }
} }
.c-mainvisual__txt { .c-mainvisual__txt {
font-size: 2rem; font-size: 2rem;
line-height: 1.2; line-height: 1.2;
color: #fff; color: #fff;
margin: 27px 0 0; margin: 27px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__txt { .c-mainvisual__txt {
font-size: 1.5rem; font-size: 1.5rem;
...@@ -156,15 +170,18 @@ body { ...@@ -156,15 +170,18 @@ body {
margin: 12px 0 0; margin: 12px 0 0;
} }
} }
.c-btn1 { .c-btn1 {
width: 600px; width: 600px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-btn1 { .c-btn1 {
width: 100%; width: 100%;
max-width: 320px; max-width: 320px;
} }
} }
.c-btn1__txt { .c-btn1__txt {
display: block; display: block;
text-align: center; text-align: center;
...@@ -178,12 +195,14 @@ body { ...@@ -178,12 +195,14 @@ body {
position: relative; position: relative;
padding: 22px 32px 18px; padding: 22px 32px 18px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-btn1__txt { .c-btn1__txt {
font-size: 1.6rem; font-size: 1.6rem;
padding: 18px 20px 14px; padding: 18px 20px 14px;
} }
} }
.c-btn1__txt::after { .c-btn1__txt::after {
content: ''; content: '';
width: 8px; width: 8px;
...@@ -197,40 +216,49 @@ body { ...@@ -197,40 +216,49 @@ body {
transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg);
margin: -5px 0 0; margin: -5px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-btn1__txt::after { .c-btn1__txt::after {
border-width: 2px; border-width: 2px;
margin: -3px 0 0; margin: -3px 0 0;
} }
} }
.c-title1 { .c-title1 {
text-align: center; text-align: center;
border-bottom: 0; border-bottom: 0;
} }
.c-title1__logo { .c-title1__logo {
margin: 0 0 12px; margin: 0 0 12px;
} }
.c-title1__logo img { .c-title1__logo img {
width: auto; width: auto;
} }
.c-title1__ttl { .c-title1__ttl {
font-size: 3.6rem; font-size: 3.6rem;
line-height: 1; line-height: 1;
color: #fff; color: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-title1__ttl { .c-title1__ttl {
font-size: 2.5rem; font-size: 2.5rem;
line-height: 1.2; line-height: 1.2;
} }
} }
.c-title1--black .c-title1__ttl { .c-title1--black .c-title1__ttl {
color: #000; color: #000;
font-weight: bold; font-weight: bold;
} }
.c-title2 { .c-title2 {
text-align: center; text-align: center;
} }
.c-title2__ttl { .c-title2__ttl {
display: inline-block; display: inline-block;
font-size: 5rem; font-size: 5rem;
...@@ -242,6 +270,7 @@ body { ...@@ -242,6 +270,7 @@ body {
-o-border-image: url(../img/img_service_border.png) 2 round; -o-border-image: url(../img/img_service_border.png) 2 round;
border-image: url(../img/img_service_border.png) 2 round; border-image: url(../img/img_service_border.png) 2 round;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-title2__ttl { .c-title2__ttl {
font-size: 3rem; font-size: 3rem;
...@@ -249,18 +278,21 @@ body { ...@@ -249,18 +278,21 @@ body {
padding: 0 0 8px; padding: 0 0 8px;
} }
} }
.c-title2__txt { .c-title2__txt {
font-size: 2rem; font-size: 2rem;
line-height: 1.8; line-height: 1.8;
color: #fff; color: #fff;
margin: 18px 0 0; margin: 18px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-title2__txt { .c-title2__txt {
font-size: 1.4rem; font-size: 1.4rem;
margin: 12px 0 0; margin: 12px 0 0;
} }
} }
.c-title2__txt2 { .c-title2__txt2 {
padding: 0 100px; padding: 0 100px;
font-size: 2rem; font-size: 2rem;
...@@ -269,6 +301,7 @@ body { ...@@ -269,6 +301,7 @@ body {
margin: 24px 0 0; margin: 24px 0 0;
text-align: left; text-align: left;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-title2__txt2 { .c-title2__txt2 {
padding: 0; padding: 0;
...@@ -276,6 +309,7 @@ body { ...@@ -276,6 +309,7 @@ body {
margin: 12px 0 0; margin: 12px 0 0;
} }
} }
.c-list1 { .c-list1 {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -283,18 +317,22 @@ body { ...@@ -283,18 +317,22 @@ body {
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
} }
.c-list1__item { .c-list1__item {
width: 25%; width: 25%;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list1__item { .c-list1__item {
width: 50%; width: 50%;
} }
} }
.c-list1__inner { .c-list1__inner {
display: block; display: block;
position: relative; position: relative;
} }
.c-list1__inner::before { .c-list1__inner::before {
content: ''; content: '';
width: 0; width: 0;
...@@ -308,11 +346,13 @@ body { ...@@ -308,11 +346,13 @@ body {
-webkit-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); transform: translate(-50%, 0);
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list1__inner::before { .c-list1__inner::before {
border-width: 10px 9px 0 9px; border-width: 10px 9px 0 9px;
} }
} }
.c-list1__info { .c-list1__info {
width: 100%; width: 100%;
text-align: center; text-align: center;
...@@ -322,23 +362,27 @@ body { ...@@ -322,23 +362,27 @@ body {
-webkit-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
transform: translate(0, -50%); transform: translate(0, -50%);
} }
.c-list1__txt { .c-list1__txt {
font-size: 3rem; font-size: 3rem;
line-height: 2; line-height: 2;
color: #fff; color: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list1__txt { .c-list1__txt {
font-size: 1.8rem; font-size: 1.8rem;
font-weight: bold; font-weight: bold;
} }
} }
.c-list1__txt2 { .c-list1__txt2 {
padding: 0 26px; padding: 0 26px;
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2; line-height: 2;
color: #fff; color: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list1__txt2 { .c-list1__txt2 {
padding: 0 6px; padding: 0 6px;
...@@ -354,17 +398,20 @@ body { ...@@ -354,17 +398,20 @@ body {
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2 { .c-list2 {
padding: 0 15px; padding: 0 15px;
} }
} }
.c-list2__item { .c-list2__item {
width: 398px; width: 398px;
background: #fff; background: #fff;
margin: 0 0 0 3px; margin: 0 0 0 3px;
padding: 30px 40px 50px; padding: 30px 40px 50px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__item { .c-list2__item {
width: 100%; width: 100%;
...@@ -372,14 +419,17 @@ body { ...@@ -372,14 +419,17 @@ body {
padding: 19px 15px; padding: 19px 15px;
} }
} }
.c-list2__item:nth-child(3n + 1) { .c-list2__item:nth-child(3n + 1) {
margin: 0; margin: 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__item:nth-child(3n + 1) { .c-list2__item:nth-child(3n + 1) {
margin: 0 0 10px; margin: 0 0 10px;
} }
} }
.c-list2__ttl { .c-list2__ttl {
font-size: 2.8rem; font-size: 2.8rem;
line-height: 1.78; line-height: 1.78;
...@@ -388,12 +438,14 @@ body { ...@@ -388,12 +438,14 @@ body {
font-weight: bold; font-weight: bold;
font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic'; font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic';
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__ttl { .c-list2__ttl {
font-size: 2rem; font-size: 2rem;
line-height: 1.25; line-height: 1.25;
} }
} }
.c-list2__img { .c-list2__img {
text-align: center; text-align: center;
margin: 11px 0 0; margin: 11px 0 0;
...@@ -408,6 +460,7 @@ body { ...@@ -408,6 +460,7 @@ body {
justify-content: center; justify-content: center;
position: relative; position: relative;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__img { .c-list2__img {
max-width: 220px; max-width: 220px;
...@@ -415,51 +468,60 @@ body { ...@@ -415,51 +468,60 @@ body {
margin: 8px auto 0; margin: 8px auto 0;
} }
} }
.c-list2__img img { .c-list2__img img {
width: auto; width: auto;
} }
.c-list2__txt1 { .c-list2__txt1 {
font-size: 2.4rem; font-size: 2.4rem;
line-height: 1; line-height: 1;
color: #beac56; color: #beac56;
margin: 0 0 15px; margin: 0 0 15px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__txt1 { .c-list2__txt1 {
font-size: 1.7rem; font-size: 1.7rem;
margin: 0 0 11px; margin: 0 0 11px;
} }
} }
.c-list2__txt2 { .c-list2__txt2 {
font-size: 5.6rem; font-size: 5.6rem;
line-height: 1; line-height: 1;
color: #beac56; color: #beac56;
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__txt2 { .c-list2__txt2 {
font-size: 4rem; font-size: 4rem;
} }
} }
.c-list2__txt2 + .c-list2__txt2 { .c-list2__txt2 + .c-list2__txt2 {
margin: 5px 0 0; margin: 5px 0 0;
} }
.c-list2__txt2 span { .c-list2__txt2 span {
font-size: 3rem; font-size: 3rem;
font-weight: normal; font-weight: normal;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__txt2 span { .c-list2__txt2 span {
font-size: 2.1rem; font-size: 2.1rem;
} }
} }
.c-list2__txt3 { .c-list2__txt3 {
font-size: 6.4rem; font-size: 6.4rem;
line-height: 1; line-height: 1;
color: #beac56; color: #beac56;
font-weight: bold; font-weight: bold;
white-space: nowrap; white-space: nowrap;
text-shadow:0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff; text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -467,16 +529,19 @@ body { ...@@ -467,16 +529,19 @@ body {
font-size: 4.5rem; font-size: 4.5rem;
} }
} }
.c-list2__txt3 span { .c-list2__txt3 span {
font-size: 3rem; font-size: 3rem;
font-weight: normal; font-weight: normal;
text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff; text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__txt3 span { .c-list2__txt3 span {
font-size: 2.1rem; font-size: 2.1rem;
} }
} }
.c-list2 .schedule { .c-list2 .schedule {
width: 100%; width: 100%;
position: absolute; position: absolute;
...@@ -486,11 +551,13 @@ body { ...@@ -486,11 +551,13 @@ body {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
margin: 30px 0 0; margin: 30px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2 .schedule { .c-list2 .schedule {
margin: 19px 0 0; margin: 19px 0 0;
} }
} }
.c-list2 .number { .c-list2 .number {
width: 100%; width: 100%;
position: absolute; position: absolute;
...@@ -500,42 +567,62 @@ body { ...@@ -500,42 +567,62 @@ body {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
margin: 13px 0 0; margin: 13px 0 0;
} }
.c-list2 .numberCnt {
width: 100%;
position: absolute;
top: 50%;
left: 42%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 13px 0 0;
}
.service1 { .service1 {
background: #0b2237; background: #0b2237;
padding: 60px 0 80px; padding: 60px 0 80px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.service1 { .service1 {
padding: 30px 0 50px; padding: 30px 0 50px;
} }
} }
.service1 .c-title2 { .service1 .c-title2 {
margin: 48px 0 49px; margin: 48px 0 49px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.service1 .c-title2 { .service1 .c-title2 {
margin: 25px 0; margin: 25px 0;
} }
} }
.service1 .c-btn1 { .service1 .c-btn1 {
margin: 60px auto 0; margin: 60px auto 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.service1 .c-btn1 { .service1 .c-btn1 {
margin: 30px auto 0; margin: 30px auto 0;
} }
} }
.service2 { .service2 {
padding: 59px 0 164px; padding: 59px 0 164px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.service2 { .service2 {
padding: 30px 0 60px; padding: 30px 0 60px;
} }
} }
.service2 .c-list1 { .service2 .c-list1 {
margin: 56px 0 0; margin: 56px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.service2 .c-list1 { .service2 .c-list1 {
margin: 30px 0 0; margin: 30px 0 0;
......
achievement-official.conohawing.com/common_previous/css/strategy.css
...@@ -1158,7 +1158,23 @@ body { ...@@ -1158,7 +1158,23 @@ body {
} }
.strategy .c-list2 .numberCnt {
width: 100%;
position: absolute;
top: 50%;
left: 42%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 13px 0 0;
}
.strategy .c-list3__item { .strategy .c-list3__item {
...@@ -2851,5 +2867,11 @@ body { ...@@ -2851,5 +2867,11 @@ body {
} }
} }
.strategy5 {display: none;}
.strategy6 {background-color: #203B54;} .strategy5 {
display: none;
}
.strategy6 {
background-color: #203B54;
}
achievement-official.conohawing.com/index.php
...@@ -179,7 +179,7 @@ ...@@ -179,7 +179,7 @@
<div class="c-slide1__item"> <div class="c-slide1__item">
<a href="/Impressed/"> <a href="/Impressed/">
<div class="c-slide1__img"> <div class="c-slide1__img">
<img src="/common_previous/img/20200605.png" alt=""> <img src="/common_previous/img/20200605.jpg" alt="">
</div> </div>
<div class="c-slide1__info"> <div class="c-slide1__info">
<p class="c-slide1__txt"> <p class="c-slide1__txt">
......
achievement-official.conohawing.com/service/index.php
...@@ -55,8 +55,8 @@ ...@@ -55,8 +55,8 @@
<p class="c-list2__ttl">新規受講者数</p> <p class="c-list2__ttl">新規受講者数</p>
<div class="c-list2__img"> <div class="c-list2__img">
<img src="/common_previous/img/img_service_105.png" alt=""> <img src="/common_previous/img/img_service_105.png" alt="">
<div class="number"> <div class="numberCnt">
<p class="c-list2__txt3">43,000<span>名以上</span> <p class="c-list2__txt3">4万3000<span>名以上</span>
</p> </p>
</div> </div>
</div> </div>
......
achievement-official.conohawing.com/service/management/index.php
...@@ -20,11 +20,11 @@ ...@@ -20,11 +20,11 @@
</ul> </ul>
</div> </div>
<section class="management1"> <section class="management1">
<!--
<div class="c-mainttl"> <div class="c-mainttl">
<h3 class="c-mainttl__txt">良好な人間関係と好業績を実現する<br>理想のマネジメントを体得する</h3> <h3 class="c-mainttl__txt">内発的な動機を引き出す<br>心理学に基づく育成手法</h3>
</div> </div>
-->
<div class="container"> <div class="container">
<div class="c-title1 only-sp"> <div class="c-title1 only-sp">
<h3 class="c-title1__txt"><span>これからの時代に求められる</span><br>理想のマネジメントとは？</h3> <h3 class="c-title1__txt"><span>これからの時代に求められる</span><br>理想のマネジメントとは？</h3>
......
achievement-official.conohawing.com/strategy/index.php
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
<div class="c-imgtext1__info"> <div class="c-imgtext1__info">
<p class="c-imgtext1__txt">戦略的目標達成プログラム『頂点への道』講座。それは、ビジネスにおける「目標を達成する能力」を高めるための3日間の講座です。<br>上場企業経営者をはじめ、管理職・マネジャー・セールスマンはもちろん、医者・弁護士・会計士といった専門職業人や、アスリートの方など、28年間開催をする中で、合計4万3千人以上の方がご受講をされてきました。<br>そんな方々が本講座に足を運ぶ理由。<br>それは、具体的な「技術体得」ができるからです。</p> <p class="c-imgtext1__txt">戦略的目標達成プログラム『頂点への道』講座。それは、ビジネスにおける「目標を達成する能力」を高めるための3日間の講座です。<br>上場企業経営者をはじめ、管理職・マネジャー・セールスマンはもちろん、医者・弁護士・会計士といった専門職業人や、アスリートの方など、28年間開催をする中で、合計4万3000名以上の方がご受講をされてきました。<br>そんな方々が本講座に足を運ぶ理由。<br>それは、具体的な「技術体得」ができるからです。</p>
</div> </div>
......
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