@charset "utf-8";
/*======================


grandindex用css
gi2022_multiple.css
2022/10


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

/*2022TN modal*/
/*#tn2022modal_wrap{
    padding: 30px;
    margin: 10px auto;
    border-left: 5px solid #6FF5FC;
    border-right: 5px solid #D989E1;
    position: relative;
}
#tn2022modal_wrap:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 5px;
    background: linear-gradient(260deg, #D989E1 0%, #D688DD 2%, #C27FC4 15%, #6FD5E3 85%, #6FF5FC 100%) 0% 0% no-repeat;
}
#tn2022modal_wrap:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    height: 5px;
    background: linear-gradient(260deg, #D989E1 0%, #D688DD 2%, #C27FC4 15%, #6FD5E3 85%, #6FF5FC 100%) 0% 0% no-repeat;
}
#tn2022modal_wrap .tn2022modal-logo {
    text-align: center;
    margin-bottom: 20px;
}

#tn2022modal_wrap .tn2022modal-catch {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}

#tn2022modal_wrap .tn2022modal-txt-flr {
    background: #ff0000;
    color: #fff;
    display: inline-block;
    padding: 10px 80px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 9999px;
    margin-bottom: 20px;
}

#tn2022modal_wrap .tn2022modal-txt {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}

#tn2022modal_wrap .tn2022modal-main-img {
    margin-bottom: 30px;
}

#tn2022modal_wrap .tn2022modal-link a {
    background: #f00;
    border: 1px solid #f00;
    color: #fff;
    border-radius: 9999px;
    padding: 10px 80px;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    position: relative;
}
#tn2022modal_wrap .tn2022modal-link a:after{
    content: '＞';
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
#tn2022modal_wrap .tn2022modal-link a:hover{
   color: #f00;
   background: #fff;
   border: 1px solid #f00;
}
#tn2022modal_wrap .tn2022modal-link a:hover:after{
    color: #f00;
}

#tn2022modal_wrap .tn2022modal-copy li {
    display: inline-block;
    margin: 0 5px;
    font-size: 12px;
}

#tn2022modal_wrap .remodal-close{
    top: 10px;
    right: 5px;
    border-radius: 0;
    background: #f00;
    border: 1px solid #f00;
    width: 35px;
    height: 35px;
}
#tn2022modal_wrap .remodal-close:before{
    width: 35px;
    line-height: 35px;
    font-size: 28px;
}
#tn2022modal_wrap .remodal-close:hover,
#tn2022modal_wrap .remodal-close:focus{
    background: #fff;
    color: #f00;
}*/