@charset "UTF-8";
/*************************************************
【会社情報 - FNS チャリティキャンペーン】共通
**************************************************/
/* flex定義 */
#businessInfoArea .columns {
    width: 100%;
    /* min-width: 1280px; */
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 0 auto;
}

#businessInfoArea .column:first-child {
	width: 30%;
	text-align: right;
}
#businessInfoArea .column:last-child {
	width: 70%;
	/* text-align: left; */
}
#businessInfoArea .column:last-child h2 {
	margin-left: 20px;
}

.fns .enter_block {
	padding: 10px 20px;
	background: #FAFAFA;
	margin-bottom: 20px;
	border-top: 1px solid #AFAFAF;
	line-height: 1.6em;
	font-size: 13px;
}

.fns .enter_block .txt_block {
	margin: 10px auto;
	padding-bottom: 10px;
	border-bottom: 1px dotted #AFAFAF;
}

.fns .enter_block .txt_block h3 {
	font-size: 123.1%;
	padding-bottom: 4px;
}

.fns .info_block {
	margin: 0 auto;
	text-align: center;
	font-size: 123.1%;
	font-weight: bold;
}

/*************************************************
↓書き加えた
**************************************************/
#businessInfoArea .container {
    width: 96%!important;
    margin: 0 auto;
}

#businessInfoArea {
    margin-top: 50px;
    margin-bottom: 100px;
    color: #555;
}

.info_block a {
	color: #555555!important;
}


#businessInfoArea .flex{
    display: flex;
    justify-content: center;
    /* align-items: center; */
    margin: 3% auto;
}
#businessInfoArea .flex .columns{
    width: 47%;
    margin: 0 2%;
}
#businessInfoArea .flex .img_con{
    width: 22%;
}
#businessInfoArea .flex .img_con img{
    width: 100%;
}
@media screen and (max-width: 840px){
    #businessInfoArea .flex .columns{
    width: 96%;
    margin: 0;
}
#businessInfoArea .flex .img_con{
    width: 92%;
    margin: 5% auto 0;
}
#businessInfoArea .flex{
    display: block;
    margin: 3% auto;
}
}