@charset "UTF-8";

/*アンカーリンク*/
#era1 + div {
width: 54%;
float: left;
clear: initial;
}
#era2 + div {
width: 46%;
clear: initial;
}
#era1 + div,
#era2 + div {
min-width: 0;
}
#era1 + div .content_wrapper,
#era2 + div .content_wrapper {
display: flex;
gap: 1rem;
}
#era1 + div .content_wrapper>a,
#era2 + div .content_wrapper>a {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
min-width: initial;
width: 100px !important;
padding-left: 4px;
padding-right: 4px;
}
#era1 + .contents_btn01 a span,
#era2 + .contents_btn01 a span {
padding: 14px 0 11px;
font-size: clamp(1.4rem, 2vw, 1.5rem);
}
@media screen and (min-width: 1650px){
#era1 + div {
width: 53%;
}
#era2 + div {
width: 47%;
}
}
@media screen and (min-width: 901px){
#era1 + div {
padding-top: 0;
}
#era1 + div .content_wrapper,
#era2 + div .content_wrapper {
padding: 0;
}
#era1 + div .content_wrapper {
padding-right: 0.5rem;
padding-left: 20px;
margin-left: auto;
margin-right: initial;
justify-content: flex-end;
}
#era2 + div .content_wrapper {
padding-left: 0.5rem;
padding-right: 20px;
margin-right: auto;
margin-left: initial;
}
}
@media screen and (max-width: 1123px){
#era1 + div {
width: 56%;
}
#era2 + div {
width: 44%;
}
}
@media screen and (max-width: 900px){
#era1 + div,
#era2 + div {
clear: both;
width: 100%;
padding-top: 0;
padding-bottom: 1rem;
}
#era1 + div .content_wrapper, #era2 + div .content_wrapper {
justify-content: center;
}
#era1 + div .content_wrapper>a,
#era2 + div .content_wrapper>a {
width: 16vw !important;
}
}

/*調整*/
.contents_btn01 .content_wrapper>a{
  min-width: 300px;
}
@media screen and (max-width: 480px){
.contents_btn01 .content_wrapper>a{
  margin-left: 0;
  margin-right: 0; 
}
}
@media screen and (max-width: 360px){
.contents_btn01 .content_wrapper>a{
  max-width: 260px;
  min-width: 260px;
}
}