/*
 Theme Name: drop_tcd087_child
 Template: drop_tcd087
 Version:4.1.4
 */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@300;400;500;600;700&display=swap");

/*PC スマホ切り替え*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}
p {
  font-size: 16px !important;
}
img {
  width: 100%;
}
.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-between;
}
.item10 {
  width: 9%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 20px;
}
.item20 {
  width: 19%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 20px;
}
.item30 {
  width: 29%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 20px;
}
.item40 {
  width: 39%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 20px;
}
.item50 {
  width: 49%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 20px;
}
.item60 {
  width: 59%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 20px;
}
.item70 {
  width: 69%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 20px;
}
.item80 {
  width: 79%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 20px;
}
.item90 {
  width: 89%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 20px;
}
/* カード */
.card {
  width: 33%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
  box-sizing: border-box;
  margin-top: 20px;
}
.card-img {
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.card-content {
  padding: 20px;
}
.card-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #333;
}
.card-text {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
}
.card-link {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 20px;
}
.card-link a {
  text-decoration: none;
  color: #0bd;
  margin: 0 10px;
}
.card-link a:hover {
  color: #0090aa;
}
.hero {
  height: 700px !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.title_bk {
  height: 700px;
}
.topimg {
  background-image: url(../../uploads/2021/09/tophero_0002_hunter-newton-BgZFS8DPg0I-unsplash.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.full {
  margin: 0 calc(50% - 50vw); /* 画面幅いっぱいにはみ出させるためのネガティブマージン */
  width: 100vw; /* 幅を画面幅いっぱいに指定 */
}
.blk {
  display: block;
}
.num1 {
  height: 700px !important;
}
.title_bk img {
  width: 35% !important;
}