.tab-1 {
  height: 70px;
  width: 100%;
  background: url(../images/images-1st/footer_bg.jpg) top center;
}
.tab-1 .tab1-img {
  position: absolute;
  top: -2px;
  right: 0;
}

.tab-2 {
  width: 100%;
  height: 50px;
  background: #575757;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-2 .tab2-img {
  position: absolute;
  top: -59px;
  left: -15px;
}
.tab-2 .tab2-textbox {
  display: flex;
  margin-left: -15px;
}
.tab-2 .tab2-textbox .tab2-text {
  background: url(../images/images-1st/jumbotron/tab-titleline.png);
  background-repeat: no-repeat;
  width: 143px;
  height: 34px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-weight: bold;
}
.tab-2 .tab2-textbox .tab2-text:hover {
  color: #ccc;
}

#mainvisual {
  width: 100%;
  margin: 0px auto 0px auto;
  height: 401px;
  background: url(../images/header/header-all.jpg), #b3b1f7;
  background-repeat: no-repeat;
  background-position: top center;
}
#mainvisual .relative-root {
  position: relative;
  width: 900px;
  height: 100%;
  margin: 0px auto;
}
#mainvisual .header-text1 {
  position: absolute;
  bottom: 89px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#mainvisual .header-text2 {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.page-top {
  background-image: url(../images/jumbotron/title.jpg);
  background-repeat: repeat-x;
  background-position: center;
  height: 173px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jumbotron-text {
  text-align: center;
  background-color: #FFF;
  width: 100%;
  padding-top: 45px;
  padding-bottom: 45px;
}

.jumbotron-schedule {
  background-color: #edecfe;
  padding-top: 35px;
  padding-bottom: 190px;
  position: relative;
}
.jumbotron-schedule .jumbotron-schedule-text {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.jumbotron-schedule .jumbotron-schedule-text .schedule {
  width: 240px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.jumbotron-schedule .jumbotron-schedule-text .schedule .title {
  font-weight: bold;
  border-bottom: solid 1px #9746eb;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.jumbotron-schedule .jumbotron-schedule-text .schedule .text span {
  font-weight: bold;
}
.jumbotron-schedule .schedule-pl {
  color: #7a0fe5;
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  bottom: -175px;
  right: 162px;
  text-align: left;
}

.content3-content-inner,
.content-inner {
  position: relative;
  width: 985px;
  margin: 0px auto;
}

.top-logo-1 {
  background-image: url(../images/1st/lycee-mark.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 373px;
  height: 372px;
  position: absolute;
  top: -226px;
  left: 34px;
}
.top-logo-1 .top-logo-text {
  position: absolute;
  top: 66px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.top-logo-1 .top-logo-bg {
  position: absolute;
  top: 21px;
  left: 92px;
}
.top-logo-1 .top-logo-bg .ligo-bg {
  mix-blend-mode: color-dodge;
}

#content-1 {
  background: linear-gradient(55deg, #ad18e2 0%, #863aec 50%, #a09dfb 100%);
  clip-path: polygon(100% calc(0% + 115px), calc(50% - 142px) calc(0% + 115px), calc(50% - 229px) 0%, 0% 0%, 0% 100%, calc(50% - 680px) 100%, calc(50% - 660px) calc(100% - 30px), calc(50% - 315px) calc(100% - 30px), calc(50% - 295px) 100%, calc(50% + 295px) 100%, calc(50% + 315px) calc(100% - 30px), calc(50% + 660px) calc(100% - 30px), calc(50% + 680px) 100%, 100% 100%);
  -webkit-clip-path: polygon(100% calc(0% + 115px), calc(50% - 142px) calc(0% + 115px), calc(50% - 229px) 0%, 0% 0%, 0% 100%, calc(50% - 680px) 100%, calc(50% - 660px) calc(100% - 30px), calc(50% - 315px) calc(100% - 30px), calc(50% - 295px) 100%, calc(50% + 295px) 100%, calc(50% + 315px) calc(100% - 30px), calc(50% + 660px) calc(100% - 30px), calc(50% + 680px) 100%, 100% 100%);
  margin-left: auto;
  margin-right: auto;
  margin-top: -130px;
  position: relative;
}
#content-1 .top-logo-2 {
  background-image: url(../images/1st/lycee-mark.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 373px;
  height: 372px;
  position: absolute;
  top: -96px;
  left: calc(50% - 456px);
}
#content-1 .top-logo-2 .top-logo-text {
  position: absolute;
  top: 66px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#content-1 .top-logo-2 .top-logo-bg {
  position: absolute;
  top: 21px;
  left: 92px;
}
#content-1 .top-logo-2 .top-logo-bg > img {
  mix-blend-mode: color-dodge;
}
#content-1 .bg-deco-line-1 {
  background: url(../images/bg-deco-line/bgline1-top.png), url(../images/bg-deco-line/bgline1-bottom.png);
  background-repeat: no-repeat;
  background-position: center 126px, bottom center;
  padding-top: 187px;
  padding-bottom: 160px;
}
#content-1 .bg-deco-line-1 .content1-textbox-1 {
  position: relative;
  margin-top: 50px;
  margin-bottom: 70px;
}
#content-1 .bg-deco-line-1 .content1-textbox-1 .conditions-1 {
  width: 685px;
  clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  -webkit-clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  color: white;
  line-height: 2em;
  margin-left: auto;
  margin-right: auto;
}
#content-1 .bg-deco-line-1 .content1-textbox-1 .conditions-1 h4 {
  background-color: rgba(35, 39, 65, 0.7);
  font-size: 25px;
  font-weight: bold;
  line-height: 80px;
  margin: 0;
}
#content-1 .bg-deco-line-1 .content1-textbox-1 .conditions-1 p {
  margin: 0;
  background-color: rgba(35, 39, 65, 0.4);
  line-height: 100px;
}
#content-1 .bg-deco-line-1 .content1-textbox-1 .textbox-top {
  position: absolute;
  top: -18px;
  left: 132px;
}
#content-1 .bg-deco-line-1 .content1-textbox-1 .textbox-bottom {
  position: absolute;
  bottom: -17px;
  right: 132px;
}
#content-1 .bg-deco-line-1 .schedule-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 24px 0;
}
#content-1 .bg-deco-line-1 .content1-textbox-2 {
  position: relative;
  margin-top: 30px;
}
#content-1 .bg-deco-line-1 .content1-textbox-2 .conditions-2 {
  width: 685px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  -webkit-clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#content-1 .bg-deco-line-1 .content1-textbox-2 .conditions-2-container {
  display: flex;
  width: 685px;
  margin-left: auto;
  margin-right: auto;
}
#content-1 .bg-deco-line-1 .content1-textbox-2 .conditions-2-container .conditions-2-textbox {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
  position: relative;
}
#content-1 .bg-deco-line-1 .content1-textbox-2 .conditions-2-container .conditions-2-textbox .conditions-2-title {
  background: url(../images/1st/subtitle-bg1.png);
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  height: 51px;
  width: 286px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 55px;
  margin-bottom: 30px;
}
#content-1 .bg-deco-line-1 .content1-textbox-2 .conditions-2-container .conditions-2-textbox .conditions-2-text {
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
#content-1 .bg-deco-line-1 .content1-textbox-2 .conditions-2-container .text-box2-sleeve {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
#content-1 .bg-deco-line-1 .content1-textbox-2 .textbox-top {
  position: absolute;
  top: -18px;
  left: 132px;
}
#content-1 .bg-deco-line-1 .content1-textbox-2 .textbox-bottom {
  position: absolute;
  bottom: -17px;
  right: 132px;
}

#content-2 {
  margin-top: -31px;
  margin-left: auto;
  margin-right: auto;
}
#content-2 .bg-deco-line-2 {
  background: url(../images/bg-deco-line/bgline2-top.png), url(../images/bg-deco-line/bgline2-bottom.png);
  background-repeat: no-repeat;
  background-position: center top, bottom center;
  padding-top: 60px;
}
#content-2 .bg-deco-line-2 .content2-textbox-1 {
  position: relative;
  margin-top: 75px;
  margin-bottom: 75px;
}
#content-2 .bg-deco-line-2 .content2-textbox-1 .conditions-3 {
  width: 685px;
  clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  -webkit-clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  color: #000;
  line-height: 2em;
  margin-left: auto;
  margin-right: auto;
}
#content-2 .bg-deco-line-2 .content2-textbox-1 .conditions-3 h4 {
  background-color: #8f80ff;
  background-color: rgba(143, 128, 255, 0.7);
  font-size: 25px;
  font-weight: bold;
  line-height: 85px;
  margin: 0;
}
#content-2 .bg-deco-line-2 .content2-textbox-1 .conditions-3 p {
  margin: 0;
  padding: 2em 0.5em;
  background-color: #8f80ff;
  background-color: rgba(143, 128, 255, 0.5);
}
#content-2 .bg-deco-line-2 .content2-textbox-1 .textbox-top {
  position: absolute;
  top: -18px;
  left: 132px;
}
#content-2 .bg-deco-line-2 .content2-textbox-1 .textbox-bottom {
  position: absolute;
  bottom: -17px;
  right: 132px;
}

.content3-content-inner {
  padding-top: 30px;
}

#content-3 {
  background: url(../images/1st/lycee-mark.png), linear-gradient(55deg, #ad18e2 0%, #863aec 50%, #a09dfb 100%);
  clip-path: polygon(calc(50% + 270px) 0%, calc(50% - 270px) 0%, calc(50% - 293px) calc(0% + 30px), 0% calc(0% + 30px), 0% 100%, 100% 100%, 100% calc(0% + 30px), calc(50% + 293px) calc(0% + 30px));
  -webkit-clip-path: polygon(calc(50% + 270px) 0%, calc(50% - 270px) 0%, calc(50% - 293px) calc(0% + 30px), 0% calc(0% + 30px), 0% 100%, 100% 100%, 100% calc(0% + 30px), calc(50% + 293px) calc(0% + 30px));
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;
  margin-top: -35px;
  background-repeat: no-repeat;
  background-position: calc(50% + 278px) -261px, center;
}
#content-3 .bg-deco-line-3 {
  background: url(../images/bg-deco-line/bgline3-top.png), url(../images/bg-deco-line/bgline3-bottom.png);
  background-repeat: no-repeat;
  background-position: center 30px, center 45px;
  padding-bottom: 85px;
}
#content-3 .bg-deco-line-3 .content3-textbox-1 {
  position: relative;
  margin-bottom: 30px;
}
#content-3 .bg-deco-line-3 .content3-textbox-1 .conditions-4 {
  width: 685px;
  clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  -webkit-clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  color: white;
  line-height: 2em;
  margin: auto;
  margin-right: auto;
}
#content-3 .bg-deco-line-3 .content3-textbox-1 .conditions-4 .conditions-4-textbox {
  display: flex;
  background-color: rgba(35, 39, 65, 0.4);
}
#content-3 .bg-deco-line-3 .content3-textbox-1 .conditions-4 .conditions-4-textbox .conditions-4-title {
  background-color: rgba(35, 39, 65, 0.7);
  font-size: 25px;
  font-weight: bold;
  line-height: 40px;
  margin: 0;
  width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#content-3 .bg-deco-line-3 .content3-textbox-1 .conditions-4 .conditions-4-textbox .conditions-4-text {
  padding: 1.5em 1em;
  text-align: left;
}
#content-3 .bg-deco-line-3 .content3-textbox-1 .conditions-4 .conditions-4-textbox .conditions-4-text .prize-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 2em;
  margin-bottom: 0.25em;
  text-align: left;
}
#content-3 .bg-deco-line-3 .content3-textbox-1 .conditions-4 .conditions-4-textbox .conditions-4-text .small-text {
  font-size: 14px;
}
#content-3 .bg-deco-line-3 .content3-textbox-1 .textbox-top {
  position: absolute;
  top: -18px;
  left: 132px;
}
#content-3 .bg-deco-line-3 .content3-textbox-1 .textbox-bottom {
  position: absolute;
  bottom: -17px;
  right: 132px;
}
#content-3 .bg-deco-line-3 .content3-textbox-2 {
  position: relative;
  margin-bottom: 65px;
}
#content-3 .bg-deco-line-3 .content3-textbox-2 .conditions-5 {
  width: 685px;
  clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  -webkit-clip-path: polygon(calc(50% - 315px) 0, calc(50% + 300px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 315px) 100%, calc(50% - 300px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  color: #7a0fe5;
  line-height: 2em;
  margin-left: auto;
  margin-right: auto;
}
#content-3 .bg-deco-line-3 .content3-textbox-2 .conditions-5 .conditions-5-textbox {
  display: flex;
  background-color: rgba(255, 255, 255, 0.5);
}
#content-3 .bg-deco-line-3 .content3-textbox-2 .conditions-5 .conditions-5-textbox .conditions-5-title {
  background-color: #e2cdfb;
  font-size: 25px;
  font-weight: bold;
  line-height: 70px;
  margin: 0;
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-3 .bg-deco-line-3 .content3-textbox-2 .conditions-5 .conditions-5-textbox .conditions-5-text {
  margin: 0;
  padding: 30px 1em;
}
#content-3 .bg-deco-line-3 .content3-textbox-2 .conditions-5 .conditions-5-textbox .conditions-5-text .small-text {
  text-align: left;
  font-size: 16px;
}
#content-3 .bg-deco-line-3 .content3-textbox-2 .textbox-top {
  position: absolute;
  top: -18px;
  left: 132px;
}
#content-3 .bg-deco-line-3 .content3-textbox-2 .textbox-bottom {
  position: absolute;
  bottom: -17px;
  right: 132px;
}
#content-3 .bg-deco-line-3 .content3-textbox-3 {
  position: relative;
}
#content-3 .bg-deco-line-3 .content3-textbox-3 .conditions-6 {
  background-color: rgba(255, 255, 255, 0.5);
  margin-left: auto;
  margin-right: auto;
  color: #7a0fe5;
  clip-path: polygon(calc(50% - 225px) 0, calc(50% + 208px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 225px) 100%, calc(50% - 208px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  -webkit-clip-path: polygon(calc(50% - 225px) 0, calc(50% + 208px) 0, 100% calc(0% + 45px), 100% calc(100% - 25px), calc(50% + 225px) 100%, calc(50% - 208px) 100%, 0 calc(100% - 45px), 0 calc(0% + 25px));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#content-3 .bg-deco-line-3 .content3-textbox-3 .conditions-6-container {
  display: flex;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
#content-3 .bg-deco-line-3 .content3-textbox-3 .conditions-6-container .conditions-6-textbox {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
  position: relative;
}
#content-3 .bg-deco-line-3 .content3-textbox-3 .conditions-6-container .conditions-6-textbox .conditions-6-title {
  background: url(../images/1st/subtitle-bg1.png);
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  line-height: 70px;
  width: 286px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 55px;
  margin-bottom: 0;
}
#content-3 .bg-deco-line-3 .content3-textbox-3 .conditions-6-container .conditions-6-textbox .conditions-6-text {
  margin-bottom: 70px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #7a0fe5;
}
#content-3 .bg-deco-line-3 .content3-textbox-3 .conditions-6-container .text-box6-sleeve {
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-3 .bg-deco-line-3 .content3-textbox-3 .textbox-top {
  position: absolute;
  top: -18px;
  left: 224px;
}
#content-3 .bg-deco-line-3 .content3-textbox-3 .textbox-bottom {
  position: absolute;
  bottom: -17px;
  right: 224px;
}

#content-4 {
  background: #edecfe;
  clip-path: polygon(calc(50% - 295px) calc(0% + 30px), calc(50% - 315px) 0%, calc(50% - 660px) 0%, calc(50% - 680px) calc(0% + 30px), 0% calc(0% + 30px), 0% 100%, calc(50% - 293px) 100%, calc(50% - 270px) calc(100% - 30px), calc(50% + 270px) calc(100% - 30px), calc(50% + 293px) 100%, 100% 100%, 100% calc(0% + 30px), calc(50% + 680px) calc(0% + 30px), calc(50% + 660px) 0%, calc(50% + 315px) 0%, calc(50% + 295px) calc(0% + 30px));
  -webkit-clip-path: polygon(calc(50% - 295px) calc(0% + 30px), calc(50% - 315px) 0%, calc(50% - 660px) 0%, calc(50% - 680px) calc(0% + 30px), 0% calc(0% + 30px), 0% 100%, calc(50% - 293px) 100%, calc(50% - 270px) calc(100% - 30px), calc(50% + 270px) calc(100% - 30px), calc(50% + 293px) 100%, 100% 100%, 100% calc(0% + 30px), calc(50% + 680px) calc(0% + 30px), calc(50% + 660px) 0%, calc(50% + 315px) 0%, calc(50% + 295px) calc(0% + 30px));
  margin-left: auto;
  margin-right: auto;
  margin-top: -31px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-4 .bg-deco-line-4 {
  background: url(../images/bg-deco-line/bgline4-top.png);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 100px;
  max-width: 2000px;
  height: 523px;
  position: relative;
  z-index: 5;
  margin-bottom: -158px;
}
#content-4 .bg-deco-line-4 .content4-small-text {
  font-size: 14px;
  text-align: center;
  margin-bottom: 40px;
}
#content-4 .bg-deco-line-4 .flow-background {
  background-image: url("../images/1st/schedule.png");
  background-size: 756px 56px;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 120px;
  width: 756px;
  margin-left: auto;
  margin-right: auto;
}

#content4-2 {
  background-repeat: no-repeat;
  padding-top: 25px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
#content4-2 .dot {
  background: url(../images/1st/dot.png);
  background-position: center;
  background-size: 160px 46px;
  width: 160px;
  height: 46px;
  position: absolute;
  top: -25px;
  left: -1px;
}
#content4-2 .small-text-box {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 65px;
}

/*.top-logo {
    background-image: url(../images/1st/lycee-mark.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 373px;
    height: 372px;
    position: absolute;
    top: -225px;
    left: 54px;
    z-index: 5;


    .top-logo-text {
        position: absolute;
        top: 66px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .top-logo-bg {
        position: absolute;
        top: 21px;
        left: 92px;
        mix-blend-mode: color-dodge;
    }
}
*/
.lycee-mark1 {
  position: absolute;
  top: -142px;
  left: 32px;
  width: 373px;
  height: 372px;
}

.lycee-mark2 {
  background: url(../images/1st/lycee-mark.png);
  position: absolute;
  bottom: -76px;
  right: 31px;
  width: 373px;
  height: 372px;
}

/*.title_bg,
.title_bg_2 {
    position: relative;
    height: 51px;
    width: 756px;
    color: #FFF;
    font-size: 30px;
    margin: 0 auto 0 auto;
    padding: 16px 0px 4px 0px;

    letter-spacing: 0.1em;
}

.title_bg {
    background: url(../images/1st/title-bg-wh.png) no-repeat top center;
}

.title_bg_2 {
    background: url(../images/1st/title-bg-pl.png) no-repeat top center;
}

.title-text {
    position: absolute;
    top: -35px;
    left: 80px;
}*/
.title-text {
  height: 51px;
  width: 756px;
  color: #FFF;
  font-size: 30px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-left: 160px;
  padding-top: 2px;
  margin-top: 0;
  letter-spacing: 0.1em;
}

.bg-wh {
  background: url(../images/1st/title-bg-wh.png) no-repeat top center;
}

.bg-pl {
  background: url(../images/1st/title-bg-pl.png) no-repeat top center;
}

.content-container {
  padding: 0 35px;
  position: relative;
}

h4.sub_title {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  border-bottom: #fff 3px solid;
  width: 723px;
}
h4.sub_title::before {
  content: url(../images/1st/yajirushi-wh-left.png);
  margin-right: 1em;
}
h4.sub_title::after {
  content: url(../images/1st/yajirushi-wh-right.png);
  margin-left: 1em;
}

h4.sub_title_pl {
  color: #0319b7;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  border-bottom: #0319b7 2px solid;
  width: 723px;
}
h4.sub_title_pl::before {
  content: url(../images/images-1st/1st/yajirushi-bl-left.png);
  margin-right: 1em;
}
h4.sub_title_pl::after {
  content: url(../images/images-1st/1st/yajirushi-bl-right.png);
  margin-left: 1em;
}

/*.schedule-text {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 24px 0;
}*/
a.btn-qualifying-1 {
  background-image: url(../images/1st/btn-1.png);
  background-repeat: no-repeat;
  background-position: center;
  color: #630cba;
  height: 72px;
  width: 359px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}

a.btn-qualifying-1:hover {
  filter: brightness(1.1);
}

a.btn-qualifying-2 {
  background-image: url(../images/1st/btn-2.png);
  background-repeat: no-repeat;
  background-position: center;
  color: #630cba;
  height: 72px;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 140px;
}

a.btn-qualifying-2:hover {
  filter: brightness(1.1);
}

.map {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
}
.map .place {
  flex-shrink: 1;
  padding: 0 0px;
}
.map .area {
  background: url(../images/1st/subtitle-bg2.png);
  background-repeat: no-repeat;
  background-size: 165px 51px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  width: 175px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map .area-detail {
  line-height: 2.5em;
  font-weight: bold;
}
.map .date {
  font-weight: bold;
  color: #7a0fe5;
}
.map .time {
  font-weight: bold;
  font-size: 14px;
}
.map .map-embedded {
  width: 514px;
}

.prize-full {
  padding: 15px 0;
  width: 740px;
}
.prize-full > div:first-child {
  width: 110px;
  flex-shrink: 0;
}
.prize-full > div:nth-child(2) {
  width: 100%;
  flex-grow: 1;
  border-left: 1px solid white;
  padding-left: 30px;
  text-align: left;
}
.prize-full h4 {
  font-size: 35px;
  font-weight: bold;
  margin: 0;
}

.prize-sleeve-name {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0.5em;
}
.prize-sleeve-name + .prize-sleeve-name {
  margin-top: 0.5em;
}

.prize-name {
  font-weight: bold;
  font-size: 18px;
  line-height: 2em;
  margin-bottom: 0.25em;
  text-align: left;
}

/*.flow-background {
    background-image: url("../images/1st/schedule.png");
    background-size: 756px 56px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 120px;
    width: 756px;
    margin-left: auto;
    margin-right: auto;
}*/
.flow-container {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  width: 756px;
  height: 56px;
  margin-left: -20px;
}
.flow-container > div {
  text-align: center;
  width: 14.2857142857%;
  margin-left: auto;
}

.bg-gray {
  background-color: #9b9c9c;
  color: white;
}

.bg-orange {
  background-color: #ff8a00;
  color: white;
}

.bg-light-orange {
  background-color: #ffba00;
  color: white;
}

.bg-mid-blue {
  background-color: #4b85d3;
  color: white;
}

.bg-light-cyan {
  background-color: #7cb1d1;
  color: white;
}

.mb-0 {
  margin-bottom: 0;
}

/*.content4-small-text {
    font-size: 14px;
    text-align: center;
    margin-bottom: 40px;
}*/
.small-text-box {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.small-text-box .small-text {
  font-size: 14px;
  text-align: left;
  line-height: 2em;
}
.small-text-box .small-text a {
  color: #7a0fe5;
}
.small-text-box .small-text a:hover {
  color: #610cb5;
}

.card-zoom {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  z-index: 0;
}

/*# sourceMappingURL=event-gp2026.css.map */
