@charset "UTF-8";
/*utf-8です*/
/* Scss Document */
.gnav-topics, .gnav-topics:hover {
  color: #fff !important;
  background-color: #0069B2 !important; }

.page_head {
  background: url("../images/topic/mv.jpg") top right no-repeat;
  background-size: cover; }

.sp_block {
  display: none; }

.long {
  max-width: 980px !important; }

.long img {
  max-width: 980px !important;
  width: 100%; }

.pic_box img {
  max-width: 640px;
  width: 100%; }

.news .dot {
  position: relative;
  padding: 0 0 0 20px;
  margin-bottom: 20px; }
  .news .dot:before {
    position: absolute;
    content: "・";
    left: 0; }

.img_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto 40px; }
  .img_flex img {
    width: calc((100% - 20px)/2); }

.img_single {
  text-align: center;
  width: fit-content;
  margin: 0 auto 40px; }
  .img_single img {
    max-width: 100%; }

@media (max-width: 768px) {
  .img_flex {
    display: block;
    margin: 0 auto 40px;
    max-width: 400px; }
    .img_flex img {
      width: 100%;
      max-width: 100%;
      margin: 0 auto 20px; }

  .pc_block {
    display: none; }

  .sp_block {
    display: block; } }
/*max-width:768px*/