html {
  background-color:#000;
  height: 100%;
}

body {
  font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  background-color:#fff;
  color :#000;
  margin: 0;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

.wrapper {
  overflow: hidden;
  min-height: 100%;
  flex: auto;
  /* flex: 1; */ /* IEで潰れたので削除 */
  margin-top: 80px;
}

.container {
  margin: 0 auto;
  display: block;
}

.story {
  line-height: 2em;
  margin-bottom: 1em;
  color: #fff;
}

.yellow {
  color: #d7c23e;
  font-weight: bold;
}

a {
  color : #0058aa;
  font-weight: bold;
}

a:hover {
  color : #67b1f6;
  /*border-bottom: #782302 1px dashed;*/
}

h1 {
  margin: 10px 0 10px 0;
  padding: 0;
  vertical-align:middle;
  font-size: 1em;
}

h2 {
  text-align: center;
  font-size: 1.95em;
}

h3 {
  margin: 10px;
  padding: 0;
  vertical-align:middle;
}

h4 {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 1.5em;
}

h5 {
  font-weight: bold;
  font-size: 1.1em;
  padding-top: 1.2em;
  color: #707070;
}

p {
  line-height: 1.7em;
}

.box_mm {
  padding-bottom: 2em;
}

.nodots {
  list-style-type: none;
}

li {
  list-style-position: inside;
  line-height: 2em;
}

.mm-twitter {
  margin-top: 1.2em;
}

strong {
  font-weight: bold;
  line-height: 2em;
}

.small_taxt {
  color: #555;
  font-size: 0.9em;
}

/* ==========================
  ブレイクポイント
========================== */

.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width: 1024px) {
  .pc { display: block !important; }
  .sp { display: none !important; }
  body { background-color: #fff;}
  .box1 { padding: 15px 80px 30px 80px;
    margin: 3em 80px;}
 }

@media screen and (max-width: 991px){
  .wrapper { background-color: #fff;}
}

@media screen and (max-width: 896px) {
  h2 > img{
  width: 90%;
  margin: 0 auto; }
  .page-header .content-center {margin-top: 0;}
  .logo_size { width: 30vh;
    line-height: normal; }
  .pc { display: none !important; }
  .sp { display: block !important; }
  .box1{ margin: 15px 30px;
  padding: 15px 50px; }
}

@media screen and (max-width: 480px) {
  .page-header .content-center {
    margin-top: 0px;}
  .page-header {
    display: block;
    min-height: 80vh;}
  .logo_size { width: 10vh;
    line-height: normal; }
  .title-brand > #momo_text {
    margin-bottom: 1em;
    font-weight: bold; }
  h2 > img{
  width: 100%;
  margin: 0 auto;}
  .logo_size { width: 30vh;
    line-height: normal; }
  .pc { display: none !important; }
  .sp { display: block !important; }
  .box1{ margin: 15px 0px;
  padding: 15px 30px; }
  .inner_box {
    margin: 0;
  }
  dt{
    width : 100%;}
  dd {
    width : 100%;
    clear: both;
    border-bottom: none;
    text-align: center;
    margin-left: 0;
  }
}