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

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
.table-wrap {
padding: 1em;
	background-color: #fff;
	border-radius: 10px;
}
.ta_list{
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%; 
    background: #fff;
    border: none;
}
.ta_list th,
.ta_list td {
    display: block;
    width: 100%!important; 
    border: none;
    font-size: 14px;   
    vertical-align: top;
    box-sizing: border-box;
	word-break: break-all;
	text-align: center;
}
.ta_list th {
    font-weight: 700;
	border: 1px solid #ddd;
    background: #ddd;
	padding: 10px 5px;
}
.ta_list td {
	border: 1px solid #eee;
	padding: 20px 5px;
}

/*-------------------------------------------------------
ここから下は画面幅400px以下の追加指定
--------------------------------------------------------------*/
@media screen and (max-width:400px) {


	

}
/*----------------------------------------------
ここから下は画面幅900px以上の追加指定
-------------------------------------------------------*/
@media screen and (min-width:900px) {


/*テーブル
-----------------------------------------*/
.table-wrap {
padding: 1.5em;
	background-color: #fff;
	border-radius: 10px;
	width:65%;
	text-align: center;
	margin: auto;
}
.ta_list th,
    .ta_list td {
        display: table-cell; /* デフォルト値に指定 */
        border: none;
        color: #000;
        background: #fff;
		text-align: left;
			padding: 15px 5px;
    }
    .ta_list th {
        color: #000;
        background: #fff; 
		width: 28%!important;
		 border-bottom: 1px solid #ccc;
}
	    .ta_list td {
        color: #000;
        background: #fff; 
		width: 72%!important;
			 border-bottom: 1px solid #ccc;
}
    
    .ta_list tr:first-child {
        width: 100px;
     border-top: 1px solid #ccc;
}
/*	.ta_list tbody tr:nth-child(odd) th {
  background-color: #fff6d0;
}
.ta_list tbody tr:nth-child(odd) td {
  background-color: #fff6d0;
}*/
}