.catch{
    font-family: a-otf-ryumin-pr6n, serif;

font-weight: 300;

font-style: normal;
font-size: 70px;
text-align: center;
color: #fff;
line-height: 60px;
letter-spacing: 23px;
margin-top: 4%;
}

.catch span{
    font-family: a-otf-ryumin-pr6n, serif;

font-weight: 300;

font-style: normal;
font-size: 35px;
text-align: center;
color: #fff;
line-height: 90px;
}


.news_tit{
    font-family: a-otf-ryumin-pr6n, serif;

font-weight: 600;

font-style: normal;
font-size: 30px;
text-align: center;
color: #fff;
line-height: 40px;
letter-spacing: 15px;
}


.story_tit{
    font-family: a-otf-ryumin-pr6n, serif;

font-weight: 600;

font-style: normal;
font-size: 40px;
text-align: center;
color: #fff;
line-height: 40px;
letter-spacing: 15px;
}

.twitter_tit{
    font-family: a-otf-ryumin-pr6n, serif;

font-weight: 600;

font-style: normal;
font-size: 40px;
text-align: center;
color: #fff;
line-height: 40px;
letter-spacing: 15px;
margin-bottom: 30px;
}



body{
    font-family: a-otf-ryumin-pr6n, serif;

font-weight: 300;

font-style: normal;}






@media screen and (min-width: 767px) {

.tab_list {
  display: table;
  margin: 0 auto 150px;
  width: 70%;
}
.tab_list li {
  width: 45%;
  height: 45px;
  padding: 5px 5px 0px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  list-style: none;
margin: 2% auto;
float: left;
letter-spacing: 0;
color: #000;
}
.tab_list li:hover {
  opacity: 0.8;
}
.tab_list .all {
  background: #c17540;
color: #fff;
}


.tab_list .second  {
  background: #ccc;
color: #000;

}


.tab_cont {
  display: none;
  margin: 0 -2px;
  overflow: hidden;
  padding-top: 50px;
}
.tab_cont.active {
  display: block;
}
}





@media screen and (max-width: 767px) {

.tab_list {
  display: table;
  margin: 0 auto 150px;
  width: 100%;
}
.tab_list li {
  width: 45%;
  height: 65px;
  padding: 5px 5px 0px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 23px;
  list-style: none;
margin: 2% auto;
float: left;
letter-spacing: 0;
color: #000;
}
.tab_list li:hover {
  opacity: 0.8;
}
.tab_list .all {
  background: #c17540;
color: #fff;
}


.tab_list .second  {
  background: #ccc;
color: #000;

}


.tab_cont {
  display: none;
  margin: 0 -2px;
  overflow: hidden;
  padding-top: 0px;
}
.tab_cont.active {
  display: block;
}
}


/* 画面外にいる状態 */
.fadeincontents {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1000ms;
  }

/* 画面内に入った状態 */
.fadeincontents.scrollin {
  opacity : 1;
  transform : translate(0, 0);
  }