@charset "utf-8";
/* CSS Document */
@media print, screen and (min-width: 768px) {
  .p-top {
    background-image: url("../images/mv.webp");
    position: relative;
    background-position: center;
    background-color: #f0f0f0;
    border-radius: 15px;
    background-size: cover;
    background-attachment: fixed;
  }
}
@media not all and (min-width: 768px) {
  .p-top {
    background-image: url("../images/mv.webp");
    background-color: #000000;
    padding: 130px 0 50px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.shin-col1_area {
  position: relative;
  margin: 8% 0 5%;
}
.shin-col1-photo {
  border-radius: 12px;
  float: left;
  width: 58%;
  position: relative;
}
.shin-col1-txt {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  margin: 3em 0;
  width: 45%;
  float: right;
  padding: 1.5em;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media not all and (min-width: 768px) {
  .shin-col1 {
    background: none;
  }
  .shin-col1_area {
    display: block;
	margin-top: 20%;
  }
  .shin-col1-txt, .shin-col1-photo {
    position: inherit;
    width: 100%;
  }
  .shin-col1-txt {
    margin-bottom: 0 !important;
  }
}