@charset "UTF-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@-webkit-keyframes pin_in {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  12% {
    -webkit-transform: translateY(-89px);
    transform: translateY(-89px);
    opacity: 1;
  }
  24% {
    -webkit-transform: translateY(-56px);
    transform: translateY(-56px);
  }
  36% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  54% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  74% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  92% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
  96% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes pin_in {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  12% {
    -webkit-transform: translateY(-89px);
    transform: translateY(-89px);
    opacity: 1;
  }
  24% {
    -webkit-transform: translateY(-56px);
    transform: translateY(-56px);
  }
  36% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  54% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  74% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  92% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
  96% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes pin_jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  56% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
  }
  62% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  68% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  77% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  82% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  91% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  96% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
  98% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes pin_jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  56% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
  }
  62% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  68% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  77% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  82% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  91% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  96% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
  98% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes pin_jump_sp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5vw);
    transform: translateY(-5vw);
  }
  56% {
    -webkit-transform: translateY(-4.5vw);
    transform: translateY(-4.5vw);
  }
  62% {
    -webkit-transform: translateY(-2.8vw);
    transform: translateY(-2.8vw);
  }
  68% {
    -webkit-transform: translateY(-0.2vw);
    transform: translateY(-0.2vw);
  }
  77% {
    -webkit-transform: translateY(-1.2vw);
    transform: translateY(-1.2vw);
  }
  82% {
    -webkit-transform: translateY(-0.2vw);
    transform: translateY(-0.2vw);
  }
  91% {
    -webkit-transform: translateY(-0.6vw);
    transform: translateY(-0.6vw);
  }
  96% {
    -webkit-transform: translateY(-0.1vw);
    transform: translateY(-0.1vw);
  }
  98% {
    -webkit-transform: translateY(-0.2vw);
    transform: translateY(-0.2vw);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes pin_jump_sp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5vw);
    transform: translateY(-5vw);
  }
  56% {
    -webkit-transform: translateY(-4.5vw);
    transform: translateY(-4.5vw);
  }
  62% {
    -webkit-transform: translateY(-2.8vw);
    transform: translateY(-2.8vw);
  }
  68% {
    -webkit-transform: translateY(-0.2vw);
    transform: translateY(-0.2vw);
  }
  77% {
    -webkit-transform: translateY(-1.2vw);
    transform: translateY(-1.2vw);
  }
  82% {
    -webkit-transform: translateY(-0.2vw);
    transform: translateY(-0.2vw);
  }
  91% {
    -webkit-transform: translateY(-0.6vw);
    transform: translateY(-0.6vw);
  }
  96% {
    -webkit-transform: translateY(-0.1vw);
    transform: translateY(-0.1vw);
  }
  98% {
    -webkit-transform: translateY(-0.2vw);
    transform: translateY(-0.2vw);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#partner {
  max-width: 1280px;
  margin: auto;
  overflow: hidden;
}

#partner ul {
  list-style: none;
}

#kv {
  position: relative;
}

#kv .kv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 280px;
}

#kv h1 {
  text-align: center;
  margin-bottom: 40px;
}

#kv #lead h2 {
  text-align: center;
  margin-bottom: 35px;
}

#kv #lead p {
  font-size: 25px;
  line-height: 49px;
  text-align: center;
  font-weight: bold;
  background: url(../images/lead-bg.svg) center top repeat-y;
}

#kv #lead p strong {
  font-size: 32px;
  color: #d22149;
}

#kv #lead p strong small {
  font-size: 25px;
  color: inherit;
}

#kv #kv-pin ul li {
  position: absolute;
  background: rgba(255, 0, 0, 0.5);
  left: 0;
  top: 0;
  background: url(../images/kv-pin-shadow.svg) center bottom no-repeat;
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}

#kv #kv-pin ul li img {
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}

#kv #kv-pin ul li.pin_in {
  -webkit-animation: pin_in 1s linear;
  animation: pin_in 1s linear;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

#kv #kv-pin ul li img.pin_jump {
  -webkit-animation: pin_jump 1s linear;
  animation: pin_jump 1s linear;
}

#kv #kv-pin ul li:nth-child(1) {
  left: 100px;
  top: 74px;
}

#kv #kv-pin ul li:nth-child(2) {
  left: 337px;
  top: 95px;
}

#kv #kv-pin ul li:nth-child(3) {
  left: 585px;
  top: 40px;
}

#kv #kv-pin ul li:nth-child(4) {
  left: 820px;
  top: 100px;
}

#kv #kv-pin ul li:nth-child(5) {
  left: 1060px;
  top: 114px;
}

#kv #kv-pin ul li:nth-child(6) {
  left: 50px;
  top: 780px;
}

#kv #kv-pin ul li:nth-child(7) {
  left: 1060px;
  top: 810px;
}

#kv #kv-pin ul li:nth-child(8) {
  left: 50px;
  top: 1050px;
}

#kv #kv-pin ul li:nth-child(9) {
  left: 1102px;
  top: 1060px;
}

#kv #kv-pin ul li:nth-child(10) {
  left: 100px;
  top: 1320px;
}

#kv #kv-pin ul li:nth-child(11) {
  left: 310px;
  top: 1330px;
}

#kv #kv-pin ul li:nth-child(12) {
  left: 510px;
  top: 1270px;
}

#kv #kv-pin ul li:nth-child(13) {
  left: 640px;
  top: 1420px;
}

#kv #kv-pin ul li:nth-child(14) {
  left: 800px;
  top: 1290px;
}

#kv #kv-pin ul li:nth-child(15) {
  left: 1030px;
  top: 1255px;
}

@media screen and (max-width: 768px) {
  #kv > img {
    width: 134vw;
    max-width: initial;
  }
  #kv .kv {
    padding-top: 26vw;
  }
  #kv h1 {
    margin-bottom: 5vw;
  }
  #kv h1 img {
    width: 90%;
  }
  #kv #lead h2 {
    margin-bottom: 5vw;
  }
  #kv #lead h2 img {
    width: 80%;
  }
  #kv #lead p {
    padding: 0 1em;
    font-size: 3.3vw;
    line-height: 2em;
    background-size: auto 2em;
  }
  #kv #lead p strong {
    font-size: 4vw;
  }
  #kv #lead p strong small {
    font-size: 3.5vw;
  }
  #kv #kv-pin ul li {
    background-size: 50%;
    z-index: 1;
  }
  #kv #kv-pin ul li img {
    width: 15vw;
  }
  #kv #kv-pin ul li img.pin_jump {
    -webkit-animation: pin_jump_sp 1s linear;
    animation: pin_jump_sp 1s linear;
  }
  #kv #kv-pin ul li:nth-child(1) {
    left: 2vw;
    top: 2vw;
  }
  #kv #kv-pin ul li:nth-child(2) {
    left: 17vw;
    top: 8vw;
  }
  #kv #kv-pin ul li:nth-child(3) {
    left: 31vw;
    top: 1vw;
  }
  #kv #kv-pin ul li:nth-child(4) {
    left: 46vw;
    top: 7vw;
  }
  #kv #kv-pin ul li:nth-child(5) {
    left: 60vw;
    top: 1vw;
  }
  #kv #kv-pin ul li:nth-child(6) {
    left: 73vw;
    top: 9vw;
  }
  #kv #kv-pin ul li:nth-child(7) {
    left: 86vw;
    top: 2vw;
  }
  #kv #kv-pin ul li:nth-child(8) {
    left: 2vw;
    top: 134vw;
  }
  #kv #kv-pin ul li:nth-child(9) {
    left: 15vw;
    top: 150vw;
  }
  #kv #kv-pin ul li:nth-child(10) {
    left: 26vw;
    top: 132vw;
  }
  #kv #kv-pin ul li:nth-child(11) {
    left: 35vw;
    top: 150vw;
  }
  #kv #kv-pin ul li:nth-child(12) {
    left: 44vw;
    top: 134vw;
  }
  #kv #kv-pin ul li:nth-child(13) {
    left: 54vw;
    top: 147vw;
  }
  #kv #kv-pin ul li:nth-child(14) {
    left: 69vw;
    top: 135vw;
  }
  #kv #kv-pin ul li:nth-child(15) {
    left: 78vw;
    top: 150vw;
  }
}

#about1 {
  position: relative;
  margin-top: -260px;
}

#about1 > figure > img {
  width: 100%;
  mix-blend-mode: multiply;
}

#about1 article {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  padding-top: 180px;
}

#about1 article h3 {
  margin-bottom: 40px;
  font-size: 50px;
  color: #fff;
  text-align: center;
}

#about1 article figure {
  width: 1000px;
  text-align: center;
  display: block;
  margin: auto;
}

#about1 article figure img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #about1 {
    margin-top: -60vw;
    padding-top: 20vw;
  }
  #about1 > figure {
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
  }
  #about1 > figure > img {
    max-width: initial;
    width: 140vw;
  }
  #about1 article h3 {
    font-size: 7vw;
    margin-bottom: 5vw;
  }
  #about1 article figure {
    width: 90vw;
  }
}

#about2 {
  padding-top: 50px;
  padding-bottom: 30px;
}

#about2 article {
  width: 1100px;
  margin: auto;
}

#about2 article h3 {
  font-size: 50px;
  text-align: center;
  color: #00B4E1;
  line-height: 1.1em;
  margin-bottom: 50px;
}

#about2 article h3 small {
  font-size: 27px;
  color: #000;
}

#about2 article ul {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 80px;
}

#about2 article ul li {
  width: 48%;
}

#about2 article ul li img {
  width: 100%;
}

#about2 article a {
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.1em 0em;
  border-radius: 4em;
  color: #fff;
  font-size: 30px;
  background: #00B4E1;
  text-decoration: none;
  width: 16em;
  margin: auto;
  border: solid 2px #fff;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
  #about2 {
    padding-top: 5vw;
    padding-bottom: 10vw;
  }
  #about2 article {
    width: 90%;
  }
  #about2 article h3 {
    font-size: 7vw;
    margin-bottom: 5vw;
  }
  #about2 article h3 small {
    font-size: 4vw;
  }
  #about2 article ul {
    margin-bottom: 10vw;
    display: block;
  }
  #about2 article ul li {
    width: 100%;
    margin-bottom: 3vw;
    text-align: center;
  }
  #about2 article ul li img {
    width: 90%;
  }
  #about2 article a {
    font-size: 5vw;
  }
}

#detail {
  background: url(../images/tonw-bg.png) center top/100% auto repeat-y;
  position: relative;
}

#detail #detail-inner {
  position: relative;
}

#detail #detail-bg-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #00B4E1;
  mix-blend-mode: multiply;
}

#detail #detail-wrapper {
  position: relative;
  z-index: 2;
}

#detail #detail-top {
  position: relative;
}

#detail #detail-top h3 {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 50px;
  color: #fff;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#detail #detail-top h3 strong {
  font-size: 75px;
  margin-bottom: 0.2em;
}

#detail #detail-list {
  width: 1100px;
  margin: auto;
  margin-top: -100px;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#detail #detail-list article {
  width: 30%;
  margin-bottom: 30px;
}

#detail #detail-list article figure {
  width: 100%;
  text-align: center;
  background: url(../images/kv-pin-shadow.svg) center bottom/60% no-repeat;
  padding-bottom: 10px;
}

#detail #detail-list article figure img {
  width: 60%;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}

#detail #detail-list article dl {
  background: #fff;
  border-radius: 35px;
  padding: 10px;
  height: calc(100% - 250px);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
}

#detail #detail-list article dl dt {
  background: #000;
  color: #fff;
  border-radius: 2em;
  font-size: 35px;
  text-align: center;
  line-height: 1em;
  padding: 0.2em 0;
}

#detail #detail-list article dl dt strong {
  font-size: 45px;
}

#detail #detail-list article dl dd {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  line-height: 1.2em;
  padding: 0.4em 0;
}

#detail #detail-list article:nth-child(1) dl dt {
  background: #F8B600;
}

#detail #detail-list article:nth-child(2) dl dt {
  background: #E5423D;
}

#detail #detail-list article:nth-child(3) dl dt {
  background: #7E9700;
}

#detail #detail-list article:nth-child(4) dl dt {
  background: #EC771D;
}

#detail #detail-list article:nth-child(5) dl dt {
  background: #5C1E7F;
}

#detail #detail-list article:nth-child(6) dl dt {
  background: #E84685;
}

#detail #detail-list article:nth-child(7) dl dt {
  background: #0088D2;
}

#detail #detail-list article:nth-child(8) dl dt {
  background: #4055A2;
}

#detail #detail-list article:nth-child(9) dl dt {
  background: #6B3800;
}

#detail #detail-list article:nth-child(10) dl dt {
  background: #A834BC;
}

#detail #detail-list article:nth-child(11) dl dt {
  background: #A52483;
}

#detail #detail-list article:nth-child(12) dl dt {
  background: #00A29D;
}

#detail #detail-list article:nth-child(13) dl dt {
  background: #25A239;
}

#detail #detail-list article:nth-child(14) dl dt {
  background: #005569;
}

#detail #detail-list article:nth-child(15) dl dt {
  background: #B37E34;
}

#detail #detail-bottom > img#detail-bottom1 {
  mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
  #detail #detail-top h3 {
    font-size: 7vw;
    margin-bottom: 10vw;
  }
  #detail #detail-top h3 strong {
    font-size: 9vw;
  }
  #detail #detail-list {
    width: 90%;
    margin-top: -10vw;
  }
  #detail #detail-list article {
    width: 48%;
    margin-bottom: 5vw;
  }
  #detail #detail-list article figure {
    width: 90%;
    margin: auto;
  }
  #detail #detail-list article dl {
    border-radius: 3vw;
    padding: 1vw;
    height: calc(100% - 30vw);
  }
  #detail #detail-list article dl dt {
    font-size: 4vw;
    padding: 0.5em 0;
  }
  #detail #detail-list article dl dt strong {
    font-size: 6vw;
  }
  #detail #detail-list article dl dd {
    font-size: 3.5vw;
    line-height: 1.4em;
  }
}

#partnership {
  padding-bottom: 60px;
  padding-top: 60px;
}

#partnership article h3 {
  font-size: 50px;
  text-align: center;
  color: #00B4E1;
  line-height: 1.1em;
  margin-bottom: 50px;
}

#partnership article h3 small {
  font-size: 27px;
  color: #000;
}

#partnership article h3 small br {
  display: none;
}

#partnership article ul {
  width: 800px;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  margin-bottom: 30px;
}

#partnership article ul li {
  width: 30%;
  border: solid 2px #00B4E1;
  background: #fff;
  font-size: 28px;
  margin-bottom: 1em;
  font-weight: bold;
  color: #00B4E1;
  text-align: center;
  padding: 0.2em 0;
  border-radius: 3em;
}

#partnership article ol {
  width: 800px;
  margin: auto;
}

#partnership article ol li {
  font-size: 26px;
  margin-bottom: 0.2em;
}

#partnership article ol li:before {
  content: "▶";
  color: #00B4E1;
  font-size: inherit;
}

#partnership article ol li span {
  font-size: inherit;
  text-decoration: underline;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #partnership {
    padding: 5vw 0 0;
  }
  #partnership article h3 {
    font-size: 7vw;
    margin-bottom: 5vw;
  }
  #partnership article h3 small {
    font-size: 5vw;
    line-height: 1.4em;
    display: inline-block;
    padding-top: 0.5em;
  }
  #partnership article h3 small br {
    display: block;
  }
  #partnership article ul {
    width: 90%;
  }
  #partnership article ul li {
    width: 48%;
    font-size: 4vw;
  }
}

#suggest {
  background: #00B4E1;
  padding-bottom: 140px;
}

#suggest article h3 {
  font-size: 85px;
  color: #ff0;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}

#suggest article p {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2em;
}

#suggest article p br.sp {
  display: none;
}

#suggest article a {
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.1em 0em;
  border-radius: 4em;
  color: #00B4E1;
  font-size: 30px;
  background: #ff0;
  text-decoration: none;
  width: 16em;
  margin: auto;
  border: solid 2px #00B4E1;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #suggest {
    padding-bottom: 20vw;
  }
  #suggest article h3 {
    font-size: 7vw;
  }
  #suggest article p {
    font-size: 4vw;
  }
  #suggest article p br.sp {
    display: block;
  }
  #suggest article a {
    font-size: 5vw;
  }
}