@charset "utf-8";

/*========================

sp_common.css

========================*/
@media screen and (max-width:768px) {

.pc { display:none; }
.sp { display:flex; }

/*---------------------------------------------
header
---------------------------------------------*/
#header {
padding:0;
top:0;
}

#header #header_cont {
align-items:stretch;
background-color:var(--white);
border-radius:0;
box-shadow:none;
flex: 0 1 100%;
padding:0;
}

#header #header_cont #header_left {
border-radius:0;
column-gap:5px;
flex: 1 1 180px;
overflow:hidden;
}

#header #header_cont #header_left h1{
padding:0;
flex: 0 1 190px;
max-width: 150px;
}

#header #header_cont #header_left h1 a {
align-items:center;
border-radius:0;
display:flex;
height: 100%;
justify-content:center;
padding:12px 15px 10px;
}

#header #header_cont #header_left .student_menu {
position: fixed;
left: 15px;
bottom: 15px;
}

#header #header_cont #header_left .student_menu a {
background-color:var(--white);
border:1px solid var(--blue);
border-radius:25px;
color:var(--blue);
display:flex;
font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
padding:13px 25px 13px 15px;
position:relative;
}

#header #header_cont #header_left .student_menu a:after {
content:"\f054";
color:var(--blue);
font-family:var(--icon);
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
right:10px;
top:50%;
margin-top:-5px;
opacity:0.5;
position:absolute;
z-index:3;
}

#header #header_cont #header_left .student_menu a:hover {
background-color:var(--light_yellow);
}

#header #header_cont #header_right {
align-items:stretch;
column-gap:0;
flex:0 1 auto;
width: 148px;
}

#header #header_cont #header_right .entry {
/*min-width: 76px;*/
}

#header #header_cont #header_right .entry a {
align-items:center;
border-radius:0;
display:flex;
height:100%;
padding: 10px 10px;
line-height:1.2;
white-space: wrap;
text-align:center;
}

#header #header_cont #header_right .entry a:hover {
background-color: var(--orange);
border: 2px solid var(--orange);
color:var(--white);
}

#header #header_cont #header_right .contact {
display:none;
}

#header #header_cont #header_left #h_nav {
display:none;
}

#header #header_cont #h_menu {
background-color:var(--);
height:63px;
width:63px;
}

#header #header_cont #h_menu dl {
width:100%;
}

#header #header_cont #h_menu dl dt {
display: flex;
height: 63px;
justify-content: center;
position: relative;
width: 63px;
}

#header #header_cont #h_menu dl dt label {
display:flex;
width:100%;
}

#header #header_cont #h_menu dl dt .menu_trigger {
background-color:var(--blue);
left:auto;
height: 63px;
width: 63px;
}

#header #header_cont #h_menu dl dt .menu_trigger span {
background-color:var(--white);
left:50%;
margin-left:-11px;
}

#header #header_cont #h_menu dl dt .menu_trigger span:nth-of-type(1) {
top:21px;
}

#header #header_cont #h_menu dl dt .menu_trigger span:nth-of-type(2) {
top:27px;
}

#header #header_cont #h_menu dl dt .menu_trigger span:nth-of-type(3) {
top:34px;
}

#header #header_cont #h_menu dl dt .menu_trigger.active span {
background-color:var(--white);
}

#header #header_cont #h_menu dl dd {
display:none;
}


/*---------------------------------------------
left_nav
---------------------------------------------*/
#left_nav {
flex: 0 0 100%;
width:100%;
height:auto;
z-index:2;
opacity:0;
-webkit-transition:opacity 3s;
transition:opacity 3s;
}

#left_nav #left_nav_menu {
top:63px;
width:100%;
}

#left_nav.fixed {
opacity:1;
bottom:auto;
position:fixed;
top:63px;
}

#left_nav.fixed #left_nav_menu {
width:100%;
}

#left_nav #left_nav_menu .bigginers {
display:none;
}

#left_nav #left_nav_menu #left_nav_menu_cont {
border-radius:0;
box-shadow:none;
margin-top:0;
padding:0;
}

#left_nav #left_nav_menu #left_nav_conversion {
display:none;
}

#left_nav #left_nav_menu dl.menu {
background-color:var(--white);
border-radius:0;
margin-top:0;
padding:0;
row-gap:0;
}

#left_nav #left_nav_menu dl.menu dt {
display:none;
}

#left_nav #left_nav_menu dl.menu dd ul {
background-image:none;
flex-direction:unset;
justify-content:start;
}

#left_nav #left_nav_menu dl.menu dd ul li {
align-items:center;
background-image:none;
display:flex;
font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
justify-content:center;
padding:0;
width:auto;
/*width:calc(100% / 4);*/
}

#left_nav #left_nav_menu dl.menu dd ul li.pc {
display:none;
}

#left_nav #left_nav_menu dl.menu dd ul li a {
align-items:center;
color:var(--black);
display:flex;
font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
justify-content:center;
line-height:1.4;
text-align:center;
padding:20px 15px;
width:100%;
}

#left_nav #left_nav_menu dl.menu dd ul li a:after {
color:var(--gray_cc);
content:"\f078";
font-size: calc(0.7rem + ((1vw - 0.48rem) * 0.6944));
}

#left_nav #left_nav_menu dl.menu dd ul li a:hover {
background-color:transparent;
}

#container #open_close_btn {
display:none;
}

/*---------------------------------------------
school_banner_slider
---------------------------------------------*/
#school_banner_slider {
flex:0 0 100%;
padding:0 30px 20px;
}

#school_banner_slider .slick-list .slick-track {

}

#school_banner_slider .slick-prev {
left:-20px;
}

#school_banner_slider .slick-next {
right:-20px;
}

#school_banner_slider ul {
column-gap: 10px;
display: flex;
}

#school_banner_slider ul li {
align-items:center;
margin:0 auto;
border-radius: 10px;
display: flex;
justify-content: center;
min-width: 240px;
}

#school_banner_slider ul li a {

}

#school_banner_slider ul li a img {
border-radius:6px;
margin:0 auto;
max-width:240px;
opacity:1;
width:240px;
}

#school_banner_slider ul li a img.lazyloaded {
opacity:1;
}

/*---------------------------------------------
conversion_area
---------------------------------------------*/

.conversion {
background-position: -70px center;
}

.conversion:after {
content:none;
background-size:contain;
height:auto;
right: 0;
max-width: 50vw;
max-height: 200px;
aspect-ratio: 4 / 5;
}

.conversion dl {
row-gap:20px;
}

.conversion dl dt {
display:flex;
flex-wrap:wrap;
font-size: calc(1.9rem + ((1vw - 0.48rem) * 0.6944));
row-gap:0;
padding:0;
max-width:300px;
aspect-ratio: 705 / 214;
top:-30px;
}

.conversion dl dt span {
white-space: nowrap;
}

.conversion dl dt img {
max-width: 80vw;
height: auto;
}

.conversion dl dd ul {
flex-direction:column;
row-gap:20px;
}

/*--- conversion_area ---*/

#conversion_area {
padding:15px 0 0;
background:transparent;
}

#conversion_area #conversion_cont {
max-width:100%;
padding:0 0 80px;
background-image:url(../../img/common/bg_footer.webp);
background-position:center 500px;
background-size:cover;
background-repeat:no-repeat;
}

#conversion_area #conversion_cont .conversion {
width: calc(100% - 20px);
margin: 0 auto;
padding-top: 40px;
padding-right: 10px;
padding-bottom:calc(60vw + 10px);
padding-left: 10px;
}

#conversion_area #conversion_cont .conversion figure {
height:60vw;
width:auto;
aspect-ratio: 3 / 4;
position:absolute;
top:auto;
right:0;
bottom:0;
left:0;
margin:auto;
max-width: 100%;
}

#conversion_area #conversion_cont .conversion figure img {
animation: change-img-anim2 15s infinite ease-in-out;
opacity: 0;
object-fit: cover;
aspect-ratio: 3 / 4;
width:100%;
height:100%;
position:absolute;
left:0;
bottom:0;

}

#conversion_area #conversion_cont .conversion figure img:first-child {
border-radius:0;
animation-delay: 0s;
object-position:40% center;
}

#conversion_area #conversion_cont .conversion figure img:nth-child(2) {
animation-delay: 5s;
}

#conversion_area #conversion_cont .conversion figure img:nth-child(3) {
animation-delay: 10s;
}

#conversion_area #conversion_cont .sns_link_area {
padding:0 15px;
}

#conversion_area #conversion_cont .sns_link_area ul {
column-gap:5vw;
}

#conversion_area #conversion_cont .sns_link_area ul li {
width:calc(100% / 4 - 10px);
}

#conversion_area #conversion_cont .sns_link_area ul li a {
height: 60px;
width: 60px;
}

#conversion_area #conversion_cont .sns_link_area ul li a img {
height:20px;
}

#conversion_area #conversion_cont #conversion_footer {
padding:0 50px;
}

#conversion_area #conversion_cont #conversion_footer #conversion_footer_left {
justify-content:center;
}

#conversion_area #conversion_cont #conversion_footer #conversion_footer_left .address dt {
align-items: center;
display:flex;
justify-content:center;
row-gap: 20px;
}

#conversion_area #conversion_cont #conversion_footer #conversion_footer_right {
justify-content: center;
align-items: center;
row-gap:30px;
width:100%;
}

#conversion_area #conversion_cont #conversion_footer #conversion_footer_right dl.tel {
display:flex;
justify-content:center;
max-width:300px;
}

#conversion_area #conversion_cont #conversion_footer #conversion_footer_right dl dt {

}

#conversion_area #conversion_cont #conversion_footer #conversion_footer_right dl dt span {
font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
margin-left: calc((100% / 2 - 20px) * -1);
width:calc(100% - 40px);
}

#conversion_area #conversion_cont #conversion_footer #conversion_footer_right dl dd a {
padding: 20px 50px;
}

#conversion_area #conversion_cont #conversion_footer #conversion_footer_right dl dd a img {
height:auto;
width:100%;
}

#conversion_area #conversion_cont #conversion_footer #conversion_footer_right ul {
width: 100%;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
row-gap: 20px;
}

/*--- footer_banner_area ---*/
#banner_area {
background-color: var(--blue02);
padding:70px 0;
width:100%;
}

#banner_area #banner_slider ul li {
min-width:200px;
}

#banner_area #banner_slider ul li a img {
max-width:200px;
width:auto;
}


/*---------------------------------------------
bread_crumb_list
---------------------------------------------*/
.bread_crumb_list {
padding:0;
position: relative;
overflow: hidden;
}

.bread_crumb_list .bread_crumb_list_cont {
overflow-x: scroll;
width:100%;
}

.bread_crumb_list .bread_crumb_list_cont ol {
padding:0 0 0 20px;
padding: 0 0 0 20px;
width: 600px;
}

.bread_crumb_list .bread_crumb_list_cont ol li {
display:flex;
overflow: hidden;
max-width:80vw;
}

.bread_crumb_list .bread_crumb_list_cont ol li i {
color:var(--gray_9f);
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

.bread_crumb_list .bread_crumb_list_cont ol li a {
width:100%;
}

.bread_crumb_list .bread_crumb_list_cont ol li a i {
color:var(--gray_9f);
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

.bread_crumb_list .bread_crumb_list_cont ol li span {
text-overflow: ellipsis;
padding: 20px;
max-width: 80vw;
white-space: nowrap;
overflow: hidden;
}

.bread_crumb_list .bread_crumb_list_cont ol li.home a span {

}

/*---------------------------------------------
pagetop
---------------------------------------------*/
#pagetop {
bottom:95px;
left:auto;
right:0;
}

#pagetop a {
height:60px;
width:60px;
}

#pagetop a:after {
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
margin-top:-7px;
margin-left: -5px;
top:50%;
}

#pagetop a span {
font-size: calc(0.9rem + ((1vw - 0.48rem) * 0.6944));
line-height:1.2;
padding-top:5px;
}

/*---------------------------------------------
footer
---------------------------------------------*/
#footer {
}

#footer #footer_cont {
padding:15px 15px 80px;
}

#footer #footer_cont #footer_head {
display:none;
}

#footer #footer_cont .hirakyo_channel {
display:none;
}

#footer #footer_cont #footer_bottom #footer_bottom_cont {
padding: 0 70px;
}

#footer #footer_cont #footer_bottom #footer_bottom_cont #footer_menu_list {
display:none;
}

#footer #footer_cont .conversion_link_area {
border-bottom:none;
}

#footer #footer_cont .conversion_link_area ul {
padding:30px 15px 60px;
}

#footer #footer_cont .conversion_link_area ul li {
min-width: calc(100% / 3 - 30px);
max-width:300px;
width:100%;
}

#footer #footer_cont .conversion_link_area ul li:first-child {
display:none;
}

#footer #footer_cont .conversion_link_area ul li:nth-child(3) {
display:none;
}

#footer #footer_cont .conversion_link_area ul li.introduction a {
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

#footer #footer_cont #footer_bottom #footer_bottom_cont .other_link {
column-gap:20px;
flex-wrap:wrap;
row-gap:30px;
padding:0;
}

#footer #footer_cont #footer_bottom #footer_bottom_cont .other_link:before {
background-color:transparent;
}

#footer #footer_cont #footer_bottom #footer_bottom_cont .other_link li {
display:flex;
justify-content:center;
width:100%;
}

#footer #footer_cont #footer_bottom #footer_bottom_cont .other_link li a {
display:flex;
width:100%;
}

#footer #footer_cont #footer_bottom #footer_bottom_cont .other_link li a:after {
background-color:transparent;
content:"\f054";
color:var(--gray_cc);
font-family:var(--icon);
font-size:1.3rem;
font-weight:600;
right:0;
top:50%;
margin-top:-7px;
opacity:1;
position:absolute;
z-index:3;
}

#footer .copyright {
background-color:var(--blue03);
padding:20px 20px;
}

#footer .copyright span {
color:var(--black);
}

/*---------------------------------------------
nav_menu_cont
---------------------------------------------*/
.modal-wrap#nav_menu input:checked + .modal-overlay .modal-content {
background-color:var(--blue01);
height: 90vh;
max-width: 90vw;
max-height: 90vh;
min-width: 80vw;
width: 90vw;
}

#nav_menu_cont {
flex-direction:column;
margin-top: -45px;
}

#nav_menu_cont #nav_menu_left {
background-color:var(--white);
order:2;
padding:0 0 50px;
width:100%;
}

#nav_menu_cont #nav_menu_left .pic img {
height:250px;
}

#nav_menu_cont #nav_menu_left dl.address {
padding: 40px 50px 20px 50px;
}

#nav_menu_cont #nav_menu_left .conversion_area > ul {
row-gap:30px;
}




#nav_menu_cont #nav_menu_left .sns_menu {
padding: 50px 30px 20px 30px;
}

#nav_menu_cont #nav_menu_left .sns_menu ul {
justify-content:space-around;
}



/*--- nav_menu_right ---*/

#nav_menu_cont #nav_menu_right {
flex-direction:column;
order:1;
row-gap:0;
padding: 25px 20px 35px;
width:100%;
}

#nav_menu_cont #nav_menu_right h4 {
display:flex;
justify-content:start;
flex: 0 1 auto;
flex-shrink: 1;
margin-bottom:30px;
width: 100%;
}

#nav_menu_cont #nav_menu_right h4 a {
align-items:center;
background-color:var(--white);
border-radius:25px;
display:flex;
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
padding: 15px 15px 15px 35px;
flex:0 1 auto;
}

#nav_menu_cont #nav_menu_right h4 a:hover {
border-radius:25px;
height:auto;
padding: 15px 15px 10px 40px;
}

#nav_menu_cont #nav_menu_right .menu {
width:100%;
}

#nav_menu_cont #nav_menu_right .menu h5 {
margin-bottom:0;
width:100%;
}

#nav_menu_cont #nav_menu_right .menu h5 a {
background-color:var(--white);
border-radius:10px 10px 0 0;
display:flex;
flex-direction:column;
padding:0;
width:100%;
}

#nav_menu_cont #nav_menu_right .menu h5 a:before {
content:none;
}

#nav_menu_cont #nav_menu_right .menu h5 a:after {
content:none;
}

#nav_menu_cont #nav_menu_right .menu h5 a img {
border-radius:10px 10px 0 0;
object-fit:cover;
height:130px;
width:100%;
}

#nav_menu_cont #nav_menu_right .menu h5 a > span {
display:flex;
padding:30px 30px 30px 25px;
position:relative;
width:100%;
}

#nav_menu_cont #nav_menu_right h5 a span span {
display:none;
}

#nav_menu_cont #nav_menu_right .menu ul {
background-color:var(--white);
border-top:1px solid var(--gray_dd);
border-radius: 0 0 10px 10px;
column-gap:10px;
flex-wrap:wrap;
flex-direction:unset;
padding:15px;
row-gap:10px;
width:100%;
}

#nav_menu_cont #nav_menu_right .menu ul li {
width:auto;
}

#nav_menu_cont #nav_menu_right .menu ul li a {
background-color:var(--white);
border:2px solid var(--blue);
border-radius:25px;
color:var(--blue);
display:flex;
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
padding:13px 25px 13px 15px;
}

#nav_menu_cont #nav_menu_right .menu ul li a:after {
left:auto;
right:10px;
opacity:0.5;
}

#nav_menu_cont #nav_menu_right .menu ul li a:hover {
border-radius:25px;
}

/*--- car ---*/

#nav_menu_cont #nav_menu_right .menu.car {
margin-bottom:0;
}

#nav_menu_cont #nav_menu_right .menu.car h5 a {
align-items:center;
display:flex;
/*flex-direction:unset;*/
}

#nav_menu_cont #nav_menu_right .menu.car h5 a:hover {
background-color:var(--light_yellow);
}

#nav_menu_cont #nav_menu_right .menu.car h5 a img {
border-radius:10px 0 0 0;
object-fit:cover;
/*width:30vw;*/
opacity:0;
-webkit-transition:opacity 3s;
transition: opacity 3s;
width:100%;
}

#nav_menu_cont #nav_menu_right .menu.car h5 a img.lazyloaded {
opacity:1;
}

#nav_menu_cont #nav_menu_right .menu.car h5 a span:before {
content:"\f054";
color:var(--blue);
font-family:var(--icon);
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
right:20px;
top:50%;
margin-top:-6px;
opacity:0.5;
position:absolute;
z-index:3;
}

#nav_menu_cont #nav_menu_right .menu.car h5 a span:after {
background-image:url(../../img/common/i_car.png);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
content:" ";
position: absolute;
bottom:15px;
right:45px;
width:80px;
z-index:1;
aspect-ratio: 182 / 111;
}

#nav_menu_cont #nav_menu_right .menu.car ul {
border-radius: 0;
}

/*--- option ---*/

#nav_menu_cont #nav_menu_right .menu.option_plan {
background-color:var(--white);
border-top:1px solid var(--gray_dd);
border-radius:0 0 10px 10px;
margin-bottom:20px;
}

#nav_menu_cont #nav_menu_right .menu.option_plan h5 {
padding:15px;
}

#nav_menu_cont #nav_menu_right .menu.option_plan h5 a {
background-color:#EDF6F1;
border-radius:6px;
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
line-height:1.3;
padding:30px 30vw 30px 20px;
padding-right:calc(30vw + 20px);
position:relative;
white-space: wrap;
}

#nav_menu_cont #nav_menu_right .menu.option_plan h5 a:after {
background-image:url(../../img/top/p_license_option_plan.webp);
background-position:right center;
background-size:contain;
background-repeat:no-repeat;
content:" ";
right:10px;
left:auto;
top:10px;
margin:0;
position: absolute;
z-index:1;
height:calc(100% - 20px);
width:30vw;
aspect-ratio: 249 / 100;
}

#nav_menu_cont #nav_menu_right .menu.option_plan ul {
display:none;
}

/*--- motor ---*/

#nav_menu_cont #nav_menu_right .menu.motor {
margin-bottom:20px;
}

#nav_menu_cont #nav_menu_right .menu.motor h5 a {
align-items:center;
display:flex;
/*flex-direction:unset;*/
}

#nav_menu_cont #nav_menu_right .menu.motor h5 a:hover {
background-color:var(--light_yellow);
}

#nav_menu_cont #nav_menu_right .menu.motor h5 a img {
border-radius:10px 0 0 0;
object-fit:cover;
object-position: center 20%;
/*width:30vw;*/
width:100%;
}

#nav_menu_cont #nav_menu_right .menu.motor h5 a span:before {
content:"\f054";
color:var(--blue);
font-family:var(--icon);
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
right:20px;
top:50%;
margin-top:-6px;
opacity:0.5;
position:absolute;
z-index:3;
}

#nav_menu_cont #nav_menu_right .menu.motor h5 a span:after {
background-image:url(../../img/common/i_motor.png);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
content:" ";
position: absolute;
bottom:5px;
right:35px;
width:90px;
z-index:1;
aspect-ratio: 97 / 75;
}

/*--- about ---*/

#nav_menu_cont #nav_menu_right .menu.about {
margin-bottom:20px;
}

#nav_menu_cont #nav_menu_right .menu.about h5 a {
align-items:center;
display:flex;
/*flex-direction:unset;*/
}

#nav_menu_cont #nav_menu_right .menu.about h5 a:hover {
background-color:var(--light_yellow);
}

#nav_menu_cont #nav_menu_right .menu.about h5 a img {
border-radius:10px 0 0 0;
object-fit:cover;
/*width:30vw;*/
width:100%;
}

#nav_menu_cont #nav_menu_right .menu.about h5 a span:before {
content:"\f054";
color:var(--blue);
font-family:var(--icon);
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
right:20px;
top:50%;
margin-top:-6px;
opacity:0.5;
position:absolute;
z-index:3;
}

/*--- student ---*/

#nav_menu_cont #nav_menu_right .menu.student {
margin-bottom:20px;
}

#nav_menu_cont #nav_menu_right .menu.student h5 a {
align-items:center;
display:flex;
flex-direction:unset;
}

#nav_menu_cont #nav_menu_right .menu.student h5 a:hover {
background-color:var(--light_yellow);
}

#nav_menu_cont #nav_menu_right .menu.student h5 a img {
border-radius:10px 0 0 0;
object-fit:cover;
object-position: left center;
width:30vw;
}

#nav_menu_cont #nav_menu_right .menu.student h5 a span:before {
content:"\f054";
color:var(--blue);
font-family:var(--icon);
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
right:20px;
top:50%;
margin-top:-6px;
opacity:0.5;
position:absolute;
z-index:3;
}

/*--- course ---*/

#nav_menu_cont #nav_menu_right .menu.course {
margin-bottom:0;
}

#nav_menu_cont #nav_menu_right .menu.course h5 a {
align-items:center;
display:flex;
flex-direction:unset;
}

#nav_menu_cont #nav_menu_right .menu.course h5 a:hover {
background-color:var(--light_yellow);
}

#nav_menu_cont #nav_menu_right .menu.course h5 a img {
border-radius:10px 0 0 0;
object-fit:cover;
object-position: left center;
width:30vw;
}

#nav_menu_cont #nav_menu_right .menu.course h5 a span:before {
content:"\f054";
color:var(--blue);
font-family:var(--icon);
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
right:20px;
top:50%;
margin-top:-6px;
opacity:0.5;
position:absolute;
z-index:3;
}

/*--- other_menu ---*/

#nav_menu_cont #nav_menu_right .other_menu {
border-top:none;
column-gap:20px;
row-gap:20px;
padding: 25px 0 0;
}

#nav_menu_cont #nav_menu_right .other_menu h6 {
margin-bottom:0;
width:100%;
}

#nav_menu_cont #nav_menu_right .other_menu h6 a {
background-color:var(--white);
border:1px solid var(--gray_dd);
display:flex;
font-weight:600;
border-radius:25px;
padding: 15px 30px 15px 15px;
}

#nav_menu_cont #nav_menu_right .other_menu h6 a:hover {
border-radius:25px;
}

#nav_menu_cont #nav_menu_right .other_menu h6 a:after {
left:auto;
right:10px;
opacity:0.5;
}

/*--- other_link ---*/

#nav_menu_cont #nav_menu_right .other_link {
column-gap:20px;
flex-wrap:wrap;
row-gap:25px;
padding: 35px 0 0;
}

#nav_menu_cont #nav_menu_right .other_link li {
width:100%;
}

#nav_menu_cont #nav_menu_right .other_link li a {
padding: 5px 10px 5px 17px;
}

#nav_menu_cont #nav_menu_right .other_link li a:after {
left:5px;
}

/*---------------------------------------------
modal
---------------------------------------------*/
.close-button {
position: sticky;
top:20px;
right:10px;
z-index:10;
margin-left: auto;
}

.modal-content .copyright {
display:flex;
justify-content:center;
padding:15px;
order:3;
}

.modal-content .copyright span {
font-size: calc(0.7rem + ((1vw - 0.48rem) * 0.6944));
}

}