@charset "UTF-8";
/*************************************************
【会社情報 - 青少年にみてもらいたい番組
**************************************************/
/* 最初のセクションの余白設定 */
/*************************************************
↓margin-top だけじゃなく margin-bottom も加えた
**************************************************/
#businessInfoArea .com_section:first-of-type {
    margin: 50px 0 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#businessInfoArea .com_section:first-of-type span {
    padding: .75em 0;
}

/*****************************************************
↓min-width: 1280px; を書き変えた
*****************************************************/
/* flex定義 */
#businessInfoArea .columns {
    width: 100%;
    min-width: auto;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

/*****************************************************
↓max-width:400px; を書き変えた
*****************************************************/
#businessInfoArea .column:first-child {
	width: 56%;
	max-width:554px;
}

/*****************************************************
↓書き加えた
*****************************************************/
@media screen and (max-width:850px) {
	#businessInfoArea .column:first-child {
		width: 100%;
		max-width:465px;
	}
}

/*****************************************************
↑書き加えた
*****************************************************/

/*****************************************************
↓width: 50%; から減らした
*****************************************************/
@media screen and (min-width:850px) { 
	#businessInfoArea .column:last-child {
    	width: 40%;
    	text-align: center;
    	margin-left: auto;
	}
}

/*****************************************************
↓書き加えた
*****************************************************/
@media screen and (max-width:434px) {
	#businessInfoArea .column:last-child {
    	width: 55%;
    	text-align: center;
    	margin-left: 0;
	}
}

@media screen and (max-width:825px) { 
	#hand {
    	display: none;
	}
}

/*****************************************************
↑書き加えた
*****************************************************/

/*****************************************************
↓min-width: 500px; 消した
*****************************************************/
/* 番組情報のflex定義 */
#businessInfoArea .sai_list .columns {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

/*****************************************************
↓widthを200pxから増やした
*****************************************************/
#businessInfoArea .sai_list .column:first-child {
	width:205px;
	font-size:108%;
	font-weight:bold;
}

/*****************************************************
↓#businessInfoArea .sai_list .column:last-child を、
　あとwidth: auto; text-align: center; を直した
*****************************************************/
@media screen and (max-width:468px) {
	.time {
    	width: 100%;
    	text-align: left;
	}
}

/*************************************************
↓書き加えた
**************************************************/
@media screen and (max-width:434px) {
	.time {
    	width: 158%;
    	text-align: left;
	}
}
/*************************************************
↑書き加えた
**************************************************/

/*****************************************************
↓widthを343pxから変えた
*****************************************************/
.sai_list {
	width:92%;
	padding:25px;
	background:#FAFAFA;
	margin:20px 0 0;
	line-height:normal;
}


/*************************************************
↓書き加えた
**************************************************/
#businessInfoArea {
    margin-top: 50px;
    margin-bottom: 100px;
    color: #555;
}

#businessInfoArea .container {
    width: 96%!important;
    margin: 0 auto;
}

#businessInfoArea .com_section {
	line-height: 3.5;
}

@media screen and (max-width: 767px) { 
	.com_section {
    	font-size: 108%;
    	margin: 10px auto;
    	padding: 0 0 0 0!important;
    }
}

@media screen and (min-width: 768px) {
	.com_section {
    	font-size: 108%;
    	margin: 10px auto;
    	padding: 0 0 0 0!important;
    }
}

#businessInfoArea .com_section p {
	line-height: 1.5;
	margin: 10px 0 10px 0;
}