#exp{
  line-height:1.8;
}
#exp a{
  text-decoration:none;
  color:#0168B7;
}
#exp a:hover{
  text-decoration:none;
  text-decoration:underline;
}

#exp .exp-01{
  background-image:url("/jp/headline/expo2025/img/bg-r2.png");
  background-size: 100% auto;
  width:100%;

}

#exp .exp-02{
  background-image:url("/jp/headline/expo2025/img/bg-b.png");
  background-size: 100% auto;
  width:100%;

}

#exp .exp-03{
  background-image:url("/jp/headline/expo2025/img/bg-g2.png");
  background-size: 100% auto;
  width:100%;

}


#exp .exp-04{
  background-image:url("/jp/headline/expo2025/img/bg-b2.png");
  background-size: 100% auto;
  width:100%;

}

.bg-kvsi{
  background-image:url("/jp/headline/expo2025/img/kv-pc-si.jpg");
  background-size: 100% auto;
  width:100%;
}

@media screen and (max-width: 768px){
.bg-kvsi{
  background-image:url("/jp/headline/expo2025/img/kv-sp-si.jpg");
  }
}

.bg-obi{
  background-image:url("/jp/headline/expo2025/img/headobi.png");
  background-size: 100% auto;
  width:100%;
  text-align: center;
  justify-content:center;
  margin-top:-100px;
}


.bg-r{
   background-color:#E70012;
}

.bg-g{
  background-color:#D2D7DA;
}

.bg-b{
  background-color:#0168B7;
}

#exp img{
  width:100%;
  vertical-align:bottom;
}

#exp h1:before, #exp h2:before, #exp h3:before{
  content:none;
}

#exp section > *:nth-child(n+2){
  margin-top:0;
}

#exp .exp-header, #exp .exp-inner{
  max-width:1080px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

}

@media screen and (max-width: 768px){
  #exp .exp-header, #exp .exp-inner{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
  margin-left:3%;
  margin-right:3%;
  }
}

@media screen and (min-width: 768px){
  #exp .exp-header, #exp .exp-inner{
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
  }
}

@media screen and (max-width: 1280px){
  #exp .exp-header, #exp .exp-inner{
  margin-left:10%;
  margin-right:10%;
  }
}

@media screen and (min-width: 1280px){
  #exp .exp-header, #exp .exp-inner{
    margin:0 auto;
  }
}

#exp .exp-section{
  margin-top:0;

}

#exp .exp-section .exp-header {
  width:auto;
  height:auto;
  position:static;
  -webkit-box-shadow:none;
          box-shadow:none;
}

#exp .exp-section .exp-header .exp-inner{
  width:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
}

#exp .exp-section .exp-text{
  width:90%;
}
@media screen and (max-width: 768px){
  #exp .exp-section .exp-text{
    width:auto;
  }
}

#exp .exp-col{
  width: 100%;
  text-align: left;
  justify-content:space-between;
  margin:0 auto;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
  margin-top:40px;
}

#exp .col-box{
  width: 100%;
}

#exp .col-coml{
  width:40%;
  margin-left:10%;
}

#exp .col-comr{
  width:45%;
  margin-right:5%;
}

#exp .col-ivl{
  width:51%;
  margin-right:4%;
}

#exp .col-ivr{
  width:41%;
  margin-left:4%;
}

@media screen and (min-width: 768px){
  #exp .col-box{width: calc(94% / 3);}
  #exp .exp-col::after{content:"";display:block;width:calc(100% / 3);}
}

@media screen and (max-width: 768px){
  #exp .exp-col2{margin-top:30px;}
  #exp .col-box{width:100%;}
  #exp .coll2{width:100%;margin:0;}
  #exp .colc2{width:100%;margin:0;}
  #exp .colr2{width:100%;margin:0;}
  #exp .col-ivl{width:100%;margin:0;}
  #exp .col-ivr{width:100%;margin-top:40px;margin-left:0;}
}

#exp .exp-section {
  font-size:3rem;
  font-weight:400;
  line-height:1;
}
@media screen and (min-width: 768px){
  #exp .exp-section {
    font-size:3.25rem;
  }
}
@media screen and (min-width: 1024px){
  #exp .exp-section {
    font-size:4.25rem;
  }
}
@media screen and (min-width: 1080px){
  #exp .exp-section {
    font-size:5rem;
  }
}
@media screen and (max-width: 375px){
  #exp .exp-section {
    font-size:2.5rem;
  }
}
  #exp .exp-section .exp-item .exp-image{
    margin:0 0 4% 0;
  }
}

@media screen and (min-width: 576px){
  #exp .exp-main-graphic .exp-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }
}
  #exp .exp-main-graphic .exp-text{
    width:50%;
  }

@media screen and (max-width: 576px){
  #exp .exp-main-graphic .exp-inner{
    padding:0;
  }

  #exp .exp-main-graphic .exp-text{
    padding:4vh 8vw;
  }

  #exp .exp-main-graphic .exp-lead{
    font-size:4.2vw;
  }

  #exp .exp-main-graphic .exp-image{
    margin:0 0 1px 0;
  }
}

.exp-key-visual-pc {
    position: relative;
    display:block;
}

.exp-key-visual-sp {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    display:none;
    width:100%;
}

.yt01 {
   width: 80%;
   margin: 1% 5% 5%;
   text-align: center;
}

.br-sp{display:none;}


.exp-slpc {
    position: relative;
    display:block;
}

.exp-slsp {
    position: relative;
    display:none;
}

.exp-waku192 {
    position: relative;
    display:block;

}

.exp-waku160 {
    position: relative;
    display:none;
}

.exp-waku128 {
    position: relative;
    display:none;
}

.exp-waku108 {
    position: relative;
    display:none;
}

.exp-waku768 {
    position: relative;
    display:none;
}

.mg-lef01{
  margin-left:6%;
}


@media screen and (max-width: 1600px){
  .exp-waku192{display:none;}
  .exp-waku160{display:block;}
  .exp-waku128{display:none;}
  .exp-waku108{display:none;}
  .exp-waku768{display:none;}
}

@media screen and (max-width: 1280px){
  .exp-waku192{display:none;}
  .exp-waku160{display:none;}
  .exp-waku128{display:block;}
  .exp-waku108{display:none;}
  .exp-waku768{display:none;}
}

@media screen and (max-width: 1080px){
  .exp-waku192{display:none;}
  .exp-waku160{display:none;}
  .exp-waku128{display:none;}
  .exp-waku108{display:block;}
  .exp-waku768{display:none;}
}

@media screen and (max-width: 768px){
  .exp-key-visual-pc { display:none;}
  .exp-key-visual-sp { display:block;}
  .yt01 {width: 100%; margin: 0;}
  .br-sp{display:block;}
  .exp-waku192{display:none;}
  .exp-waku160{display:none;}
  .exp-waku128{display:none;}
  .exp-waku108{display:none;}
  .exp-waku768{display:block;}
  .exp-slpc{display:none;}
  .exp-slsp{display:block;}
  .mg-lef01{margin-left:0;}
}


#exp p {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: normal;
  line-height:1.5;
  border:0;
  margin:0;
  padding:0;
  font-size: 20px;
}

#exp h1 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  line-height:1.2;
  border:0;
  font-size: 1.8vw;
  text-align: center;
  justify-content:center;
  width:100%;
  margin-top:30px;
  color:#ffffff;
}

#exp h2 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 600;
  font-style: bold;
  line-height:1.6;
  border:0;
  margin-top:60px;
  padding:0;
  font-size: 50px;
  color:#FFFFFF;
}


.gotoexpo{
  position:absolute;
  right:20%;
  bottom:45%;
  z-index:11;
}

@media screen and (max-width: 1600px){
  .gotoexpo{right:15%;bottom:50%;}
}

@media screen and (max-width: 1280px){
  #exp h1 {font-size: 2.1vw;}
  #exp h2 {margin-left:0;}
}

@media screen and (max-width: 1080px){
  .gotoexpo{right:15%;bottom:55%;}
  #exp h2 {font-size: 35px;margin-left:0}
}

@media screen and (max-width: 768px){
  #exp h1 {font-size: 5vw; margin-top:7%;}
  #exp h2 {font-size: 28px;margin-left:0;line-height:1.2;}
  .gotoexpo{right:10%;bottom:40%;}
  #exp p {font-size: 15px;}
}


#exp h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: bold;
  line-height:0.5;
  border:0;
  margin-top:80px;
  padding:0;
  font-size: 70px;
  color:#FFFFFF;
  text-shadow: 2px 2px 8px #bdbdbd;
}

.exp-day {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height:2;
  border:0;
  margin-top:10px;
  padding:0;
  font-size: 15px;
  align:left;
  text-align: left;
}

.exp-see {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 600;
  font-style: bold;
  line-height:2;
  border:0;
  margin-top:10px;
  padding:0;
  font-size: 26px;
  color:#E70012;
  text-decoration:underline;
  align:left;
  text-align: left;
}

.exp-pla {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 600;
  font-style: bold;
  line-height:2;
  border:0;
  padding:0;
  margin-top:-5px;
  margin-bottom:30px;
  font-size: 13px;
  align:left;
  text-align: left;
}

.tb-tx{
  width:100%;
  align:left;
  text-align: left;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: nomal;
  line-height:1.2em;
  border:0;
  margin-top:0;
  font-size: 20px;
  color:#0168B7;
}

.tb-sw{
  width:100%;
  align:center;
  text-align: center;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: nomal;
  line-height:1.2em;
  border:0;
  font-size: 18px;
  color:#ffffff;
}
.tb-yt2{
  width:100%;
  align:left;
  text-align: left;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: bold;
  line-height:1em;
  border:0;
  margin-top:40px;
  font-size: 12px;
  color:#ffffff;
}

.tb-yt{
  width:100%;
  align:left;
  text-align: left;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: bold;
  line-height:1em;
  border:0;
  margin-top:40px;
  font-size: 20px;
  color:#ffffff;
}

.tb-bt{
  width:100%;
  align:right;
  text-align: right;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: bold;
  line-height:1em;
  border:0;
  margin-top:10px;
  font-size: 12px;
  color:#ffffff;
}

.tx-cop{
  width:100%;
  align:center;
  text-align: center;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: bold;
  line-height:1em;
  border:0;
  font-size: 16px;
  color:#ffffff;
  padding:20px;
}

.tx-blu{
  color:#0168B7;
}

.tx-red{
  color:#E70012;
}

.initi-waku{
  border: solid 4px #ffffff ;
  border-radius:0.8em;
}

.hover-op{
  transition-property: opacity;
  transition-duration: 0.3s;
}

.hover-op:hover{opacity:0.6;}

.color-w{
  color:#ffffff;
}

.yt-waku{
  border: solid 4px #ffffff;
  border-radius:70px;
}

.hr-st{
  border:solid 1px white;
  width:60px;
}

.hr-stb{
  border:solid 1px #0168B7;
  width:60px;
}

.lin-waku{
  background-size: 100% auto;
  background-image:url("/jp/headline/expo2025/img/bg-gra.png");
}

.lin-waku2{
  background-size: 100% auto;
  background-image:url("/jp/headline/expo2025/img/bg-wh.png");
}

.gotopamph{
  position: relative;
  display:block;
  background-image:url("/jp/headline/expo2025/img/gaikan.png");
  background-size: 100% auto;
  width:100%;
  align: right;
  text-align: right;
  justify-content:right;
}

.ishi-com{
  background-image:url("/jp/headline/expo2025/img/back-ye.png");
  background-size: 100% auto;
  width:100%;
  align:left;
  text-align: left;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: nomal;
  line-height:1.5em;
  border:0;
  padding:100px;
  font-size: 24px;
}

/* ここから一番上のスライダー */

.slider01 {
	object-fit:cover;
	width:100&;
	aspect-ratio: 19 / 13;
	overflow: hidden;
	position: relative;
	max-width: 100%;
}

.slider01 div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
	opacity: 0;
	animation-name: slide-fade;
	animation-duration: 21s; /* 最後のdelay+7秒に変更 */
	animation-iteration-count: infinite;
	transform: scale(1.2); 
}

@keyframes slide-fade {
	0%{
		opacity: 0;
	}
	20%{
		opacity: 1;
	}
	80%{
		opacity: 0;
		transform: scale(1); 
	}
	100%{
		opacity: 0;
		z-index: 0;
	}
}

/* 最初のＰＣのスライド画像 */
.slider01 div:first-of-type{
	background-image: url("/jp/headline/expo2025/img/kv-pc-01.jpg"); 
}
 /* ２番目のＰＣのスライド画像 */
.slider01 div:nth-of-type(2){
	background-image: url("/jp/headline/expo2025/img/kv-pc-02.jpg"); 
	animation-delay: 7s; /* 前の秒数＋７秒 */
}
 /* 最後のＰＣのスライド画像 */
.slider01 div:last-of-type{
	background-image: url("/jp/headline/expo2025/img/kv-pc-04.jpg"); 
	animation-delay: 14s; /* 前の秒数＋７秒 */
}

.slider02 {
	object-fit:cover;
	width:100%;
	aspect-ratio: 18 / 19;
	overflow: hidden;
	position: relative;
	max-width: 100%;
}

.slider02 div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
	opacity: 0;
	animation-name: slide-fade;
	animation-duration: 21s; /* 最後のdelay+7秒に変更 */
	animation-iteration-count: infinite;
	transform: scale(1.2); 
}

@keyframes slide-fade {
	0%{
		opacity: 0;
	}
	20%{
		opacity: 1;
	}
	80%{
		opacity: 0;
		transform: scale(1); 
	}
	100%{
		opacity: 0;
		z-index: 0;
	}
}

/* 最初のＳＰのスライド画像 */
.slider02 div:first-of-type{
	background-image: url("/jp/headline/expo2025/img/kv-sp-01.jpg");
}
/* ２番目のＳＰのスライド画像 */
.slider02 div:nth-of-type(2){
	background-image: url("/jp/headline/expo2025/img/kv-sp-02.jpg");
	animation-delay: 7s; /* 前の秒数＋７秒 */
}
/* 最後のＳＰのスライド画像 */
.slider02 div:last-of-type{
	background-image: url("/jp/headline/expo2025/img/kv-sp-04.jpg");
	animation-delay: 14s; /* 前の秒数＋７秒 */
}

/* ここまで一番上のスライダー */



.swiper-slide {
 opacity: .3;
 transform: scale( .8);
 transition: .3s;
}

.swiper-slide img {
  text-align: center;
  justify-content:center;
  height: auto;
  width: 100%;
}

.swiper-slide-active {
 opacity: 1;
 transform: scale(1);
 x-index:1;
}

.swiper-button-prev {
margin-top:-6%;
margin-left:26.5%;
}

.swiper-button-next {
margin-top:-6%;
margin-right:26.5%;
}


@media screen and (max-width: 1280px){
  .swiper-button-prev {margin-top:-12%;margin-left:20%;}
  .swiper-button-next {margin-top:-12%;margin-right:20%;}
}


@media screen and (max-width: 756px){
  .swiper-button-prev {;margin-left:35%;margin-top:33%;}
  .swiper-button-next {;margin-right:35%;margin-top:33%;}
}


/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::before,
.swiper-button-next::before,
.swiper-button-prev::after,
.swiper-button-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::before {
  content: "";
	width: 48px;
	height: 48px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #ffffff;
}

.swiper-button-prev::after {
	left: 9px;
	width: 12px;
	height: 12px;
	border-top: 3px solid #0168B7;
	border-right: 3px solid #0168B7;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
/* 次への矢印カスタマイズ */
.swiper-button-next::before {
	width: 48px;
	height: 48px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #ffffff;
}

.swiper-button-next::after {
	left: 6px;
	width: 12px;
	height: 12px;
	border-top: 3px solid #0168B7;
	border-right: 3px solid #0168B7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mg-153{margin-top:-150px;margin-bottom:-90px;}

.mb-63{margin-bottom:60px;}

.swid{
 width:60%;
}

@media screen and (max-width: 768px){
  .mb-63{margin-bottom:30px;}
.mg-153{margin-top:0px;margin-bottom:-10px;}
}