@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500&display=swap');

.lightbox{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2100;
     display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    visibility: hidden;
opacity: 0;
}
.box_cookie{
    position: fixed;
    bottom: 23px;
    left: 5%;
    right: 5%;
    font-size: 0.9em;
    padding: 1em;
    border-radius: .5rem;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 20%);
    background-color: rgba(0,0,0,0.85);
    color: #fff;
    font-weight: 300;
    z-index: 2000;
    display: flex;
    align-items: flex-start;
    font-family: 'Noto Sans JP', sans-serif;
}
.text_green {
    color: #a8338f;
    font-weight: bold;
}
.box_cookie p{
    margin: 0
}
.box_cookie svg{
    margin-right: 1em;
}
.box_cookie .bottom button{
    margin-top: 0;
margin-bottom: 1em;
}
.box_cookie .bottom{
   margin-top: 0;

}
.bt-cookie-close::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #202121;
    transform: translate(-50%, -50%) rotate(
45deg
);
}
.bt-cookie-close::before{
content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #202121;
    transform: translate(-50%, -50%) rotate(
-45deg
);
}

.bt-cookie-close:hover{
background-color: #dddddd;
}
.bt-cookie-close{
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 70px;
    background-color: transparent;
    cursor: pointer;
    z-index: 1;

    transition: all 0.3s ease-in-out;
}

.wrap_cookie{

    padding: 0;
    margin: 0;
max-width: 650px ;
margin: 0 auto;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;
font-size: 0.9em;
position: absolute;
z-index: 1;
transition: all 0.3s;

}
.open{
    visibility: visible;
    opacity: 1;
}
.lightbox.open .content_cookie{
     opacity: 1;
    transform: translateY(0);
}
.overlay_cookie{

    background-color: #707070;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
}

.content_cookie{
    transform: translateY(30px);
    transition: opacity 0.3s, transform 0.3s;
    background-color: white;
    padding: 2em;
}
.input-check-toggle {
    display: inline-block;
    position: relative;
    width: 46px;
    height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.input-check-toggle input {
    display: none;
}
.input-check-toggle label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #707070;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.input-check-toggle .ball {
    position: relative;
    top: 2px;
    display: block;
    width: 21px;
    height: 21px;
    background: #fff;
    border-radius: 50%;
    transform: translateX(2px);
    transition: all 0.2s;
}
.input-check-toggle input:checked+label .ball {
    transform: translateX(23px);
}
.input-check-toggle input:checked+label {
    background: #49c5b6;
}
.tab_head{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
height: 45px;
padding-left: 20px;
cursor: pointer;
}
.tab_head h3{
    margin-left: 1em;
    font-weight: 300;
}

.tab_head:focus + .tab_text {
    display:block
}
.tab_head h3:before {
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    width: 8px;
    height: 8px;
    border: 2px solid black;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
}
.show h3:before {
    top: 15px;
    left: 2px;
    transform: rotate(135deg);
}
.tab_text{
    display: none;
}
.tab_cookie{
    border-bottom: 1px solid #cacaca;
}
.text_cookie{
    color: #535353;
}
.bottom{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1em;
}
.btn_cookie button{
    border:none;
    border-radius: .8em;
    padding: 1em;
    margin: 1em;
    cursor: pointer;
    color: white;
    background-color: cadetblue;
}
.btn_cookie button:hover{
    background-color: rgb(69, 126, 128);
}
.link_policy{
    padding-top: 1em;
    display: block;
    color: rgb(180, 180, 180);
}