@charset "UTF-8";
/* CSS Document */
BODY {
  min-width: 1200px;
  background-image: url("../img/main-back.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
p {
  font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  word-break: break-all;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.6em;
  font-size: 15px;
}
img {
  width: 100%;
}
a:hover img {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.opt {
  font-family: "Optima", Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
header {
  width: 100%;
  background: url("../img/line30.png") repeat-x top center, url("../img/line15.png") repeat-x bottom center;
  background-size: 1400px;
  padding: 30px 0 15px 0;
}
#topmain {
  width: 100%;
  margin: 0 auto;
  background-image: url("../img/main-back.jpg");
  background-position: top center;
  background-size: 100%;
  padding: 0 0 0 0;
}
#topbox {
  width: 1000px;
  margin: 0 auto;
  background-image: url("../img/title-nishikawa.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 350px;
}
#topbox h1 {
  width: 640px;
  padding: 50px 0 0 0;
}
#topbox h2 {
  width: 578px;
  padding: 50px 0 50px 0;
  margin: 0 auto;
}
#text01 {
  width: 100%;
  background-image: url("../img/back1.jpg");
  background-position: top center;
  background-size: cover;
  padding: 0 0 50px 0;
}
h3 {
  width: 800px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}
#text02 {
  width: 100%;
  background-image: url("../img/back2.jpg");
  background-position: top center;
  background-size: cover;
  padding: 0 0 50px 0;
}
#text03 {
  width: 100%;
  background-image: url("../img/back3.jpg");
  background-position: top center;
  background-size: cover;
  padding: 0 0 50px 0;
}
#text04 {
  width: 100%;
  background-image: url("../img/back4.jpg");
  background-position: top center;
  background-size: cover;
  padding: 0 0 50px 0;
}
#kyokai {
  width: 100%;
  margin: 0 auto;
  background-image: url("../img/back-kyokai.jpg");
  background-position: top center;
  background-size: cover;
}
#kyokaibox {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 0 0 50px 0;
  background-image: url("../img/kyokai-back.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 335px;
}
#kyokai h2 {
  width: 630px;
  margin: 0;
  padding: 40px 0 0 0;
}
#kyokai h3 {
  width: 470px;
  margin: 0;
  padding: 20px 0 0 0;
}
#kyokai h4 {
  width: 644px;
  margin: 0;
  padding: 20px 0 0 0;
}
#online {
  width: 100%;
  margin: 0 auto;
  background-image: url("../img/back-online.jpg");
  background-position: top center;
  background-size: cover;
}
#onlinebox {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 0 0 50px 0;
  background-image: url("../img/omline-back.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 549px;
}
#online h2 {
  width: 628px;
  margin: 0;
  padding: 40px 0 0 0;
}
#online h3 {
  width: 623px;
  margin: 0;
  padding: 20px 0 0 0;
}
#online h4 {
  width: 592px;
  margin: 0;
  padding: 20px 0 0 0;
}
#hondana {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding: 50px 0;
}
#hondana h3 {
  width: 800px;
  margin: 0 auto;
  padding: 0 0 0 0;
}
#nhk {
  width: 100%;
  margin: 0 auto;
  background-image: url("../img/nhk-back.jpg");
  background-position: top center;
  background-size: cover;
}
#nhkbox {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 0 0 50px 0;
  background-image: url("../img/nhk-nishikawa.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 387px;
}
#nhkbox h2 {
  width: 630px;
  margin: 0;
  padding: 60px 0 0 0;
}
#nhkbox h3 {
  width: 630px;
  margin: 0;
  padding: 20px 0 0 0;
}
.link {
  position: absolute;
  width: 210px;
  right: 0;
  bottom: 50px;
}
footer {
  width: 100%;
  background-image: url("../img/line15.png");
  background-repeat: repeat-x;
  background-size: 1400px;
}
#footlogo {
  width: 500px;
  margin: 0 auto;
  padding: 50px 0;
}
/*スマホ==========================================================================================================*/
@media screen and (max-width: 820px) {
  BODY {
    min-width: 100%;
    background-image: url("../img/main-back.jpg");
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  p {
    line-height: 1.6em;
    font-size: 14px;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  header {
    width: 100%;
    background: url("../img/line30.png") repeat-x top center, url("../img/line15.png") repeat-x bottom center;
    background-size: 100%;
    padding: 15px 0 5px 0;
  }
  #topmain {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    background: none;
  }
  #topbox {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/title-nishikawa.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 30%;
  }
  #topbox h1 {
    width: 70%;
    padding: 10px 0 0 5%;
  }
  #topbox h2 {
    width: 70%;
    padding: 5px 0 0 5%;
    margin: 0;
  }
  #text01 {
    width: 100%;
    background-image: url("../img/back1.jpg");
    background-position: top center;
    background-size: 100%;
    padding: 0 0 25px 0;
  }
  h3 {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 0 0;
  }
  #text02 {
    width: 100%;
    background-image: url("../img/back2.jpg");
    background-position: top center;
    background-size: 100%;
    padding: 0 0 25px 0;
  }
  #text03 {
    width: 100%;
    background-image: url("../img/back3.jpg");
    background-position: top center;
    background-size: 100%;
    padding: 0 0 25px 0;
  }
  #text04 {
    width: 100%;
    background-image: url("../img/back4.jpg");
    background-position: top center;
    background-size: 100%;
    padding: 0 0 25px 0;
  }
  #kyokai {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/back-kyokai.jpg");
    background-position: top center;
    background-size: 100%;
  }
  #kyokaibox {
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding: 0 0 70px 0;
    background-image: url("../img/kyokai-back.png");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 40%;
  }
  #kyokai h2 {
    width: 80%;
    margin: 0;
    padding: 20px 0 0 0;
  }
  #kyokai h3 {
    width: 90%;
    margin: 0;
    padding: 10px 0 0 0;
  }
  #kyokai h4 {
    width: 90%;
    margin: 0;
    padding: 10px 0 0 0;
  }
  #online {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/back-online.jpg");
    background-position: top center;
    background-size: cover;
  }
  #onlinebox {
    width: 96%;
    margin: 0 auto;
    position: relative;
    padding: 0 0 70px 0;
    background-image: url("../img/omline-back.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 60%;
  }
  #online h2 {
    width: 80%;
    margin: 0;
    padding: 20px 0 0 5%;
  }
  #online h3 {
    width: 80%;
    margin: 0;
    padding: 5px 0 0 5%;
  }
  #online h4 {
    width: 80%;
    margin: 0;
    padding: 0 0 0 5%;
  }
  #hondana {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px 0;
  }
  #hondana h3 {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 0 0;
  }
  #nhk {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/nhk-back.jpg");
    background-position: top center;
    background-size: 100%;
  }
  #nhkbox {
    width: 96%;
    margin: 0 auto;
    position: relative;
    padding: 0 0 70px 0;
    background-image: url("../img/nhk-nishikawa.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 40%;
  }
  #nhkbox h2 {
    width: 80%;
    margin: 0;
    padding: 20px 0 0 5%;
  }
  #nhkbox h3 {
    width: 80%;
    margin: 0;
    padding: 10px 0 0 5%;
  }
  .link {
    position: absolute;
    width: 40%;
    right: 0;
    bottom: 10px;
  }
  footer {
    width: 100%;
    background-image: url("../img/line15.png");
    background-repeat: repeat-x;
    background-size: 100%;
  }
  #footlogo {
    width: 70%;
    margin: 0 auto;
    padding: 25px 0;
  }
}