@import url(common.css);
body {
  font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.grays {
  filter: grayscale(100%);
  opacity: 0.5;
}

.auto-style1 {
  font-size: small;
}

.btoc-contact {
  max-width: 670px;
  margin: 0 auto 1em auto;
  padding: 0.5em;
  background: linear-gradient(0deg, rgba(162, 0, 19, 1) 0%, rgba(186, 0, 22, 1) 19%, rgba(206, 0, 24, 1) 35%);
  box-shadow: 4px 4px 1px rgba(120, 5, 5, 1);
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 36px;
}

.btoc-contact img {
  max-width: 50px;
  margin: 0 auto;
}

.btoc-contact p {
  margin: unset;
}

.btoc-contact span {
  font-size: 20px;
}

.btoc-contact a {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.btoc-contact a:hover {
  opacity: 0.5;
}

/* ******************************
section
****************************** */
.padding-side {
  padding: 1em;
}
/* イラスト */
.padding-side img {
  display: block;
  max-width: 120px;
  margin-left: auto;
  padding-right: 2em;
}
.padding-side p {
  font-size: 16px;
  letter-spacing: 1.2;
}

/* ******************************
各社夏季休暇一覧　class.shop-wap
****************************** */
section:nth-of-type(2) .shop-wap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
  gap: 2em;
  padding: 1em 0;
  margin-bottom: 1em;
}
section:nth-of-type(2) .shop-wap:nth-child(even) {
  background-color: #f5f5f5;
}

section:nth-of-type(2) .shop-wap .shop-left p span {
  max-width: 300px;
  padding: 5px 1.5em;
  font-weight: 400;
}

section:nth-of-type(2) .shop-wap .shop-left {
  flex-basis: 300px;
}

section:nth-of-type(2) .shop-wap .shop-left p {
  font-weight: bold;
  font-size: 20px;
  padding-left: 1em;
}

/* ******************************
担当エリア
****************************** */
/* 関東＝緑 */
section:nth-of-type(2) .shop-wap .shop-left p span {
  padding: 5px 1.5em;
  font-weight: 200;
  font-size: 18px;
}

/* 日時（右側） */
section:nth-of-type(2) .shop-wap .shop-right {
  font-weight: bold;
  font-size: 20px;
}

.padding-side {
  padding: 0 1em 5em;
}

/* イラスト */
.padding-side .fb-wap {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
}

.padding-side .fb-wap img {
  display: block;
  max-width: 280px;
  margin: auto;
  padding-right: 0em;
}

.padding-side .fb-wap p {
  flex: 2;
}

.padding-side p {
  font-size: 18px;
  letter-spacing: 1.1;
}

p.shop-right span {
  font-weight: 100;
  font-size: 15px;
}