@charset "shift_jis";
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
zoom:1;
display:block;
max-width:750px;
width:100%;
height:auto;
margin:auto;
}
/* wrap */
.anaLogoJapanWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background: #ffffff;
}
.anaLogoJapanWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.anaLogoJapanWrap a{
display: block;
}
/*anchorLinkBlockA01************************************************/
.anaLogoJapanWrap .anchorLinkBlockA01 {
margin: calc(60 / 750 * 100%) 0 calc(80 / 750 * 100%);
}
.anaLogoJapanWrap .anchorLinkBlockA01 ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 5px;
}
.anaLogoJapanWrap .anchorLinkBlockA01 ul li{
width: calc(370 / 750 * 100%);
}
.anaLogoJapanWrap .btnBlockA01{
width: calc(587 / 750 * 100%);
margin: calc(40 / 750 * 100%) auto 0;
}

/* bannerWrap */
.bannerTitle{
  margin: calc(80 / 750* 100%) auto 0;
}
.bannerWrap {
  margin: calc(50 / 750 * 100%) auto; /* 調整 */
}
.titleBlock-h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.bannerList {
  margin-top: calc(20 / 750 * 100%); /* 調整 */
  margin-inline: auto;
  width:calc(690 / 750 * 100%); /* 調整 */
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}
/* 286バナー 2カラム */
.col2-286_286 .bannerList {
  --gap: 20px; /* 調整 */
  gap: var(--gap);
}
.col2-286_286 .bannerItem {
  width: calc(50% - var(--gap) / 2);
}
/* 286バナー 3カラム */
.col3-286_286 .bannerList {
  --gap: 10px; /* 調整 */
  gap: var(--gap);
}
.col3-286_286 .bannerItem {
  width: calc((100% / 3) - var(--gap) * 2 / 3);
}