@charset "utf-8";
/* CSS Document */

.pickup .box {
  background-color: #f6fae9;
}

.box-inner {
  background: url("../images/bg24.png");
  background-size: cover; 
  font-size: 116% !important;
  word-break: break-all;
}

.reed {
  font-family: 'Noto Serif JP', serif;
}

.reed p {
  font-size: 1.2em;
  padding: 4%;
  font-weight: bold;
}

.pc-br {
  display: none;
}

.bg-area {
  margin-bottom: 2rem;
}

h2 {
  border: none;
  color: #606060;
}

.mtop2rem {
  margin-top: 2rem;
}
.text-red {
  color: #ff0000;
}

.pc-br {
  display: none;
}

.pickup .box {
  padding-bottom: 1rem;
}

.box-inner a {
  display: block;
}

.wrap {
  padding: 0 4%;
}

p.open {
  margin: 1rem 0 0;
}

.teien-box a {
  margin-bottom: 0.6rem;
}

ul.others li {
  list-style: disc;
  margin-left: 1rem;
}


@media only screen and (min-width: 671px) {
.pickup .box {
  padding-bottom: 0;
}
.box-inner {
  padding: 6% 4% 4%;
}
.wrap {
  margin-top: 4rem;
}
.reed {
  width: 86%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; 
}
.reed p {
  margin-left: 100px; 
  font-size: 25.6px;
  line-height: 3;
  padding: 0;
}
.pc-br {
  display: block;
}
.bg-area {
  margin-bottom: 0;
}
.flexbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.flexbox p {
  font-size: 1.2em;
}
.teien-wrap, .others-wrap, .info-wrap {
    width: calc(100% - 140px);
}
.teien-box {  
  display: flex;
  flex-wrap: wrap;
}
.teien-box a {
  width: 33%;
  font-size: 1.2em;
}
h2 {
  width: 140px;
  margin-top: 0;
}

}