/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);

/*パソコン（画面サイズが768px以上の場合）*/
@media screen and (min-width: 768px) {
h1 {
  font-size: 30px;
  text-align: center;
  font-family: 'Mplus 1p';
  margin: 1em 13em 0.3em 13em;
  padding: 0 0 0.3em 0;
  color: #000000;
  background: #FFFFFF;
  position: relative;
}

h1:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px rgb(119, 195, 223);
}

h1:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px rgb(119, 195, 223);
}

h2 {
  font-size: 22px;
  text-align: center;
  font-family: 'Mplus 1p';
  margin: 0 0 0 0;
  padding: 1em 0 1em 0;
}

p.content {
  font-size: 18px;
  font-family: 'Mplus 1p';
  text-align: center;
  padding: 0 0 1em 0;
  margin: 0 0 0 0;
}

p.subtitle {
  font-size: 17px;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

p.catchfrase {
  font-size: 17px;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0.5em 0 1em 0;
}

p.image {
  text-align: center;
  padding: 1em 0 0 0;
}

img {
  width: 60%;
}

footer {
  text-align: center;
  padding: 0 0 1em 0;
}
}



/*スマホ（画面サイズが767px以下の場合）*/
@media screen and (max-width: 767px) {
h1 {
  font-size: 20px;
  text-align: center;
  font-family: 'Mplus 1p';
  margin: 1em 0 0 0;
  padding: 0 0 0.3em 0;
  color: #000000;
  background: #FFFFFF;
}

h2 {
  font-size: 22px;
  text-align: center;
  font-family: 'Mplus 1p';
  margin: 0 0 0 0;
  padding: 1em 0 1em 0;
}

p.content {
  font-size: 15px;
  font-family: 'Mplus 1p';
  text-align: center;
  padding: 0 0 1em 0;
  margin: 0 1em 0 1em;
}

p.subtitle {
  font-size: 17px;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

p.catchfrase {
  font-size: 13px;
  text-align: center;
  margin: 0 0 0 0;
  padding: 1em 0 0 0;
}

p.image {
  text-align: center;
  padding: 1em 0 0 0;
}

img {
  width: 90%;
}

footer {
  text-align: center;
  padding: 0 0 1em 0;
}
}