.main.main--login{
width: 100%!important;
max-width: 730px!important;
}
.p-menu-login li{
width: 100%;

}

#login-form .p-form-table input{
width: 100%;

}
.__submit input{
min-width: 250px;
padding: 10px 15px;
border-radius: 5px;
}

.__item--regist a{
display: block;
width: fit-content;
min-width: 250px;
background-color: #0068b7;
padding: 5px 15px!important;
border-radius: 5px;
margin: 10px auto;
text-align: center;
font-weight: bold;
color: #F0F0F0;
}


.spec-container {
max-width: 1000px;
margin: 20px auto;
font-size: 1rem;
color: #333;
line-height: 1.6;
}

.spec-title {
font-size: 1.25rem;
border-left: 4px solid #333;
padding: 0 0 0 15px;
margin-bottom: 20px;
font-weight: bold;
}

.spec-table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 10px auto;
}

.spec-table {
width: 100%;
border-collapse: collapse;
border: 1px solid #e0e0e0;
}

.spec-table th,
.spec-table td {
padding: 5px 20px;
text-align: left;
border: 1px solid #e0e0e0;
vertical-align: middle;
}

.spec-table th {
background-color: #f8f9fa;
font-weight: bold;
width: 20%;
text-align: center;
}

.spec-table td.category {
background-color: #fcfcfc;
font-weight: bold;
text-align: center;
width: 15%;
}

.alert-text {
color: #d9534f;
font-size: 0.85rem;
margin-top: 8px;
font-weight: bold;
}

.sub-text {
font-size: 0.9rem;
color: #666;
}

.spec-footer {
background-color: #fef9ef; /* 薄い警告色 */
padding: 10px 10px;
margin: 10px auto;
border-radius: 8px;
}

.spec-notes {
margin: 0;
padding: 0 0 0 20px;
font-size: 0.9rem;
color: #555;
}

.spec-notes li {
margin-bottom: 5px;
}

@media screen and (max-width:756px){
.spec-table-wrapper table{
width: 100%;
border-collapse: collapse;

max-width: 100%;
margin:auto;
border: none;
}
.spec-table-wrapper tr{
width: fit-content;
margin: auto;


}
.spec-table-wrapper th,
.spec-table-wrapper td:first-child{
display: none;
}
.spec-table-wrapper td:not(:first-child){
display: block;
position: relative;
width: calc(100% - 20px);
max-width: 100%;
border: none;
padding: 5px 0;
margin: 0;
margin-top: 40px;
}
.spec-table-wrapper td:not(:first-child) p{
padding: 0 20px;
}
.spec-table-wrapper td:not(:first-child)::before{
display: block;
width: calc(100% - 20px);
max-width: 100%;
position: absolute;
bottom: 100%;
border-bottom:1px solid #CCCCCC;
padding: 5px 20px;
}

.spec-table-wrapper tbody tr:first-child td:nth-child(2)::before{
content:"パソコン/OS";
}
.spec-table-wrapper tbody tr:first-child td:nth-child(3)::before{
content:"パソコン/ブラウザ";
}

.spec-table-wrapper tbody tr:nth-child(2) td:nth-child(2)::before{
content:"スマートフォン/OS";
}
.spec-table-wrapper tbody tr:nth-child(2) td:nth-child(3)::before{
content:"スマートフォン/ブラウザ";
}



}