@charset "UTF-8";
/* CSS Document */

/* 基本-モバイルファースト ======================================================================================================== */

#detail table{
width: 100%;
border-collapse: separate;
border-spacing: 0 1em;
box-sizing: border-box;
}

#detail th{
width: 5em;
line-height: 1;
padding: 0px 2em;
vertical-align: middle;
white-space: nowrap;
background-color: #D9D9D9;
}
#detail td{
padding: 0 0 0 1em;
}
.ul_disc{
/* list-style: disc; */
margin: 0;
padding: 0;
}
.ul_disc li{
/* margin-left: 1.5em; */
margin-bottom: 8px;
}
.ul_disc li:last-child{
margin-bottom: 0px;
}
.ul_disc em{
display: block;
font-style: normal;
}
.ul_disc p{
/* font-size: 14px; */
}

#detail .sp_flat{
border-collapse: collapse;
border-spacing: 0;
}
#detail .sp_flat th,
#detail .sp_flat td{
padding: 5px 0;
border: none;
}
#detail .sp_flat tr:first-child th,
#detail .sp_flat tr:first-child td{
padding-top: 0;
}
#detail .sp_flat tr:last-child th,
#detail .sp_flat tr:last-child td{
border-bottom: none;
padding-bottom: 0;
}
#detail .sp_flat th{
background-color: transparent;
font-weight: normal;
text-align: left;
padding-bottom: 0;
}
#detail .sp_flat td{
/* font-size: 14px; */
}


#entry_btn{
margin-top: 40px;
}
#entry_btn a{
display: block;
text-decoration: none;
background-color: #20395f;
color: #fff;
font-weight: bold;
padding: 20px;
text-align: center;
border-radius: 10px;
transition: all 0.2s ease;
}
#entry_btn a:hover{
opacity: .8;
}



/* スマホのみ======================================================================================================== */
@media screen and (max-width: 767px){

#detail .sp_flat{
display: block;
}
#detail .sp_flat th,
#detail .sp_flat td{
display: block;
}
#detail .sp_flat th{
}

}

/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 768px){


#detail td{
padding: 0 0 0 2em;
}

.ul_disc li{
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.ul_disc li em{
width: 20%;
}
.ul_disc li p{
width: 80%;
}
#detail .sp_flat th,
#detail .sp_flat td{
padding: 0;
}
#detail .sp_flat th{
width: 20%;
vertical-align: top;
}

#entry_btn{
width: 400px;
margin: 80px auto 0;
}
#entry_btn a{
font-size: 25px;
}



}