@charset "utf-8";
/* Sma/////////////////////////CSS */
@media  screen and ( max-width:896px ){

* {
  margin: 0;
  padding: 0;
}
.sp { display: block !important; }
.pc { display: none !important; }

body{
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.pr{
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.box001{
  padding: 0 0 0 0;
}
.box002{
  padding: 5% 4% 0 4%;
}
.box003{
  padding: 10% 5% 0 5%;
}
.box004{
  padding: 10% 5% 0 5%;
}
.jk{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-items: center;
}
.space{
  margin: 0 0 5% 0;
}
.box01{
  width: 100%;
  margin: 0 auto;
}
.text_box02{
  width: 80%;
  padding: 5% 0 5% 0;
  margin: 0 auto;
}
.textcontainer_01{
  width: 80%;
  margin: 0 auto;
  border-radius: 10px;
  background: #f1e5fe;
  padding: 3% 5% 3% 5%;
}
.textcontainer_02{
  width: 80%;
  margin: 0 auto;
  border-radius: 10px;
  background: #f1e5fe;
  padding: 3% 5% 3% 5%;
}
.sp_space{
  
}
.h2_01{
  margin: 5% 0 0 0;
}
.h2_02{
  margin: 5% 0 0 0;
}
.box03{
  width: 80%;
  padding: 1% 0 2% 0;
  margin: 0 auto;
}
.sns{
  display: flex;
  justify-content: center;
  margin: 5% 0 0 0;
  justify-content: center;
}
}