Commit 8dcef788 by Orine Matsui

本番データに更新

parent a62433d6
...@@ -3,1286 +3,3183 @@ ...@@ -3,1286 +3,3183 @@
common common
========================================================== */ ========================================================== */
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;
} }
} }
.strategy img { .strategy img {
width: auto; width: auto;
height: auto; height: auto;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.sp-only { .sp-only {
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;
} }
} }
.strategy .c-title1 { .strategy .c-title1 {
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
padding: 0 56px 0 0; padding: 0 56px 0 0;
border-bottom: 0; border-bottom: 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-title1 { .strategy .c-title1 {
padding: 0 26px 0 0; padding: 0 26px 0 0;
} }
} }
.strategy .c-title1__inner { .strategy .c-title1__inner {
display: inline-block; display: inline-block;
position: relative; position: relative;
font-size: 4rem; font-size: 4rem;
line-height: 1.2; line-height: 1.2;
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
padding: 0 0 13px; padding: 0 0 13px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-title1__inner { .strategy .c-title1__inner {
font-size: 2.4rem; font-size: 2.4rem;
padding: 0 0 8px; padding: 0 0 8px;
} }
} }
.strategy .c-title1__inner:after { .strategy .c-title1__inner:after {
content: ''; content: '';
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 0;
height: 2px; height: 2px;
width: 100vw; width: 100vw;
background: #beac56; background: #beac56;
} }
.strategy .c-title1--yellow .c-title1__inner { .strategy .c-title1--yellow .c-title1__inner {
color: #beac56; color: #beac56;
} }
.strategy .c-mainvisual { .strategy .c-mainvisual {
position: relative; position: relative;
background: url(/common_previous/img/img_strategy_mv.jpg) no-repeat bottom right; background: url(/common_previous/img/img_strategy_mv.jpg) no-repeat bottom right;
background-size: cover; background-size: cover;
padding: 124px 0; padding: 124px 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-mainvisual { .strategy .c-mainvisual {
margin-top: 50px; margin-top: 50px;
padding: 100px 15px 0; padding: 100px 15px 0;
background: url(/common_previous/img/img_strategy_mv_sp.jpg) no-repeat top center; background: url(/common_previous/img/img_strategy_mv_sp.jpg) no-repeat top center;
background-size: cover; background-size: cover;
} }
} }
.strategy .c-mainvisual__img img { .strategy .c-mainvisual__img img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.strategy .c-mainvisual__box { .strategy .c-mainvisual__box {
width: 740px; width: 740px;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
padding: 60px 88px 52px 0; padding: 60px 88px 52px 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-mainvisual__box { .strategy .c-mainvisual__box {
width: 100%; width: 100%;
text-align: center; text-align: center;
padding: 20px 15px 17px; padding: 20px 15px 17px;
} }
} }
.strategy .c-mainvisual__info { .strategy .c-mainvisual__info {
padding: 0 0 0 120px; padding: 0 0 0 120px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-mainvisual__info { .strategy .c-mainvisual__info {
padding: 0;
padding: 0 10px;
} }
} }
.strategy .c-mainvisual__ttl { .strategy .c-mainvisual__ttl {
line-height: 1;
margin: 0 0 15px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-mainvisual__ttl {}
.strategy .c-mainvisual__ttl {
margin: 0 0 6px;
}
} }
.strategy .c-mainvisual__txt { .strategy .c-mainvisual__txt {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1.68; line-height: 1.68;
color: #fff; color: #fff;
margin: 0 0 8px; margin: 0 0 8px;
text-align: left;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-mainvisual__txt { .strategy .c-mainvisual__txt {
font-size: 1.4rem; font-size: 1.4rem;
margin: 0 0 5px; margin: 0 0 5px;
} }
} }
.strategy .c-mainvisual__txt span { .strategy .c-mainvisual__txt span {
font-size: 2rem; font-size: 2rem;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-mainvisual__txt span { .strategy .c-mainvisual__txt span {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }
.strategy .c-mainvisual__txt2 { .strategy .c-mainvisual__txt2 {
font-size: 4.8rem; font-size: 4.8rem;
line-height: 1; line-height: 1;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-mainvisual__txt2 { .strategy .c-mainvisual__txt2 {
font-size: 2.8rem; font-size: 2.8rem;
} }
} }
.strategy .c-mainvisual__anchor { .strategy .c-mainvisual__anchor {
width: 130px; width: 130px;
height: 130px; height: 130px;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
background: rgba(183, 161, 52, 0.8); background: rgba(183, 161, 52, 0.8);
text-align: center; text-align: center;
position: absolute; position: absolute;
right: 40px; right: 40px;
bottom: 40px; bottom: 40px;
} }
.strategy .c-mainvisual__anchor a { .strategy .c-mainvisual__anchor a {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.2; line-height: 1.2;
color: #fff; color: #fff;
} }
.strategy .c-mainvisual__anchor a span { .strategy .c-mainvisual__anchor a span {
position: relative; position: relative;
padding: 0 0 14px; padding: 0 0 14px;
} }
.strategy .c-mainvisual__anchor a span::after { .strategy .c-mainvisual__anchor a span::after {
content: ''; content: '';
width: 10px; width: 10px;
height: 10px; height: 10px;
border-right: 2px solid #fff; border-right: 2px solid #fff;
border-bottom: 2px solid #fff; border-bottom: 2px solid #fff;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 50%; left: 50%;
-webkit-transform: translate(-50%, 0) rotate(45deg); -webkit-transform: translate(-50%, 0) rotate(45deg);
transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg);
} }
.strategy .c-text { .strategy .c-text {
font-size: 1.7rem; font-size: 1.7rem;
line-height: 1.68; line-height: 1.68;
color: #fff; color: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-text { .strategy .c-text {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.43; line-height: 1.43;
} }
} }
.strategy .c-imgtext1 { .strategy .c-imgtext1 {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
} }
.strategy .c-imgtext1__img { .strategy .c-imgtext1__img {
width: 700px; width: 700px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-imgtext1__img { .strategy .c-imgtext1__img {
width: 100%; width: 100%;
padding: 0 10px 0 0; padding: 0 10px 0 0;
} }
} }
.strategy .c-imgtext1__img img { .strategy .c-imgtext1__img img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.strategy .c-imgtext1__info { .strategy .c-imgtext1__info {
width: 600px; width: 600px;
background: #fff; background: #fff;
padding: 54px 52px 50px 60px; padding: 54px 52px 50px 60px;
margin: 50px 0 0 -100px; margin: 50px 0 0 -100px;
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-imgtext1__info { .strategy .c-imgtext1__info {
width: 100%; width: 100%;
padding: 28px 15px; padding: 28px 15px;
margin: -23px 0 0 15px; margin: -23px 0 0 15px;
} }
} }
.strategy .c-imgtext1__txt { .strategy .c-imgtext1__txt {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1.68; line-height: 1.68;
color: #363636; color: #363636;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-imgtext1__txt { .strategy .c-imgtext1__txt {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.3; line-height: 1.3;
} }
} }
.strategy .c-imgtext1__txt + .strategy .c-imgtext1__txt { .strategy .c-imgtext1__txt + .strategy .c-imgtext1__txt {
margin: 30px 0 0; margin: 30px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-imgtext1__txt + .strategy .c-imgtext1__txt { .strategy .c-imgtext1__txt + .strategy .c-imgtext1__txt {
margin: 18px 0 0; margin: 18px 0 0;
} }
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-imgtext1__txt + .c-imgtext1__txt { .strategy .c-imgtext1__txt + .c-imgtext1__txt {
margin: 18px 0 0; margin: 18px 0 0;
} }
} }
.strategy .c-list1 { .strategy .c-list1 {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
} }
.strategy .c-list1__item { .strategy .c-list1__item {
width: 285px; width: 285px;
margin: 0 0 0 20px; margin: 0 0 0 20px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list1__item { .strategy .c-list1__item {
width: 100%; width: 100%;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
margin: 0 0 20px; margin: 0 0 20px;
} }
} }
.strategy .c-list1__item:nth-child(4n + 1) { .strategy .c-list1__item:nth-child(4n + 1) {
margin: 0; margin: 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list1__item:nth-child(4n + 1) { .strategy .c-list1__item:nth-child(4n + 1) {
margin: 0 0 20px; margin: 0 0 20px;
} }
} }
.strategy .c-list1__info { .strategy .c-list1__info {
background: #fff; background: #fff;
text-align: center; text-align: center;
padding: 56px 20px 53px; padding: 56px 20px 53px;
position: relative; position: relative;
margin: 0 0 36px; margin: 0 0 36px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list1__info { .strategy .c-list1__info {
width: calc(100% - 122px); width: calc(100% - 122px);
margin: 0 22px 0 0; margin: 0 22px 0 0;
padding: 30px 10px 26px; padding: 30px 10px 26px;
} }
} }
.strategy .c-list1__info::after { .strategy .c-list1__info::after {
content: ''; content: '';
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 16px 10px 0 10px; border-width: 16px 10px 0 10px;
border-color: #ffffff transparent transparent transparent; border-color: #ffffff transparent transparent transparent;
position: absolute; position: absolute;
bottom: -16px; bottom: -16px;
left: 50%; left: 50%;
-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) {
.strategy .c-list1__info::after { .strategy .c-list1__info::after {
border-width: 7.5px 0 7.5px 12px; border-width: 7.5px 0 7.5px 12px;
border-color: transparent transparent transparent #ffffff; border-color: transparent transparent transparent #ffffff;
bottom: auto; bottom: auto;
top: 50%; top: 50%;
left: auto; left: auto;
right: -12px; right: -12px;
-webkit-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
transform: translate(0, -50%); transform: translate(0, -50%);
} }
} }
.strategy .c-list1__txt { .strategy .c-list1__txt {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1.4; line-height: 1.4;
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list1__txt { .strategy .c-list1__txt {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;
} }
} }
.strategy .c-list1__img { .strategy .c-list1__img {
width: 200px; width: 200px;
height: 200px; height: 200px;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
margin: 0 auto; margin: 0 auto;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list1__img { .strategy .c-list1__img {
width: 100px; width: 100px;
height: 100px; height: 100px;
} }
} }
.strategy .c-list2 { .strategy .c-list2 {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-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) {
.strategy .c-list2 { .strategy .c-list2 {
padding: 0 15px; padding: 0 15px;
} }
} }
.strategy .c-list2__item { .strategy .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) {
.strategy .c-list2__item { .strategy .c-list2__item {
width: 100%; width: 100%;
margin: 0 0 10px; margin: 0 0 10px;
padding: 19px 15px; padding: 19px 15px;
} }
} }
.strategy .c-list2__item:nth-child(3n + 1) { .strategy .c-list2__item:nth-child(3n + 1) {
margin: 0; margin: 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list2__item:nth-child(3n + 1) { .strategy .c-list2__item:nth-child(3n + 1) {
margin: 0 0 10px; margin: 0 0 10px;
} }
} }
.strategy .c-list2__ttl { .strategy .c-list2__ttl {
font-size: 2.8rem; font-size: 2.8rem;
line-height: 1.78; line-height: 1.78;
color: #0b2237; color: #0b2237;
text-align: center; text-align: center;
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) {
.strategy .c-list2__ttl { .strategy .c-list2__ttl {
font-size: 2rem; font-size: 2rem;
line-height: 1.25; line-height: 1.25;
} }
} }
.strategy .c-list2__img { .strategy .c-list2__img {
text-align: center; text-align: center;
margin: 11px 0 0; margin: 11px 0 0;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
position: relative; position: relative;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list2__img { .strategy .c-list2__img {
max-width: 220px; max-width: 220px;
min-width: 200px; min-width: 200px;
margin: 8px auto 0; margin: 8px auto 0;
} }
} }
.strategy .c-list2__txt1 { .strategy .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) {
.strategy .c-list2__txt1 { .strategy .c-list2__txt1 {
font-size: 1.7rem; font-size: 1.7rem;
margin: 0 0 11px; margin: 0 0 11px;
} }
} }
.strategy .c-list2__txt2 { .strategy .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) {
.strategy .c-list2__txt2 { .strategy .c-list2__txt2 {
font-size: 4rem; font-size: 4rem;
} }
} }
.strategy .c-list2__txt2 + .c-list2__txt2 { .strategy .c-list2__txt2 + .c-list2__txt2 {
margin: 5px 0 0; margin: 5px 0 0;
} }
.strategy .c-list2__txt2 span { .strategy .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) {
.strategy .c-list2__txt2 span { .strategy .c-list2__txt2 span {
font-size: 2.1rem; font-size: 2.1rem;
} }
} }
.strategy .c-list2__txt3 { .strategy .c-list2__txt3 {
font-size: 6.2rem;
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: -4px -4px 0px #ffffff, 4px -4px 0px #ffffff, -4px 4px 0px #ffffff, 4px 4px 0px #ffffff,
4px -2px 0px #ffffff, 4px 0px 0px #ffffff, 4px 2px 0px #ffffff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list2__txt3 { .strategy .c-list2__txt3 {
font-size: 4.5rem; font-size: 4.5rem;
} }
} }
.strategy .c-list2__txt3 span { .strategy .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: -2px -2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, -4px 2px 0px #ffffff,
0px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, 4px -2px 0px #ffffff, 0px 2px 0px #ffffff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list2__txt3 span { .strategy .c-list2__txt3 span {
font-size: 2.1rem; font-size: 2.1rem;
} }
} }
.strategy .c-list2 .schedule { .strategy .c-list2 .schedule {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
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) {
.strategy .c-list2 .schedule { .strategy .c-list2 .schedule {
margin: 19px 0 0; margin: 19px 0 0;
} }
} }
.strategy .c-list2 .number { .c-list2 .numberCnt {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 41.5%;
-webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
margin: 13px 0 0; margin: 13px 0 0;
} }
.strategy .c-list2 .numberCnt { .strategy .c-list2 .number {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 41.5%; left: 50%;
-webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
margin: 13px 0 0; margin: 13px 0 0;
} }
.strategy .c-list3__item { .strategy .c-list3__item {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
-webkit-box-align: start; -webkit-box-align: start;
-ms-flex-align: start; -ms-flex-align: start;
align-items: flex-start; align-items: flex-start;
border-bottom: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;
padding: 0 0 36px; padding: 0 0 36px;
margin: 0 0 41px; margin: 0 0 41px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__item { .strategy .c-list3__item {
padding: 0 0 29px; padding: 0 0 29px;
margin: 0 0 31px; margin: 0 0 31px;
} }
} }
.strategy .c-list3__item:last-child { .strategy .c-list3__item:last-child {
border-bottom: 0; border-bottom: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.strategy .c-list3__left { .strategy .c-list3__left {
width: 250px; width: 250px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__left { .strategy .c-list3__left {
width: 100%; width: 100%;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
} }
} }
.strategy .c-list3__right { .strategy .c-list3__right {
width: calc(100% - 300px); width: calc(100% - 300px);
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
-webkit-box-align: center; -webkit-box-align: center;
-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) {
.strategy .c-list3__right { .strategy .c-list3__right {
width: 100%; width: 100%;
margin: 14px 0 0; margin: 14px 0 0;
} }
} }
.strategy .c-list3__box { .strategy .c-list3__box {
/*width: calc(100% - 160px);*/
width: 100%; width: calc(100% - 160px);
background: #fff; background: #fff;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
border-radius: 25px; border-radius: 25px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding: 38px 27px 35px; padding: 38px 27px 35px;
position: relative; position: relative;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__box { .strategy .c-list3__box {
width: 100%; width: 100%;
border-radius: 12px; border-radius: 12px;
padding: 19px 15px 17px; padding: 19px 15px 17px;
} }
} }
.strategy .c-list3__box::after { .strategy .c-list3__box::after {
content: ''; content: '';
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 9px 16px 9px 0;
border-color: transparent #ebebeb transparent transparent; border-width: 9px 0 9px 16px;
border-color: transparent transparent transparent #ebebeb;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: -16px;
right: -16px;
-webkit-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
transform: translate(0, -50%); transform: translate(0, -50%);
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__box::after { .strategy .c-list3__box::after {
display: none; display: none;
} }
} }
.strategy .c-list3__box::before { .strategy .c-list3__box::before {
content: ''; content: '';
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 8px 13px 8px 0;
border-color: transparent #ffffff transparent transparent; border-width: 8px 0 8px 13px;
border-color: transparent transparent transparent #ffffff;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: -13px;
right: -13px;
-webkit-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
transform: translate(0, -50%); transform: translate(0, -50%);
z-index: 2; z-index: 2;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__box::before { .strategy .c-list3__box::before {
display: none; display: none;
} }
} }
.strategy .c-list3__info { .strategy .c-list3__info {
margin: 18px 0 0; margin: 18px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__info { .strategy .c-list3__info {
width: 61%; width: 61%;
margin: 0; margin: 0;
} }
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__img { .strategy .c-list3__img {
width: 35%; width: 35%;
} }
} }
.strategy .c-list3__img img { .strategy .c-list3__img img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.strategy .c-list3__ttl { .strategy .c-list3__ttl {
font-size: 2.4rem; font-size: 2.4rem;
line-height: 1.3; line-height: 1.3;
color: #363636; color: #363636;
font-weight: 500; font-weight: 500;
margin: 0 0 10px; margin: 0 0 10px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__ttl { .strategy .c-list3__ttl {
font-size: 1.6rem; font-size: 1.6rem;
margin: 0 0 5px; margin: 0 0 5px;
} }
} }
.strategy .c-list3__txt1 { .strategy .c-list3__txt1 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.3; line-height: 1.3;
color: #363636; color: #363636;
margin: 3px 0 0; margin: 3px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__txt1 { .strategy .c-list3__txt1 {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }
.strategy .c-list3__txt2 { .strategy .c-list3__txt2 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.4; line-height: 1.4;
color: #363636; color: #363636;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__txt2 { .strategy .c-list3__txt2 {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.45; line-height: 1.45;
} }
} }
.strategy .c-list3__name { .strategy .c-list3__name {
font-size: 2rem; font-size: 2rem;
line-height: 1.3; line-height: 1.3;
color: #363636; color: #363636;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__name { .strategy .c-list3__name {
font-size: 1.6rem; font-size: 1.6rem;
} }
} }
.strategy .c-list3__sign { .strategy .c-list3__sign {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.4; line-height: 1.4;
color: #363636; color: #363636;
font-weight: 500; font-weight: 500;
text-align: right; text-align: right;
margin: 4px 0 0; margin: 4px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__sign { .strategy .c-list3__sign {
font-size: 1.2rem; font-size: 1.2rem;
margin: 5px 0 0; margin: 5px 0 0;
} }
} }
.strategy .c-list3__avt { .strategy .c-list3__avt {
display: none;
width: 120px; width: 120px;
border-radius: 50%; border-radius: 50%;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list3__avt { .strategy .c-list3__avt {
display: none; display: none;
} }
} }
.strategy .c-list4__item { .strategy .c-list4__item {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-align: start; -webkit-box-align: start;
-ms-flex-align: start; -ms-flex-align: start;
align-items: flex-start; align-items: flex-start;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list4__item { .strategy .c-list4__item {
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
background: #fff; background: #fff;
padding: 17px 15px 19px; padding: 17px 15px 19px;
} }
} }
.strategy .c-list4__item + .c-list4__item { .strategy .c-list4__item + .c-list4__item {
margin: 40px 0 0; margin: 40px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list4__item + .c-list4__item { .strategy .c-list4__item + .c-list4__item {
margin: 20px 0 0; margin: 20px 0 0;
} }
} }
.strategy .c-list4__info { .strategy .c-list4__info {
width: 900px; width: 900px;
background: #fff; background: #fff;
padding: 35px 64px; padding: 35px 64px;
min-height: 187px; min-height: 187px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list4__info { .strategy .c-list4__info {
width: 72%; width: 72%;
min-height: auto; min-height: auto;
padding: 0; padding: 0;
} }
} }
.strategy .c-list4__img { .strategy .c-list4__img {
width: 350px; width: 350px;
margin: 30px 0 0 -50px; margin: 30px 0 0 -50px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list4__img { .strategy .c-list4__img {
width: 25.4%; width: 25.4%;
margin: 3px 0 0; margin: 3px 0 0;
} }
} }
.strategy .c-list4__ttl { .strategy .c-list4__ttl {
font-size: 2.4rem; font-size: 2.4rem;
line-height: 1.3; line-height: 1.3;
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
text-indent: -35px; text-indent: -35px;
margin: 0 0 6px; margin: 0 0 6px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list4__ttl { .strategy .c-list4__ttl {
font-size: 1.6rem; font-size: 1.6rem;
padding: 0 0 0 18px; padding: 0 0 0 18px;
text-indent: -18px; text-indent: -18px;
} }
} }
.strategy .c-list4__ttl span { .strategy .c-list4__ttl span {
font-size: 4rem; font-size: 4rem;
line-height: 1; line-height: 1;
color: #363636; color: #363636;
font-weight: normal; font-weight: normal;
vertical-align: middle; vertical-align: middle;
margin: 0 10px 0 0; margin: 0 10px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list4__ttl span { .strategy .c-list4__ttl span {
font-size: 2.4rem; font-size: 2.4rem;
margin: 0 3px 0 0; margin: 0 3px 0 0;
} }
} }
.strategy .c-list4__txt { .strategy .c-list4__txt {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;
color: #363636; color: #363636;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list4__txt { .strategy .c-list4__txt {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.25; line-height: 1.25;
padding: 0 10px 0 0; padding: 0 10px 0 0;
} }
} }
/* ========================================================== /* ==========================================================
container container
========================================================== */ ========================================================== */
.strategy .container { .strategy .container {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .container { .strategy .container {
width: 100%; width: 100%;
padding: 0 15px; padding: 0 15px;
} }
} }
@media screen and (max-width: 750px) { @media screen and (max-width: 750px) {
.strategy .container { .strategy .container {
max-width: 100%; max-width: 100%;
margin: 0; margin: 0;
} }
} }
/* ========================================================== /* ==========================================================
strategy1 strategy1
========================================================== */ ========================================================== */
.strategy1 { .strategy1 {
background: #fbfbfb; background: #fbfbfb;
padding: 78px 0 80px; padding: 78px 0 80px;
} }
.strategy1 .c-title1 { .strategy1 .c-title1 {
margin: 0 0 59px; margin: 0 0 59px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy1 { .strategy1 {
background: #fbfbfb; background: #fbfbfb;
padding: 39px 0; padding: 39px 0;
} }
.strategy1 .c-title1 { .strategy1 .c-title1 {
margin: 0 0 39px; margin: 0 0 39px;
} }
.strategy1 .c-imgtext1 { .strategy1 .c-imgtext1 {
width: calc(100% + 15px); width: calc(100% + 15px);
margin: 0 0 0 -15px; margin: 0 0 0 -15px;
} }
} }
/* ========================================================== /* ==========================================================
strategy2 strategy2
========================================================== */ ========================================================== */
.strategy2 { .strategy2 {
background: #0b2237; background: #0b2237;
padding: 77px 0 78px; padding: 77px 0 78px;
} }
.strategy2 .c-text { .strategy2 .c-text {
margin: 32px 0 0; margin: 32px 0 0;
} }
.strategy2 .c-title1 { .strategy2 .c-title1 {
margin: 0 0 60px; margin: 0 0 60px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy2 { .strategy2 {
padding: 39px 0 38px; padding: 39px 0 38px;
} }
.strategy2 .c-text { .strategy2 .c-text {
margin: 7px 0 0; margin: 7px 0 0;
} }
.strategy2 .c-title1 { .strategy2 .c-title1 {
margin: 0 0 40px; margin: 0 0 40px;
} }
} }
/* ========================================================== /* ==========================================================
strategy3 strategy3
========================================================== */ ========================================================== */
.strategy3 { .strategy3 {
background: #fbfbfb; background: #fbfbfb;
padding: 80px 0 80px; padding: 80px 0 80px;
} }
.strategy3 .c-title1 { .strategy3 .c-title1 {
margin: 0 0 59px; margin: 0 0 59px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy3 { .strategy3 {
background: #fbfbfb; background: #fbfbfb;
padding: 39px 0; padding: 39px 0;
} }
.strategy3 .c-title1 { .strategy3 .c-title1 {
margin: 0 0 39px; margin: 0 0 39px;
} }
.strategy3 .c-imgtext1 { .strategy3 .c-imgtext1 {
width: calc(100% + 15px); width: calc(100% + 15px);
margin: 0 0 0 -15px; margin: 0 0 0 -15px;
} }
} }
/* ========================================================== /* ==========================================================
strategy4 strategy4
========================================================== */ ========================================================== */
.strategy4 { .strategy4 {
background: #0b2237; background: #0b2237;
padding: 79px 0 73px; padding: 79px 0 73px;
} }
.strategy4 .c-text { .strategy4 .c-text {
margin: 32px 0 0; margin: 32px 0 0;
} }
.strategy4 .c-title1 { .strategy4 .c-title1 {
margin: 0 0 60px; margin: 0 0 60px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy4 { .strategy4 {
padding: 42px 0 36px; padding: 42px 0 36px;
} }
.strategy4 .c-text { .strategy4 .c-text {
margin: 17px 0 0; margin: 17px 0 0;
} }
.strategy4 .c-title1 { .strategy4 .c-title1 {
margin: 0 0 39px; margin: 0 0 39px;
} }
} }
/* ========================================================== /* ==========================================================
strategy5 strategy5
========================================================== */ ========================================================== */
.strategy5 { .strategy5 {
background: #fbfbfb; background: #fbfbfb;
padding: 80px 0 76px; padding: 80px 0 76px;
} }
.strategy5 .c-title1 { .strategy5 .c-title1 {
margin: 0 0 60px; margin: 0 0 60px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy5 { .strategy5 {
background: #fbfbfb; background: #fbfbfb;
padding: 39px 0; padding: 39px 0;
} }
.strategy5 .c-title1 { .strategy5 .c-title1 {
margin: 0 0 31px; margin: 0 0 31px;
} }
} }
/* ========================================================== /* ==========================================================
strategy6 strategy6
========================================================== */ ========================================================== */
.strategy6 { .strategy6 {
background: #0b2237; background: #0b2237;
padding: 79px 0 80px; padding: 79px 0 80px;
} }
.strategy6__ttl { .strategy6__ttl {
font-size: 3.2rem; font-size: 3.2rem;
line-height: 1.2; line-height: 1.2;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
margin: 53px 0 13px; margin: 53px 0 13px;
} }
.strategy6 .c-title1 { .strategy6 .c-title1 {
margin: 0 0 53px; margin: 0 0 53px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy6 { .strategy6 {
padding: 39px 0 40px; padding: 39px 0 40px;
} }
.strategy6__ttl { .strategy6__ttl {
margin: 25px 0 16px; margin: 25px 0 16px;
font-size: 2rem; font-size: 2rem;
} }
.strategy6 .c-title1 { .strategy6 .c-title1 {
margin: 0 0 35px; margin: 0 0 35px;
} }
.strategy6 .c-text { .strategy6 .c-text {
line-height: 1.6; line-height: 1.6;
} }
} }
/* ========================================================== /* ==========================================================
strategy7 strategy7
========================================================== */ ========================================================== */
.strategy7 { .strategy7 {
padding: 80px 0 98px; padding: 80px 0 98px;
} }
.schedule-ttl { .schedule-ttl {
margin-bottom: 16px; margin-bottom: 16px;
font-size: 4rem; font-size: 4rem;
font-weight: bold; font-weight: bold;
line-height: 1; line-height: 1;
color: #333; color: #333;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
} }
.scheduleWrap { .scheduleWrap {
margin: 0 auto; margin: 0 auto;
width: 1200px; width: 1200px;
} }
.scheduleWrap .c-title1 { .scheduleWrap .c-title1 {
text-align: left; text-align: left;
} }
.strategy .c-title1__inner:after { .strategy .c-title1__inner:after {
display: none; display: none;
} }
.schedule-table { .schedule-table {
text-align: center; text-align: center;
} }
.schedule-table thead th { .schedule-table thead th {
padding: 16px 0; padding: 16px 0;
background: #0b2237; background: #0b2237;
color: #fff; color: #fff;
font-size: 1.8rem; font-size: 1.8rem;
text-align: center; text-align: center;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
} }
.schedule-table .venue { .schedule-table .venue {
width: 120px; width: 120px;
} }
.schedule-table .month {
.schedule-table .month {
width: 180px; width: 180px;
} }
.schedule-table .area { .schedule-table .area {
vertical-align: middle; vertical-align: middle;
} }
.schedule-table tbody td { .schedule-table tbody td {
height: 110px; height: 110px;
font-size: 1.8rem; font-size: 1.8rem;
text-align: center; text-align: center;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
position: relative; position: relative;
} }
/* 満員御礼、申込締切 */ /* 満員御礼、申込締切 */
.schedule-table tbody .reserveStop { .schedule-table tbody .reserveStop {
background: #e9edf1; background: #e9edf1;
} }
.schedule-table tbody .reserveStop .link:hover { .schedule-table tbody .reserveStop .link:hover {
cursor: default; cursor: default;
} }
.schedule-table tbody .reserveStop p { .schedule-table tbody .reserveStop p {
color: #939393; color: #939393;
} }
/* 初受講 */ /* 初受講 */
.schedule-table tbody .attend:after { .schedule-table tbody .attend:after {
content: ''; content: '';
width: 0px; width: 0px;
height: 0px; height: 0px;
border-top: 14px solid transparent; border-top: 14px solid transparent;
border-right: 14px solid #093d6e; border-right: 14px solid #093d6e;
display: block; display: block;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.schedule-table tbody .attend:hover { .schedule-table tbody .attend:hover {
background: #d4e0ec; background: #d4e0ec;
} }
/* 再受講 */ /* 再受講 */
.schedule-table tbody .retake:after { .schedule-table tbody .retake:after {
content: ''; content: '';
width: 0px; width: 0px;
height: 0px; height: 0px;
border-top: 14px solid transparent; border-top: 14px solid transparent;
border-right: 14px solid #ab3951; border-right: 14px solid #ab3951;
display: block; display: block;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.schedule-table tbody .retake:hover { .schedule-table tbody .retake:hover {
background: #f0dadf; background: #f0dadf;
} }
/* プレミアム */ /* プレミアム */
.schedule-table tbody .premium:after { .schedule-table tbody .premium:after {
content: ''; content: '';
width: 0px; width: 0px;
height: 0px; height: 0px;
border-top: 14px solid transparent; border-top: 14px solid transparent;
border-right: 14px solid #beac56; border-right: 14px solid #beac56;
display: block; display: block;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.schedule-table tbody .premium:hover { .schedule-table tbody .premium:hover {
background: #fff3b2; background: #fff3b2;
} }
.schedule-table .link { .schedule-table .link {
padding-top: 10px; padding-top: 10px;
height: 100%; height: 100%;
display: block; display: block;
} }
.schedule-table .link .time { .schedule-table .link .time {
font-size: 2rem; font-size: 2rem;
} }
.schedule-table .link .txt { .schedule-table .link .txt {
font-size: 1.3rem; font-size: 1.3rem;
} }
.linkBtn { .linkBtn {
margin: 40px auto 0; margin: 40px auto 0;
padding: 28px 0; padding: 28px 0;
width: 600px; width: 600px;
display: block; display: block;
font-size: 2.4rem; font-size: 2.4rem;
line-height: 1; line-height: 1;
color: #263f6c; color: #263f6c;
text-align: center; text-align: center;
border: 1px solid #263f6c; border: 1px solid #263f6c;
position: relative; position: relative;
} }
.linkBtn::before { .linkBtn::before {
content: ''; content: '';
width: 8px; width: 8px;
height: 8px; height: 8px;
border: 0px; border: 0px;
border-top: solid 2px #263f6c; border-top: solid 2px #263f6c;
border-right: solid 2px #263f6c; border-right: solid 2px #263f6c;
-ms-transform: rotate(45deg); -ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 15px; right: 15px;
margin-top: -6px; margin-top: -6px;
} }
.linkBtn small {
display: block;
margin-top: 6px;
font-size: 1.8rem;
line-height: 1;
}
.linkBtn-BLU {
margin-bottom: 40px;
background-color: #263f6c;
color: #fff;
}
.linkBtn-BLU::before {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.annotation { .annotation {
margin-top: 20px; margin-top: 20px;
font-size: 1.2rem; font-size: 1.2rem;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.strategy7 { .strategy7 {
padding: 40px 0 80px; padding: 40px 0 80px;
} }
.scheduleWrap { .scheduleWrap {
width: 100%; width: 100%;
} }
.scheduleWrap .c-title1 { .scheduleWrap .c-title1 {
margin-bottom: 20px; margin-bottom: 20px;
text-align: center; text-align: center;
} }
.strategy .c-title1__inner:after { .strategy .c-title1__inner:after {
display: block; display: block;
} }
.schedule-ttl { .schedule-ttl {
padding-left: 15px; padding-left: 15px;
margin-bottom: 20px; margin-bottom: 20px;
font-size: 2rem; font-size: 2rem;
font-weight: bold; font-weight: bold;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
} }
.schedule-table-sp { .schedule-table-sp {
margin: 0 auto; margin: 0 auto;
display: block; display: block;
max-width: 375px; max-width: 375px;
} }
.schedule-table-sp thead { .schedule-table-sp thead {
width: 100%; width: 100%;
} }
.schedule-table-sp thead th { .schedule-table-sp thead th {
background: #0b2237; background: #0b2237;
font-size: 1.4rem; font-size: 1.4rem;
color: #fff; color: #fff;
text-align: center; text-align: center;
border: 1px solid #959595; border: 1px solid #959595;
border-collapse: collapse; border-collapse: collapse;
} }
.schedule-table-sp thead .venue { .schedule-table-sp thead .venue {
padding: 18px 0; padding: 18px 0;
width: 66px; width: 66px;
} }
.schedule-table-sp thead .month { .schedule-table-sp thead .month {
padding: 18px 0; padding: 18px 0;
width: 116px; width: 116px;
} }
.schedule-table-sp thead .reserve { .schedule-table-sp thead .reserve {
padding: 18px 0px; padding: 18px 0px;
width: 191px; width: 191px;
} }
.schedule-table-sp tbody td { .schedule-table-sp tbody td {
padding: 10px 8px; padding: 10px 8px;
text-align: center; text-align: center;
border: 1px solid #959595; border: 1px solid #959595;
border-collapse: collapse; border-collapse: collapse;
} }
.schedule-table-sp .day { .schedule-table-sp .day {
text-align: left; text-align: left;
} }
.schedule-table-sp .day .day-icon { .schedule-table-sp .day .day-icon {
padding: 2px 6px; padding: 2px 6px;
display: inline-block; display: inline-block;
background: #363636; background: #363636;
border-radius: 10px; border-radius: 10px;
font-size: 1rem; font-size: 1rem;
color: #fff; color: #fff;
} }
.schedule-table-sp .btnArea .btn { .schedule-table-sp .btnArea .btn {
padding: 13px 0; padding: 13px 0;
text-align: center; text-align: center;
font-size: 1.4rem; font-size: 1.4rem;
color: #fff; color: #fff;
width: 80px; width: 80px;
height: 40px; height: 40px;
line-height: 1; line-height: 1;
display: inline-block; display: inline-block;
} }
.schedule-table-sp .btnArea .btn span { .schedule-table-sp .btnArea .btn span {
font-size: 1rem; font-size: 1rem;
} }
.schedule-table-sp .btnArea .btn:first-of-type { .schedule-table-sp .btnArea .btn:first-of-type {
margin-right: 3px; margin-right: 3px;
} }
.schedule-table-sp .btnArea .btn--first { .schedule-table-sp .btnArea .btn--first {
background: #093d6e; background: #093d6e;
} }
.schedule-table-sp .btnArea .btn--retry { .schedule-table-sp .btnArea .btn--retry {
background: #ab3951; background: #ab3951;
} }
.schedule-table-sp .btnArea .btn--stop { .schedule-table-sp .btnArea .btn--stop {
background: #e9edf1; background: #e9edf1;
color: #939393; color: #939393;
} }
.schedule-table-sp--type3 .month { .schedule-table-sp--type3 .month {
padding: 18px 0px !important; padding: 18px 0px !important;
width: 210px !important; width: 210px !important;
} }
.schedule-table-sp--type3 .reserve { .schedule-table-sp--type3 .reserve {
padding: 18px 0px !important; padding: 18px 0px !important;
width: 100px !important; width: 100px !important;
} }
.schedule-table-sp--type3 .btnArea .btn--simple { .schedule-table-sp--type3 .btnArea .btn--simple {
background: #093d6e; background: #093d6e;
} }
.linkBtn { .linkBtn {
padding: 22px 0; padding: 22px 0;
max-width: 375px; max-width: 375px;
width: 100%; width: 100%;
font-size: 1.4rem; font-size: 1.4rem;
}
.linkBtn small {
font-size: 1.3rem;
} }
} }
/* ========================================================== /* ==========================================================
copyright copyright
========================================================== */ ========================================================== */
.strategy .copy { .strategy .copy {
padding: 70px 0; padding: 70px 0;
text-align: center; text-align: center;
} }
@media screen and (max-width: 750px) { @media screen and (max-width: 750px) {
.strategy .copy { .strategy .copy {
padding: 0px 0; padding: 0px 0;
text-align: center; text-align: center;
font-size: 10px; font-size: 10px;
} }
} }
.strategy5 {display: none;}
.strategy6 {background-color: #203B54;}
.strategy6 { /* ==========================================================
background-color: #203B54;
無料説明会2021年2月用、受講生紹介用 2020/12/23 taji added
========================================================== */
section#freeSeminar {
width: 100%;
margin: 0 auto 40px auto;
padding:0;
background: url('/common_previous/img/free_smr/img_fs_back.jpg')top left repeat;
}
p.obviousTarget {
margin:0 auto 10px auto;
padding-top:40px;
text-align:center;
font-weight:bold;
font-size:1.3em;
color:#beac56;
}
p.obviousTarget span {
font-size:.8em;
}
.upperTitle {
position: relative;
width:30%;
text-align:center;
margin:0 auto;
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
color: #fff;
border-radius: 0;
background-image: -webkit-gradient(linear, left top, right top, from(#40263f), to(#d60c19));
background-image: -webkit-linear-gradient(left, #40263f 0%, #d60c19 100%);
background-image: linear-gradient(90deg, #40263f 0%, #d60c19 100%);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
z-index: 100;
}
.upperTitle h3{
text-align:center !important;
margin:0 auto;
color:#ffffff !important;
font-size:1.7em !important;
vertical-align:baseline;
border:none !important;
}
.catch {
margin:0 auto;
padding-bottom:5px;
display: flex;
align-items: center; /* 垂直中心 */
justify-content: center; /* 水平中心 */
color:#ffffff;
font-size:10px;
}
.catch:before, .catch:after {
border-top: 1px solid;
content: "";
width: 6.5em; /* 線の長さ */
}
.catch:before {
margin-right: 1em; /* 文字の右隣 */
}
.catch:after {
margin-left: 1em; /* 文字の左隣 */
}
.mainTitle {
position: relative;
width:70%;
text-align:center;
margin:-20px auto 0 auto;
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
color: #fff;
border-radius: 0;
background-image: -webkit-gradient(linear, left top, right top, from(#741c31), to(#d60c19));
background-image: -webkit-linear-gradient(left, #741c31 0%, #d60c19 100%);
background-image: linear-gradient(90deg, #741c31 0%, #d60c19 100%);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
z-index: 1;
padding-bottom: 20px;
}
.mainTitle h2{
text-align:center;
margin:0 auto;
color:#ffffff;
font-size:2.5em;
vertical-align:baseline;
}
.mainTitle h2 span {
font-size:1.4em;
}
.mainTitle ul{
list-style: none;
width: 90px;
margin: 0 auto;
-webkit-transform: skew(+15deg);
transform: skew(+15deg);
}
.mainTitle ul li{
float: left;
}
.mainTitle ul li:nth-child(1),.mainTitle ul li:nth-child(2){
margin-right: 9px;
}
.mainTitle ul::after{
content: "";
clear: both;
display: block;
}
.sectionInner {
display:block;
width: 1200px;
margin: 0 auto;
padding:0;
}
section#freeSeminar h2 {
text-align:center;
margin:0 auto 10px auto;
padding-top:32px;
}
section#freeSeminar h2 img{
width:70%;
} }
.fsFlex {
display:flex;
justify-content: center;
flex-direction: column;
padding-bottom:40px;
}
.fsDualFlex {
padding:20px 0;
margin:0 5px;
}
.scheduleTitle {
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
background-color:#001e33;
display:block;
position:relative;
width:50%;
height:70px;
margin:10px auto 30px auto;
}
.scheduleTitle h4 {
position:absolute;
top:7px;
left:15px;
color:#beac56;
font-size:1.7em;
font-weight:bold;
}
.scheduleTitle h4 span {
font-size:.7em;
}
.scheduleTitle h5 {
position:absolute;
top:38px;
left:15px;
color:#ffffff;
font-size:.9em;
}
.scheduleTitle ul{
position:absolute;
top:15px;
right:15px;
text-align:center;
display: flex;
flex-wrap: nowrap;
}
.scheduleTitle ul li a{
display: block;
width:120px;
height:42px;
background:#004778;
font-weight:bold;
color:#82a8c6;
font-size:.8em;
margin:0 auto;
padding-top:12px;
}
.scheduleTitle a:hover {
background:#0178ca;
}
.scheduleTitle ul li a.mainLeadBtn {
display: block;
width:120px;
height:42px;
background:#3a97d7;
font-weight:bold;
color:#ffffff;
font-size:.9em;
margin:0 10px 0 0;
padding-top:12px;
}
.scheduleTitle a.mainLeadBtn:hover {
background:#9ccae9;
}
.twoSpeakers {
display:flex;
justify-content: center;
margin-bottom:20px;
}
.instructorDetail {
margin:0 15px 0 0;
}
.instructorDetail:last-child {
margin:0;
}
.instructorDetail p {
margin:10px 0 0 0;
color:#ffffff;
font-size:.8em;
line-height:150%;
}
.instructorDetail h6 {
margin:0;
color:#ffffff;
font-size:2em;
font-weight:100;
}
@media screen and (max-width: 768px) {
.sectionInner {
width:96%;
}
.upperTitle {
width:50%;
}
.upperTitle h3{
font-size:1.4em;
}
.catch:before {
margin-right: .1em; /* 文字の右隣 */
}
.catch:after {
margin-left: .1em; /* 文字の左隣 */
}
.mainTitle {
width:90%;
}
.mainTitle h2{
font-size:1.9em;
}
.mainTitle h2 span{
font-size:1.3em;
}
.fsFlex {
flex-direction: column;
}
.fsDualFlex {
margin:0 5px 20px 5px;
}
.scheduleTitle {
width:95%;
}
.scheduleTitle h4{
font-size:1.2em;
}
.scheduleTitle h4 span{
font-size:.5em;
}
.scheduleTitle ul li a{
width:90px;
padding:7px 3px 0 3px;
}
.scheduleTitle ul li a.mainLeadBtn {
width:90px;
}
.instructorDetail h6 {
font-size:1.5em;
}
}
/* == 無料説明会2021年2月用、プロスピーカーの声 2020/12/23 taji added == */
.ps_list_title {
padding:0 20px 25px 20px;
font-size:1.4em;
font-weight:500;
}
.ps_list_title span {
font-weight:normal;
font-size:.8em;
}
.speakingDate {
font-size:.8em;
font-weight:500;
padding:4px;
width:80px;
margin:25px 20px 5px 20px;
background:#beac56;
color:#ffffff;
}
.speakersCatchCopy {
position: relative;
font-size:1.2em;
font-weight:800;
padding:15px;
margin:0 20px 5px 20px;
}
.speakersCatchCopy:before,
.speakersCatchCopy:after {
position: absolute;
content: '';
}
.speakersCatchCopy:after {
top: 0;
left: 0;
width: 25px;
height: 25px;
border-top: 4px solid #000;
border-left: 4px solid #000;
}
.speakersCatchCopy:before {
right: 0;
bottom: 0;
width: 25px;
height: 25px;
border-right: 4px solid #000;
border-bottom: 4px solid #000;
}
......
<?php $pageid="schedule";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<style>
.annotation a {
color: #7d0000;
text-decoration: underline;
}
</style>
<script type="text/javascript">
$(function () {
$('select[name="m_course"]').on('change', function() {
execMembersSearch();
});
$('select[name="m_area"]').on('change', function() {
execMembersSearch();
});
$('select[name="e_area"]').on('change', function() {
execExperienceSearch();
});
});
function execMembersSearch() {
$('#m_course').val($('select[name="m_course"] option:selected').val());
$('#m_area').val($('select[name="m_area"] option:selected').val());
$('#e_area').val('');
$('#submit_form').attr('action', '/pub/schedule');
$('#submit_form').submit();
}
function execExperienceSearch() {
$('#m_course').val('');
$('#m_area').val('');
$('#e_area').val($('select[name="e_area"] option:selected').val());
$('#submit_form').attr('action', '#seminar');
$('#submit_form').submit();
}
</script>
<div class="hero-second schedule-mv">
<div class="schedule-mv-inner">
<h2 class="schedule-mv-ttl"><span>公開講座・体験セミナー <br class="only-sp">日程一覧</span></h2>
<p class="schedule-mv-sub-ttl">『頂点への道』講座シリーズをはじめとした公開講座や 体験セミナー・講演会の日程一覧。</p>
</div>
</div>
<div class="schedule-info-area">
<a href="https://achievement.co.jp/news/info/20210119-02/" target="_blank">「公開講座の開催における新型コロナウィルス感染対策について」</a>
</div>
<!--タブ-->
<ul class="tabArea">
<li class="tab is-active">公開講座・<br class="only-sp">会員向けセミナー</li>
<li class="tab" id="seminar">体験セミナー・<br class="only-sp">講演会</li>
</ul>
<div class="contents2">
<div class="tabCont is-show">
<div class="selectArea">
<form action="" method="get" class="form">
<p class="txt">講座</p>
<select name="m_course">
<option value="">指定なし</option>
@foreach ($membersSeminarCategories as $categoryId => $value)
<?php
$selected = $categoryId == $m_course ? 'selected' : '';
?>
<option value="{{ $categoryId }}" {{ $selected }}>{{ $value['name'] }}</option>
@endforeach
</select>
</form>
<form action="" method="get" class="form">
<p class="txt">開催地</p>
<select name="m_area">
<option value="">指定なし</option>
@foreach ($membersSeminarPrefectures as $prefName)
<?php
$selected = $prefName == $m_area ? 'selected' : '';
?>
<option value="{{ $prefName }}" {{ $selected }}>{{ $prefName }}</option>
@endforeach
</select>
</form>
</div>
<?php
// セミナーが無いときの共通メッセージ
$disabledMembersSeminar = '<p class="schedule-ttl" style="font-size: 2rem; font-weight: normal;">該当するセミナーはありません。</p>';
// $disabledExperienceSeminar = '<p class="seminerBox-txt">該当するセミナーはありません。</p>';
?>
@foreach ($membersSeminarCategories as $categoryId => $categoryItem)
@if ($categoryItem['calendar'] == 'online')
@include('web.calendar.online')
@elseif ($categoryItem['calendar'] == 'normal')
@include('web.calendar.normal')
@elseif ($categoryItem['calendar'] == 'retake')
@include('web.calendar.retake')
@elseif ($categoryItem['calendar'] == 'zoom')
@include('web.calendar.zoom')
@elseif ($categoryItem['calendar'] == 'cpsp')
@include('web.calendar.cpsp')
@elseif ($categoryItem['calendar'] == 'qcc')
@include('web.calendar.qcc')
@endif
@endforeach
</div>
<!-- tabCont -->
<div class="tabCont experienceCont">
<div class="selectArea">
<form action="" method="post" class="form">
<p class="txt">開催地</p>
<select name="e_area">
<option value="">指定なし</option>
@foreach ($experienceSeminarPrefectures as $prefName)
<?php
$selected = $prefName == $e_area ? 'selected' : '';
?>
<option value="{{ $prefName }}" {{ $selected }}>{{ $prefName }}</option>
@endforeach
</select>
</form>
</div>
<section>
@foreach ($experienceSeminarCategories as $categoryId => $categoryItem)
@include('web.experience.experience')
@endforeach
</section>
</div>
<!-- tabCont -->
</div>
<!-- contents2 -->
<form id="submit_form" action="" method="get" class="form" style="display: none;">
<input id="m_course" type="hidden" name="m_course" value="">
<input id="m_area" type="hidden" name="m_area" value="">
<input id="e_area" type="hidden" name="e_area" value="">
</form>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?>
...@@ -2,6 +2,36 @@ ...@@ -2,6 +2,36 @@
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<?php
$number_student = '';
$years = '';
$number_held = '';
$percent_reviews = '';
$aoki_number_student = '';
$url = url('../') . '/laravel_wp/get_contents.php';
$curl = curl_init($url);
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, 'GET'); // メソッド指定
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); // 証明書の検証を行わない
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); // レスポンスを文字列で受け取る
if (env('AX_DRIVER_BASIC_AUTH')) {
curl_setopt($curl, CURLOPT_USERPWD, sprintf('%s:%s', env('AX_DRIVER_BASIC_AUTH_ID'), env('AX_DRIVER_BASIC_AUTH_PW')));
}
$response_json = curl_exec($curl);
curl_close($curl);
$response = json_decode($response_json);
if ( ! is_null($response)) {
$number_student = $response->number_student;
$years = $response->years;
$number_held = $response->number_held;
$percent_reviews = $response->percent_reviews;
$aoki_number_student = $response->aoki_number_student;
}
?>
<style> <style>
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.only-sp { .only-sp {
...@@ -72,7 +102,85 @@ ...@@ -72,7 +102,85 @@
</div> </div>
<section id="freeSeminar">
<div class="sectionInner">
<p class="obviousTarget">『頂点への道』講座<span></span>受講<span></span>お考え<span></span>方へ</p>
<div class="upperTitle">
<h3>無料体験説明会</h3>
<div class="catch">ONLINE</div>
</div>
<div class="mainTitle"><h2><span>卓越</span>した<span>受講生</span><span></span><span>目標達成</span><span>技術</span></h2>
<ul>
<li><a href="https://www.facebook.com/achievementcorp/" target="_blank"><img src="/common_previous/img/free_smr/li_icon_facebook.png" alt="facebook"></a></li>
<li><a href="https://twitter.com/achievement33" target="_blank"><img src="/common_previous/img/free_smr/li_icon_twitter.png" alt="twitter"></a></li>
<li><a href="https://www.instagram.com/achievement_message/" target="_blank"><img src="/common_previous/img/free_smr/li_icon_instagram.png" alt="instagram"></a></li>
</ul>
</div>
<!--<h2><img src="/common_previous/img/free_smr/img_fs_title.png" alt=""></h2>-->
<div class="fsFlex">
<div class="fsDualFlex">
<div class="scheduleTitle">
<h4>2<span></span>11<span>日(THU)</span> 18<span>:30</span></h4><h5>INSTRUCTORS</h5>
<ul>
<li><a class="mainLeadBtn" href="https://marc2.achievement.co.jp/app_form/check_marc.php?application_file=free_seminar_index.phtml&seminar_group_name=online_PP&seminar_id=14247" target="_blank">参加する</a></li>
<li><a href="#schedule">その他の日程はこちら</a></li>
</ul>
</div>
<div class="twoSpeakers">
<div class="instructorDetail">
<img src="/common_previous/img/free_smr/img_fs_tsuji.jpg">
<p>一般財団法人日本プロスピーカー協会 参事・認定シニアプロスピーカー/<br>
JPSA奈良支部支部長/<br>株式会社ボーテ代表取締役</p>
<h6>辻 紗耶加</h6>
</div>
<div class="instructorDetail">
<img src="/common_previous/img/free_smr/img_fs_murata.jpg">
<p>アチーブメント株式会社<br>
西日本エリア担当営業部長<br>
兼 大阪支社支社長/<br>コンサルタント</p>
<h6>村田 泉</h6>
</div>
</div>
</div>
<div class="fsDualFlex">
<div class="scheduleTitle">
<h4>2<span></span>23<span>日(TUE)</span> 18<span>:30</span></h4><h5>INSTRUCTORS</h5>
<ul>
<li><a class="mainLeadBtn" href="https://marc2.achievement.co.jp/app_form/check_marc.php?application_file=free_seminar_index.phtml&seminar_group_name=online_PP&seminar_id=14246" target="_blank">参加する</a></li>
<li><a href="#schedule">その他の日程はこちら</a></li>
</ul>
</div>
<div class="twoSpeakers">
<div class="instructorDetail">
<img src="/common_previous/img/free_smr/img_fs_ikehata.jpg">
<p>一般財団法人日本プロスピーカー協会 認定ベーシックプロスピーカー/<br>
JPSA横浜みなとみらい支部副支部長/<br>
株式会社H&H 代表取締役/理学療法士</p>
<h6>池畑 健太</h6>
</div>
<div class="instructorDetail">
<img src="/common_previous/img/free_smr/img_fs_genpo.jpg">
<p>一般財団法人日本プロスピーカー協会 認定ベーシックプロスピーカー/<br>
JPSA東京セントラル支部所属/株式会社AphrosQueen代表取締役/<br>
エステティックグランプリ理事</p>
<h6>玄甫 和美</h6>
</div>
<div class="instructorDetail">
<img src="/common_previous/img/free_smr/img_fs_hashimoto.jpg">
<p>アチーブメント株式会社<br>
東日本エリア担当マネジャー<br>
兼 トレーナー/コンサルタント</p>
<h6>橋本 拓也</h6>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="strategy1"> <section class="strategy1">
...@@ -96,7 +204,7 @@ ...@@ -96,7 +204,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>上場企業経営者をはじめ、管理職・マネジャー・セールスパーソンはもちろん、医者・弁護士・会計士といった専門職業人や、アスリートの方など、<?php echo $years; ?>年間開催をする中で、合計<?php echo $number_student; ?>人以上の方がご受講をされてきました。<br>そんな方々が本講座に足を運ぶ理由。<br>それは、「目標達成の技術」を体得できるからです。</p>
</div> </div>
...@@ -112,7 +220,7 @@ ...@@ -112,7 +220,7 @@
<h2 class="c-title1 c-title1--yellow"> <h2 class="c-title1 c-title1--yellow">
<span class="c-title1__inner">シネスの発展に必要不可欠な「目標達成の技術」</span> <span class="c-title1__inner">ジネスの発展に必要不可欠な「目標達成の技術」</span>
</h2> </h2>
...@@ -260,11 +368,11 @@ ...@@ -260,11 +368,11 @@
<p class="c-list2__txt1">毎月連続開催</p> <p class="c-list2__txt1">毎月連続開催</p>
<p class="c-list2__txt2">28<span>年間</span> <p class="c-list2__txt2"><?php echo $years; ?><span>年間</span>
</p> </p>
<p class="c-list2__txt2">900<span>回以上</span> <p class="c-list2__txt2"><?php echo $number_held; ?><span>回以上</span>
</p> </p>
...@@ -273,7 +381,6 @@ ...@@ -273,7 +381,6 @@
</div> </div>
</li> </li>
<li class="c-list2__item"> <li class="c-list2__item">
<p class="c-list2__ttl">新規受講者数</p> <p class="c-list2__ttl">新規受講者数</p>
...@@ -284,7 +391,7 @@ ...@@ -284,7 +391,7 @@
<div class="numberCnt"> <div class="numberCnt">
<p class="c-list2__txt3">4万3000<span>名以上</span> <p class="c-list2__txt3"><?php echo $number_student; ?><span>名以上</span>
</p> </p>
...@@ -294,6 +401,7 @@ ...@@ -294,6 +401,7 @@
</li> </li>
<li class="c-list2__item"> <li class="c-list2__item">
<p class="c-list2__ttl">口コミ紹介率</p> <p class="c-list2__ttl">口コミ紹介率</p>
...@@ -304,7 +412,7 @@ ...@@ -304,7 +412,7 @@
<div class="number"> <div class="number">
<p class="c-list2__txt3">87.5<span>%</span> <p class="c-list2__txt3"><?php echo $percent_reviews; ?><span>%</span>
</p> </p>
...@@ -317,8 +425,7 @@ ...@@ -317,8 +425,7 @@
</ul> </ul>
<p class="c-text">過去<?php echo $years; ?>年の間、毎月連続開催を続けてきた本講座ですが、新規ご受講生の<?php echo $percent_reviews; ?>%の方は、既存ご受講生からのご紹介によってお越しいただいています。<br>「自分自身が学んで実践し、成果が出たからこそ、大切な人に伝えたい」そう多くの方におっしゃっていただいております。
<p class="c-text">過去28年の間、毎月連続開催を続けてきた本講座ですが、新規ご受講生の87.5%の方は、既存ご受講生からのご紹介によってお越しいただいています。<br>「自分自身が学んで実践し、成果が出たからこそ、大切な人に伝えたい」そう多くの方におっしゃっていただいております。
</p> </p>
...@@ -553,7 +660,7 @@ ...@@ -553,7 +660,7 @@
<div class="container"> <div class="container">
<p class="c-text">体験説明会では、3日間の『頂点への道』講座のエッセンスとなる要素を120分に凝縮してお伝えします。「目的」を明確化し、「目標達成の技術」を高め、体得し成果に落とし込むまでの道のりを体験し、自身の未来を描く120分です。</p> <p class="c-text">各業界トップ5%の優績者を数多く輩出してきた『頂点への道』講座では、「選択理論心理学」「成功哲学」「可能思考」「タイムマネジメント理論」などの概念とともに、目標を達成するための具体的な実践アイディアを300以上お伝えしています。本無料体験説明会では、目標達成の技術においてその中でも特に重要なエッセンスを2時間に凝縮してお届けします。「目的」を明確にし、「目標達成の技術」を体得し成果に落とし込むまでの道のりを体験し、自身の未来を描く120分です。</p>
...@@ -627,6 +734,47 @@ ...@@ -627,6 +734,47 @@
</section> </section>
<section class="p-service_top7">
<h2 class="c-title1">
<span class="c-title1__inner">セミナー概要</span>
</h2>
<div class="container">
<div class="p-atc7-table">
<dl>
<dt>参加対象</dt>
<dd>
<p class="p-atc7-text1">どなたでもご参加いただけます</p>
</dd>
</dl>
<dl>
<dt>開催形式</dt>
<dd>
<p class="p-atc7-text1">オンライン(zoomを使用します)<br>
※お申し込み前に<a href="https://achievement.co.jp/onlineguide/" target="_blank">「オンライン環境のセットアップ方法」</a>をご確認ください<br>
※ご参加URLを発行するためには、お申し込み後に視聴アカウントを発行するご登録が必要です。<br>
詳細は自動返信メールを御覧ください。</p>
</dd>
</dl>
<dl>
<dt>参加費</dt>
<dd>
<p class="p-atc7-text1">無料</p>
</dd>
</dl>
<dl>
<dt>定員</dt>
<dd>
<p class="p-atc7-text1">200名</p>
</dd>
</dl>
</div>
</div>
</section>
<?php $categoryId = config('parameters.experience_category.体験説明会'); ?> <?php $categoryId = config('parameters.experience_category.体験説明会'); ?>
@if ($membersSchedule[$categoryId]['display']) @if ($membersSchedule[$categoryId]['display'])
<section class="strategy7" id="schedule"> <section class="strategy7" id="schedule">
...@@ -635,8 +783,6 @@ ...@@ -635,8 +783,6 @@
<span class="c-title1__inner">『頂点への道』講座<br class="sp-only"> <span class="c-title1__inner">『頂点への道』講座<br class="sp-only">
体験説明会</span> 体験説明会</span>
</h2> </h2>
<a target="_blank" href="https://marc2.achievement.co.jp/app_form/html/free_seminar_index.phtml?seminar_group_name=pp_zoom" class="linkBtn linkBtn-BLU">「特別オンライン回」のお申し込みはこちらより</a>
<table class="schedule-table only-pc"> <table class="schedule-table only-pc">
<thead> <thead>
<tr> <tr>
...@@ -760,11 +906,62 @@ ...@@ -760,11 +906,62 @@
@endforeach @endforeach
</tbody> </tbody>
</table> </table>
<a href="/trainer/" class="linkBtn">トレーナー・コンサルタント紹介を見る</a> <a href="/trainer/" class="linkBtn">講師プロフィールを見る</a>
</div> </div>
</section> </section>
@endif @endif
<section class="p-service_top3">
<h2 class="c-title1">
<span class="c-title1__inner" style="margin-bottom:40px;">登壇される受講生プロフィール</span>
</h2>
<div class="container">
<ul class="list">
<li class="list_item">
<div class="list_image">
<img src="/assets/img/strategy/strategy-01.jpg" alt="" width="373" height="293"></div>
<div class="speakingDate">2月11日(木)</div>
<div class="speakersCatchCopy">20歳でアチーブメントに出会い受講をスタートし、28歳で歯科衛生士として審美予防専門クリニックを独立開業。6年で売り上げを6倍に伸ばし、現在は東京大阪と3店舗の経営の傍ら、人気講師としても全国のクリニックで研修を行う。</div>
<h4 class="ps_list_title">
<span>一般財団法人日本プロスピーカー協会 参事<br>
認定シニアプロスピーカー/<br>
JPSA奈良支部支部長/<br>
株式会社ボーテ代表取締役</span><br>辻 紗耶加様
</h4>
</li>
<li class="list_item">
<div class="list_image">
<img src="/assets/img/strategy/strategy-02.jpg" alt="" width="373" height="293">
</div>
<div class="speakingDate">2月23日(火)</div>
<div class="speakersCatchCopy">平成24年3月にリハビリテーションを中心としたデイサービスをオープン。
受講当初は社員の離職率が60%を超えていたが、2019年は離職0を達成。</div>
<h4 class="ps_list_title">
<h4 class="ps_list_title">
<span>一般財団法人日本プロスピーカー協会<br>
認定ベーシックプロスピーカー/<br>
JPSA横浜みなとみらい支部副支部長/<br>
株式会社H&H 代表取締役/理学療法士</span><br>池畑 健太様</h4>
</li>
<li class="list_item">
<div class="list_image">
<img src="/assets/img/strategy/strategy-03.jpg" alt="" width="373" height="293">
</div>
<div class="speakingDate">2月23日(火)</div>
<div class="speakersCatchCopy">受講後、社員6名から20名となり、売上は年間6000万円から3億5千万へ増加。理念経営を計測する理念浸透サーベイでは過去最高基準で「クオリティカンパニーレベル」を達成。</div>
<h4 class="ps_list_title">
<span>一般財団法人日本プロスピーカー協会<br>
認定ベーシックプロスピーカー/<br>
JPSA東京セントラル支部所属/<br>
株式会社AphrosQueen代表取締役/<br>
エステティックグランプリ理事</span><br>玄甫 和美様</h4>
</li>
</ul>
<!-- <div class="more">もっと見る</div> -->
</div>
</section>
<!-- / .container --> <!-- / .container -->
<script src="/common_previous/js/lib/jquery.matchHeight-min.js"></script> <script src="/common_previous/js/lib/jquery.matchHeight-min.js"></script>
......
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