Commit b2ff934b by o.kimura

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

parent 72038222
@charset "UTF-8";
/* ========================================
service.css
......@@ -9,29 +10,35 @@ service.css
display: none !important;
}
}
@media screen and (max-width: 767px) {
.pc-only {
display: none !important;
}
}
body {
min-width: 1250px;
}
@media screen and (max-width: 767px) {
body {
min-width: 320px;
}
}
.container {
width: 1200px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.container {
width: 100%;
padding: 0 15px;
}
}
/*
.c-breadcrumb {
background: transparent;
......@@ -116,21 +123,25 @@ body {
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.c-mainvisual {
margin-top: 100px;
height: 250px;
}
}
.c-mainvisual__inner {
width: 100%;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-mainvisual__inner {
padding: 0 15px;
}
}
.c-mainvisual__ttl {
width: 100%;
font-size: 5rem;
......@@ -138,17 +149,20 @@ body {
color: #fff;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-mainvisual__ttl {
font-size: 3rem;
}
}
.c-mainvisual__txt {
font-size: 2rem;
line-height: 1.2;
color: #fff;
margin: 27px 0 0;
}
@media screen and (max-width: 767px) {
.c-mainvisual__txt {
font-size: 1.5rem;
......@@ -156,15 +170,18 @@ body {
margin: 12px 0 0;
}
}
.c-btn1 {
width: 600px;
}
@media screen and (max-width: 767px) {
.c-btn1 {
width: 100%;
max-width: 320px;
}
}
.c-btn1__txt {
display: block;
text-align: center;
......@@ -178,12 +195,14 @@ body {
position: relative;
padding: 22px 32px 18px;
}
@media screen and (max-width: 767px) {
.c-btn1__txt {
font-size: 1.6rem;
padding: 18px 20px 14px;
}
}
.c-btn1__txt::after {
content: '';
width: 8px;
......@@ -197,40 +216,49 @@ body {
transform: translate(-50%, 0) rotate(45deg);
margin: -5px 0 0;
}
@media screen and (max-width: 767px) {
.c-btn1__txt::after {
border-width: 2px;
margin: -3px 0 0;
}
}
.c-title1 {
text-align: center;
border-bottom: 0;
}
.c-title1__logo {
margin: 0 0 12px;
}
.c-title1__logo img {
width: auto;
}
.c-title1__ttl {
font-size: 3.6rem;
line-height: 1;
color: #fff;
}
@media screen and (max-width: 767px) {
.c-title1__ttl {
font-size: 2.5rem;
line-height: 1.2;
}
}
.c-title1--black .c-title1__ttl {
color: #000;
font-weight: bold;
}
.c-title2 {
text-align: center;
}
.c-title2__ttl {
display: inline-block;
font-size: 5rem;
......@@ -242,6 +270,7 @@ body {
-o-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) {
.c-title2__ttl {
font-size: 3rem;
......@@ -249,18 +278,21 @@ body {
padding: 0 0 8px;
}
}
.c-title2__txt {
font-size: 2rem;
line-height: 1.8;
color: #fff;
margin: 18px 0 0;
}
@media screen and (max-width: 767px) {
.c-title2__txt {
font-size: 1.4rem;
margin: 12px 0 0;
}
}
.c-title2__txt2 {
padding: 0 100px;
font-size: 2rem;
......@@ -269,6 +301,7 @@ body {
margin: 24px 0 0;
text-align: left;
}
@media screen and (max-width: 767px) {
.c-title2__txt2 {
padding: 0;
......@@ -276,6 +309,7 @@ body {
margin: 12px 0 0;
}
}
.c-list1 {
display: -webkit-box;
display: -ms-flexbox;
......@@ -283,18 +317,22 @@ body {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-list1__item {
width: 25%;
}
@media screen and (max-width: 767px) {
.c-list1__item {
width: 50%;
}
}
.c-list1__inner {
display: block;
position: relative;
}
.c-list1__inner::before {
content: '';
width: 0;
......@@ -308,11 +346,13 @@ body {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
.c-list1__inner::before {
border-width: 10px 9px 0 9px;
}
}
.c-list1__info {
width: 100%;
text-align: center;
......@@ -322,23 +362,27 @@ body {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c-list1__txt {
font-size: 3rem;
line-height: 2;
color: #fff;
}
@media screen and (max-width: 767px) {
.c-list1__txt {
font-size: 1.8rem;
font-weight: bold;
}
}
.c-list1__txt2 {
padding: 0 26px;
font-size: 1.6rem;
line-height: 2;
color: #fff;
}
@media screen and (max-width: 767px) {
.c-list1__txt2 {
padding: 0 6px;
......@@ -354,17 +398,20 @@ body {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.c-list2 {
padding: 0 15px;
}
}
.c-list2__item {
width: 398px;
background: #fff;
margin: 0 0 0 3px;
padding: 30px 40px 50px;
}
@media screen and (max-width: 767px) {
.c-list2__item {
width: 100%;
......@@ -372,14 +419,17 @@ body {
padding: 19px 15px;
}
}
.c-list2__item:nth-child(3n + 1) {
margin: 0;
}
@media screen and (max-width: 767px) {
.c-list2__item:nth-child(3n + 1) {
margin: 0 0 10px;
}
}
.c-list2__ttl {
font-size: 2.8rem;
line-height: 1.78;
......@@ -388,12 +438,14 @@ body {
font-weight: bold;
font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic';
}
@media screen and (max-width: 767px) {
.c-list2__ttl {
font-size: 2rem;
line-height: 1.25;
}
}
.c-list2__img {
text-align: center;
margin: 11px 0 0;
......@@ -408,6 +460,7 @@ body {
justify-content: center;
position: relative;
}
@media screen and (max-width: 767px) {
.c-list2__img {
max-width: 220px;
......@@ -415,51 +468,60 @@ body {
margin: 8px auto 0;
}
}
.c-list2__img img {
width: auto;
}
.c-list2__txt1 {
font-size: 2.4rem;
line-height: 1;
color: #beac56;
margin: 0 0 15px;
}
@media screen and (max-width: 767px) {
.c-list2__txt1 {
font-size: 1.7rem;
margin: 0 0 11px;
}
}
.c-list2__txt2 {
font-size: 5.6rem;
line-height: 1;
color: #beac56;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-list2__txt2 {
font-size: 4rem;
}
}
.c-list2__txt2 + .c-list2__txt2 {
margin: 5px 0 0;
}
.c-list2__txt2 span {
font-size: 3rem;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.c-list2__txt2 span {
font-size: 2.1rem;
}
}
.c-list2__txt3 {
font-size: 6.4rem;
line-height: 1;
color: #beac56;
font-weight: bold;
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) {
......@@ -467,16 +529,19 @@ body {
font-size: 4.5rem;
}
}
.c-list2__txt3 span {
font-size: 3rem;
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) {
.c-list2__txt3 span {
font-size: 2.1rem;
}
}
.c-list2 .schedule {
width: 100%;
position: absolute;
......@@ -486,11 +551,13 @@ body {
transform: translate(-50%, -50%);
margin: 30px 0 0;
}
@media screen and (max-width: 767px) {
.c-list2 .schedule {
margin: 19px 0 0;
}
}
.c-list2 .number {
width: 100%;
position: absolute;
......@@ -500,42 +567,62 @@ body {
transform: translate(-50%, -50%);
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 {
background: #0b2237;
padding: 60px 0 80px;
}
@media screen and (max-width: 767px) {
.service1 {
padding: 30px 0 50px;
}
}
.service1 .c-title2 {
margin: 48px 0 49px;
}
@media screen and (max-width: 767px) {
.service1 .c-title2 {
margin: 25px 0;
}
}
.service1 .c-btn1 {
margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
.service1 .c-btn1 {
margin: 30px auto 0;
}
}
.service2 {
padding: 59px 0 164px;
}
@media screen and (max-width: 767px) {
.service2 {
padding: 30px 0 60px;
}
}
.service2 .c-list1 {
margin: 56px 0 0;
}
@media screen and (max-width: 767px) {
.service2 .c-list1 {
margin: 30px 0 0;
......
......@@ -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 {
......@@ -2851,5 +2867,11 @@ body {
}
}
.strategy5 {display: none;}
.strategy6 {background-color: #203B54;}
.strategy5 {
display: none;
}
.strategy6 {
background-color: #203B54;
}
......@@ -179,7 +179,7 @@
<div class="c-slide1__item">
<a href="/Impressed/">
<div class="c-slide1__img">
<img src="/common_previous/img/20200605.png" alt="">
<img src="/common_previous/img/20200605.jpg" alt="">
</div>
<div class="c-slide1__info">
<p class="c-slide1__txt">
......
......@@ -55,8 +55,8 @@
<p class="c-list2__ttl">新規受講者数</p>
<div class="c-list2__img">
<img src="/common_previous/img/img_service_105.png" alt="">
<div class="number">
<p class="c-list2__txt3">43,000<span>名以上</span>
<div class="numberCnt">
<p class="c-list2__txt3">4万3000<span>名以上</span>
</p>
</div>
</div>
......
......@@ -20,11 +20,11 @@
</ul>
</div>
<section class="management1">
<!--
<div class="c-mainttl">
<h3 class="c-mainttl__txt">良好な人間関係と好業績を実現する<br>理想のマネジメントを体得する</h3>
<h3 class="c-mainttl__txt">内発的な動機を引き出す<br>心理学に基づく育成手法</h3>
</div>
-->
<div class="container">
<div class="c-title1 only-sp">
<h3 class="c-title1__txt"><span>これからの時代に求められる</span><br>理想のマネジメントとは?</h3>
......
......@@ -66,7 +66,7 @@
<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>
......
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