@charset "UTF-8";

/* ===============================================================
ボタン
================================================================== */

.btn-next{
position: absolute;
z-index: 999;
bottom: 0;
left: 50%;
transform: translateX(-50%);

}

.btn-next a{
display: block;
background-color: #FCB000;
color: #fff;
width: 115px;
border-radius: 100px 100px 0 0;
text-align: center;
padding: 50px 10px 30px 10px;
}


.btn-next a::before{
display: block;
margin-bottom: 10px;
font-family: "Material Symbols Outlined";
color: #fff;
font-size: 70px;
content: '\e5cf';
font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 100,
  'opsz' 48
}

.btn-previous{
position: absolute;
z-index: 999;
top: 0;
left: 50%;
transform: translateX(-50%);

}

.btn-previous a{
display: block;
background-color: #FCB000;
color: #fff;
width: 115px;
border-radius: 0 0 100px 100px;
text-align: center;
padding: 30px 10px 50px 10px;
}


.btn-previous a::after{
display: block;
margin-top: 10px;
font-family: "Material Symbols Outlined";
color: #fff;
font-size: 70px;
content: '\e5ce';
font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 100,
  'opsz' 48
}


.nav-wrap3 .nav1{
display: none;
}


@media screen and (max-width: 959px) {
.btn-next{
display: none;
}
.btn-previous{
display: none;
}



}/*******/


@media screen and (max-width: 559px) {
.btn-next{
display: none;
}
.btn-previous{
display: none;
}

header{
height: 180px!important;
min-height: auto!important;
}

.nav-wrap1 .nav1{
display: none;
}

.nav-wrap3 .nav1{
display: block;
}

.container-wrap{
/*display: none;*/
}


.nav-wrap3 .nav1 ul{
display: flex;
list-style: none;
background-color: #FCB000;
padding: 10px 10px 0px 10px;
justify-content: center;
flex-wrap: wrap;
}

.nav-wrap3 .nav1 li {
margin: 5px 5px 10px 5px;
width: 46%!important;

}

.nav-wrap3 .nav1 li a{
display: flex;
justify-content: flex-start;

}

/*footer{
position: fixed!important;
bottom: 0;
width: 100%;
font-size: 10px;
text-align: center;
opacity: 100%;
}



footer p{
height: 50px;
background: #666666;
color: #fff;
}*/
}/*******/