@charset "utf-8";

 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　イントロ ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　イントロ ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　イントロ ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media only screen and (max-width:650px) {
.section--intro {
    width: 100%;
    float: left;
}
}	
@media only screen and (min-width:651px)  and (max-width:850px){
.section--intro {
    width: 100%;
    float: left;
}
}
@media only screen and (min-width:851px) {
.section--intro {
    width: 360px;
    margin-left: 20px;
    float: left;
    height: 100vh;
    margin-top: -20px;
    clear: left;
}
}
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　イントロ ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　イントロ ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　イントロ ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュースページ ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュースページ ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュースページ ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media only screen and (max-width:850px) {
.section--news {
    width: 100%;
    float: left;
}
}
@media only screen and (min-width:850px) {
.section--news {
    width: 1500px;
    float: left;
    height: 100vh;
}
}
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュースーページ ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュースーページ ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュースーページ ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　記事ページ ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　記事ページ ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　記事ページ ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media only screen and (max-width:1200px) {
.section--article {
    width: 100%;
    float: left;
}
}
@media only screen and (min-width:850px) {
.section--article {
    width: 70%;
    float: left;
    height: 100vh;
}
}
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュースーページ ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュースーページ ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュースーページ ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */







@media only screen and (max-width:850px) {
.waku01	{
    width: 100%;
    height: auto;
    float: left;
}
.waku02	{
    width: 100%;
    height: auto;
    float: left;
    clear: left;
    margin-bottom: 50px;
}
.waku03	{
    width: 100%;
    height: auto;
    float: left;
    clear: left;
    margin-bottom: 50px;
}
.waku04	{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 50px;
}
.waku05	{
    width: 100%;
    height: auto;
    float: left;
    clear: left;
    margin-bottom: 50px;
}
.waku06	{
    width: 100%;
    height: auto;
    float: left;
    clear: left;
    margin-bottom: 50px;
}
.waku00	{
    width: 100%;
    height: auto;
    float: left;
    clear: left;
    margin-bottom: 50px;
}
}

@media only screen and (min-width:850px) {
.waku00	{
    width: 480px;
    height: auto;
    top: 15%;
    position: relative;
    float: left;
    clear: left;
}
.waku01	{
    width: 630px;
    height: auto;
    top: 15%;
    position: relative;
    float: left;
    clear: left;
}
.waku02	{
    width: 680px;
    height: auto;
    top: 15%;
    position: relative;
    float: left;
    clear: left;
}
.waku03	{
    width: 620px;
    height: auto;
    top: 15%;
    position: relative;
    float: left;
    clear: left;
}
.waku04	{
    width: 720px;
    height: auto;
    top: 15%;
    position: relative;
    float: left;
    clear: left;
}
.waku05	{
    width: 500px;
    height: auto;
    top: 15%;
    position: relative;
    float: left;
    clear: left;
}
	
	
	
.waku06	{
    width: 750px;
    height: auto;
    top: 15%;
    position: relative;
    float: left;
    clear: left;
}
.waku07	{
    width: 1600px;
    height: auto;
    top: 18%;
    position: relative;
    right: 100px;
    float: left;
    clear: left;
}
}

/* 850px以上のときは横スクロールを維持 */
.body {
  display: flex; /* フレックスボックスを有効化 */
  flex-wrap: nowrap; /* 全てのセクションを1行で表示 */
  overflow-x: scroll; /* 横スクロールを有効化 */
  -webkit-overflow-scrolling: touch; /* iOSでのスクロールをスムーズに */
}

/* 850px以下のときは縦スクロールに変更 */
@media (max-width: 850px) {
  .wrapper {
    flex-direction: column; /* セクションを縦に並べる */
    overflow-x: hidden; /* 横スクロールを無効化 */
    overflow-y: hidden;
    width: 100%;
    float: left;
  }
  .section {
    width: 100%;
    height: auto;
  }
}