/* 文字セット */
@charset "UTF-8";

main h2{
    font-size: 2em;
    text-align: center;
    padding:0.5em 0;
    border-bottom: 2px solid #FFD700; 
}

.test01{
    width: 60%;
    margin: 1em auto 0;
    padding:1em;
    font-size: 1.25em;
    border: 2px solid #FFD700; 
    border-radius: 1em;
}
.test01 dl{
    display: flex;
    align-items: center;
    margin-top:0.5em;
    padding:0.5em 2em;
    border-bottom: 1px solid #FFD700; 
}
.test01 dt{
    width: 30%;
}
.test01 dd{
    width: 70%;
}
.test01 dd input{
    width: 100%;
    border: 1px solid #090f1c;
    border-radius: 1em;
    padding:0.5em;
}

.test01 dd select{
    border: 1px solid #090f1c;
    border-radius: 1em;
    padding:0.5em;
    text-align: center;
}

.test01 dd textarea{
    width: 100%;
    height:10em;
    border: 1px solid #090f1c;
    border-radius: 1em;
    padding:0.5em;
}

.test01 p{
    display: block;
    width:5em;
    height:2em;
    background-color: #090f1c;
    border-radius: 2em;
    margin:1em auto 0;
    text-align: center;
}

.test01 p input{
    font-size: 1.5em;
}

.test01 p input[value]{
    font-family: "sample02";
    background: linear-gradient(to right, #FFD700, #FCF6BA, #FFD700, #FCF6BA, #FFD700);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}