html {
  scroll-padding-top: 90px;
}
@media all and (max-width: 767px) {
html {
  scroll-padding-top: 17vw;
}
}
#azerbaijan .wrap h1#ttl{
  padding:2.5em 0 2.2em;
  background:linear-gradient(rgba(39,39,39,0) 40%, #272727 90%), url(./img/bg.webp) no-repeat center top;
  background-size:cover;
  text-align:center;
  font-size:200%;
  font-weight:700;
  line-height:1.4;
}
.footph {
  background-image:url(./img/ph_azr_pc.webp);
  background-position: center center;
}
#azerbaijan .wrap h1#ttl span{
  width:859px;
  max-width:90%;
  margin:0 auto 1.2em;
  display:block;
}
#azerbaijan .wrap h1#ttl span img{
  width:100%;
  height:auto;
  aspect-ratio: 859 / 468;
}
#azerbaijan #contents{
  padding:0 0 8em;
}

@media all and (max-width: 767px) {
#azerbaijan .wrap h1#ttl{
  padding:2vw 0 6vw;
  font-size:4.6vw;
}
#azerbaijan .wrap h1#ttl span{
  width:77%;
  margin:0 auto 6vw;
}
#azerbaijan .wrap h1#ttl span img{
  height:auto;
}
#azerbaijan  #contents{
  padding:0 0 12vw;
  background-size:100%;
}
}

#azerbaijan .heritage{
  display:inline-block;
  width:4.3em;
  aspect-ratio: 420 / 140;
  margin:0 0 0 .5em;
  vertical-align:middle;
  background:url(./img/heritage.png) no-repeat center / contain;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

#azerbaijan .inner > p.intro{
  margin:0 auto 2em;
  background-color:rgba(0,0,0,.25);
  padding:1.5em;
  text-align:center;
  line-height:1.5;
  border: 1px solid rgba(255,255,255,.5);
  background-image: radial-gradient(circle 9em at right bottom, rgba(215,23,24,.22) 0%, rgba(215,23,24,0) 100%);
}

#azerbaijan #map{
  margin:0 auto;
  background: url(./img/vivanchan.svg) no-repeat right bottom;
  padding:1em 2em 2em;
  background-size:150px;
}
#azerbaijan #map figure{
  width:100%;
}
#azerbaijan #map figure img{
  display:block;
  aspect-ratio: 529 / 428;
}
#azerbaijan #map ul{
}
#azerbaijan #map ul li{
  font-weight: 500;
  margin:0 0 1em;
  font-size:120%;
}
#azerbaijan #map ul li a{
  display:flex;
  align-items:center;
}
#azerbaijan #map ul li a::before{
  content:"";
  flex-shrink:0;
  width:1.4em;
  aspect-ratio: 160 / 200;
  margin:0 .5em 0 0;
  background:no-repeat center / contain;
}
#azerbaijan #map ul li:nth-child(1) a::before{ background-image:url(./img/pin1.png);}
#azerbaijan #map ul li:nth-child(2) a::before{ background-image:url(./img/pin2.png);}
#azerbaijan #map ul li:nth-child(3) a::before{ background-image:url(./img/pin3.png);}
#azerbaijan #map ul li:nth-child(4) a::before{ background-image:url(./img/pin4.png);}
#azerbaijan #map ul li:nth-child(5) a::before{ background-image:url(./img/pin5.png);}
#azerbaijan #map ul li:nth-child(6) a::before{ background-image:url(./img/pin6.png);}
#azerbaijan #map ul li:nth-child(7) a::before{ background-image:url(./img/pin7.png);}
@media all and (min-width: 768px) { 
#azerbaijan #map{ 
  display: flex;
  justify-content: center;
  align-items: center;
}
#azerbaijan #map figure {
  width:48%;
}
#azerbaijan #map ul{
  width:48%;
  margin:0 0 0 4%;
}
}
@media all and (max-width: 991px) {
#azerbaijan #map{
  background-size:12vw;
}
#azerbaijan #map ul li{
  font-size:2vw;
}
}
@media all and (min-width: 768px) and (max-width: 991px) {
#azerbaijan #map{
  padding:1em 0 2em;
}
#azerbaijan #map figure {
  width:54%;
}
#azerbaijan #map ul{
  width:44%;
  margin:0 0 0 2%;
}
}
@media all and (max-width: 767px) {
#azerbaijan .inner > p.intro{
  margin:0 auto 5vw;
  padding:5vw 2vw;
  font-size:3.5vw;
}
#azerbaijan #map{
  background-size:23vw;
}
#azerbaijan #map ul{
  margin:6vw 0 0;
}
#azerbaijan #map ul li{
  margin:0 0 3vw;
  font-size:4vw;
}
}

#azerbaijan article{
  border: 1px solid rgba(255,255,255,.5);
  margin:0 auto;
  background-color:rgba(0,0,0,.25);
  background-image:
    radial-gradient(ellipse 4% 15% at left top, rgba(215,23,24,.12) 0%, rgba(215,23,24,0) 100%),
    radial-gradient(ellipse 16% 15% at right bottom, rgba(215,23,24,.2) 0%, rgba(215,23,24,0) 100%);
}
#azerbaijan .location{
  width:93%;
  margin:0 auto;
  padding:2.5em 0;
  border-bottom: 1px solid rgba(255,255,255,.5);
}
#azerbaijan .location:last-child {
  border-bottom: none;
}
#azerbaijan .location h2{
  display:flex;
  align-items:center;
  color:#d71718;
  font-weight: 600;
  font-size:200%;
  line-height:1.3;
  margin:0 0 .8em;
}
#azerbaijan .location h2::before{
  content:"";
  flex-shrink:0;
  width:3.9em;
  aspect-ratio: 623 / 335;
  margin:0 .3em 0 0;
  background:no-repeat center / contain;
}
#azerbaijan #location1 h2::before{ background-image:url(./img/location1.png);}
#azerbaijan #location2 h2::before{ background-image:url(./img/location2.png);}
#azerbaijan #location3 h2::before{ background-image:url(./img/location3.png);}
#azerbaijan #location4 h2::before{ background-image:url(./img/location4.png);}
#azerbaijan #location5 h2::before{ background-image:url(./img/location5.png);}
#azerbaijan #location6 h2::before{ background-image:url(./img/location6.png);}
#azerbaijan #location7 h2::before{ background-image:url(./img/location7.png);}
#azerbaijan .location h2 .sub{
  display:block;
  font-weight: 500;
  font-size:62.5%;
  color:#fff;
}
#azerbaijan .location h2 .heritage{
  font-size:60%;
}
#azerbaijan .location figure,
#azerbaijan .location figure img{
  border-radius:4px;
}
#azerbaijan .location figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio: 3 / 2;
  object-fit:cover;
}
#azerbaijan .location figure.v img{
  aspect-ratio: 2 / 3;
}
#azerbaijan .location .set.r135 figure img{
  aspect-ratio: 1350 / 1000;
}
#azerbaijan .location p{
  line-height:1.6;
}
#azerbaijan .location .set{
  display:flex;
  margin:0 0 1.25em;
}
#azerbaijan .location .set:last-child{
  margin-bottom:0;
}
#azerbaijan .location .set p{
  margin:.6em 0 0;
}

@media all and (min-width: 768px) {
#azerbaijan .location .set{
  justify-content:space-between;
  align-items:flex-start;
}
#azerbaijan .location .set > figure{
  width:53.5%;
}
#azerbaijan .location .set .col{
  width:44.6%;
}
#azerbaijan .location .set.pt > figure{
  width:32.7%;
}
#azerbaijan .location .set.pt .col{
  width:65.4%;
}
#azerbaijan .location .set.center{
  flex-wrap:wrap;
  justify-content:center;
  gap:0 1.9%;
}
#azerbaijan .location .set.center > figure{
  width:65.4%;
}
#azerbaijan .location .set.center > figure.v{
  width:32.7%;
}
#azerbaijan .location .set.center p{
  width:100%;
  text-align:center;
}
}
@media all and (max-width: 991px) {
#azerbaijan .location p{
  font-size:1.5vw;
}
#azerbaijan .location h2{
  font-size:3vw;
}
}
@media all and (max-width: 767px) {
#azerbaijan .location p{
  font-size:3.5vw;
}
#azerbaijan .location{
  padding:6vw 0;
}
#azerbaijan .location h2{
  font-size:4.6vw;
}
#azerbaijan .location h2 .sub{
  font-size:65%;
}
#azerbaijan .location .set{
  flex-wrap:wrap;
  gap:0 2vw;
  margin:0 0 5vw;
}
#azerbaijan .location .set .col{
  display:contents;
}
#azerbaijan .location .set figure{
  flex:1.5 1 0;
  min-width:0;
}
#azerbaijan .location .set figure.v{
  flex:.667 1 0;
}
#azerbaijan .location .set p{
  order:1;
  width:100%;
}
#azerbaijan .location .set.center{
  justify-content:center;
}
#azerbaijan .location .set.center figure.v{
  flex:0 0 37.5%;
}
}

a.hankyu{
  width:450px;
  max-width:100%;
  aspect-ratio: 4 / 3;
  display:block;    
  margin:4em auto 0;
}
#azerbaijan .inner > p.note{
  margin:.6em 0 0;
  text-align:center;
  font-size:75%;
}

#azerbaijan a.btn_1{
  margin-top:3em;
}

@media all and (max-width: 767px) {
a.hankyu{
  width:80%;
  margin:8vw auto 0;
}
#azerbaijan a.btn_1{
  margin-top:8vw;
}
}
span{}

@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}