@charset "UTF-8";

body {
	background: #fff;
}

.topics_box  {
    display: block;
    padding-top: 120px;
    margin-top: -70px!important;
}

.topics_box a {
	color: #173a84;
    text-decoration: underline;
}

.topics_box dl {
	margin-bottom: 1.5em;
}
.topics_box dd {
/*	margin-left: 1em;*/
}

@media screen and (min-width: 768px) {
header h1 img {
	height: 60px;
}
header h1 span {
	text-align: center;
}
}


/* トピックスの項目リスト */

.use_list dl {
display: flex;
flex-flow: column;
width: 100%;
border-top: 1px solid #ccc;
}

.use_list dt {
flex-basis: 15%;
padding: 7px 20px;
background-color: #f1f1f1;
border-bottom: 1px solid #ccc;
}

.use_list dd {
flex-basis: 75%;
padding: 7px 20px 20px 20px;
background-color: #fff;
border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 568px) {
.use_list dl {
flex-flow: row wrap;
}

.use_list dt {
padding: 20px;
}

.use_list dd {
padding: 20px;
}

}


/* トピックスの画像貼りバージョン */

.container_photo_A {
	display: flex;
	flex-direction: column ;
	margin-bottom: 2em;
}
.container_photo_A div {
	width: 100%;
	margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
.container_photo_A {
	flex-direction: row;
}
.container_photo_A div {
	width: 50%;
	padding: 0 2em;
}
}




/* コミュニケーションのページ */

.communication_article a {
	color: #173A84;
	text-decoration: underline;
	font-weight: bold;
}


/*************************************
	ブレイクポイント毎の表示切り替え
*************************************/
@media screen and (min-width: 768px) {
  .pc {
    display: block !important;
  }

  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}