@charset "utf-8";
.mark { position: relative; font-weight: 700; display: inline-block; z-index: 2; }
.mark::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 16px; background: var(--primary-100); content: ''; display: block; z-index: -1; }

.main_visual { position: relative; width: 100%; overflow: hidden; z-index: 2; }
.main_visual .text_box { margin: 150px 0; }
.main_visual .video_box { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1200px; height: 100%; overflow: hidden; z-index: -1; }
.main_visual .video_box::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--white); opacity: 0.5; content: ''; display: block; }

.cont02 { padding: 74px 20px; }

.cont03 { width: 100%; padding: 120px 20px 54px; background: url(../img/bg_story_01.png) no-repeat center center; background-size: cover; }
.cont03 h3::before,
.cont03 h3::after { width: 24px; height: 20px; background: url(../img/icon/icon_quotes_left.svg) no-repeat center center; background-size: contain; content: ''; display: block; margin: 20px 0; }
.cont03 h3::after { transform: scale(-1,-1);}
.cont03 .btn_main_box { margin-top: 120px; }

.cont04 { padding: 74px 20px; }
.cont04 .numb { font-size: 24px; font-weight: 700; color: var(--primary); border-bottom: 2px solid var(--primary); display: inline-block; }
.cont04 .process_box { display: flex; flex-wrap: wrap; }
.cont04 .process_box li { width: calc(50% - 8px); }
.cont04 .process_box li:nth-of-type(even) { margin-left: 16px; }
.cont04 .process_box li:nth-of-type(n+3) { margin-top: 8px; }
.cont04 .process_box li span { text-align: center; display: block; margin-top: 4px; }
.cont04 p,
.cont04 dl dd { word-break: keep-all; }
.cont04 dl dt { position: relative; padding-left: 24px; }
.cont04 dl dt::before { position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: url(../img/icon/icon_check_circle_stroke_primary.svg) no-repeat center center; background-size: contain; content: ''; display: block; }

.cont05 { background: var(--gray-400); }
.cont05 .logo_image { width: 60px; height: 36px; background: url(../img/logo/logo_sangsang.svg) no-repeat center center; background-size: contain; text-indent: -9999px; display: block; overflow: hidden; }
.cont05 .video_box { width: 100%; line-height: 0; border-radius: 6px; overflow: hidden; }
.cont05 .video_box .video { width: 100%; }

.cont06 { text-align: center; padding: 120px 20px; background: url(../img/bg_story_02.png) no-repeat center center; background-size: cover; }
.cont06 .btn_main_box { margin-top: 56px; }