:root{
    --Privacy_bg: #EEEEEE;
}

#toiawase{
    /* width: calc(90vw/var(--scale)); */
    width: var(--PC-Width);
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

#toiawase h1{
    text-align: center;
    /* font-size: calc(8.6dvw/var(--scale)); */
    font-size: 30px;
    font-weight: bold;
    /* margin-bottom: calc(5dvw/var(--scale)); */
    margin-bottom: 20px;
}

#toiawase label div{
    width: var(--PC-Width);
    --margin: 0 auto;
}

#toiawase label{
    text-align: left;
    font-weight: bold;
}

#toiawase span{
    color:white;
    /* font-size: calc(2.9dvw/var(--scale)); */
    font-size: 80%;
    background-color: red;
    /* padding: 0 calc(1.4dvw/var(--scale)) calc(0.4dvw/var(--scale)) calc(1.4dvw/var(--scale)); */
    /* margin-left: calc(2dvw/var(--scale)); */
    margin-left: 10px;
}

#toiawase input[type="text"],
#toiawase input[type="tel"],
#toiawase input[type="email"],
#toiawase textarea{
    /* width: calc(90dvw/var(--scale)); */
    width: 100%;
    /* margin: calc(2dvw 0/var(--scale)); */
    margin: 10px 0 30px 0;
    /* padding: calc(2dvw/var(--scale)) calc(2dvw/var(--scale)); */
    padding: 20px;
    
}

#toiawase .radiomenu{
    --gap: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top:10px;
    margin-bottom:20px;
    gap: var(--gap);
}

#toiawase .radiomenu > *{
    width: calc((100% - var(--gap)) / 2);
}

#toiawase input[type="radio"]{
    
}

#toiawase input[type="checkbox"] {
  /* width: 11dvw; */
}

#toiawase textarea{
    /* height: calc(50dvw/var(--scale)); */
    height: 300px;
}

#toiawase .privacy{
    /* width: calc(90dvw/var(--scale)); */
    width: calc(var(--PC-Width) * 0.6);
    /* height: 20dvh; */
    height: 200px;
    margin: 0 auto;
    /* line-height: calc(5.5dvw/var(--scale)); */
    background-color: var(--Privacy_bg);
    /* padding: calc(3dvw/var(--scale)); */
    padding: 10px;
    /* text-align: center; */
    overflow-y: auto;
    scrollbar-width: none;
}

#toiawase .privacy_chk{
    margin: 10px 0;
    text-align: center;
    
}

#toiawase .privacy_chk label{
    width: 300px;
}

#toiawase .privacy_chk input{
    width: auto ;
    margin: 0 10px;
}


#toiawase .submitbtn_texttype_btn{
    /* font-size: calc(5dvw/var(--scale)); */
    /* width: calc(90dvw/var(--scale)); */
    width:300px;
    margin: 0 auto;
    background-color: black;
    color: white;
    text-align: center;
    /* padding: calc(7dvw/var(--scale)); */
    padding: 20px;
}

#toiawase .submitbtn_texttype_btn:hover{
    font-weight: bold;
    filter: brightness(1.2);
}

.btn_hover{
    text-decoration: none;
}

footer{
    margin: 0 auto;
    /* width: calc(100dvw/var(--scale)); */
    /* margin-top: calc(4.9dvw/var(--scale)); */
    text-align: center;
    background-color: black;
    /* padding: calc(20dvw/var(--scale)) 0; */
    padding: 50px;
    color: white;
    --position: relative;
    z-index: 1;
}

footer a{
    color: white;
    text-decoration: none;
}

footer a:hover{
    font-weight: bold;
}

footer span{
    color: var(--color-lightblue1);
    position: relative;
}

footer .top_btn{
    /* width: calc(15dvw/var(--scale)); */
    width: 80px;
    position: absolute;
    /* top: 4dvh; */
    top:10px;
    right:0;

    /* right: 5dvw; */
}

@media (max-width: 750px) {
    #toiawase{
        width: 90vw;
    }

    footer{
        width: 100dvw;
    }

    footer .top_btn{
        right:5dvw;
    }
}

@media (min-width: 1201px) {
    footer .top_btn{
        --right:1dvw;
    }

}

footer .top_btn:hover{
    filter: brightness(1.2);
}