@charset "UTF-8";
header{background-color: transparent;}
header:after {
content: "";
position: absolute;
z-index: -1;
background-color: #fff;
width: 100%;
height: 120px;
top: -120px;
transition: 0.2s;
}
.drawer-menu li a p{transition-duration: 0.2s;color: #fff;}
.drawer-menu li.menu-btn{border-color: #fff;}
header.fixed:after {top:0;}
header.fixed .drawer-menu li.menu-btn{border-color:#1D1D1D;}
header.fixed .drawer-menu li a p{color:#1D1D1D;}
.gt_switcher-popup{color:#fff;}
header.fixed .gt_switcher-popup{color: #1D1D1D;}
.site-footer{background:inherit;padding:0;}

h2{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
text-align: center;
font-size: 30px;
font-weight: 700;
}
section{position: relative;}
.top_title p{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
font-size: 144px;
letter-spacing: 0.01em;
color: #E4E4E4;
position: absolute;
z-index: 0;
line-height: 1em;
display: block;
opacity: 0.2;
font-weight: 600;
}
.white_back{width: 100%;height: auto;background-color: #fff;}
.gradation{width: 100%;height: auto;background:linear-gradient(0deg, rgba(0,0,0,1) 10%, rgba(173,173,173,1) 37%, rgba(239,239,239,1) 65%, rgba(255,255,255,1) 100%)}

#kv {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: black;
overflow: hidden;
backdrop-filter: blur(5px);
z-index: -1;
}
#kv::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
offset: 0px;
z-index: -1;
background: rgba(0, 29, 110, 0.3);
}
#kv video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -2;
transform: translate(-50%, -50%);
transition: filter 0.2s;
filter: brightness(110%) contrast(115%);
}
.hidden-area {
display: block;
margin-top: 150vh;
color: white;
text-align: center;
position: relative;
z-index: 2;
}

.hidden {animation: fade .2s ease-in-out forwards; pointer-events: none;}
@keyframes fade {
from {opacity: 1;}
to {opacity: 0;}
}
.visible {animation: fadeOut .2s ease-in-out forwards; pointer-events: all;}
@keyframes fadeOut {
from {opacity: 0;}
to {opacity: 1;}
}
.fade_down {
opacity: 0;
animation-name: fade_down;
animation-duration: 1.5s;
transform: translateY(-2rem);
animation-fill-mode:forwards;
}
@keyframes fade_down {
0% {opacity: 0;transform: translateY(-2rem);}
100% {opacity: 1;transform: translateY(0);}
}

#fv {
position: relative;
width: 100%;
height: auto;
}
#fv h1 {
color: #fff;
text-align: center;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
font-size: 30px;
line-height: 1.7em;
letter-spacing: 0.01em;
padding-top: 80vh;
}
#fv .fv__txt{
padding: 200px 0 10px 0;
background: linear-gradient(180deg, rgba(0, 112, 205, 0) 0%, rgba(8, 112, 205, 1) 20%, rgba(8, 112, 205, 1) 50%, rgb(8, 112, 205, 1)100%);
}
.fv__txt__wrapper{
width: 90%;
text-align: center;
margin: 0 auto;
max-width: 950px;
}
.fv__txt_ttl{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
font-size: 30px;
line-height: 1.92em;
margin-bottom: 30px;
}
.fv__txt_cap{
font-family:  "Noto Sans CJK JP","Noto Sans", sans-serif;
font-size: 14px;
line-height: 2.35em;
letter-spacing: 0.01em;
font-weight: 300;
}
.fv__txt_cap p{margin-top: 20px;}
.fv__txt_cap strong{
display: block;
font-weight: inherit;
font-size: 21px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
}

#green .fv__txt{
background:  rgb(20, 176, 101, 1);color: #fff;
color: #fff;
padding: 210px 0 40px 0;
}
#green .fv__txt:before {
content: "";
width: 100%;
height: 120px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(0deg, rgba(0, 112, 205, 0) 0%, rgba(8, 112, 205, 1) 70%, rgb(8, 112, 205, 1) 100%);
}
.green__movie{
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.green__movie:before {
content: "";
width: 100%;
height: 150px;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(0deg, rgba(20, 176, 101, 0) 0%, rgba(20, 176, 101, 1) 50%, rgb(20, 176, 101, 1) 100%);
}
.green__movie:after {
content: "";
width: 100%;
height: 200px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(0, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgb(255, 255, 255, 1) 100%);
}
.green__movie video{width: 100%;height: auto;}

#aboutus {padding: 100px 0 60px 0;}
.aboutus__wrapper {
width: 100%;
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4%;
}
.aboutus__txt{
width: 41%;
text-align:center;
padding-top: 70px;
}
.aboutus__txt h2 {line-height: 1.47em;}
.aboutus__txt_cap {margin-top: 40px;padding-left: 20px;}
.aboutus__txt_cap li {text-align: left;list-style: disc;}
.aboutus__img_l, .aboutus__img_r {
width: 24%;
display: flex;
gap: 10px;
align-items: flex-start;
}
.aboutus__img_l{padding-top: 70px;}
.aboutus__img {
overflow: hidden;
width: 48%;
height: auto;
}
.aboutus__img:first-of-type{margin-top: 70px;}
.aboutus__img img{width: 100%;height: auto;}

#philosophy{padding:60px 0 100px 0;text-align: center;}
.philosophy__list{
width: 90%;
max-width: 1280px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content:flex-start;
gap: 100px;
margin: 70px auto 30px auto;
}
.philosophy__item{width: 260px;height: auto;}
.philosophy__item_img{
width: 100%;
height: 190px;
padding-bottom:20px;
overflow: hidden;
position: relative;
}
.philosophy__item_img img{
width:auto;
height: 100%;
display: block;
margin: 0 auto;
}
.philosophy__item_img img.philosophy__item_number{
position: absolute;
bottom: 0;
left: 5px;
width: auto;
height: 44px;
}
.philosophy__item_cap{
text-align: center;
font-size: 14px;
font-weight: 700;
line-height: 2em;
padding-top: 14px;
}

#seminar {padding-bottom: 100px;overflow: hidden;}
#seminar .top_title{
position: relative;
width: 100%;
height: 474px;
background-image: url(../images/top/seminar_back.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#seminar .top_title:after{
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom:0;
left: 0;
z-index: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1)95%);
}
#seminar .top_title p{
color: #fff;
bottom: 0;
opacity: 1;
font-size: 12.5vw;
}
.seminar__wrapper{
width: 100%;
height: auto;
background-color: #fff;
position: relative;
}
#seminar h2 {margin: 80px 0 20px 0;}
.seminar__list .slick-track{
height: auto;
display: block;
overflow: hidden;
}
.seminar__item{
width:700px;
height: auto;
background-color: #fff;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
margin: 20px 90px;
position: relative;
}
.seminar__item dl {
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
gap: 20px 5%;
position: relative;
}
.seminar__item dl dt {
width: 30%;
overflow: hidden;
z-index: 1;
position: absolute;
left: 35px;
top: 35px;
}
.seminar__item dl dt img {
width: auto;
height: 100%;
display: block;
margin: 0 auto;
}
.seminar__item dl dd {
width: 100%;
height: 100%;
letter-spacing: 0.01em;
font-weight: 700;
display: flex;
flex-wrap: wrap;
gap: 5px;
align-content: center;
z-index: 0;
padding: 35px 0 35px 40%;
position: relative;
}
.seminar__item dl dd:after {
content: "";
width: 100%;
height: calc(50% - 35px);
background-image: url("../images/top/seminar_item_back.png");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.seminar__item_info {
width: 100%;
height: 50%;
color: #fff;
padding-bottom: 30px;
}
.seminar__item_ttl{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
font-size: 24px;
line-height: 1.72em;
font-weight: inherit;
color: #77CEFF;
}
.seminar__item_date{font-size: 16px;line-height: 1.37em;}
.seminar__item_place{font-size: 14px;line-height: 1.57em;}
.seminar__item_place span{
width: auto;
font-size: 12px;
display: inline-block;
margin-right: 5px;
}
.seminar__item_excerpt{
font-size: 14px;
line-height: 2em;
display: block;
padding: 0 35px 35px 0;
}
.seminar__item .btn {
font-size: 12px;
padding: 15px 30px;
min-width: inherit;
float: right;
margin: 0 10px 0 auto;
}
#seminar .slick-prev,#seminar .slick-next{top: 50%;transform: translate(-50%, -50%);}
#seminar .slick-prev {left: 18%;right: 82%;}
#seminar .slick-next {right: 20%;left: 80%;}
_::-webkit-full-page-media, _:future, :root #seminar .slick-prev {
top: 63%;
}
_::-webkit-full-page-media, _:future, :root #seminar .slick-next {
top: 63%;
}

.seminar__item--wrap-btn{display: flex;}
.seminar__wrapper--under a{
max-width: 300px;
margin: 0 auto;
display: block;
}
.wp-block-latest-posts__featured-image img{
width: 190px;
object-fit: cover;
height: 260px;
max-width: inherit;
max-height: inherit;
top: -130px;
z-index: 1000000;
position: relative;
}
.slick-initialized .slick-slide {display: flex;}
.slick-initialized .slick-slide .seminar__item--wrap{
z-index: 10000;
width: 100%;
justify-content: space-evenly;
display: flex;
background-color: #fff;
max-height: 210px;
}
#activities{
background-image: url("../images/top/activities_back.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 140px 0;
}
.wp-block-latest-posts__post-excerpt p { text-decoration: none;font-weight: 400;}
.seminar__item--wrap-title{
max-width: 350px;
display: flex;
flex-direction: column;
font-size: 24px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
position: absolute;
top: 80px;
}
.seminar__item--wrap-title p{
font-size: 16px;
line-height: 1.37em;
font-family: "Noto Sans CJK JP", "Noto Sans", sans-serif;
color: #fff;
}
.wp-block-latest-posts__post-title{color: #77CEFF;}
.seminar__item {
content: "";
width: 100%;
height: 180px;
background-image: url(../images/top/seminar_item_back.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.seminar__item {
width: 700px;
min-height: 190px;
height: 100%;
background-color: #fff;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
margin: 20px 90px;
position: relative;
padding-top: 200px;
}
.seminar__item  dd {
width: 100%;
letter-spacing: 0.01em;
font-weight: 700;
display: flex;
flex-wrap: wrap;
gap: 5px;
align-content: center;
z-index: 0;
max-width: 350px;
}
#activities .top_title p{color: #fff;top: 0;right: 0;opacity: 1;}
.activities__wrapper {
width: 100%;
max-width: 1280px;
height: auto;
margin: 0 auto;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
}
.activities__info {
width: calc(45% - 200px);
height: auto;
text-align: left;
z-index: 10;
}
.activities__info h2{text-align: left;}
.activities__info p{
font-size: 14px;
line-height: 2em;
margin: 15px 0;
}
.activities__list{width: calc(52% + 200px);padding: 0 100px;}
.activities__item{
width: 290px;
height: auto;
margin: 0 50px 0 0;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
background-color: #fff;
}
.activities__item_img{
width: 100%;
height: 220px;
position: relative;
overflow: hidden;
}
.activities__item_img:after{
content: "";
width: 100%;
height: 40px;
position: absolute;
bottom:0;
left: 0;
z-index: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1)95%);
}
.slick-initialized .activities__item {display: inline;}
.seminar_arrows{
width: 100%;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px;
margin-top: 30px;
object-fit: contain;
}
.activities__item_img img{
height: 100%;
width:100%;
display: block;
margin: 0 auto;
object-fit: contain;
}
.activities__item_txt{padding: 15px;color: #000;}
.activities__item_ttl,.wp-block-latest-posts__post-date{
font-size: 14px;
font-weight: 700;
line-height: 1.42em;
margin-bottom: 10px;
}
.activities__item_ttl span{display: block;margin-bottom: 5px;}
.activities__item_cap{font-size: 14px;line-height: 2em;}
#activities .slick-arrow {bottom: 40%;}
#activities .slick-prev {margin-left: 0%;}
#activities .slick-next {margin-right: 0%;}
#activities::after {
content: "";
width: 100%;
height: 200px;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1;
background: linear-gradient(rgba(0, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgb(255, 255, 255) 100%);
}

#donation{padding: 100px 0;}
.donation__ttl p{
margin: 30px 0 60px 0;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
font-size: 14px;
text-align: center;
}
#donation .top_title p{top: 0;left: 0;}
.donation__contents{
width: 90%;
max-width: 1080px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 80px;
}
.donation__contents dt,.donation__contents dd{
width: 46%;
height: auto;
text-align: center;
color: #fff;
position: relative;
padding-bottom: 30px;
}
.donation__contents dt:before,.donation__contents dd:before{
content: "";
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 154px;
display: block;
position: relative;
margin-bottom: 30px;
}
.donation__contents dt:after,.donation__contents dd:after{
content: "";
width: 100%;
height: 75px;
position: absolute;
top:80px;
left: 0;
z-index: 0;
}
.donation__contents dt{background-color: #0071BB;}
.donation__contents dt:before{background-image: url("../images/top/cv_b.png");}
.donation__contents dt:after{background: linear-gradient(0deg, rgba(0,113,187,1) 0%,rgba(15,121,191,0.6) 40%, rgba(255,255,255,0) 70%);}
.donation__contents dd{background-color: #20B14A;}
.donation__contents dd:before{background-image: url("../images/top/cv_g.png");}
.donation__contents dd:after{background: linear-gradient(0deg, rgba(32,177,74,1) 0%,rgba(37,88,52,0.6) 40%, rgba(255,255,255,0) 70%);}
.donation__contents h3{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
font-size: 22px;
letter-spacing: 0.01em;
margin-bottom: 10px;
}
.donation__contents strong{font-size: 16px;font-weight: 700;}
.donation__contents p{font-size: 14px;line-height: 1.92em;}
.donation__contents p span{display: block;font-size: 12px;}
.donation__contents dt img {
width: 105px;
height: auto;
display: block;
margin: 10px auto 0 auto;
}
.donation__contents--link{
font-size: 12px;padding-bottom: 10px;
color: #fff;
font-weight: 500;
text-decoration: underline;
}
#message {padding: 170px 0 0 0;}
#message .top_title p {
color: #fff;
top: 0;
right: 0;
z-index: 1;
opacity: 1;
}
.message__wrapper{
width: 90%;
max-width: 1080px;
height: auto;
margin: 0 auto;
padding: 84px 117px;
background-color: #fff;
}
.message__youthube{padding: 30px 0;}
.message__youthube iframe{width: 100%;aspect-ratio: 16 / 9;}
.message__profile{
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
}
.message__profile_name{
width: 100%;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
margin-bottom: 10px;
}
.message__profile_name h3{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
font-size: 32px;
letter-spacing: 0.01em;
}
.message__profile_name h3 span{
font-family: "Noto Sans CJK JP","Noto Sans", sans-serif;
font-size: 14px;
letter-spacing: inherit;
color: #0071BB;
display: inline-block;
margin-left: 10px;
}
.message__profile_txt{
width: calc(100% - 206px);
padding-right: 30px;
font-size: 14px;
}
.message__profile_img{width: 206px;height: auto;}
.message__profile_img img{width: 100%;height: auto;display: block;}

#top__footer{
width: 100%;
aspect-ratio: 3 / 2;
padding: 10% 0 600px 0;
background-color: #000;
overflow: hidden;
text-align: center;
color: #fff;
position: relative;
padding-bottom: 50px;
background-image: url("../images/top/footer_back.png");
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}
.top__footer_message{
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
font-size: 25px;
letter-spacing: 0.01em;
line-height: 2.32em;
}
.top__footer_bottom{
width: 100%;
height: auto;
position: absolute;
bottom: 20px;
}
.top__footer_logo{
width: 170px;
height: auto;
display: block;
margin:0 auto 40px auto;
}
#top__footer img{width: 100%;height: auto;}
.top__footer_copyright{font-size: 10px;font-weight: 400;line-height: 1.74em;}

@media only screen and (max-width: 980px) {
    .drawer-menu li a p {
    color: #000;
}
.dropdown::before{
    display: none;
}
.slick-arrow {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #fff!important;}

header.fixed .drawer-hamburger-icon,
header.fixed .drawer-hamburger-icon:after,
header.fixed .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before
{background-color: #1D1D1D!important;}
.drawer-open .drawer-hamburger-icon,.drawer-open header.fixed .drawer-hamburger-icon {background-color: transparent!important;}
header .drawer-menu li a p,.gt_switcher-popup{color:#1D1D1D;}
header .drawer-menu li.menu-btn{border-color:#1D1D1D;}
h2{font-size: 18px;}
.gradation {background: linear-gradient(0deg, rgba(0, 0, 0, 1) 20%, rgba(173, 173, 173, 1) 45%, rgba(239, 239, 239, 1) 55%, rgba(255, 255, 255, 1) 100%);}
#fv .fv__txt {padding: 150px 0 10px 0;}
.fv__txt_ttl{font-size: 18px;line-height:2.1em;}
#green .fv__txt{padding: 220px 0 40px 0;}
#green .fv__txt:before {height: 150px;}

#aboutus {padding-bottom: 100px;}
.aboutus__wrapper {gap:30px;}
.aboutus__txt {
width: 90%;
order:2;
padding-top: 0;
}
.aboutus__txt_cap {margin-top: 20px;}
.aboutus__img_l, .aboutus__img_r {width:100%;flex-wrap: wrap;gap: 5px;}
.aboutus__img_r{
justify-content: flex-end;
padding-left: 30%;
order:1;
}
.aboutus__img_l {
justify-content: flex-start;
padding-top: 0;
padding-right: 30%;
order:3;
}
.aboutus__img {width: 50%;min-width: 185px;}
.aboutus__img_l .aboutus__img:first-of-type{margin-top: 0;order:2;}
.aboutus__img_l .aboutus__img:last-of-type{margin-left: 80px;order:1;}
.aboutus__img_r .aboutus__img:first-of-type{margin-top: 0;margin-right: 30px;}

#seminar .top_title {height: 30vw;min-height: 140px;}
#seminar .top_title:after {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 80%);
bottom: -1px;
}
#seminar .top_title p {margin-bottom: 20px;}
#seminar h2 {margin: 30px 0;}

.seminar__item {max-width: 90vw;margin:10px 2.5vw;}
.seminar__item dl dd:after{content: none;}
.seminar__item dl dt {
width: calc(40% - 40px);
height: 140px;
top: 20px;
left: 20px;
}
.seminar__item dl dd {padding:0;gap: 0;}
.seminar__item dl dd:after{height: calc(50% - 40px);}
.seminar__item_info {
padding-left: calc(40%);
position: relative;
height: 180px;
display: flex;
flex-wrap: wrap;
align-content: center;
padding-bottom: 0;
}
.seminar__item_info:after{
content: "";
width: 100%;
height: 100%;
background-image: url(../images/top/seminar_item_back.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.seminar__item_ttl{width: 100%;font-size: 18px;line-height: 1.47em;}
.seminar__item_date{width: 100%;font-size: 14px;}
.seminar__item_excerpt {
width: 100%;
padding: 20px;
line-height: 1.7em;
}

#seminar .arrows{padding: 0 5%;}

#donation {
padding: 30px 0 100px 0;
margin-top: -30px;
overflow-x: hidden;
}
#donation .top_title p {
position: static;
margin-bottom: 20px;
font-size: 16.5vw;
}
.donation__ttl p {
font-size: 14px;
margin: 10px 0 30px 0;
padding: 0 2.5%;
}
.donation__contents {gap: 30px;}
.donation__contents dt, .donation__contents dd {width: 100%;}

#message {padding: 0;overflow-x: hidden;}
#message .top_title p {
position: static;
font-size: 23.7vw;
padding-bottom: 25px;
}
.message__wrapper {padding: 40px 5%;}
.message__profile {
justify-content: center;
gap: 10px;
flex-direction: column;
align-items: center;
}
.message__profile_name{
order: 2;
margin-bottom: 0;
width: auto;
}
.message__profile_txt{
order:3;
width: 100%;
padding-right: 0;
}
.message__profile_img{order:1;}
.seminar_arrows {text-align: end;}
#seminar .slick-prev,#seminar .slick-next {transform:inherit;}
.activities__wrapper{flex-direction: column-reverse;align-items: center;}
.activities__info {width: 90%;}
.btn{
margin: 0 auto;
text-align: center;
display: block;
max-width: 300px;
}
#activities {background-image: url(../images/top/activities_back-sp.png);}
#activities::before {
content: "";
width: 100%;
height: 200px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
background: linear-gradient(
rgba(255, 255, 255) 0%,
rgba(255, 255, 255, 0.8) 50%,
rgba(0, 255, 255, 0) 100%
);
}
.activities__list {
padding: inherit;
max-width: 290px;
margin: 0 auto;
}
.activities__item {margin: 0 auto;}
.slick-initialized .activities__item{margin-bottom: 10px;}
.slick-slider .slick-track, .slick-slider .slick-list{
transform: inherit;
padding: 0px 130px !important;
}
}

@media only screen and (max-width: 768px) {
.fv__txt_cap strong {font-size: 16px;}
main{overflow: hidden;}
#message .top_title p{font-size: 70px;padding-bottom: 10px;}
.seminar__item--wrap-title {position: inherit;}
.slick-initialized .slick-slide .seminar__item--wrap{flex-direction: column;align-items: center;}
.seminar__item dd {width: 90%;margin-top: -110px;}
.seminar__item--wrap-title p {color: #000;}
.slick-initialized .slick-slide .seminar__item--wrap {max-height: inherit;}
#green .fv__txt{padding: 220px 0 1px 0;}
.green__movie:before{
height: 100px;
background: linear-gradient(0deg, rgba(20, 176, 101, 0) 0%, rgba(20, 176, 101, 1) 70%, rgb(20, 176, 101, 1) 100%);
}
.green__movie:after{height: 150px;}
.seminar__item .btn {margin: 0 20px 50px auto;}
#top__footer{
aspect-ratio: inherit;
height: 800px;
padding: 80px 0;
}
.top__footer_message {font-size: 18px;padding: 0 5%;}

.activities__list {padding: inherit;}
.slick-list{padding: inherit;}
.seminar__wrapper {width: 95%;margin: 0 auto;}
#activities {position: relative;}
.top_title{z-index: 100000;}
#activities .top_title p {
color: #fff;
top: 60px;
opacity: 1;
font-size: 80px;
}
#activities::after {height: 150px;}
.seminar__item {margin-bottom: 30px;}
.aboutus__txt h2 {font-size: 18px;}
.seminar_arrows {margin-top: 0px;}
.seminar_arrows{margin-bottom: 30px;}
}

@media only screen and (max-width: 450px) {
        #activities::before {
        top: -150px;
        z-index: -1;
    }
.seminar__item .btn {padding: 15px 19px;}
#activities {
    background-position: bottom;
    padding: 170px 0;
}
#seminar {
    padding-bottom: 30px;
}
#activities .top_title p {
top: 90px;
}
}