@charset "UTF-8";
 .l-footer__nav {
gap: 1em;
padding: 1em 0 4em;
}
.l-footer__nav a {
border-right: none;
}
.l-footer__nav li:first-child a {
border-left: none;
}
.l-footer__nav > li > a {
font-weight: 700;
font-size: 14px;
}
.l-footer__nav .sub-menu {
margin-top: 0.25em;
display: grid;
gap: 0.15em;
}
.l-footer__nav .sub-menu > li {
margin-left: 0.75em;
}
.l-footer__nav .sub-menu > li a {
padding: 0 0.75em;
position: relative;
font-size: 13px;
}
.l-footer__nav .sub-menu > li a::before {
content: "";
width: 5px;
height: 1px;
background-color: var(--color_footer_text);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.l-footer__nav {
gap: 0.5em;
flex-direction: column;
}
.l-footer__nav > li:nth-of-type(n + 2) {
padding-bottom: 0.5em;
}
.l-footer__nav > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.l-footer__nav > li > a {
font-size: 13px;
}
.l-footer__nav .sub-menu {
margin-top: 0.2em;
gap: 0.5em;
}
.l-footer__nav .sub-menu > li a {
font-size: 12px;
}
} .float-button__wrap {
width: 100%;
padding: 1%;
background-color: rgba(0,0,0,0.5);
position: fixed;
bottom: 0;
z-index: 10;
text-align: center;
font-size: 1.2vw;
}
.float-button__wrap__box{
width: 95%;
margin: auto;
display: flex;
justify-content: space-between;
}
.float-button__wrap h4{
color: #fff;
}
.float-button__wrap__box a {
background-color: #00B900;
display: block;
width: 45%;
color: white;
font-weight: bold;
text-decoration: none;
line-height: 50px;
border-radius: 50px;
}
.float-button__wrap__box a:nth-of-type(2) {
background-color: #8a5db7;
}
.float-button__wrap__box a:last-of-type {
background-color: #338df4;
}
@media screen and (max-width: 1000px){
.float-button__wrap__box a{
font-size: 1.5vw;
}
}
@media screen and (max-width: 767px){
.float-button__wrap h4 {
font-size: 2.5vw;
}
.float-button__wrap__box {
width: 90%;
}
.float-button__wrap__box a{
font-size: 2vw;
line-height: 40px; 
}
}
@media screen and (max-width: 500px){
.float-button__wrap h4 {
font-size: 3vw;
}
.float-button__wrap__box a{
font-size: 2.5vw;
}
} .p-fixBtnWrap{
bottom: 5em;
} .p-mainVisual__textLayer{
left: 0;
-webkit-transform: unset; 
transform: unset; 
}
.main-bisual{
color: #000;
position: absolute;
top: 4.4vw;
float: right;
}
.main-bisual-top p{
font-size: 1.7vw;
font-weight: bold;
-webkit-text-stroke: 1px black;
text-shadow:
1px 1px 0 #fff,
-1px -1px 0 #fff,  
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
.main-bisual h1{
margin-top: 2rem;
text-align: left;
font-size: 2.5vw;
text-shadow:
1px 1px 0 #fff,
-1px -1px 0 #fff,  
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
.main-bisual h1 .main-bisual-red{
color: #e74c3d;
}
.main-bisual-list{
margin-top: 19vw;
padding-left: 0 !important;
}
.main-bisual-list-item{
background: black;
width: 60%;
font-size: 1.5vw;
list-style: none;
border-radius: 10px;
border: 3px solid #e74c3d;
padding: 1%;
text-align: center;
color: #fff;
}
@media (max-width: 959px){
.main-bisual-top p{
font-size: 3vw;
text-shadow:
0.1vw 0.1vw 0 #fff,
-0.1vw -0.1vw 0 #fff,  
0.1vw -0.1vw 0 #fff,
-0.1vw 0.1vw 0 #fff,
0.1vw 0.1vw 0 #fff;
}
.main-bisual{
width: 100%;
top: 2.4vw;
}
.main-bisual h1{
font-size: 4.1vw;
margin-top: 0;
text-shadow:
0.1vw 0.1vw 0 #fff,
-0.1vw -0.1vw 0 #fff,  
0.1vw -0.1vw 0 #fff,
-0.1vw 0.1vw 0 #fff,
0.1vw 0.1vw 0 #fff;
}
.main-bisual-list{
margin-top: 55vw; width: 90%;
}
.main-bisual-list-item{
background: black;
width: 65%;
font-size: 3.5vw;
list-style: none;
border-radius: 10px;
border: 3px solid #e74c3d;
padding: 1%;
text-align: center;
color: #fff;
}
}