@charset "utf-8";

@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;
  }
}

/* CSS ページ用追加 */
h3.product {
  padding: 0.5em 1em;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 3%;
  background-color: #003366;
  color: #fff;
}

.article-content1 {
  width: 100%;
  float: left;
}

figure.img {
  margin-bottom: 1%;
}

.h3_sub {
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}

.h3_sub_left {
  font-weight: bold;
  font-size: 1.2rem;
  text-align: left;
  color: red;
}

.travel-info-table_responsive {
  width: 100%;
  border: solid 1px #d7d7d7;
}

.travel-info-jyoken-table__heading {
  text-align: center;
  font-weight: bold;
  color: #003366;
  background-color: #b2cbe4;
  vertical-align: middle;
  font-size: 1rem;
}

.travel-info-jyoken-table__heading,
.travel-info-jyoken-table__data {
  text-align: center;
  vertical-align: middle;
  padding: 0.5em;
  border: solid 1px #d7d7d7;
  padding: 1em;
  font-size: 1rem;
}

.travel-info-jyoken-table__heading_w {
  width: 35%;
  text-align: center;
  font-weight: bold;
  color: #003366;
  background-color: #b2cbe4;
  vertical-align: middle;
  border: solid 1px #d7d7d7;
  padding: 1em;
  font-size: 1rem;
}

.travel-info-jyoken-table__data_w {
  text-align: left;
  vertical-align: middle;
  padding: 0.5em;
  border: solid 1px #d7d7d7;
  padding: 0.9em;
  font-size: 1rem;
}

.p-info .leftBox {
  width: 50%;
  float: left;
  margin-right: 2%;
}

.p-info .rightBox {
  width: 50%;
  float: right;
  margin-left: 2%;
}

.redb {
  color: red;
  font-weight: bold;
}

.red2b {
  color: red;
  font-weight: bold;
  font-size: 1.25rem;
}

dl.infoList02 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  border: solid 1px #d7d7d7;
  padding: 0 0.6em;
}

.infoList02 dt {
  font-weight: 500;
  color: #003366;
  padding: 20px 0;
  width: 70%;
  border-bottom: 1px solid #ccc;
}

.infoList02 dd {
  padding: 20px 0.5em 20px 1em;
  border-bottom: 1px solid #ccc;
  width: 30%;
}

.marginbottom_5per {
  margin-bottom: 5%;
}

.headTxtBox02 .txtBox {
  width: 100%;
  text-align: left;
  margin-top: 10%;
}

.headTxtBox02 .txtBox .txt {
  font-size: 128.57%;
  line-height: 2;
  margin-bottom: 26px;
}

.font_red {
  color: #fd2125;
}

.font_blue {
  color: #004098;
}

.blue_120per {
  color: #004098 !important;
  font-weight: bold;
  font-size: 1.2rem;
}

@media not all and (min-width: 768px) {
  .h3_sub {
    font-size: 1rem;
  }

  .h3_sub_left {
    font-size: 1rem;
  }

  .travel-info-table_responsive {
    white-space: nowrap;
  }

  .travel-info-jyoken-table__heading {
    display: block;
  }

  .travel-info--jyoken-table__heading,
  .travel-info-jyoken-table__data {
    display: block;
  }

  .travel-info-jyoken-table__heading_w {
    display: block;
    width: 100%;
  }

  .travel-info--jyoken-table__heading_w,
  .travel-info-jyoken-table__data_w {
    display: block;
  }

  .p-info .leftBox {
    width: 100%;
    margin: auto;
  }

  .p-info .rightBox {
    width: 100%;
    margin: auto;
  }
}

.sub ul {
  margin: 1em;
}

.sub ul li {
  list-style-type: disc;
}

@media screen and (max-width: 768px) {
  .titleLine {
    margin-bottom: 5%;
  }
}

.pl-0 {
  padding-left: 5%;
}

@media screen and (max-width: 768px) {
  .pl-0 {
    padding-left: auto;
  }
}

.f-c {
  vertical-align: middle;
}

.blueb {
  color: blue;
  font-weight: bold;
  font-size: 130%;
}

@media screen and (min-width: 768px) {
  .article-image {
    width: calc(70% - 20px);
    margin-top: 2rem;
    text-align: center;
  }
}

/*早稲田大学専用*/
.ft-info {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5em;
  margin-top: 0 !important;
}