/*--- ↓スマホ用↓ ---*/    
    #main h2 {
        font-size: 2rem;
        line-height: 1.3;
    }

	/*テーブル*/	
    #main #overview .responsive {
		clear: both;
		margin: 0 1rem ;
        line-height: 1.6;
    }
	
    #main #overview .responsive table {
		border-collapse: separate;
		border-spacing: 0 2rem;
		margin: -1rem auto 1rem auto;
		width: 100%;
    }

    #main #overview .responsive tr {
        box-shadow: 0px 8px 8px -3px rgb(0 0 0 / 50%);
		border-radius: 5px;
    }

    #main #overview .responsive th {
        border: none;
        display: block;
        width: 100%;
		padding:0.5rem ;
        box-sizing: border-box;
		border-radius: 5px 5px 0 0;
        background: linear-gradient(#b9b9ff 0%, #6666FF 100%);
		color: #fff;
        text-shadow: 3px 3px 5px rgba(5, 34, 200, 0.8);
    }
	
    #main #overview .responsive th br {
		display:none;
	}

    #main #overview .responsive td {
        border: none;
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 0.5rem 0.5rem 0.5rem 1.0rem;
        word-break: break-all;
    }
	
    #main #overview .responsive td p {
		margin-top:0;
        padding-right : 0 ;
        padding-left : 0 ;
    }
	
    #main #overview .responsive td ul {
        margin: 0;
        padding-left: 1.6rem;
        list-style-type:disc;
    }

    #main #overview .responsive .clear {
        clear: both;
    }
    

/*-- ↓タブレット用↓ --*/
@media screen and (min-width: 641px) {
		
	#main h2 {
        font-size: 2.5rem;
		text-align: center;
	}
	
	/*テーブル*/	
    #main #overview .responsive table {
		border-collapse: collapse;
		border-spacing: 0 ;
		border: 1px solid #ccc;
		font-size: 1.7rem;
		margin: 0 auto 2rem auto;
    }

    #main #overview .responsive tr {
        box-shadow: none;
		border-radius: 0;
    }

    #main #overview .responsive th {
        border: 1px solid #ccc;
        display: table-cell;
        width: 20%;
        box-sizing: unset;
		border-radius: 0;
        background: #e1e1ff ;
		color: #000;
        text-shadow: none;
    }
	
    #main #overview .responsive th br {
		display:block;
	}

    #main #overview .responsive td {
        border: 1px solid #ccc;
        display: table-cell;
        width: 80%;
        box-sizing: unset;
        word-break: normal;
    }
	
}

/*-- PCベース 共通 (1025px 以上)--*/ 
@media screen and (min-width: 1025px) {

    #main #overview {
        margin-left: 3rem;
    }

}