@charset "UTF-8";
/*==============================================================================================

    common css

    ※※※※※ブラウザ対応※※※※※

    safari:9以上
    chrome:63以上
    firefox:43以上
    opera:43以上
    edge:12以上
    IE:10以上


    ※※※※※ベンダープレフィックスを付けるプロパティ※※※※※

    -moz-transform
    -webkit-transform
    transform

    -moz-transition
    -webkit-transition
    transition
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    -moz-animation
    -webkit-animation
    animation

    display: -webkit-flex;
    display: flex;
    

==============================================================================================*/

.pcb{
  display: block;
}

.spb{
  display: none;
}

@media screen and (max-width: 768px) {
  .pcb{
    display: none;
  }
  
  .spb{
    display: block;
  }
}

/*==============================================================================================

	body要素

==============================================================================================*/

body {
  position: relative;
  overflow-x: hidden;
  opacity: 0;
  transition: opacity .5s ease;
}

.wrap_contain {
  width: 100%;
  max-width: 800px;
  padding: 0 20px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .wrap_contain {
    width: 100%;
    max-width: 400px;
  }
}

/*==========================================================
==========================================================*/