*, *::before, *::after {
 box-sizing: border-box;
}
.header {border-top:solid 3px #000;
}

* {
  margin: 0px;
  padding: 0px;
}

html, body {
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

img {
  max-width: 100%;
}

ul li, ol li {
  list-style: none;
}



.contents {
}
.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
}




/**
 * PC
 */
@media screen and (min-width: 751px), print {


}

.block1 {background-color: #000000 ;
}
.block1 {width:100%;
height:250px;
margin-right: auto;
margin-left : auto;
}
.block1-text {width:900px;
height:250px;
margin-right: auto;
margin-left : auto;
padding : 0px ;
color: #ffffff;
}


.block2 {background-color: #E22400 ;
}
.block2 {width:100%;
height:1700px;
margin-right: auto;
margin-left : auto;
}
.block2-text {width:900px;
height:1700px;
margin-right: auto;
margin-left : auto;
padding : 0px ;
color: #ffffff;
}


.block3 {background-color: #ffd700;
}
.block3 {width:100%;
height:1700px;
margin-right: auto;
margin-left : auto;
}
.block3-text {width:900px;
height:1700px;
margin-right: auto;
margin-left : auto;
padding : 0px ;
color: #000000;
}


.block5 {background-color: #ffffff;
}
.block5 {width:100%;
height:400px;
margin-right: auto;
margin-left : auto;
}
.block5-text {width:800px;
height:400px;
margin-right: auto;
margin-left : auto;
padding : 20px 20px 20px 20px ;
color: #000000;
}


.block4 {background-color: #000000;
}
.block4 {width:100%;
height:70px;
margin-right: auto;
margin-left : auto;
}
.block4-text {width:700px;
height:70px;
margin-right: auto;
margin-left : auto;
padding : 20px 20px 20px 20px ;
color: #ffffff;
}


/**
 * SP
 */
@media screen and (max-width: 750px), print {

}


.block1_sp  {background-color: #000000;
}
.block1_sp {width:100%;
height:100%;
margin-right: auto;
margin-left : auto;
}
.block1-text_sp {width:100%;
height:100%;
margin-right: auto;
margin-left : auto;
	padding : 0px ;
	color: #ffffff;
}


.block2_sp  {background-color: #E22400;
}
.block2_sp {width:100%;
height:100%;
margin-right: auto;
margin-left : auto;
}
.block2-text_sp {width:100%;
height:100%;
margin-right: auto;
margin-left : auto;
	padding : 0px ;
	color: #ffffff;
}


.block3_sp {background-color: #ffd700;
}
.block3_sp {width:100%;
height:100%;
margin-right: auto;
margin-left : auto;
}
.block3-text_sp {width:100%;
height:100%;
margin-right: auto;
margin-left : auto;
padding : 0px ;
color: #000000;
}


.block5_sp {background-color: #ffffff;
}
.block5_sp {width:100%;
height:250px;
margin-right: auto;
margin-left : auto;
}
.block5-text_sp {width:100%;
height:250px;
margin-right: auto;
margin-left : auto;
padding : 0px ;
color: #000000;
}


.block4_sp {background-color: #000000;
}
.block4_sp {width:100%;
height:70px;
margin-right: auto;
margin-left : auto;
}
.block4-text_sp {width:100%;
height:70px;
margin-right: auto;
margin-left : auto;
padding : 20px 20px 20px 20px ;
color: #ffffff;
}







/*ボタンの透過アニメ*/ 
a img {
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/*画像よこならべ*/ 
ul {
    display: flex;
    justify-content: center;
  }

  li {
    list-style: none;
  }

  li:nth-child(2) {
    margin: 0 10px;
  }