* {
  margin: 0px;
  padding: 0px;
}
img{
  width:100%;
  vertical-align: bottom;
}
p{
  margin: 0px;
  padding: 0px;
}
a{text-decoration: none;}
body{
width:100%;
margin:0 auto;
position: relative;
background:#ECF5FA;
}
.space{
  display: block;
  margin:50px 0 0 0;
}
.space_sp{
  display: block;
  margin:50px 0 0 0;
}
@media screen and (max-width:768px){
  .space_sp{
    display: none;
  }
}
.platform{
  max-width:1000px;
  margin:0 auto;
}

@media screen and (max-width:768px){
  .platform{
    width:90%;
  }
}
/*works_zone**/
#works_zone{
  width:100%;
  margin:0 auto;
  padding:10% 0;
  background:#F2F8FC;
}
p.works{
  font-size: var(--font-size-29xl);
  letter-spacing: 0.2em;
  font-family: var(--font-scheherazade);
  margin:0 0 10px 0;
  text-align: center;
  color:#575757;
}
p.works_sub{
  font-size: var(--font-size-mini);
  letter-spacing: 0.1em;
  margin:-30px 0 0 0;
  text-align: center;
  color:#575757;
}
p.works_txt{
  margin:30px 0 0 0;
  text-align: center;
  color:#575757;
  font-family: '游ゴシック',YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
}
.column{
  display: -webkit-flex;
    display: flex;
}
@media screen and (max-width:768px){
  .column{
    -webkit-flex-direction:column;
    flex-direction:column;
  }
}
.nov_left,.nov_cener,.nov_right{
  flex:1;
  width:300px;
  height:420px;
  overflow: hidden;
}
@media screen and (max-width:768px){
  .nov_left,.nov_cener,.nov_right{
    width:100%;
    height:300px;
    margin:20px 0 0 0;
  }
}
.nov_cener{
  margin:0 50px;
}
@media screen and (max-width:768px){
  .nov_cener{
    margin:20px 0 0 0;
  }
}
footer{
  width:100%;
  margin:0 auto;
  background:#e0f3ff;
  padding:3% 0;
}
p.footer_copy{
  font-size:11px;
  text-align: center;
}
.btn_zone{
  max-width:200px;
  margin:0 auto;
  padding:5% 0 0 0;
}
.back_btn{
  width:200px;
  border:solid 1px #575757;
  padding:5px 3px;
  background:#ECF5FA;
}
.back_btn p{
color:#575757;
text-align: center;
font-family:Poor Story;
}