@charset "utf-8";

/*==================================== PC ====================================================*/

#ttl {
	background-image: url(images/ttl.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 150px;
	text-indent: -9999px;
	min-width:1000px;
}

.aid {
	border-top: 1px dotted #666;
	margin-top: 20px;
}

.aid p {
	border-bottom: 1px dotted #666;
	padding: 10px 0px 10px 17px;
}

.aid_description {
	font-weight: bold;
	margin-right: 20px;
}

.externsip_list {
	overflow: hidden;
}

	.externsip_list li {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 13px;
		padding: 6px;
		box-sizing: border-box;
		background: #f3f4fa;
	}
	
		.externsip_list li:nth-child(3n) {
			margin-right: 0;
		}


	.externsip_list li:nth-child(2n) {
		background: #E1E2EF;
	}

.oomidashi {
	background: #0b1148;
	color: #fff;
	font-size: 160%;
	padding: 10px;
	margin-bottom: 20px;
}

.dl_set {
	overflow: hidden;
	border-bottom: 1px solid #999;
}


.dl_yoko {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #999;
}

.dl_yoko dt {
    width: 130px;
    background: #e2e1ef;
    padding: 8px;
    box-sizing: border-box;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}
.dl_yoko dd {
    width: calc(100% - 130px);
    padding: 8px 15px;
    box-sizing: border-box;
    
    border-top: 1px solid #999;
    border-right: 1px solid #999;
}

.blue_table, .blue_table td, .blue_table th {
    padding: 10px;
    border: 1px solid #CCC;
    border-collapse: collapse;
}
.blue_table {
    width: 100%;
}
.blue_table th {
    background: #000546;
    text-align: center;
    color: #FFF;
}

.td_midashi {
    text-align: center;
    width: 15%;
    background: #E1E2EF;
}




/********************************************************************************************************************/
/****************************************** MEDIA QUERIES ***********************************************************/
/********************************************************************************************************************/


/*==================================== PHONES ====================================================*/

@media (max-width: 480px) {
	
#ttl {
	height: auto;
	text-indent: 0px;
	font-size: 120%;
	padding-bottom: 10px;
	background-image: none;
	color: #333;
	min-width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000546;
	margin-bottom: 10px;
}
	
#ttl p {
	padding-left: 10px;
}


.aid_description {
	display: block;
	font-weight: bold;
	margin-right: 0px;
}

	.externsip_list li {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10px;
	}

    .dl_yoko {
        flex-direction: column;
    }
    
    .dl_yoko dt {
        width: 100%;
        background: #e2e1ef;
        border-right: 1px solid #999;
    }
    .dl_yoko dd {
        width: 100%;
        border-left: 1px solid #999;
    }
    
    .td_midashi {
        width: 23%;
    }
    
    
}