writing-mode: vertical-rl;
    text-orientation: upright; writing-mode: vertical-rl;
    text-orientation: upright; writing-mode: vertical-rl;
    text-orientation: upright; writing-mode: vertical-rl;
    text-orientation: upright;writing-mode: vertical-rl;
    text-orientation: upright;writing-mode: vertical-rl;
    text-orientation: upright;writing-mode: vertical-rl;
    text-orientation: upright;writing-mode: vertical-rl;
    text-orientation: upright;@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap');
@import '_default';
@import '_general';
@import '_animation';

/*------------------
*  共通
*------------------*/

html{
	
	font-size: 20px;
	font-family: YuGothic, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #000000;
  	scroll-behavior: smooth;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{
    margin: 0;
	padding: 0;
	background: #fff;
	font-size: 62.5%;
	min-width: 1100px;
	min-width: inherit;	
	 -webkit-animation: fadeIn 2.5s ease 0s 1 normal;
    animation: fadeIn 2.5s ease 0s 1 normal;
    -webkit-text-size-adjust: 100%;
}



a{transition: .5s all;}
.wrap{width: 100%; max-width: 1020px; margin: 0 auto; padding: 0 0px;}







 @keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

 @-webkit-keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }


	br.sp{
	display: none;
	
		display: inline;

}

.mainimg img{
    /*    width: 565px; OS*/
    width: 410px;
    height: auto;
    
    margin: 0px 20px 0 0px
    
}
.mainimg{
    text-align: center;
}
.img2 {
    text-align: center;
}
.img2 img{
/*    width: 565px; OS*/
    width: 410px;
    height: auto;
    
    margin: 0px 50px;
}
.img3 img{
    /*    width: 565px; OS*/
    width: 410px;
    height: auto;
    
    margin: 190px 50px;
}
.img3 {
    text-align: center;
}

.lastimg img{
    /*    width: 565px; OS*/
    width: 610px;
    height: auto;
    
    margin: 190px 50px;
}
.lastimg{
    text-align: center;
    
}
@media screen and (max-width:768px){
.mainimg img{
    width: 350px;
    height: auto;
    text-align: center;
    margin: 0px 20px;
    
}
.img2 img{
    width: 350px;
    height: auto;
    text-align: center;
    margin: 0px 200px 0 0;
}

.img3 img{
    width: 350px;
    height: auto;
    text-align: center;
    margin: 150px 50px;
}
.lastimg img{
    width: 350px;
    height: auto;
    text-align: center;
    margin: 150px 25px;
 }

}

/*------------------
*  共通終わり
*------------------*/

/*　ハンバーガーボタン */


/*------------------
*  ハンバーガー終わり
*------------------*/

h2{
    font-family:"Hiragino Mincho ProN W3";
    text-align: center;
    font-weight: normal;
    font-size: 17px;
    
}

.title{
    margin: 0px 200px 0 0;
}
#text-box{
margin: 35px 0 0 0;
    
/*padding-bottom: 30px;*/
/*height: 90vh;*/
/*overflow-y: hidden;*/
/* 	text-align: right; */
    text-align: center;
}

#text{
  
    /*    margin: 30px 0 50px 0px;*/
    height: 90vh;
    overflow-y: hidden;
	writing-mode: vertical-rl;
    
	text-align: left;
	display: inline-block;
    font-size: 17px;
    font-family: "Hiragino Mincho ProN W3";
    line-height: 35px;
    font-weight: lighter;
   
    width: 100%;
}
#text p{
    
}
.end span{
    margin: 700px 0 0 0 ;
}

@media screen and (max-width:768px){
#text{
    /*    margin: 30px 0 50px 0px;*/
    height: 85vh;
    overflow-y: hidden;
	writing-mode: vertical-rl;
	text-align: left;
	display: inline-block;
    font-size: 17px;
    font-family: "Hiragino Mincho ProN W3";
    line-height: 35px;
    font-weight: lighter;
   
    width: 100%;
    }
.end span{
    margin: 280px 0 0 0 ;
}
    
}



/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#fff;
  text-align:center;
  color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:160px;
}

/* ぼかしから出現 */
.blur{
	animation-name:blurAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
  }

  to {
	filter: blur(0);
	transform: scale(1);
  }
}

@media screen and (max-width:768px){
    
    /* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:100px;
}
}