@charset "utf-8";
/**
 * ユーザー追加スタイル
 */
.block-featured-a-1 .block-body {
  position: relative;
  width: auto;
  min-height: 485px;
  margin: 120px -60px 60px;
  padding: 60px 60px;
  background: rgba(194, 229, 209, 0.5);
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-body {
    min-height: auto;
    margin: 30px -20px;
    padding: 30px 20px;
  }
}
.block-featured-a-1 .block-featured .images {
  position: absolute;
  top: -60px;
  right: -60px;
  width: 50%;
}
.block-featured-a-1 .block-featured .images p {
  margin: 0;
}
.block-featured-a-1 .block-featured .images p.detail {
  line-height: 1.5;
  margin: 20px auto 0;
  font-size: 2.4rem;
  text-align: center;
}
.block-featured-a-1 .block-featured .images p.detail a {
  color: inherit;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-featured .images p.detail a:hover,
  .block-featured-a-1 .block-featured .images p.detail a:active {
    transition: none;
  }
}
.block-featured-a-1 .block-featured .images p.detail a:hover,
.block-featured-a-1 .block-featured .images p.detail a:active {
  opacity: 0.6;
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-featured .images p.detail a:hover,
  .block-featured-a-1 .block-featured .images p.detail a:active {
    opacity: 1;
  }
}
.block-featured-a-1 .block-featured .images p.detail a:hover,
.block-featured-a-1 .block-featured .images p.detail a:active {
  text-decoration: none;
}
.block-featured-a-1 .block-featured .images p.detail a {
  position: relative;
  display: inline-block;
  padding: calc((60px - 1.5em) / 2) 20px;
  background: #0B4C41;
  color: #FFFFFF;
  font-weight: 900;
  text-align: center;
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-featured .images p.detail a {
    padding: calc((53px - 1.5em) / 2) 15px;
  }
}
.block-featured-a-1 .block-featured .images p.detail a::after {
  content: '';
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: block;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-right: 3px solid #69BF8D;
  border-bottom: 3px solid #69BF8D;
  border-left: 3px solid transparent;
}
.block-featured-a-1 .block-featured .images p.detail a {
  position: relative;
  width: 240px;
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-featured .images p.detail a {
    width: 200px;
  }
}
.block-featured-a-1 .block-featured .images p.detail a {
  background: #69BF8D;
}
.block-featured-a-1 .block-featured .images p.detail a::after {
  border-right: 3px solid #C2E5D1;
  border-bottom: 3px solid #C2E5D1;
}
.block-featured-a-1 .block-featured .images img {
  width: 100%;
}
.block-featured-a-1 .block-featured .messages {
  margin: -30px 0 0;
  padding-right: 50%;
}
.block-featured-a-1 .block-featured .messages p.detail {
  line-height: 1.5;
  margin: 20px auto 0;
  font-size: 2.4rem;
  text-align: center;
}
.block-featured-a-1 .block-featured .messages p.detail a {
  color: inherit;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-featured .messages p.detail a:hover,
  .block-featured-a-1 .block-featured .messages p.detail a:active {
    transition: none;
  }
}
.block-featured-a-1 .block-featured .messages p.detail a:hover,
.block-featured-a-1 .block-featured .messages p.detail a:active {
  opacity: 0.6;
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-featured .messages p.detail a:hover,
  .block-featured-a-1 .block-featured .messages p.detail a:active {
    opacity: 1;
  }
}
.block-featured-a-1 .block-featured .messages p.detail a:hover,
.block-featured-a-1 .block-featured .messages p.detail a:active {
  text-decoration: none;
}
.block-featured-a-1 .block-featured .messages p.detail a {
  position: relative;
  display: inline-block;
  padding: calc((60px - 1.5em) / 2) 20px;
  background: #0B4C41;
  color: #FFFFFF;
  font-weight: 900;
  text-align: center;
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-featured .messages p.detail a {
    padding: calc((53px - 1.5em) / 2) 15px;
  }
}
.block-featured-a-1 .block-featured .messages p.detail a::after {
  content: '';
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: block;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-right: 3px solid #69BF8D;
  border-bottom: 3px solid #69BF8D;
  border-left: 3px solid transparent;
}
.block-featured-a-1 .block-featured .messages p.detail a {
  position: relative;
  width: 240px;
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-featured .messages p.detail a {
    width: 200px;
  }
}
.block-featured-a-1 .block-featured .messages p.detail a {
  background: #69BF8D;
}
.block-featured-a-1 .block-featured .messages p.detail a::after {
  border-right: 3px solid #C2E5D1;
  border-bottom: 3px solid #C2E5D1;
}
@media (max-width: 767px) {
  .block-featured-a-1 .block-featured .images {
    position: static;
    width: auto;
    margin: -30px -20px 0;
  }
  .block-featured-a-1 .block-featured .messages {
    margin: 20px 0 0;
    padding-right: 0;
  }
}
.block-featured-a-1.on-bottom .block-body {
  margin: 120px -60px 0;
}
@media (max-width: 767px) {
  .block-featured-a-1.on-bottom .block-body {
    margin: 30px -20px 0;
  }
}
.block-featured-a-2 .block-body {
  position: relative;
  width: auto;
  min-height: 545px;
  margin: 60px -60px 0;
  padding: 60px 60px;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-body {
    min-height: auto;
    margin: 30px -20px 0;
    padding: 30px 20px;
  }
}
.block-featured-a-2 .block-featured .images {
  position: absolute;
  top: 0;
  left: -60px;
  width: 50%;
}
.block-featured-a-2 .block-featured .images p {
  margin: 0;
}
.block-featured-a-2 .block-featured .images p.detail {
  line-height: 1.5;
  margin: 20px auto 0;
  font-size: 2.4rem;
  text-align: center;
}
.block-featured-a-2 .block-featured .images p.detail a {
  color: inherit;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-featured .images p.detail a:hover,
  .block-featured-a-2 .block-featured .images p.detail a:active {
    transition: none;
  }
}
.block-featured-a-2 .block-featured .images p.detail a:hover,
.block-featured-a-2 .block-featured .images p.detail a:active {
  opacity: 0.6;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-featured .images p.detail a:hover,
  .block-featured-a-2 .block-featured .images p.detail a:active {
    opacity: 1;
  }
}
.block-featured-a-2 .block-featured .images p.detail a:hover,
.block-featured-a-2 .block-featured .images p.detail a:active {
  text-decoration: none;
}
.block-featured-a-2 .block-featured .images p.detail a {
  position: relative;
  display: inline-block;
  padding: calc((60px - 1.5em) / 2) 20px;
  background: #0B4C41;
  color: #FFFFFF;
  font-weight: 900;
  text-align: center;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-featured .images p.detail a {
    padding: calc((53px - 1.5em) / 2) 15px;
  }
}
.block-featured-a-2 .block-featured .images p.detail a::after {
  content: '';
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: block;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-right: 3px solid #69BF8D;
  border-bottom: 3px solid #69BF8D;
  border-left: 3px solid transparent;
}
.block-featured-a-2 .block-featured .images p.detail a {
  position: relative;
  width: 240px;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-featured .images p.detail a {
    width: 200px;
  }
}
.block-featured-a-2 .block-featured .images p.detail a {
  background: #69BF8D;
}
.block-featured-a-2 .block-featured .images p.detail a::after {
  border-right: 3px solid #C2E5D1;
  border-bottom: 3px solid #C2E5D1;
}
.block-featured-a-2 .block-featured .images img {
  width: 100%;
}
.block-featured-a-2 .block-featured .messages {
  margin: -30px 0 0;
  padding-left: 50%;
}
.block-featured-a-2 .block-featured .messages p.detail {
  line-height: 1.5;
  margin: 20px auto 0;
  font-size: 2.4rem;
  text-align: center;
}
.block-featured-a-2 .block-featured .messages p.detail a {
  color: inherit;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-featured .messages p.detail a:hover,
  .block-featured-a-2 .block-featured .messages p.detail a:active {
    transition: none;
  }
}
.block-featured-a-2 .block-featured .messages p.detail a:hover,
.block-featured-a-2 .block-featured .messages p.detail a:active {
  opacity: 0.6;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-featured .messages p.detail a:hover,
  .block-featured-a-2 .block-featured .messages p.detail a:active {
    opacity: 1;
  }
}
.block-featured-a-2 .block-featured .messages p.detail a:hover,
.block-featured-a-2 .block-featured .messages p.detail a:active {
  text-decoration: none;
}
.block-featured-a-2 .block-featured .messages p.detail a {
  position: relative;
  display: inline-block;
  padding: calc((60px - 1.5em) / 2) 20px;
  background: #0B4C41;
  color: #FFFFFF;
  font-weight: 900;
  text-align: center;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-featured .messages p.detail a {
    padding: calc((53px - 1.5em) / 2) 15px;
  }
}
.block-featured-a-2 .block-featured .messages p.detail a::after {
  content: '';
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: block;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-right: 3px solid #69BF8D;
  border-bottom: 3px solid #69BF8D;
  border-left: 3px solid transparent;
}
.block-featured-a-2 .block-featured .messages p.detail a {
  position: relative;
  width: 240px;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-featured .messages p.detail a {
    width: 200px;
  }
}
.block-featured-a-2 .block-featured .messages p.detail a {
  background: #69BF8D;
}
.block-featured-a-2 .block-featured .messages p.detail a::after {
  border-right: 3px solid #C2E5D1;
  border-bottom: 3px solid #C2E5D1;
}
@media (max-width: 767px) {
  .block-featured-a-2 .block-featured .images {
    position: static;
    width: auto;
    margin: -30px -20px 0;
  }
  .block-featured-a-2 .block-featured .messages {
    margin: 20px 0 0;
    padding-left: 0;
  }
}
.block-featured-a-2.on-bottom .block-body {
  padding: 60px 60px 0;
}
@media (max-width: 767px) {
  .block-featured-a-2.on-bottom .block-body {
    padding: 30px 20px 0;
  }
}
.block-featured-a-2.on-bottom .block-featured .messages {
  margin: -30px 0 -15px;
}
@media (max-width: 767px) {
  .block-featured-a-2.on-bottom .block-featured .messages {
    margin-top: 0;
  }
}