@charset "UTF-8";
/* CSS Document */
/*画面全体の設定*/

body,
html {
  height: 100%;
  margin: 0 auto;
  letter-spacing: 2px;
  font-size: 1rem;
  font-family: 'Noto Serif JP', serif;
}




table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
 

/*ロゴ*/
.logo{
	margin: 4px 12px;
	
}

.tablecell1{
	vertical-align: middle;
	display: table-cell;
	font-size: 1rem;
}

/*メインの文字*/

p{
font-family: 'Noto Serif JP', serif;
	text-align: center;
	font-size: 1rem;
}


a{
	text-decoration: none;
	font-family: 'Noto Serif JP', serif;
	color: #267CD6;
}



.midashi-moji{
	text-align: center;
	color: #FFFFFF;
	font-size: 1.5rem;
	font-family: 'Noto Serif JP', serif;
}

.midashi-moji2{
	text-align: center;
	color: #000;
	font-size: 1.5rem;
	font-family: 'Noto Serif JP', serif;
}

.midashi-moji3{
	text-align: center;
	color: #eee;
	font-size: 1.5rem;
	font-family: 'Noto Serif JP', serif;
}


.kakomi{
	width:200px;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    border:1px solid #fff;
    padding:8px 0 10px;
    color:#fff;
    border-radius:5px;
	
}


.link1{
	width:10rem;
    font-size:1rem;
    font-weight:normal;
	letter-spacing: 0px;
    text-decoration:none;
    display:block;
    border:1px solid #fff;
    padding:6px 0 8px;
    color:#fff;
    border-radius:5rem;
	text-align: center;
	margin:10px;
	margin-left: auto;
	margin-right: auto;
	transition    : .3s;         /* なめらか変化 */
}


.link1:hover{
	
   color         : #a0a0a0;

}


.link2{
	width:10rem;
    font-size:1rem;
    font-weight:normal;
	letter-spacing: 0px;
    text-decoration:none;
    display:block;
    border:1px solid #000;
    padding:6px 0 8px;
    color:#000;
    border-radius:5rem;
	text-align: center;
	margin:10px;
	margin-left: auto;
	margin-right: auto;
	transition    : .3s;         /* なめらか変化 */
}


.link2:hover{
	
   color         : #a0a0a0;

}


/*テーブルの文字*/
.tb-moji {
    font-size: 1rem;
    color: #fff;
    text-align: left;
	font-family: 'Noto Serif JP', serif;
	margin-left: auto;
	margin-right: auto;
}

.tb-moj2 {
    font-size: 1.5rem;
    color: #000;
    text-align: center;
	font-family: 'Noto Serif JP', serif;
	margin-left: auto;
	margin-right: auto;
}


/*フォーム*/
.fm-moji {
    font-size: 1rem;

    color: #fff;
	font-family: 'Noto Serif JP', serif;

}

.fm-title{
	font-size: 16px;

    color: #fff;
	
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	margin-left: auto;
	margin-right: auto;
	
}

.fm-explain{
		font-size: 1rem;

    color: #aaa;
	
	text-align: left;
	font-family: 'Noto Serif JP', serif;
}

.fm-red{
	color: #ff0000;
}

.fm-button{
		font-family: 'Noto Serif JP', serif;
  display       : inline-block;
  border-radius : 0%;          /* 角丸       */
  font-size     : 1rem;        /* 文字サイズ */
  letter-spacing: 2px;
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 10px;   /* 余白       */
  background    : #202020;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 1px solid #202020;    /* 枠の指定 */
  text-align:center;
}


.fm-button:hover {
   color         : #202020;     /* 背景色     */
	background    : #ffffff;     /* 文字色     */
}


.tb-fm1{
	margin-left: auto;
	margin-right: auto;
}

.vamiddle {
  vertical-align:middle;
}


/*説明タグ*/
.tag1{
   width:200px;
    font-size:1rem;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#49a9d4;
    border-radius:5px;
}

.fotter-moji{


    color: #aaa;
	font-size: 0.9rem;
	text-align: center;
	  letter-spacing: 0px;
	font-family: 'Noto Serif JP', serif;
	
}



/*固定する背景*/
div {
  box-sizing: border-box;
  color: #FFF;
  font-size: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80%;
  padding: 5%;
}
.parallax-bg {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 45%;
}
/*各背景の画像*/
.img-bg-01 {
  background-image: url('img/img-bg1.jpg');
  letter-spacing: 10px;
	background-size:cover;
	background-position:center top;
}
.img-bg-02 {
  background-image: url('img/img-bg2.jpg');
	letter-spacing: 10px;
		background-size:cover;
	background-position:center top;
}
.img-bg-03 {
  background-image: url('img/img-bg3.jpg');
	  letter-spacing: 10px;
		background-size:cover;
	background-position:center top;
}
.img-bg-04 {
  background-image: url('img/img-bg4.jpg');
	  letter-spacing: 10px;
		background-size:cover;
	background-position:center top;
}
.img-bg-05 {
  background-image: url('img/img-bg1.jpg');
	  letter-spacing: 10px;
		background-size:cover;
	background-position:center top;
}
 
/*スクロールするコンテンツ*/
.scrollbox1 {
  background-color: #101010;
		height: 400px;
}
.scrollbox2 {
  background-color: #202020;
	height: 2400px;
}
.scrollbox3 {
  background-color: #303030;
	height: 1320px;
}
.scrollbox4 {
  background-color: #404040;
	height: 850px;
}
.scrollbox5 {
  background-color: #555;
	height: 800px;
}
.scrollbox6 {
  background-color: #111;
  height: 100px;
}