@charset "utf-8";
/* secTrigger__03 */

.secTrigger__03 .wrap { position:relative; width: 100%; height:100vh; }

.secTrigger__03 .bg{ position:absolute; width:100%; height:100%; top:0; left:0; background-image:url('./bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
  .secTrigger__03 .bg::after{ position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.7); content:"";}

.secTrigger__03 .flexbox{ display: flex; flex-wrap: nowrap; }
.secTrigger__03 .flexbox .titleArea{ width: 45%; z-index: 1; padding-right:150px;}
.secTrigger__03 .flexbox .rocket-wrap{ width: 55%; z-index: 1; }

.secTrigger__03 .tbbtn{ border:1px solid #fff; color:#fff; height:60px; line-height:58px; padding:0 3em; border-radius: 60px; }
.secTrigger__03 .tbbtn span.dot{display: inline-block; width:13px; height:10px; position:relative; transition:.5s;}
.secTrigger__03 .tbbtn span.dot::after{ position:absolute; width:7px; height:7px; border-radius:50%; background:#fff; top:calc(50% - 1px); left:0; transform:translate(-50%,-50%); content: ""; transition:width .5s;}
  .secTrigger__03 .tbbtn:hover span.dot {width:23px;}
  .secTrigger__03 .tbbtn:hover span.dot::after{ width:20px; height:2px; border-radius:0; }


.secTrigger__03 .rail-wrap { position: relative; }
.secTrigger__03 .rail { margin: 0; padding: 0; }

.secTrigger__03 .rail .item {
  position: relative; width: 65%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: white;
}
.secTrigger__03 .rail .item:nth-child(even){ margin-left:40%;}
.secTrigger__03 .item .thumb,
.secTrigger__03 .item .cont{width:100%;}
.secTrigger__03 .item .thumb{ position:relative; width:100%; aspect-ratio: 100 / 80; border-radius: 15px; overflow: hidden; }
.secTrigger__03 .item .thumb img{ position:absolute; width:100%; height:100%; object-fit:cover; top:0; left:0;}