@charset "utf-8";

:root {
  font-size: 14px;
}

body{
font-family: 'Sawarabi Mincho', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#bodywrap{
  width: 100%;
}

p{
  margin: 30px 30px 50px 30px;
}

.impactwrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.impact{
  font-family: 'Noto Serif JP';
  font-weight: 900;
  font-size: 1.2em;
  letter-spacing: 0.4em;
  padding-left: 0.4em;
  color: #4A7598;
}

.impactL{
  font-size: 1.5em;
}

.impact br{
  display: inline;
}


#tough3 {
  font-weight: 700;
}

.ydotext{
  width: 80%;
  margin: 30px 30px 30px 30px;
  padding: 0px;
  background-color: #ffffff;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4em;
}

i{
  font-size: 3em;
  line-height: 3em;
  color: #ffffff;
}

footer {
  color: #ffffff;
  background-color: #1273DE;
  padding: 30px;
  text-align: right;
  font-size: 1.2em;
  font-weight: 400;
}

@media all and (min-width: 960px) {

p{
  margin: 70px auto 90px auto;
}

.ydotext{
  width: 80%;
  margin: 30px 30px 30px 30px;
  padding: 30px;
  background-color: #ffffff;
  text-align: left;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4em;
}
  
.impact{
  font-family: 'Noto Serif JP';
  font-weight: 900;
  font-size: 2em;
  letter-spacing: 1.5em;
  padding-left: 1.5em;
  color: #4A7598;
}

.impactL{
  font-size: 3em;
}
  
.impact br{
  display: none;
}

}
