@media screen and (max-width:780px) {

_:lang(x)+_:-webkit-full-screen-document,body{
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%; 
    text-align: center;
    height: 1400px;
}

div {
    text-align: center;
    padding-top: 20px
}

.year_month{
    font-size: 40px;
    margin-bottom: 50px;
}


.time  {
    font-size:110px;
    padding-top: 3%;
}

button{
    -webkit-appearance: none;

}


_:lang(x)+_:-webkit-full-screen-document,.go{
    width: 75%;
    height: 100px;
    font-size: 54px;
    margin-bottom: 50px;
    margin-top: 20px;
    border-radius: 100px;
    background-color: aqua;
    font-weight: 600;
}

_:lang(x)+_:-webkit-full-screen-document,.return{
    width: 75%;
    height: 100px;
    font-size: 54px;
    margin-bottom: 50px;
    margin-top: 20px;
    border-radius: 100px;
    background-color: orangered;
    font-weight: 600;
}

_:lang(x)+_:-webkit-full-screen-document,.admin{
    width: 75%;
    height: 100px;
    font-size: 40px;
    margin-bottom: 50px;
    margin-top: 20px;
    border-radius: 100px;
    background-color: gold;
    font-weight: 600;
}


_:lang(x)+_:-webkit-full-screen-document,.top{
    width: 50%;
    height: 100px;
    font-size: 40px;
    margin-bottom: 50px;
    margin-top: 20px;
    border-radius: 100px;
    background-color: rgb(173, 174, 174);
    font-weight: 600;
}

input{
    -webkit-appearance: none;
}

input[type=radio] {
display: none; /* ラジオボタンを非表示にする */
}

input[type="radio"]:checked + label {
background: #a5edf8;/* マウス選択時の背景色を指定する */
color: rgb(255, 166, 0); /* マウス選択時のフォント色を指定する */
}

.label {
display: block; /* ブロックレベル要素化する */
margin-bottom: 50px; /* ボックス外側の余白を指定する */
width: 50%; /* ボックスの横幅を指定する */
height: 60px; /* ボックスの高さを指定する */
color: black; /* フォントの色を指定 */
text-align: center;
border: 2px solid #006DD9;/* ボックスの境界線を実線で指定する */
border-radius: 5px; /* 角丸を指定する */
font-size: 40px;
font-weight: 600;
margin-left: 185px;
}

.title1{
    font-size: 48px;
    background-color: aqua;
    width: 100%;
}

.title2{
    font-size: 48px;
    background-color: orangered;
    width: 100%;
}

.title3{
    font-size: 48px;
    background-color: gold;
    width: 100%;
}

.go_button{
    width: 50%;
    height: 75px;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 50px;
    border-radius: 100px;
    background-color: #a5edf8;
}

.return_button{
    width: 50%;
    height: 75px;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 50px;
    border-radius: 100px;
    background-color: orangered;
}

.aisatu1{
    margin-top: 40px;
    font-size: 80px;
    font-weight: 600;
    color: blue;
}

.aisatu2{
    font-size: 54px;
    font-weight: 600;
}

.form{
    width: 50%;
    height: 60px;
    margin-bottom: 50px;
    font-size: 40px;
}
.rp{
    font-size: 24px;
}



}


body{
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%; 
    text-align: center;
    height: 1400px;
}

div {
    text-align: center;
    padding-top: 20px
}

.year_month{
    font-size: 40px;
    margin-bottom: 50px;
}


.time  {
    font-size:110px;
    padding-top: 3%;
}

button{
    -webkit-appearance: none;

}


.go{
    width: 75%;
    height: 100px;
    font-size: 54px;
    margin-bottom: 50px;
    margin-top: 20px;
    border-radius: 100px;
    background-color: aqua;
    font-weight: 600;
}

.return{
    width: 75%;
    height: 100px;
    font-size: 54px;
    margin-bottom: 50px;
    margin-top: 20px;
    border-radius: 100px;
    background-color: orangered;
    font-weight: 600;
}

.admin{
    width: 75%;
    height: 100px;
    font-size: 40px;
    margin-bottom: 50px;
    margin-top: 20px;
    border-radius: 100px;
    background-color: gold;
    font-weight: 600;
}


.top{
    width: 75%;
    height: 100px;
    font-size: 40px;
    margin-bottom: 50px;
    margin-top: 20px;
    border-radius: 100px;
    background-color: rgb(173, 174, 174);
    font-weight: 600;
}

input{
    -webkit-appearance: none;
}

input[type=radio] {
display: none; /* ラジオボタンを非表示にする */
}

input[type="radio"]:checked + label {
background: #a5edf8;/* マウス選択時の背景色を指定する */
color: rgb(255, 166, 0); /* マウス選択時のフォント色を指定する */
}

.label {
display: block; /* ブロックレベル要素化する */
margin-bottom: 50px; /* ボックス外側の余白を指定する */
width: 50%; /* ボックスの横幅を指定する */
height: 60px; /* ボックスの高さを指定する */
color: black; /* フォントの色を指定 */
text-align: center;
border: 2px solid #006DD9;/* ボックスの境界線を実線で指定する */
border-radius: 5px; /* 角丸を指定する */
font-size: 40px;
font-weight: 600;
margin-left: 185px;
}

.title1{
    font-size: 48px;
    background-color: aqua;
    width: 100%;
}

.title2{
    font-size: 48px;
    background-color: orangered;
    width: 100%;
}

.title3{
    font-size: 48px;
    background-color: gold;
    width: 100%;
}

.go_button{
    width: 50%;
    height: 75px;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 50px;
    border-radius: 100px;
    background-color: #a5edf8;
}

.return_button{
    width: 50%;
    height: 75px;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 50px;
    border-radius: 100px;
    background-color: orangered;
}

.aisatu1{
    margin-top: 40px;
    font-size: 80px;
    font-weight: 600;
    color: blue;
}

.aisatu2{
    font-size: 54px;
    font-weight: 600;
}

.form{
    width: 50%;
    height: 60px;
    margin-bottom: 50px;
    font-size: 40px;
}
.rp{
    font-size: 24px;
}