@charset "utf-8";
/* CSS Document */
section:nth-last-of-type(n + 2){margin-bottom: 56px;}

.cht_pagettl{
  display: flex;
  justify-content: space-between;
  gap: 12px 24px;
  font-size: clamp(1.125rem, 4vw, 2.25rem);
}
.cht_pagettl h1{
  gap: 4px;
  margin-bottom: clamp(0.5rem, -0.327rem + 3.08vw, 1.25rem);/*8-20 430-820*/
}
.cht_pagettl h1 span{
  color: #00AAE5;
}
.cht_pagettl div:first-child{
  flex: 0 0 auto;
}
.cht_pagettl div:last-child{
  flex: 0 1 auto;
}
.cht_pagettl div > p{
  margin-bottom: clamp(0.625rem, -0.34rem + 3.59vw, 1.5rem);/*10-24 430-820*/
  font-size: clamp(0.75rem, 0.474rem + 1.03vw, 1rem);/*12-16 430-820*/
  font-weight: 500;
}
.cht_pagettl div a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(11.625rem, 7.215rem + 16.41vw, 15.625rem);/*186-250 430-820*/
  height: clamp(2.5rem, 1.535rem + 3.59vw, 3.375rem);/*40-54 430-820*/
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #FFFFFF;
  border-radius: 4px;
  background-color: #FF81B8;
}
.cht_pagettl div a.cht_tohiroshima{background-color: #068BF1;}
.cht_pagettl div a .cht_svg{
  position: absolute;
  right: clamp(12px, 3.17vw, 26px);
  top: calc(50% - 7px);
  transition: all 0.2s linear;
}
.cht_pagettl div picture{
  display: block;
  max-width: 750px;
  aspect-ratio: 361/100;
}
.cht_pagettl div picture img{
  width: 100%;
  height: 100%;
}


.cht_notes{
  margin-bottom: 24px;
  font-size: 0.75rem;
  font-weight: 600;
}


.cht_cotentswrap{margin-bottom: 120px;}



.cht_newlistlink a{height: 72px;}
.cht_newlistlink a .cht_svg{
  position: absolute;
  right: 40px;
  top: calc(50% - 7px);
}




@media screen and (min-width:821px){
  .cht_pagettl div a:hover .cht_svg{
    right: 10px;
  }
}




@media (max-width: 820px){
  .cht_pagettl{flex-wrap: wrap;}
  .cht_pagettl > div:first-of-type{order: 2;}
  .cht_pagettl > div:last-of-type{order: 1;}


  .cht_cotentswrap{margin-bottom: max(60px, 14.63vw);}

.cht_newlistlink a{height: max(52px, 8.78vw);}
}