.base_txt {
margin-bottom: 1em;
font-size: 1.6rem;
}
@media (max-width: 768px) {
.base_txt {
font-size: 1.4rem;
}
}
.base_txt p {
line-height: 2;
font-size: 1em;
}
.base_txt.center {
text-align: center;
}
@media (max-width: 768px) {
.base_txt.center {
text-align: left;
}
}
.base_txt.right {
text-align: right;
}   .bg_navy {
background-color: #171C2F;
}
.bg_yellow {
background-color: #FFFE00;
}
.bg_blue {
background-color: #29C5D4;
}
.bg_black {
background-color: #000;
}
.bg_white {
background-color: #fff;
}
.bg_light_gray {
background-color: #F4F4F4;
}   .base_btn {
display: inline-block;
}
.base_btn a {
text-align: center;
display: block;
padding: 1em 2em;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.8rem;
min-width: 240px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.base_btn.yellow a {
background-color: #FFFE00;
border: 1px solid #FFFE00;
color: #000;
}
.base_btn.yellow a:hover {
background-color: #171C2F;
color: #fff;
}
.base_btn.black a {
background-color: #000;
border: 1px solid #000;
color: #FFFE00;
}
.base_btn.black a:hover {
background-color: #FFFE00;
color: #000;
}
.base_btn.white a {
background-color: #fff;
border: 1px solid #fff;
color: #000;
}
.base_btn.white a:hover {
background-color: #FFFE00;
color: #000;
border: 1px solid #FFFE00;
}
.base_btn.txt_white a {
color: #fff;
}
.base_btn.bo_white a {
border: 1px solid #fff;
color: #fff;
}
.base_btn.ja a {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
.base_btn.ja a:hover {
background-color: #FFFE00;
color: #000;
border: 1px solid #FFFE00;
}
.base_btn.no_link a {
pointer-events: none;
}   .main_ttl {
margin-bottom: 0.7em;
font-size: 6rem;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
@media (max-width: 768px) {
.main_ttl {
font-size: 3rem;
}
}