@charset "utf-8";







.btn01 a {
background: #ff0666;
border-radius: 3px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 300px;
padding: 15px 0 15px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
}
.btn01 a:hover {
background: #313131;
color: #FFF;
}
.btn01 a:after {
content: '';
width: 10px;
height: 10px;
border-top: 3px solid #FFF;
border-right: 3px solid #FFF;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
border-radius: 1px;
transition: 0.3s ease-in-out;
}
.btn01 a:hover:after {
border-color: #FFF;
}


.btn03 {
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
padding-bottom: 60px;
}
.btn03 a {
background: #ca3d77;
border-radius: 6px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 300px;
padding: 20px 0 20px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
width: 300px;
}
.btn03 a:hover {
background: #313131;
color: #FFF;
}
.btn03 a i.fa-solid.fa-arrow-up-right-from-square {
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 26px;
right: 20px;
}


.btn04 a {
background: #ca3d77;
border-radius: 82px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 300px;
padding: 12px 50px 12px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
font-size: 14px;
margin-right: 20px;
}
.btn04 a:hover {
background: #313131;
color: #FFF;
}
.btn04 a i.fa-solid.fa-arrow-up-right-from-square {
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 16px;
right: 20px;
}







/*--------------------------------------------------------------
## 大デバイス（デスクトップ, 1200px 未満）
--------------------------------------------------------------*/
@media (max-width: 1295px) {

.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 3rem 1rem 2rem 1rem !important;
}

}

/*--------------------------------------------------------------
## 中デバイス（タブレット, 992px 未満）
--------------------------------------------------------------*/
@media (max-width: 991.98px) {

}

/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 未満）
--------------------------------------------------------------*/
@media (max-width: 767.98px) {

}

/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {

}