@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');


/* ------- 独自コンテンツスタイル ---------------------------------------------- */
.spVer{
  display: none !important;
}

.copyright{
  display: none;
}
#main{
  padding: 0;
  width: 100%;
}

#briefingContents{
  background-color: #9FEACD;
  color: #000000;
}

#briefingContents *{
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  box-sizing: border-box;
}
#briefingContents strong{
  font-weight: inherit;
}
#briefingContents a:link {
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}
#briefingContents a:visited {
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}
#briefingContents a:hover {
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}
#briefingContents a:active {
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}

#briefingContents figure{
  padding: 0;
  margin: 0;
}

#briefingContents img{
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
}

#briefingContents .briefingInner{
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: 90%;
}

#briefingContents .sectionHeading{
  display: flex;
  justify-content: center;
}
#briefingContents .sectionHeading h2{
  font-size: min(5.19vw,50px);
  font-weight: 700 !important;
  line-height: 1.48;
}
#briefingContents .sectionHeading h2:after{
  background: linear-gradient(90deg, #FCA517 0%, #FCA517 50%, #259CE8 50%, #259CE8 100%);
  content: "";
  display: block;
  margin-top: 15px;
  height: 4px;
  width: 100%;
}


#briefingContents .subHeading{
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 0;
}
#briefingContents .subHeading:before{
  background-color: #000;
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
#briefingContents .subHeading > h3{
  background-color: #F8F6F0;
  border: 3px solid #000;
  border-radius: 110px;
  font-size: min(3.12vw,30px);
  font-weight: 700 !important;
  padding: 15px;
  text-align: center;
  width: 290px;
}


#briefingContents .taimen:before,
#briefingContents .web:before{
  background-color: #000;
  border-radius: 50%;
  font-weight: 700;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  width: 110px;
  position: absolute;
  left: -20px;
  top: -20px;
}
.taimen:before{
  color: #FFBD52;
  content: "対面";
}
.web:before{
  color: #4AB9FF;
  content: "WEB";
}


#briefingPankuzu {
  display: flex;
  align-items: center;
  margin: 0 auto;
  height: 48px;
  padding: 0 32px;
  max-width: 1160px;
}
#briefingPankuzu > ol {
  font-size: 14px;
  display: flex;
}
#briefingPankuzu > ol li:nth-child(n+2) {
  position: relative;
  margin-left: 25px;
}
#briefingPankuzu > ol li:nth-child(n+2)::before, #briefingPankuzu > ol li:nth-child(n+2)::after {
  position: absolute;
  left: -16px;
  display: block;
  width: 7px;
  height: 1px;
  background: #999;
  content: "";
  font-size: 0;
}
#briefingPankuzu > ol li:nth-child(n+2)::before {
  top: 7px;
  transform: rotate(35deg);
}
#briefingPankuzu > ol li:nth-child(n+2)::after {
  top: 11px;
  transform: rotate(-35deg);
}
#briefingPankuzu a {
  text-decoration: none;
}



/* ------- メインタイトル ---------------------------------------------- */
#briefingContents #briefingMainHeading{
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#briefingContents #briefingMainHeading:before,
#briefingContents #briefingMainHeading:after{
  background: url("../image/bg_dot.png");
  background-size: 20px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: -1;
}
#briefingContents #briefingMainHeading:before{
  background-color: #FCA517;
  left: 0;
}
#briefingContents #briefingMainHeading:after{
  background-color: #259CE8;
  right: 0;
}
#briefingContents #briefingMainHeading .briefingMainHeadingInner{
  margin: 0 auto;
  width: 90%;
  max-width: 1280px;
  max-height: 780px;
  position: relative;
}
#briefingContents #briefingMainHeading h1{
  margin: -5px auto 35px;
  width: 42.18%;
  max-width: 540px;
  order: 1;
}
#briefingContents #briefingMainHeading .mynaviExpo,
#briefingContents #briefingMainHeading .mynaviExpoWeb{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 31.25%;
  max-width: 400px;
  position: absolute;
  bottom: 16.6%;
}
#briefingContents #briefingMainHeading .mynaviExpo{
  left: 0;
  align-items: flex-start;
}
#briefingContents #briefingMainHeading .mynaviExpoWeb{
  right: 0;
  align-items: flex-end;
}
#briefingContents #briefingMainHeading .mynaviExpo:before,
#briefingContents #briefingMainHeading .mynaviExpoWeb:before{
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  margin-bottom: -20px;
  width: 100%;
}
#briefingContents #briefingMainHeading .mynaviExpo:before{
  background-image: url("../image/mv_taimen.png");
  padding-bottom: 115%;
}
#briefingContents #briefingMainHeading .mynaviExpoWeb:before{
  background-image: url("../image/mv_web.png");
  padding-bottom: 102.5%;
}
#briefingContents #briefingMainHeading .mynaviExpo .ttl,
#briefingContents #briefingMainHeading .mynaviExpoWeb .ttl{
  background-color: #FFF;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 6px 6px 0 rgba(0,0,0,.10);
  padding: 15px;
  width: 87.5%;
}


/* ------- ナビゲーション ---------------------------------------------- */
#briefingContents #briefingNavi{
  background-color: #F8F6F0;
  border: 3px solid #000;
  border-radius: 10px;
  display: flex;
  margin: -55px auto 0;
  width: 90%;
  max-width: 1280px;
  position: relative;
  z-index: 2;
}
#briefingContents #briefingNavi > li{
  display: flex;
  font-size: min(1.86vw,18px);
  line-height: 1.44;
  font-weight: 700;
  padding: 9px 0;
  width: 100%;
  position: relative;
}
#briefingContents #briefingNavi > li:before{
  background: url("../image/icon_navi_arrow.svg") no-repeat;
  content: "";
  display: block;
  height: 40px;
  width: 41px;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}
#briefingContents #briefingNavi > li a{
  border-left: 1px dashed #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  width: 100%;
  transition: .2s;
}
#briefingContents #briefingNavi > li:first-child a{
  border-left: none;
}
@media (hover: hover) and (pointer: fine){
  #briefingContents #briefingNavi > li:hover:before{
    background: url("../image/icon_navi_arrow_on.svg") no-repeat;
  }
  #briefingContents #briefingNavi > li a:hover{
    color: #2561E8;
  }
}



/* ------- 合同説明会とは ---------------------------------------------- */
#briefingContents #briefingAbout{
  margin-top: 130px;
}
#briefingContents #briefingAbout .briefingInner{
  background-color: #FFF;
  box-shadow: 15px 15px 0 rgba(0,0,0,.10);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-left: 5px solid #000;
  border-right: 5px solid #000;
  border-top: 5px solid #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: min(13.4375%,175px) 55px 120px;
  position: relative;
  z-index: 0;
}
#briefingContents #briefingAbout .briefingInner:before{
  background: url("../image/bg_binder.svg") no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  padding-bottom: 7.1093%;
  width: 84.375%;
  position: absolute;
  left: 50%;
  top: -4.03%;
  transform: translateX(-50%);
}
#briefingContents #briefingAbout .briefingInner .detail{
  margin-left: 3.44%;
  width: 46.43%;
}
#briefingContents #briefingAbout .briefingInner .detail h2{
  background: url("../image/icon_newly.svg") left center no-repeat;
  background-size: contain;
  font-weight: 700;
  font-size: min(5.19vw,50px);
  padding-left: 16.73%;
  white-space: nowrap;
}
#briefingContents #briefingAbout .briefingInner .detail p{
  background-image: linear-gradient(90deg, transparent 0%, transparent 40%, #fff 40%, #fff 100%),
    linear-gradient(180deg, #00C4FF 1px, transparent 2px);
  background-size: 4px 100%,100% 2.72em;
  font-size: min(2.28vw,22px);
  line-height: 2.72em;
  padding-bottom: 1px;
  margin-top: 30px;
}
@media screen and (max-width: 1310px) {
  #briefingContents #briefingAbout .briefingInner .detail p .pcVer{
    display: none;
  }
}
#briefingContents #briefingAbout .briefingInner .image{
  width: 44.82%;
}



/* ------- 合同説明会の参加メリット ---------------------------------------------- */
#briefingContents #briefingMerit{
  background-color: #F8F6F0;
  border-bottom: 5px solid #000;
  border-top: 5px solid #000;
  position: relative;
  z-index: 1;
}
#briefingContents #briefingMerit .briefingInner{
  padding: 120px 0;
}
#briefingContents .briefingMeritList{
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
#briefingContents .briefingMeritListItem{
  margin-left: 1.5625%;
  width: 46.875%;
  position: relative;
}
#briefingContents .briefingMeritListItem > div{
  border-radius: 50px;
  background-color: #FFF;
  border: 5px solid #000;
}
#briefingContents .briefingMeritListItem .image{
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 290px;
}
#briefingContents .briefingMeritListItem .image img{
  height: 320px !important;
  width: auto !important;
  max-width: none !important;
  margin-bottom: 15px;
}
#briefingContents .briefingMeritListItem.taimen .image{
  background-color: #FCA517;
}
#briefingContents .briefingMeritListItem.web .image{
  background-color: #259CE8;
}
#briefingContents .briefingMeritListItem dl{
  padding: 40px 55px;
  text-align: center;
}
#briefingContents .briefingMeritListItem dl > dt{
  font-size: min(2.28vw,22px);
  font-weight: 700 !important;
}
#briefingContents .briefingMeritListItem dl > dt strong{
  font-weight: 700 !important;
}
#briefingContents .briefingMeritListItem.taimen dl > dt strong{
  color: #FC7400;
}
#briefingContents .briefingMeritListItem.web dl > dt strong{
  color: #2561E8;
}
#briefingContents .briefingMeritListItem dl > dd{
  border-top: 2px dashed #000;
  font-size: min(1.86vw,18px);
  line-height: 2;
  margin-top: 30px;
  padding-top: 30px;
}
@media screen and (max-width: 1206px) {
  #briefingContents .briefingMeritListItem dl > dd .pcVer{
    display: none;
  }
}


/* ------- 参加前にチェック ---------------------------------------------- */
#briefingContents #briefinCheck{
  background-color: #FFF;
  border-bottom: 5px solid #000;
  padding: 85px 0 120px;
}
#briefingContents .preparationSec{
  margin-top: 80px;
}
#briefingContents .preparationSec > p{
  font-size: min(2.28vw,22px);
  line-height: 1.9;
  margin-top: 45px;
  text-align: center;
}
#briefingContents .preparationList{
  display: flex;
  justify-content: space-between;
  margin-top: 75px;
}
#briefingContents .preparationItem{
  background-color: #FFF;
  border: 5px solid #000;
  border-radius: 20px;
  width: 24.14%;
  position: relative;
}
#briefingContents .preparationItem:before{
  background: url("../image/icon_check.svg") no-repeat;
  content: "";
  display: block;
  height: 46px;
  width: 46px;
  position: absolute;
  left: 50%;
  top: -28px;
  transform: translateX(-50%);
}
#briefingContents .preparationItem .image{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #9FEACD;
  text-align: center;
  display: block;
  padding: 30px 0;
}
#briefingContents .preparationItem .image img{
  width: 32.36%;
  max-width: 100px;
}
#briefingContents .preparationItem p{
  font-size: min(1.28vw,22px);
  font-weight: 700;
  text-align: center;
  padding: 25px 25px;
}


#briefingContents .itemSec{
  margin-top: 100px;
}
#briefingContents .itemSecSub{
  border: 5px solid #000;
  border-radius: 50px;
  padding: 55px 35px 35px;
  position: relative;
}
#briefingContents .itemSecSub h4{
  color: #FFF;
  font-size: min(2.69vw,26px);
  font-weight: 700;
  text-align: center;
}
#briefingContents .itemSecSub.taimen{
  background-color: #FCA517;
  margin-top: 50px;
}
#briefingContents .itemSecSub.web{
  background-color: #259CE8;
  margin-top: 60px;
}
#briefingContents .itemSecSub .convenienceList{
  margin-top: 20px;
}
#briefingContents .itemSecSub.taimen .convenienceList{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#briefingContents .convenienceItem{
  background-color: #FFF;
  border-radius: 20px;
  margin-top: 45px;
  text-align: center;
  padding: 25px 20px 25px;
  position: relative;
}
#briefingContents .convenienceItem:before{
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 46px;
  width: 46px;
  position: absolute;
  left: 50%;
  top: -23px;
  transform: translateX(-50%);
}
#briefingContents .convenienceItem > p{
  font-size: min(1.86vw,18px);
  font-weight: 700;
}
#briefingContents .itemSecSub.taimen .convenienceItem{
  width: 19.31%;
}
#briefingContents .itemSecSub.taimen .convenienceItem:before{
  background-image:url("../image/icon_check_taimen.svg");
}
#briefingContents .itemSecSub.taimen .convenienceItem p{
  margin-top: 20px;
}
#briefingContents .itemSecSub.web .convenienceItem{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 65px;
  padding: 30px 30px;
  width: 59.65%;
}
#briefingContents .itemSecSub.web .convenienceItem:before{
  background-image:url("../image/icon_check_web.svg");
}
#briefingContents .itemSecSub.web .convenienceItem img{
  max-width: 225px;
  width: 100%;
}
#briefingContents .itemSecSub.web .convenienceItem p{
  width: 225px;
}


#clothing{
  padding-top: 100px;
}
#briefingContents .clothingSecSub{
  border: 5px solid #000;
  border-radius: 20px;
  display: flex;
  position: relative;
}
#briefingContents .clothingSecSub.taimen{
  margin-top: 50px;
}
#briefingContents .clothingSecSub.web{
  margin-top: 60px;
}
#briefingContents .clothingSecSub .image{
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 0;
  width: 48.55%
}
#briefingContents .clothingSecSub .image.image img{
  width: 64.51%;
}
#briefingContents .clothingSecSub.taimen .image{
  background-color: #FCA517;
}
#briefingContents .clothingSecSub.web .image{
  background-color: #259CE8;
}
#briefingContents .clothingSecSub .detail{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 60px;
  width: 51.45%
}
#briefingContents .clothingSecSub .detail h4{
  font-size: min(2.69vw,26px);
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  #briefingContents .clothingSecSub .detail h4 br{
    display: none;
  }
}
#briefingContents .clothingSecSub.taimen .detail h4 strong{
  color: #FC7400;
}
#briefingContents .clothingSecSub.web .detail h4 strong{
  color: #2561E8;
}
#briefingContents .clothingSecSub .detail p{
  font-size: min(1.86vw,18px);
  font-weight: 700;
  line-height: 1.88;
  margin-top: 30px;
}



/* ------- 当日の過ごし方 ---------------------------------------------- */
#briefingContents #briefingSpend{
  background-color: #F8F6F0;
  border-bottom: 5px solid #000;
  padding: 120px 0;
}
#briefingContents .spendMapsWrap{
  padding: 0 55px;
}
#briefingContents .spendItem{
  border: 5px solid #000;
  border-radius: 50px;
  padding: 90px 0 0;
  position: relative;
}
#briefingContents .spendItem:before{
  left: 50%;
  top: -55px;
  transform: translateX(-50%);
}
#briefingContents .spendItem.taimen{
  background-color: #FBA517;
  margin-top: 115px;
}
#briefingContents .spendItem.web{
  background-color: #259CE8;
  margin-top: 90px;
}

#briefingContents .spendDesc{
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
#briefingContents .spendDesc dl{
  background-color: #FFF;
  border-radius: 10px;
  padding: 40px;
  width: 49.14%;
}
#briefingContents .spendDesc dl dt{
  border-bottom: 2px dashed #000000;
  font-size: min(2.28vw,22px);
  font-weight: 700;
  text-align: center;
  padding-bottom: 20px;
}
#briefingContents .spendDesc dl dt strong{
  color: #5BB253;
}
#briefingContents .spendDesc dl dd{
  font-size: min(1.66vw,16px);
  line-height: 2;
  margin-top: 20px;
}

#briefingContents .spendMaps{
  background: url("../image/sugoshikata_taimen01.png") no-repeat;
  background-size: cover;
  padding-bottom: 50%;
  margin-top: 80px;
  margin-bottom: 100px;
  position: relative;
}
#briefingContents .spendMapsItem{
  border: 3px solid #000;
  border-radius: 50%;
  background-color: #FFF;
  padding-bottom: calc(13.79% - 12px);
  width: calc(13.79% - 6px);
  position: absolute;
  cursor: pointer;
  transition: .3s;
}
@media (hover: hover) and (pointer: fine){
  #briefingContents .spendMapsItem:hover{
    transform: scale(1.05);
  }
}
#briefingContents .spendMapsItem:before{
  background: url("../image/bg_fukidasi.svg") no-repeat;
  content: "";
  display: block;
  height: 17px;
  width: 20px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,100%);
}
#briefingContents .spendMapsItem02:before{
  bottom: auto;
  top: 0;
  transform: translate(-50%,-100%) rotate(180deg);
}
#briefingContents .spendMapsItemInner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
#briefingContents .spendMapsItemInner > p{
  font-size: min(1.4vw,20px);
  font-weight: 700;
  white-space: nowrap;
}
#briefingContents .spendMapsItemInner > div{
  font-size: min(1vw,16px);
  font-weight: 700;
  white-space: nowrap;
  line-height: 1.6;
  margin-top: 5px;
}
#briefingContents .spendMapsItemInner > div:before{
  background: url("../image/icon_arrow.svg") left center no-repeat;
  background-size: 18px auto;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  height: 18px;
  width: 18px;
}
#briefingContents .spendMapsItem01{
  top: -6.89%;
  left: 9.913%;
}
#briefingContents .spendMapsItem02{
  top: 76.72%;
  left: 58.1%;
}
#briefingContents .spendMapsItem03{
  top: 0;
  left: 54.56%;
}
#briefingContents .spendMapsItem04{
  top: 0;
  right: 4.74%;
}
#briefingContents .spendMapsItem05{
  top: 41.03%;
  left: 29.91%;
}


.iziModal{
  box-shadow: none !important;
}
.briefingModalInner{
  background-color: #FFF;
  border: 5px solid #000;
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 65px 65px;
}
.briefingModalInner .image{
  width: 46.83%;
}
.briefingModalInner .image img{
  height: auto;
  width: 100%;
}
.briefingModalInner .detail{
  color: #000;
  width: 43.04%;
}
.briefingModalInner .detail dt{
  border-bottom: 2px dashed #000;
  font-family: "Zen Maru Gothic", serif;
  font-size: min(3.12vw,30px);
  font-weight: 700;
  padding-bottom: 30px;
}
.briefingModalInner .detail dt > span{
  font-family: "Zen Maru Gothic", serif;
  font-size: min(1.4vw,20px);
  font-weight: 700;
}
.briefingModalInner .detail dd p{
  font-family: "Zen Maru Gothic", serif;
  font-size: min(1.66vw,16px);
  font-weight: 500;
  line-height: 2;
  margin-top: 30px;
}
.briefingModalInner .detail dd ul{
  margin-top: 15px;
}
.briefingModalInner .detail dd ul > li{
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-size: min(1.35vw,13px);
}
.briefingModalClose{
  background: url("../image/btn_close.svg");
  height: 70px;
  width: 70px;
  position: fixed;
  right: 0;
  top: 0;
}



.iziModal-overlay{
  background-image: url("../image/btn_close.svg");
  background-position: right 30px top 30px;
  background-repeat: no-repeat;
}
.iziModal-navigate-caption{
  display: none !important;
}
.iziModal-navigate{
  z-index: 1000 !important;
}
.iziModal-navigate>button{
  background-position: center top;
  top: 50% !important;
  height: 70px !important;
  width: 70px !important;
  opacity: 1 !important;
}
.iziModal-navigate-prev{
  background-image: url("../image/btn_prev.svg") !important;
  transform: translate(50px,-50%);
}
.iziModal-navigate-next{
  background-image: url("../image/btn_next.svg") !important;
  transform: translate(-50px,-50%);
}
.briefingModalClose{
  display: none;
}
.briefingModalSpNavi{
  display: none;
}
@media (hover: hover) and (pointer: fine){
  .iziModal-overlay:hover{
    background-image: url("../image/btn_close_on.svg");
  }
  .iziModal-navigate-prev:hover{
    background-position: center bottom;
  }
  .iziModal-navigate-next:hover{
    background-position: center bottom;
  }
}


#briefingContents .spendPoint{
  margin-top: 60px;
}
#briefingContents .spendPointInner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 30px;
}
#briefingContents .spendPointInner .ttl{
  width: 23.06%;
}
#briefingContents .spendPointInner .ttl h4{
  background: url("../image/bg_ttl.svg") center bottom no-repeat;
  background-size: 100% 32px;
  font-size: min(2.8vw,32px);
  font-weight: 700;
  text-align: center;
  padding-bottom: 32px;
  margin-bottom: 20px;
}
#briefingContents .spendPointList{
  counter-reset: number 0;
  width: 66.81%;
}
#briefingContents .spendPointList > li{
  background-color: #FFF;
  border-radius: 20px;
  padding: 30px 30px 30px 60px;
  position: relative;
}
#briefingContents .spendPointList > li:nth-child(n + 2){
  margin-top: 10px;
}
#briefingContents .spendPointList > li > div{
  background-color: #5BB253;
  border-radius: 50%;
  font-family: "Limelight", sans-serif;
  font-weight: 400;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFF;
  line-height: 1;
  height: 80px;
  width: 80px;
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
}
#briefingContents .spendPointList > li > div:after{
  counter-increment: number 1;
  content: counter(number);
  font-size: 26px;
  margin-top: 5px;
}
#briefingContents .spendPointList dt{
  color: #5BB253;
  font-size: min(3.12vw,30px);
  font-weight: 700;
}
#briefingContents .spendPointList dd{
  font-size: min(1.66vw,16px);
  line-height: 2;
  margin-top: 15px;
}



#briefingContents .briefingSpendList{
  padding: 0 55px 60px;
}
#briefingContents .briefingSpendListItem{
  background-color: #FFF;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
#briefingContents .briefingSpendListItem:nth-child(n + 2){
  margin-top: 10px;
}
#briefingContents .briefingSpendListItem .image{
  margin-left: 4.54%;
  width: 19.09%;
}
#briefingContents .briefingSpendListItem .detail{
  width: 70.9%;
}
#briefingContents .briefingSpendListItem .detail p{
  font-size: min(2.56vw,24px);
  font-weight: 700;
  line-height: 1.83;
}
@media screen and (max-width: 1010px) {
  #briefingContents .briefingSpendListItem .detail p .pcVer{
    display: none;
  }
}
#briefingContents .briefingSpendListItem .detail p strong{
  color: #2561E8;
}
#briefingContents .briefingSpendListItem .detail .notes > li{
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
}
#briefingContents .briefingSpendListItem .detail .notes > li:before{
  content: "※ ";
}



/* ------- 入場・視聴方法 ---------------------------------------------- */
#briefingContents #briefingAdmission{
  background-color: #FFFFFF;
  border-bottom: 5px solid #000;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

#briefingContents .admissionItem{
  border: 5px solid #000;
  border-radius: 50px;
  padding: 90px 55px 55px;
  position: relative;
}
#briefingContents .admissionItem:before{
  left: 50%;
  top: -55px;
  transform: translateX(-50%);
}
#briefingContents .admissionItem.taimen{
  background-color: #FBA517;
  margin-top: 115px;
}
#briefingContents .admissionItem.web{
  background-color: #259CE8;
  margin-top: 90px;
}
#briefingContents .admissionItemCol{
  background-color: #FFF;
  border-radius: 20px;
  padding: 30px 35px;
  width: 47.41%;
  position: relative;
}
#briefingContents .admissionItem > div{
  display: flex;
  justify-content: space-between;
  position: relative;
}
#briefingContents .admissionItem > div:before{
  background: url("../image/bg_admission.svg") no-repeat;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  height: 40px;
  width: 20px;
}
#briefingContents .admissionItemCol .image{
  display: flex;
  align-items: center;
  justify-content: center;
}
#briefingContents .admissionItemCol p{
  font-size: min(1.66vw,16px);
  margin-top: 20px;
  text-align: center;
}
#briefingContents .admissionItemCol ul{
  margin-top: 10px;
}
#briefingContents .admissionItemCol ul > li{
  font-size: min(1.34vw,13px);
  text-align: center;
}




/* ------- お役立ちリンク集 ---------------------------------------------- */
#briefingContents #briefingLink .briefingInner{
  background-color: #FFF;
  box-shadow: 15px 15px 0 rgba(0,0,0,.10);
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  border-left: 5px solid #000;
  border-right: 5px solid #000;
  border-bottom: 5px solid #000;
  padding: 130px 55px 70px;
  margin-top: -15px;
  position: relative;
  z-index: 0;
}
#briefingContents .briefingLinkList{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
#briefingContents .briefingLinkList > li{
  font-size: min(2.28vw,20px);
  font-weight: 700;
  margin-top: 1.72%;
  width: 49.14%;
}
#briefingContents .briefingLinkList > li:last-child{
  font-size: min(3.12vw,30px);
  text-align: center;
  width: 100%;
}
#briefingContents .briefingLinkList > li a{
  background-color: #F8F6F0;
  border-radius: 25px;
  display: block;
  padding: 40px;
  transition: .2s;
}
#briefingContents .briefingLinkList > li a span{
  background-image: url("../image/icon_arrow.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 24px auto;
  display: inline-block;
  font-weight: 700;
  padding-left: 33px;
}
#briefingContents .briefingLinkList > li:last-child a span{
  background-size: 28px auto;
  padding-left: 43px;
}
@media (hover: hover) and (pointer: fine){
  #briefingContents .briefingLinkList > li a:hover{
    color: #2561E8;
  }
  #briefingContents .briefingLinkList > li a:hover span{
    background-image: url("../image/icon_arrow_on.svg");
  }
}




#briefingContents .briefingBtn{
  background-color: #F8F6F0;
  box-shadow: 15px 15px 0 rgba(0,0,0,.10);
  border: 5px solid #000;
  border-radius: 65px;
  font-size: min(3.12vw,30px);
  font-weight: 700;
  display: block;
  padding: 28px;
  margin: 50px auto 120px;
  text-align: center;
  width: 50%;
  max-width: 570px;
  transition: .2s;
}
#briefingContents .briefingBtn > span{
  background-image: url("../image/icon_arrow.svg");
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  font-weight: 700;
  padding-left: 33px;
}
@media (hover: hover) and (pointer: fine){
  #briefingContents .briefingBtn:hover{
    color: #2561E8;
  }
  #briefingContents .briefingBtn:hover span{
    background-image: url("../image/icon_arrow_on.svg");
  }
}


#briefingContents .briefingCopyright{
  background-color: #FFF;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 100px 0;
}



#briefingContents .briefingEeservation{
  background-color: #F8F6F0;
  border-bottom: 3px solid #000;
  border-top: 3px solid #000;
  border-left: 3px solid #000;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: 20px;
  letter-spacing: .15em;
  line-height: 1.2;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  transition: .2s;
}
#briefingContents .briefingEeservation span{
  background-image: url("../image/icon_arrow.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 24px auto;
  display: inline-block;
  font-weight: 700;
  padding-bottom: 33px;
}
@media (hover: hover) and (pointer: fine){
  #briefingContents .briefingEeservation:hover{
    color: #2561E8;
  }
  #briefingContents .briefingEeservation:hover span{
    background-image: url("../image/icon_arrow_on.svg");
  }
}




/* ------- ANIMATION PARTS ---------------------------------------------- */
.fade-in {
  opacity: 0;
  transition-duration: 1s;
  transition-property: opacity, transform;
}
.fade-in-up {
  transform: translate(0, 30px);
}

.fade-in-down {
  transform: translate(0, -30px);
}

.fade-in-left {
  transform: translate(-30px, 0);
}

.fade-in-right {
  transform: translate(30px, 0);
}
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}



.iziModal.transitionIn .iziModal-iframe, .iziModal.transitionIn .iziModal-wrap {
  -webkit-animation: iziM-fadeIn .2s !important;
  -moz-animation: iziM-fadeIn .2s !important;
  animation: iziM-fadeIn .2s !important
}
.iziModal-overlay.fadeInLeft, .iziModal.fadeInLeft {
  -webkit-animation: iziM-fadeInLeft .2s cubic-bezier(.16, .81, .32, 1) !important;
  animation: iziM-fadeInLeft .2s cubic-bezier(.16, .81, .32, 1) !important
}
.iziModal-overlay.fadeOutLeft, .iziModal.fadeOutLeft {
  -webkit-animation: iziM-fadeOutLeft .3s ease !important;
  animation: iziM-fadeOutLeft .3s ease !important
}
.iziModal-overlay.fadeInRight, .iziModal.fadeInRight {
  -webkit-animation: iziM-fadeInRight .2s cubic-bezier(.16, .81, .32, 1) !important;
  animation: iziM-fadeInRight .2s cubic-bezier(.16, .81, .32, 1) !important
}
.iziModal-overlay.fadeOutRight, .iziModal.fadeOutRight {
  -webkit-animation: iziM-fadeOutRight .3s ease !important;
  animation: iziM-fadeOutRight .3s ease !important
}