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


/*------------------------------------------------
  style setting:
--------------------------------------------------*/
/*背景色なし*/
.no-bg{
       background: none !important;
 }
/*右破線罫線*/
.br-dashed{
       border-right: 1px dashed #2c4b6d !important;
 }
/*左破線罫線*/
.bl-dashed{
       border-left: 1px dashed #2c4b6d !important;
 }
/*罫線を消す*/
.bst {
  border-top: none !important;
}
.bsb {
  border-bottom: none !important;
}
.bsl {
  border-left: none !important;
}
.bsr {
  border-right: none !important;
}

.dt_center{
text-align: center; 
}

.td_width40{
 width:40%;
}
 /*トップページ注意書き*/

.noticeBox{
	border: #a40035 3px solid;
	border-radius: 10px;
	margin-bottom: 2em;
}

.notice-txt{
	color:#a40035;
	font-weight: bold;
	font-size: 1.2em
	background-size: 20px 20px;
	padding: 12px 0 12px 24px;
}

/*トップページお知らせ欄日付角丸*/


.txt li time{
	border-radius: 15px;
}

.photo li div{
	border-radius: 15px;
}


/*トップページの金融と短観の２カラム*/

.flex-top{
	display:flex;
	justify-content: center;
}

@media(min-width:480px){
.flex-top-child{
	background-color:#afeeee;
	margin:1em 2em;
	width: 47%;
	border-radius:15px;
}
}

@media(max-width:480px){
.flex-top{
	display:block;
	justify-content: center;
	margin:0;

}
}

@media(max-width:480px){
.flex-top-child{
	background-color:#afeeee;
	margin:1em;
	padding:1em 0;
	width: 90%;
	border-radius:15px;
}
}


/*関連バナー中央寄せ*/

.banner_center{
display: flex;
 justify-content: center;
}



/*「左右にスクロールできます」の表記*/


@media(min-width: 600px){.min600px{

display: none;
}}

/*トップページ関門橋の説明を右にする*/
.photo_ex{
 left:5%
}


/*画像横並びサイズ調整*/
.pic3 img{
 max-height:250px;
}

.pic2 img{
 max-width:100%;
}