/* 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 article {display: flex; flex-direction: column; align-items: center; }
#sec1 .txt .list {width: 100%; border-top:1px solid #ddd; margin-top: 40px; }
#sec1 .txt .list li {padding: 15px 0; border-bottom: 1px solid #ddd; }
#sec1 .txt .list h3 {margin-bottom: 10px; font-size: 24px; font-weight: 600; color:#a360ee;font-family: 'SCoreDream'; }
#sec1 .img {position: relative; width: 100%; max-width: 505px; z-index: 1; margin-top: 40px; padding: 0 0 0 40px;}
#sec1 .img > img:nth-of-type(2) {margin: -100px auto 0 0; display: block;  transform: translateX(-40px);}
#sec1 .img .ptn_wrap img {position: absolute; z-index: -1; max-width: 100%; width:80%;}
#sec1 .img .ptn_wrap .ptn1 { left: -50px; top: -30px;}
#sec1 .img .ptn_wrap .ptn2 {right: -40px; bottom: -30px;}

/* sec2 */
#sec2 .list {display: flex; flex-direction: column; align-content: center; margin-top: 40px ;}
#sec2 .list li {width: 100%;}
#sec2 .list li:nth-child(n+2) {margin-top: 40px; }
#sec2 .list h4 {margin-top: 15px; }
#sec2 .video_wrap {border-radius: 15px; overflow: hidden; }





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

}