/* common */
.subpage { overflow: hidden; position:relative; text-align: center;}
.subpage > section {padding: 50px 0;}
.subpage > section:nth-of-type(even) {background-color: #f7f7f7;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 20px; }
.sub_title::before {content: ''; display: block; width: 50px; height: 4px; background-color: #a360ee; margin:0 auto 20px;}
.subpage > .wave_bg {background:url("../img/wave.png") left bottom/auto 40px  repeat-x; position: relative; z-index: 2; padding-bottom: 90px;}
.subpage > .wave_bg + section {padding-top: 30px; }
/* .subpage > .wave_bg:nth-of-type(even) {background-image:url("../img/wave_w.png"); } */
.video_wrap {width: 100%; position: relative; height:0; padding-bottom: 56.25%; overflow: hidden; }
.video_wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* font size */
.fs_60 {font-size: 30px; font-weight: 300; color:#000; line-height: 1.3; font-family: 'SCoreDream'; }
.fs_24 {font-size: 18px; font-weight: 600; color:#000; line-height: 1.5; font-family: 'SCoreDream'; }
.fs_20 {font-size: 15px; font-weight: 500; color:#000; line-height: 1.5; font-family: 'SCoreDream'; }
.fs_18 {font-size: 14px; font-weight: 300; color:#000; line-height: 1.65; }

/*Content CSS*/
#sec1 .list {display: flex; flex-direction: column; align-items: center; margin-top:40px ;}
#sec1 .list li {width:100%; max-width: 640px;}
#sec1 .list li:nth-child(n+2) {margin-top: 50px; }
#sec1 .list .txt {padding-left: 15px; border-left: 2px solid #b058f5; margin-top: 20px; text-align: left; }
#sec1 .list .txt h4 {font-size: 14px; font-weight: 300; color:#000; font-family: 'SCoreDream';margin-bottom: 5px; }

/* sec2 */
#sec2 {padding-bottom: 70px;}
#sec2 .list {width: 100%; border-top: 2px solid #000; text-align: left; margin-top: 40px; }
#sec2 .list li {width: 100%; padding: 20px 0; border-bottom: 1px solid #ddd; display: flex; flex-direction: column; align-items: flex-start;}
#sec2 .list h4 {font-size: 13px; font-weight: 500; color:#fff; display: flex; align-items: center ;justify-content: center; width:65px; height: 25px;
border-radius: 15px; background-color: #b058f5; flex-shrink: 0; }
#sec2 .list p {margin:15px 0 ; width: 100%;}
#sec2 .list a { font-size: 15px; font-weight: 700; color:#bababa; transition: color .3s; display: flex; align-items: center; align-self: flex-end;}
#sec2 .list a i {margin-left: 5px; font-size: 120%;}
#sec2 .list a:hover {color: #b058f5; }






@media screen and (max-width:1400px){
    /* content */

}