Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
sora
/
achievement
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
8dcef788
authored
Jan 28, 2021
by
Orine Matsui
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
本番データに更新
parent
a62433d6
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
2295 additions
and
56 deletions
achievement-official.conohawing.com/common_previous/css/schedule.css
achievement-official.conohawing.com/common_previous/css/strategy.css
achievement-official.conohawing.com/laravel/achievement/resources/views/web/schedule/index.blade.php
achievement-official.conohawing.com/laravel/achievement/resources/views/web/strategy/index.blade.php
achievement-official.conohawing.com/common_previous/css/schedule.css
View file @
8dcef788
achievement-official.conohawing.com/common_previous/css/strategy.css
View file @
8dcef788
...
@@ -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
.number
Cnt
{
.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
;
}
...
...
achievement-official.conohawing.com/laravel/achievement/resources/views/web/schedule/index.blade.php
0 → 100644
View file @
8dcef788
<?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'
);
?>
achievement-official.conohawing.com/laravel/achievement/resources/views/web/strategy/index.blade.php
View file @
8dcef788
...
@@ -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>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment