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
4da84fab
authored
Jun 19, 2020
by
Orine Matsui
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
アジタス、css更新
parent
d9f96b50
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
1507 additions
and
300 deletions
achievement-official.conohawing.com/common_previous/css/seminar.css
achievement-official.conohawing.com/common_previous/css/seminar.css
View file @
4da84fab
/* ========================================
seminar.css
======================================== */
@media
screen
and
(
min-width
:
768px
)
{
.sp-only
{
display
:
none
!important
;
}
}
@media
screen
and
(
max-width
:
767px
)
{
.pc-only
{
display
:
none
!important
;
}
}
body
{
min-width
:
1250px
;
}
@media
screen
and
(
max-width
:
767px
)
{
body
{
min-width
:
320px
;
}
}
.container
{
width
:
1200px
;
margin
:
0
auto
;
}
@media
screen
and
(
max-width
:
767px
)
{
.container
{
width
:
100%
;
padding
:
0
15px
;
}
}
.c-mainvisual
{
height
:
360px
;
background-image
:
url(/assets/img/seminar/img_seminar_mv_NVY.gif)
;
background-position
:
top
center
;
background-repeat
:
repeat
!important
;
background-size
:
1207px
134px
!important
;
background-size
:
auto
!important
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
position
:
relative
;
}
.p-seminar
p
{
font-size
:
1.6rem
;
margin
:
10px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.p-seminar
p
{
font-size
:
1.4rem
;
}
}
.p-seminar
p
a
{
color
:
#093d6e
;
text-decoration
:
underline
;
}
.c-table2
.list
li
a
{
color
:
#093d6e
;
text-decoration
:
underline
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-mainvisual
{
margin-top
:
100px
;
height
:
250px
;
background-size
:
604px
67px
!important
;
}
}
.p-seminar-orig
.c-mainvisual
{
height
:
auto
!important
;
background-image
:
none
;
display
:
block
;
}
.p-seminar-orig
.c-mainvisual__ttl
{
position
:
absolute
;
top
:
50%
;
left
:
0
;
transform
:
translateY
(
-50%
);
}
.c-mainvisual__image
img
{
width
:
100%
;
}
.c-mainvisual__ttl
{
width
:
100%
;
text-align
:
center
;
font-size
:
4rem
;
line-height
:
1.4
;
color
:
#fff
;
font-weight
:
bold
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-mainvisual__ttl
{
transform
:
translateY
(
-10px
);
font-size
:
2.6rem
;
transform
:
translateY
(
-30px
);
font-size
:
3rem
;
}
.p-seminar
.c-mainvisual__ttl
{
transform
:
translateY
(
0
);
text-align
:
left
;
padding
:
0px
15px
;
}
}
.p-seminar
.c-imgtext1
p
{
margin-bottom
:
0
;
}
.p-seminar
.c-maintxt1
{
margin-top
:
0
;
display
:
block
!important
;
}
.c-mainvisual__txt
{
font-size
:
2rem
;
line-height
:
1.2
;
color
:
#fff
;
margin
:
27px
0
0
;
display
:
block
;
position
:
absolute
;
top
:
300px
;
left
:
50%
;
transform
:
translateX
(
-50%
);
}
@media
screen
and
(
max-width
:
767px
)
{
.c-mainvisual__txt
{
font-size
:
1.5rem
;
line-height
:
1.5
;
margin
:
12px
0
0
;
top
:
110px
;
width
:
80%
;
}
}
.l-btn
{
.l-btn--center
{
text-align
:
center
;
}
.c-btn1__txt
{
display
:
inline-block
;
width
:
579px
;
font-size
:
2.4rem
;
line-height
:
1.75
;
color
:
#093d6e
;
font-weight
:
bold
;
border
:
2px
solid
#093d6e
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
18px
0
16px
;
position
:
relative
;
text-align
:
center
;
}
.l-btn--center
{
margin-left
:
auto
;
margin-right
:
auto
;
}
padding
:
18px
0
16px
;
position
:
relative
;
}
@media
screen
and
(
max-width
:
767px
)
{
.l-btn
+
.l-btn
{
margin-top
:
20px
;
}
.c-btn1__txt
{
width
:
100%
;
font-size
:
1.4rem
;
line-height
:
1.4
;
padding
:
12px
0
10px
;
font-weight
:
400
;
}
}
.c-btn1__txt
::after
{
content
:
''
;
width
:
8px
;
height
:
8px
;
border-top
:
2px
solid
#093d6e
;
border-right
:
2px
solid
#093d6e
;
position
:
absolute
;
top
:
50%
;
right
:
20px
;
-webkit-transform
:
translate
(
0
,
-50%
)
rotate
(
45deg
);
transform
:
translate
(
0
,
-50%
)
rotate
(
45deg
);
}
@media
screen
and
(
max-width
:
767px
)
{
.c-btn1__txt
::after
{
right
:
10px
;
}
}
.c-btn2
{
display
:
inline-block
;
margin
:
0
8px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-btn2
{
display
:
block
;
margin
:
5px
0
;
}
}
.c-btn2__txt
{
display
:
block
;
min-width
:
360px
;
background
:
#093d6e
;
font-size
:
2.4rem
;
line-height
:
1
;
color
:
#fff
;
font-weight
:
bold
;
text-align
:
center
;
padding
:
32px
10px
24px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-btn2__txt
{
min-width
:
auto
;
font-size
:
1.5rem
;
padding
:
20px
16px
15px
;
}
}
.c-mainttl
{
text-align
:
center
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-mainttl
{
text-align
:
left
;
}
}
.c-mainttl__txt
{
font-size
:
2rem
;
line-height
:
1.5
;
color
:
#333
;
font-weight
:
bold
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-mainttl__txt
{
font-size
:
1.8rem
;
}
}
.c-title1
{
position
:
relative
;
overflow
:
hidden
;
border-bottom
:
0
;
}
.c-title1__txt
{
position
:
relative
;
font-size
:
3.2rem
;
line-height
:
1.4
;
color
:
#333
;
font-weight
:
bold
;
padding
:
0
0
5px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-title1__txt
{
font-size
:
2rem
;
}
}
.c-title1__txt
span
{
font-size
:
2.4rem
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-title1__txt
span
{
font-size
:
1.8rem
;
}
}
.c-title1__txt
:after
{
content
:
''
;
position
:
absolute
;
bottom
:
0
;
right
:
0
;
height
:
2px
;
width
:
100%
;
background
:
#b8a136
;
}
.c-title2
{
background
:
#1b1b1b
;
display
:
-webkit-inline-box
;
display
:
-ms-inline-flexbox
;
display
:
inline-flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding
:
37px
39px
29px
121px
;
margin
:
-60px
0
0
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-title2
{
padding
:
18px
18px
14px
30px
;
margin
:
-30px
0
0
;
}
}
.c-title2__main
{
font-size
:
3.6rem
;
line-height
:
1.5
;
color
:
#fff
;
font-weight
:
bold
;
position
:
relative
;
padding
:
0
16px
0
0
;
margin
:
0
25px
0
0
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-title2__main
{
font-size
:
2rem
;
padding
:
0
10px
0
0
;
margin
:
0
15px
0
0
;
}
}
.c-title2__main
::after
{
content
:
''
;
width
:
4px
;
height
:
65%
;
background
:
#7d0000
;
position
:
absolute
;
top
:
50%
;
right
:
0
;
-webkit-transform
:
skew
(
-19deg
)
translate
(
0
,
-50%
);
transform
:
skew
(
-19deg
)
translate
(
0
,
-50%
);
}
.c-title2__sub
{
font-size
:
1.4rem
;
line-height
:
1.5
;
color
:
#fff
;
font-weight
:
500
;
font-family
:
'Noto Sans JP'
,
sans-serif
;
margin
:
-11px
0
0
;
letter-spacing
:
0.2px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-title2__sub
{
font-size
:
1.3rem
;
margin
:
-6px
0
0
;
}
}
.c-text1__txt1
{
font-size
:
1.8rem
;
line-height
:
1.625
;
font-weight
:
700
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-text1__txt1
{
font-size
:
1.6rem
;
line-height
:
1.625
;
}
}
.c-text1__txt2
{
font-size
:
1.6rem
;
line-height
:
1.625
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-text1__txt2
{
font-size
:
1.4rem
;
line-height
:
1.6
;
}
}
...
...
@@ -352,965 +661,1862 @@ body {
.c-imgtext1
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
}
.c-imgtext1__inner
{
padding-right
:
55px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-imgtext1__inner
{
padding-right
:
0
;
}
}
.c-imgtext1__info
{
width
:
670px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-imgtext1__info
{
width
:
100%
;
padding
:
0
;
}
}
.c-imgtext1__img
{
width
:
502px
;
margin
:
14px
0
0
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-imgtext1__img
{
width
:
100%
;
-webkit-box-ordinal-group
:
0
;
-ms-flex-order
:
-1
;
order
:
-1
;
margin
:
0
0
20px
;
text-align
:
center
;
}
.c-imgtext1__img
img
{
width
:
auto
;
}
}
.c-imgtext1__txt
{
font-size
:
1.6rem
;
line-height
:
1.625
;
color
:
#1b1b1b
;
margin-bottom
:
27px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-imgtext1__txt
{
font-size
:
1.4rem
;
line-height
:
1.6
;
margin-bottom
:
15px
;
}
}
.c-imgtext1
p
{
font-size
:
1.6rem
;
line-height
:
1.625
;
color
:
#1b1b1b
;
margin-bottom
:
27px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-imgtext1
p
{
font-size
:
1.4rem
;
line-height
:
1.6
;
margin-bottom
:
15px
;
}
}
.c-imgtext1__txt2
{
font-size
:
1.4rem
;
line-height
:
1.6
;
color
:
#1b1b1b
;
margin-bottom
:
16px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-imgtext1__txt2
{
font-size
:
1.3rem
;
line-height
:
1.6
;
margin-bottom
:
15px
;
}
}
.c-imgtext1__title
{
font-size
:
2.2rem
;
line-height
:
1.3
;
color
:
#1b1b1b
;
margin-bottom
:
27px
;
font-weight
:
bold
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-imgtext1__title
{
font-size
:
1.4rem
;
line-height
:
1.6
;
margin-bottom
:
15px
;
}
}
.c-imgtext1__title
+
img
{
margin-bottom
:
26px
;
}
.c-imgtext1
.l-btn
{
margin
:
55px
0
0
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-imgtext1
.l-btn
{
margin
:
20px
0
0
;
}
}
/*
------------------------------------------------------------*/
.c-list1
li
{
font-family
:
heisei-kaku-gothic-std
,
sans-serif
;
font-size
:
1.4rem
;
font-size
:
1.2rem
;
line-height
:
1.8rem
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list1
li
{
font-size
:
1.2rem
;
line-height
:
1.4
;
}
}
.c-list1
li
:before
{
content
:
'※'
;
margin-right
:
3px
;
}
.c-list1-ma
{
margin-top
:
15px
;
margin-right
:
auto
;
}
.c-list1-ma
p
{
font-size
:
1.2rem
;
}
.c-list2
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
}
.c-list2__item
{
margin
:
40px
0
0
2%
;
padding
:
24px
24px
;
border
:
1px
solid
#fff
;
width
:
32%
;
background
:
#fff
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list2
{
margin-top
:
20px
;
}
.c-list2__item
{
width
:
100%
;
margin
:
0
0
15px
;
padding
:
14px
14px
;
}
}
.c-list3
{
display
:
-webkit-box
;
display
:
-ms-box
;
display
:
box
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list3
{
display
:
block
;
}
}
.c-list3__item
{
margin
:
40px
0
0
2%
;
padding
:
24px
24px
;
border
:
1px
solid
#fff
;
width
:
23.5%
;
background
:
#fff
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list3
{
display
:
block
;
margin-top
:
20px
;
}
.c-list3__item
{
width
:
100%
;
margin
:
0
0
15px
;
padding
:
15px
;
padding
:
16vw
15px
15px
;
}
}
.c-list3__item
:first-child
{
margin
:
60px
0
0
0
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list3__item
{
width
:
100%
;
margin
:
20px
0
0
0
;
}
}
.c-list2__item
:first-child
,
.c-list3__item
:first-child
{
margin
:
40px
0
0
0
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list2__item
:first-child
{
margin-top
:
0
!important
;
}
.c-list3__item
:first-child
{
margin
:
20px
0
0
0
;
}
.c-list2__item
,
.c-list3__item
{
position
:
relative
;
width
:
100%
;
margin
:
20px
0
0
0
;
}
.c-list2__item
:first-child
,
.c-list3__item
:first-child
{
margin
:
0
;
}
}
.c-list2__ttl
,
.c-list3__ttl
{
font-size
:
3.0rem
;
font-size
:
2.6rem
;
line-height
:
1.2
;
color
:
#fff
;
color
:
#000
;
font-weight
:
bold
;
margin
:
0
0
38px
;
margin
:
0
0
8px
;
text-align
:
center
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list2__ttl
,
.c-list3__ttl
{
font-size
:
1.5rem
;
position
:
absolute
;
top
:
16px
;
left
:
14px
;
}
}
.c-list2__ttl
span
,
.c-list3__ttl
span
{
font-size
:
3rem
;
display
:
block
;
margin
:
-2px
0
0
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list2__ttl
span
,
.c-list3__ttl
span
{
font-size
:
2rem
;
margin
:
0
;
}
}
.c-list2__txt
,
.c-list3__txt
{
font-size
:
2.0rem
;
font-size
:
1.9rem
;
line-height
:
1.5
;
color
:
#fff
;
font-family
:
a-otf-midashi-go-mb31-pr6n
,
sans-serif
;
font-weight
:
600
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list2__txt
,
.c-list3__txt
{
font-size
:
1.4rem
;
}
}
color
:
#000
;
.c-list4
{
margin-top
:
30px
;
}
font-weight
:
bold
;
@media
screen
and
(
max-width
:
767px
)
{
.c-list4
{
margin-top
:
0
;
}
}
.c-list4__item
{
width
:
100%
;
margin
:
28px
0
0
0
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list4__inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
}
.c-list2__txt
,
.c-list4__img
{
width
:
190px
;
margin
:
2px
0
0
;
}
.c-list3__txt
{
@media
screen
and
(
max-width
:
767px
)
{
.c-list4__img
{
width
:
38%
;
margin
:
1px
0
0
;
}
}
font-size
:
1.4rem
;
.c-list4__info
{
width
:
calc
(
100%
-
210px
);
}
text-align
:
left
;
@media
screen
and
(
max-width
:
767px
)
{
.c-list4__info
{
width
:
58%
;
}
}
.c-list4__ttl
{
font-size
:
2rem
;
line-height
:
1.24
;
color
:
#363636
;
font-weight
:
bold
;
position
:
relative
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-list4__ttl
{
font-size
:
1.6rem
;
}
}
.c-list4__txt
{
font-size
:
1.6rem
;
line-height
:
1.5
;
color
:
#363636
;
margin
:
10px
0
0
!important
;
}
/*
------------------------------------------------------------*/
.c-imgtext1
,
.c-imgtext2
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
margin
:
10px
0
0
0
;
}
.c-imgtext1__image
,
.c-imgtext2__image
{
width
:
386px
;
}
.c-imgtext1__image2
{
width
:
386px
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
margin
:
0
;
justify-content
:
space-between
;
}
.c-imgtext1__image1
img
{
width
:
100%
;
max-width
:
386px
;
}
.c-imgtext1__image2
img
{
width
:
calc
(
50%
-
5px
);
}
.c-imgtext1__info
{
width
:
calc
(
100%
-
416px
);
}
.c-imgtext2__info
{
width
:
calc
(
100%
-
560px
);
}
.c-imgtext1__info
.c-imgtext1__title
,
.c-imgtext2__info
.c-imgtext2__title
{
font-size
:
5rem
;
line-height
:
1.2
;
margin
:
0
;
}
.c-imgtext1__info
.c-imgtext1__title2
,
.c-imgtext2__info
.c-imgtext2__title2
{
font-size
:
2rem
;
line-height
:
1.4
;
text-align
:
left
;
font-weight
:
700
;
margin
:
20px
0
;
margin
:
20px
0
!important
;
}
.c-imgtext1__text
,
.c-imgtext2__text
{
font-size
:
1.6rem
;
line-height
:
1.5
;
}
.c-imgtext2__image2
{
width
:
200px
;
margin-left
:
20px
;
}
.c-imgtext2__image2
img
{
width
:
100%
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-imgtext1
,
.c-imgtext2
{
display
:
block
;
margin
:
10px
0
0
0
;
}
.c-imgtext1__image
,
.c-imgtext2__image
{
width
:
100%
;
text-align
:
center
;
margin-bottom
:
20px
;
}
.c-imgtext1__image2
{
display
:
block
;
width
:
100%
;
margin
:
0
;
}
.c-imgtext1__image2
img
{
margin
:
10px
0
0
0
;
width
:
50%
;
}
.c-imgtext1__info
{
width
:
100%
;
}
.c-imgtext1__info
.c-imgtext1__title
{
font-size
:
2.8rem
;
line-height
:
1.2
;
margin
:
0
;
}
.c-imgtext1__info
.c-imgtext1__title2
{
font-size
:
1.6rem
;
line-height
:
1.5
;
margin
:
20px
0
;
margin
:
10px
0
15px
!important
;
}
.c-imgtext1__text
{
font-size
:
1.6rem
;
line-height
:
1.5
;
}
}
@media
screen
and
(
max-width
:
425px
)
{
.c-imgtext1__image1
img
{
max-width
:
193px
;
}
}
/*
------------------------------------------------------------*/
.seminar1
{
padding
:
75px
0
70px
;
}
.seminar__gray
{
background-color
:
#ececec
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar1
{
padding
:
30px
0
;
padding
:
42px
0
;
}
}
/*
------------------------------------------------------------*/
.seminar2
{
padding
:
75px
0
70px
;
padding
:
75px
0
85px
;
background-color
:
#ececec
;
}
.seminar__white
{
background-color
:
#fff
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar2
{
padding
:
30px
0
;
padding
:
45px
0
;
}
}
/*
------------------------------------------------------------*/
.seminar3
,
.seminar5
{
.seminar3
{
padding
:
75px
0
70px
;
background-color
:
#1f3563
;
color
:
#fff
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar3
,
.seminar5
{
padding
:
30px
0
;
.seminar3
{
padding
:
45px
0
;
}
}
.seminar3
.c-title1
,
.seminar5
.c-title1
{
.seminar3
.c-title1
{
text-align
:
center
;
margin
:
0
0
26px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar3
.c-title1
,
.seminar5
.c-title1
{
.seminar3
.c-title1
{
padding
:
0
15px
;
}
}
.seminar3
.c-title1__txt
,
.seminar5
.c-title1__txt
{
.seminar3
.c-title1__txt
{
margin-bottom
:
20px
;
display
:
inline-block
;
color
:
#beac56
;
font-family
:
a-otf-midashi-go-mb31-pr6n
,
sans-serif
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar3
.c-title1__txt
,
.seminar5
.c-title1__txt
{
.seminar3
.c-title1__txt
{
margin-bottom
:
20px
;
}
}
.seminar3
.c-title1__txt
img
,
.seminar5
.c-title1__txt
img
{
.seminar3
.c-title1__txt
img
{
max-width
:
340px
;
height
:
auto
;
}
.seminar3
.c-title1__txt
:after
,
.seminar5
.c-title1__txt
:after
{
.seminar3
.c-title1__txt
:after
{
width
:
100vw
;
}
.seminar3__txt
{
text-align
:
center
;
font-size
:
1.8rem
;
color
:
#333
;
line-height
:
1.4
;
margin-bottom
:
24px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar3__txt
{
font-size
:
1.4rem
;
}
}
.seminar5
.c-list2__item
,
.seminar5
.c-list3__item
{
background-color
:
#fff
;
}
.seminar3
.c-list2__ttl
,
.seminar3
.c-list3__ttl
,
.seminar5
.c-list2__ttl
,
.seminar5
.c-list3__ttl
{
margin-bottom
:
0
;
.seminar3
.c-list2__item
{
background
:
none
;
}
.seminar5
.c-list2__ttl
,
.seminar5
.c-list2__txt
,
.seminar5
.c-list3__ttl
,
.seminar5
.c-list3__txt
{
color
:
#363636
!important
;
.seminar3
.c-list2__item
.c-list2__txt
{
color
:
#FFF
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar4
,
.seminar6
{
padding
:
30px
0
40px
;
}
.seminar3
.c-list3__item
{
background
:
none
;
}
/*
------------------------------------------------------------*/
.seminar4
{
padding
:
75px
0
120px
;
background-color
:
#fff
;
.seminar3
.c-list3__item
.c-list2__txt
,
.seminar3
.c-list3__item
.c-list3__txt
{
color
:
#FFF
;
}
.seminar6
{
margin-bottom
:
65px
;
padding
:
75px
0
0
;
background-color
:
#fff
;
.c-list4
{
margin-top
:
30px
;
}
.seminar4
.bgGRY
,
.seminar6
.bgGRY
{
background-color
:
#ececec
;
@media
screen
and
(
max-width
:
767px
)
{
.c-list4
{
margin-top
:
0
;
}
}
.seminar4
.c-imgtext1
{
margin-top
:
40px
;
.c-list4__item
{
width
:
100%
;
margin
:
28px
0
0
0
;
}
.seminar4
.c-imgtext1
+
.c-imgtext1
{
margin-top
:
60px
;
.c-list4__inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar4
,
.seminar6
{
padding
:
30px
0
40px
;
}
.c-list4__img
{
width
:
190px
;
margin
:
2px
0
0
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar4
.c-imgtext1
{
margin-top
:
20px
;
}
.seminar4
.c-imgtext1
+
.c-imgtext1
{
margin-top
:
40px
;
.c-list4__img
{
width
:
38%
;
margin
:
1px
0
0
;
}
}
.seminar4
.c-title1
,
.
seminar6
.c-title1
{
text-align
:
center
;
.
c-list4__info
{
width
:
calc
(
100%
-
210px
)
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar4
.c-title1
,
.seminar6
.c-title1
{
margin-bottom
:
0
;
}
}
.seminar4
.c-title1__txt
,
.seminar6
.c-title1__txt
{
margin-bottom
:
20px
;
display
:
inline-block
;
font-family
:
a-otf-midashi-go-mb31-pr6n
,
sans-serif
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar4
.c-title1__txt
,
.seminar6
.c-title1__txt
{
margin-bottom
:
20px
;
.c-list4__info
{
width
:
58%
;
}
}
.seminar4
.c-title1__txt
img
,
.seminar6
.c-title1__txt
img
{
max-width
:
340px
;
height
:
auto
;
}
.seminar4
.c-title1__txt
:after
,
.seminar6
.c-title1__txt
:after
{
width
:
100vw
;
.c-list4__ttl
{
font-size
:
2rem
;
line-height
:
1.24
;
color
:
#363636
;
font-weight
:
bold
;
position
:
relative
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar6
{
margin-bottom
:
0
;
.c-list4__ttl
{
font-size
:
1.8rem
;
}
}
.c-list4__txt
{
font-size
:
1.6rem
;
line-height
:
1.5
;
color
:
#363636
;
margin
:
10px
0
0
!important
;
}
/*
------------------------------------------------------------*/
.seminar-btnset
{
margin-top
:
65px
;
padding
:
0
0
105px
;
.seminar4
{
padding
:
75px
0
80px
;
background-color
:
#fff
;
}
.seminar-btnset
>
.container
{
display
:
flex
;
flex-direction
:
row
;
justify-content
:
space-between
;
align-items
:
center
;
}
.seminar-btnset
.c-btn1__txt
{
font-size
:
1.6rem
;
}
.seminar-btnset
.c-btn1__txt
strong
{
font-size
:
2.4rem
;
font-weight
:
900
;
}
.c-btn1-red
{
background
:
#7d0000
;
}
.c-btn1-red
.c-btn1__txt
{
color
:
#fff
;
border
:
2px
solid
#7d0000
;
}
.c-btn1-red
.c-btn1__txt
::after
{
border-top
:
2px
solid
#fff
;
border-right
:
2px
solid
#fff
;
}
.seminar4
.bgGRY
{
background-color
:
#ececec
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar-btnset
{
margin-top
:
0
;
padding
:
0
0
65px
;
}
.seminar-btnset
>
.container
{
flex-direction
:
column
;
}
.seminar-btnset
.l-btn
,
.seminar-btnset
.c-btn1
,
.seminar-btnset
.c-btn1__txt
{
display
:
block
;
width
:
100%
;
}
.seminar-btnset
.c-btn1__txt
{
font-size
:
1.4rem
;
}
.seminar-btnset
.c-btn1__txt
strong
{
font-size
:
2.0rem
;
font-weight
:
900
;
.seminar4
{
padding
:
45px
0
;
}
}
.seminar4
.c-title1
{
text-align
:
center
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar4
.c-title1
{
margin-bottom
:
0
;
}
}
.seminar4
.c-title1__txt
{
margin-bottom
:
20px
;
display
:
inline-block
;
font-family
:
a-otf-midashi-go-mb31-pr6n
,
sans-serif
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminar4
.c-title1__txt
{
margin-bottom
:
20px
;
}
}
.seminar4
.c-title1__txt
img
{
max-width
:
340px
;
height
:
auto
;
}
.seminar4
.c-title1__txt
:after
{
width
:
100vw
;
}
/*
------------------------------------------------------------*/
.c-table2
{
margin-top
:
40px
;
border
:
1px
solid
#dbdbdb
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table2
{
margin-top
:
20px
;
}
}
.c-table1
dl
,
.c-table2
dl
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
border-bottom
:
1px
solid
#dbdbdb
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table1
dl
,
.c-table2
dl
{
display
:
block
;
}
}
.c-table1
dl
:last-of-type
,
.c-table2
dl
:last-of-type
{
border-bottom
:
none
;
}
.c-table1
dt
{
width
:
200px
;
font-size
:
2.0rem
;
color
:
#363636
;
font-weight
:
bold
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding
:
23px
30px
;
line-height
:
1.8
;
justify-content
:
flex-end
;
}
.c-table2
dt
{
width
:
200px
;
background-color
:
#ececec
;
border-right
:
1px
solid
#ececec
;
border-right
:
1px
solid
#dbdbdb
;
font-size
:
1.6rem
;
color
:
#363636
;
font-weight
:
bold
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding
:
23px
30px
;
line-height
:
1.8
;
justify-content
:
flex-end
;
text-align
:
left
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table1
dt
,
.c-table2
dt
{
font-size
:
1.5rem
;
width
:
100%
;
border-right
:
none
;
display
:
block
;
padding
:
10px
;
text-align
:
left
;
}
.c-table1
dt
{
padding
:
20px
0px
10px
0px
;
}
}
.c-table1
dd
,
.c-table2
dd
{
width
:
calc
(
100%
-
200px
);
padding
:
27px
30px
25px
;
}
.c-table1
dd
{
position
:
relative
;
padding-right
:
260px
;
}
.c-table1-btn
{
position
:
absolute
;
top
:
27px
;
right
:
30px
;
}
.c-table1-btn
a
{
margin-top
:
0
;
}
.c-table1
dd
{
font-size
:
2.0rem
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table1
dd
,
.c-table2
dd
{
width
:
100%
;
padding
:
10px
;
}
.c-table1
dd
{
padding-right
:
0
;
}
text-align
:
left
;
.c-table1-btn
{
width
:
100%
;
margin-top
:
16px
;
position
:
relative
;
top
:
auto
;
right
:
auto
;
}
}
.c-table2
dd
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
justify-content
:
flex-start
;
text-align
:
left
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table1
dd
{
display
:
block
;
padding
:
0px
0px
20px
0px
;
}
.c-table2
dd
{
display
:
block
;
justify-content
:
flex-start
;
text-align
:
left
;
}
}
.c-table1
p
{
font-size
:
2.0rem
;
color
:
#363636
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table1
p
{
font-size
:
1.6rem
;
}
}
.c-table2
p
{
font-size
:
1.6rem
;
color
:
#363636
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table2
p
{
font-size
:
1.4rem
;
}
}
.c-table2
dd
p
.c-table1__tt2
{
font-size
:
2.0rem
;
color
:
#363636
;
margin-right
:
20px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table2
dd
p
.c-table1__tt2
{
font-size
:
1.4rem
;
margin-right
:
0
;
}
}
.c-table2
.list
li
{
font-size
:
1.6rem
;
color
:
#363636
;
position
:
relative
;
padding-left
:
16px
;
}
.c-table2
.list
li
:not
(
:first-child
)
{
margin-top
:
0.6em
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table2
.list
li
{
font-size
:
1.4rem
;
padding-left
:
14px
;
}
}
.c-table2
.list
li
:before
{
content
:
""
;
width
:
10px
;
height
:
10px
;
background-color
:
#999
;
border-radius
:
100px
;
position
:
absolute
;
top
:
6px
;
left
:
-1px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.c-table2
.list
li
:before
{
width
:
8px
;
height
:
8px
;
top
:
5px
;
}
}
.c-table2
.list
li
a
{
color
:
#093d6e
;
text-decoration
:
underline
;
}
.c-table1
.c-table1__ttl
{
min-width
:
110px
;
padding
:
3px
20px
;
border-radius
:
10px
;
text-align
:
center
;
}
/*
------------------------------------------------------------*/
.seminarBtm
{
padding
:
0
0
80px
;
background-color
:
#fff
;
}
@media
screen
and
(
max-width
:
767px
)
{
.seminarBtm
{
padding
:
0
0
40px
;
}
}
.c-table1-btn
{
position
:
absolute
;
top
:
27px
;
right
:
30px
;
}
@media
screen
and
(
max-width
:
767px
){
.c-table1-btn
{
width
:
100%
;
margin-top
:
16px
;
position
:
relative
;
top
:
auto
;
right
:
auto
;
}
}
/*
------------------------------------------------------------*/
.c-mainvisual.c-mainvisual-bg-01
{
background-image
:
url(/assets/img/seminar/img_seminar_mv_NVY.gif)
;}
.c-mainvisual.c-mainvisual-bg-02
{
background-image
:
url(/assets/img/seminar/img_seminar_mv_RED.gif)
;}
.c-mainvisual.c-mainvisual-bg-03
{
background-image
:
url(/assets/img/seminar/img_seminar_mv_GRN.gif)
;}
.c-mainvisual.c-mainvisual-bg-04
{
background-image
:
url(/assets/img/seminar/img_seminar_mv_BLU.gif)
;}
.c-mainvisual.c-mainvisual-bg-05
{
background-image
:
url(/assets/img/seminar/img_seminar_mv_BLK.gif)
;}
.p-seminar-01
.seminar3
,
.p-seminar-01
.seminar5
{
background-color
:
#1f3563
;}
.p-seminar-02
.seminar3
,
.p-seminar-02
.seminar5
{
background-color
:
#812727
;}
.p-seminar-03
.seminar3
,
.p-seminar-03
.seminar5
{
background-color
:
#2e4e34
;}
.p-seminar-04
.seminar3
,
.p-seminar-04
.seminar5
{
background-color
:
#1e5169
;}
.p-seminar-05
.seminar3
,
.p-seminar-05
.seminar5
{
background-color
:
#363636
;}
.seminar5
{
padding
:
75px
0
70px
;
background-color
:
#1f3563
;
color
:
#fff
;
}
@media
screen
and
(
max-width
:
767px
){
.seminar5
{
padding
:
45px
0
;
}
}
.seminar5
.c-title1
{
text-align
:
center
;
.p-seminar-orig
.c-mainvisual__ttl
{
display
:
none
;}
.p-seminar-orig
.seminar3.font-Black
.c-list2__item
,
.p-seminar-orig
.seminar3.font-Black
.c-list3__item
{
border
:
1px
solid
#1b1b1b
;}
.p-seminar-orig
.seminar3.font-Black
.c-list2__txt
,
.p-seminar-orig
.seminar3.font-Black
.c-list3__txt
{
color
:
#1b1b1b
;}
margin
:
0
0
26px
;
position
:
relative
;
}
.seminar5
.c-title1__txt
{
margin-bottom
:
20px
;
display
:
inline-block
;
color
:
#beac56
;
}
.seminar5
.c-title1__txt
:after
{
width
:
100vw
;
}
@media
screen
and
(
max-width
:
767px
){
.seminar5
.c-list2__item
,
.seminar5
.c-list3__item
{
padding
:
14px
14px
14px
30px
!important
;
}
}
/*
------------------------------------------------------------*/
.seminar6
{
padding
:
75px
0
70px
;
background-color
:
#fff
;
color
:
#fff
;
}
@media
screen
and
(
max-width
:
767px
){
.seminar6
{
padding
:
45px
0px
20px
;
background-color
:
#fff
;
color
:
#fff
;
}
}
.seminar6
.c-title1
{
text-align
:
center
;
margin
:
0
0
26px
;
position
:
relative
;
}
.seminar6
.c-title1__txt
{
margin-bottom
:
20px
;
display
:
inline-block
;
color
:
#333
;
}
.seminar6
.c-title1__txt
:after
{
width
:
100vw
;
}
/*
------------------------------------------------------------*/
@media
screen
and
(
max-width
:
767px
){
.seminar3
.c-list3__item
,
.seminar5
.c-list3__item
{
padding
:
15px
;
}
.seminar5
.c-list2__ttl
,
.seminar5
.c-list3__ttl
{
margin-bottom
:
4px
;
}
}
.seminar-btnset
.container
{
display
:
flex
;
justify-content
:
center
;
}
.seminar-btnset
.container
.l-btn
:not
(
:first-child
)
{
margin-left
:
40px
;
}
@media
screen
and
(
max-width
:
767px
){
.seminar-btnset
.container
{
display
:
block
;
}
.seminar-btnset
.container
.l-btn
:not
(
:first-child
)
{
margin-left
:
0
;
}
}
.seminar-btnset
{
margin-bottom
:
100px
;
}
@media
screen
and
(
max-width
:
767px
){
.seminar-btnset
{
margin-bottom
:
76px
;
}
}
.seminar-btnset
.c-btn1
{
text-align
:
center
;
}
.seminar-btnset
.c-btn1
a
{
font-size
:
1.6rem
;
}
.seminar-btnset
.c-btn1
span
{
display
:
block
;
}
@media
screen
and
(
max-width
:
767px
){
.seminar-btnset
.c-btn1
a
{
font-size
:
1.2rem
;
}
}
@media
screen
and
(
max-width
:
767px
){
.seminar-btnset
.c-btn1-red
{
margin-bottom
:
20px
;
}
}
.seminar-btnset
.c-btn1-red
a
{
background
:
#7d0000
;
border
:
2px
solid
#7d0000
;
color
:
#fff
;
}
.seminar-btnset
.c-btn1-red
.c-btn1__txt
::after
{
border-top
:
2px
solid
#fff
;
border-right
:
2px
solid
#fff
;
}
\ No newline at end of file
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