/* common */
.subpage { overflow: hidden; position:relative; }
.subpage > section {padding: 100px 0;}
.subpage > section:nth-of-type(even) {background-color: #f7f7f7;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_title::before {content: ''; display: block; width: 64px; height: 7px; background-color: #a360ee; margin:0 0 35px;}
.subpage > .wave_bg {background:url("../img/wave.png") left bottom repeat-x; position: relative; z-index: 2; padding-bottom: 250px;}
.subpage > .wave_bg + section {padding-top: 0; }
/* .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: 60px; font-weight: 300; color:#000; line-height: 1.2; font-family: 'SCoreDream'; }
.fs_24 {font-size: 24px; font-weight: 600; color:#000; line-height: 1.5; font-family: 'SCoreDream'; }
.fs_20 {font-size: 20px; font-weight: 500; color:#000; line-height: 1.5; font-family: 'SCoreDream'; }
.fs_18 {font-size: 18px; font-weight: 300; color:#000; line-height: 36px; }

/*Content CSS*/
#sec1 .list {display: flex; flex-wrap: wrap; margin-top: 55px ;}
#sec1 .list li {width: calc(50% - 20px);}
#sec1 .list li:nth-child(odd) {margin-right: 40px; }
#sec1 .list li:nth-child(n+3) {margin-top: 70px; }
#sec1 .list .txt {padding-left: 20px; border-left: 2px solid #b058f5; margin-top: 45px;}
#sec1 .list .txt h4 {font-size: 16px; font-weight: 300; color:#000; font-family: 'SCoreDream';margin-bottom: 12px; }

/* sec2 */
#sec2 {padding-bottom: 170px;}
#sec2 .list {width: 100%; border-top: 2px solid #000; text-align: left; margin-top: 55px; }
#sec2 .list li {width: 100%; display: flex; padding: 30px 0; border-bottom: 1px solid #ddd; align-items: center; }
#sec2 .list h4 {font-size: 16px; font-weight: 500; color:#fff;  margin-right: 34px; display: flex; align-items: center ;justify-content: center; width: 81px; height: 34px;
border-radius: 17px; background-color: #b058f5; flex-shrink: 0; }
#sec2 .list a { font-size: 18px; font-weight: 700; color:#bababa; transition: color .3s; display: flex; align-items: center; margin: 0 0 0 auto; flex-shrink: 0;}
#sec2 .list a i {margin-left: 15px; font-size: 170%;}
#sec2 .list a:hover {color: #b058f5; }






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

}