@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 767px) {
  body #wrapper {
    overflow: hidden;
  }
  body #wrapper img {
    width: 100%;
  }
    body #wrapper #main {
    width: 100vw;
    margin: auto;
    position: relative;

  }

body #wrapper #main .txt-box {
    width: 79.48718vw;
    margin: auto;
    margin-top: 5.12821vw;
  }
body #wrapper #main .txt-box .txt {
    text-align: left;
    letter-spacing: 0.1em;
    color: #222222;
    font-weight: 500;
    line-height: 2;
    font-size: 3.58974vw;
  }
body #wrapper #main .txt-box {
    padding: 4.10256vw 5.12821vw 2.5641vw;
    background-color: #ffffff;
    border: 1px solid #222222;
  }


body #wrapper #main {
   overflow: scroll;
    width: 100vw;
    margin: auto;
    position: relative;
	/*width: 100%;*/
	/*height: 100vh;*/
	box-sizing: content-box;
  }	

body #wrapper #main .section__inner {
    /*width: 89.74359vw;*/
	width: 100vw;
    /*height: 149.74359vw;*/
    margin: auto;
    position: relative; /*border: solid 1px red;*/

  }
	
.js-fadeUp {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(30px); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}
}


@media screen and (min-width: 768px) {
  body #wrapper {
    overflow: hidden;
  }
  body #wrapper img {
    width: 100%;
  }
  body #wrapper #main {
    width: 390px;
    margin: auto;
    position: relative;
	overflow-y: scroll;
	  height: 100vh;
	box-sizing: content-box;
  }	
	
  body #wrapper #main .section__inner {
    width: 390px;
    margin: auto;
    position: relative;	/*border: solid 1px red;*/
  }

	
  body #wrapper #main .txt-box {
    width: 310px;
    margin: auto;
    margin-top: 20px;
  }
	
  body #wrapper #main .txt-box .txt {
    text-align: left;
    letter-spacing: 0.1em;
    color: #222222;
    font-weight: 500;
    line-height: 2;
    font-size: 14px;
  }
  body #wrapper #main .txt-box  {
    padding: 16px 20px 10px;
    background-color: #ffffff;
    border: 1px solid #222222;
  }
}