@charset "utf-8";

/* ******************************************
	General
****************************************** */
.contents {}
.contents .wrap.flex {}
.contents .wrap.flex picture {
  width: 46%;
  aspect-ratio: 6/4;
  margin: 0;
}
.contents .wrap.flex picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.contents .wrap.flex .mes {
  width: 46%;
}
.contents .wrap.flex .mes h3 {
  margin-bottom: 15px;
  font-weight: bold;
  color: #0033cc;
}

#contents_cold .wrap.flex picture {
  order: 2;
}
#contents_cold .wrap.flex .mes {
  order: 1;
}


@media screen and (max-width:1024px) {
}
@media screen and (max-width:600px) {
  .contents .wrap.flex {
    max-width: 480px;
  }
  .contents .wrap.flex picture {
    width: 100%;
    margin-bottom: 12px;
  }
  .contents .wrap.flex .mes {
    width: 100%;
  }
  #contents_cold .wrap.flex picture {
    order: 1;
  }
  #contents_cold .wrap.flex .mes {
    order: 2;
  }
}
@media screen and (max-width:450px) {
}



/* ******************************************
	contents_maker
****************************************** */
#contents_maker {}
#contents_maker ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  font-size: 18px;
}
#contents_maker ul li {
  padding: 10px 0;
  margin: 0;
}
#contents_maker ul li a {
  border-bottom: 1px dashed #ccc;
  display: inline-block;
  padding-bottom: 7px;
}
#contents_maker ul li a::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 20px;
  background-image: url(../images/common/open_in_new.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}