@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  background: #CCE3F2;
  font-family: "Sawarabi Gothic";
  text-align: center;
  color: #000;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  font-size: 105%; }
  @media only screen and (max-width: 768px) {
    body {
      font-size: 2.5vw; } }

img {
  vertical-align: bottom; }

p {
  margin: 32px 0; }

.rd {
  color: #FF0032; }

.bl {
  color: #0071BC;
  font-weight: bold; }

.line {
  text-decoration: underline; }

b {
  color: #FF0032;
  text-decoration: underline; }

strong {
  color: #FF0032;
  text-decoration: underline;
  background: #FFFF00; }

.bold {
  font-weight: bold; }

.bgye {
  background: #FFFF00; }

.center {
  text-align: center; }

.f120 {
  font-size: 120%; }

.f130 {
  font-size: 130%; }

.f140 {
  font-size: 140%; }

.tm0 {
  margin-top: 0;
  padding-top: 0; }

.bm5 {
  margin-bottom: 5px;
  padding-bottom: 0; }

.p60 {
  padding: 60px 0; }

.flash {
  animation: flash 4s ease infinite; }

@keyframes flash {
  0% {
    opacity: 1.0; }
  25% {
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  75% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }
.flash2 {
  animation: flash 0.8s ease infinite; }

@keyframes flash2 {
  0% {
    opacity: 1.0; }
  25% {
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  75% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }
a {
  transition: all .25s; }
  a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); }

.sub {
  opacity: 0.0; }

header {
  background: url(../images/header_bg.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 50%; }
  header h1 {
    margin: 0;
    padding: 8px 0;
    color: #FFF;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    background: url(../images/header_top.jpg) repeat-x;
    font-weight: normal; }
    @media only screen and (max-width: 768px) {
      header h1 {
        font-size: 3.2vw; } }
  header .content {
    margin: 0 auto;
    width: 1200px; }
    @media only screen and (max-width: 768px) {
      header .content {
        width: 100%;
        box-sizing: border-box;
        padding: 0; }
        header .content img {
          width: 100%; } }

@media only screen and (max-width: 768px) {
  article {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box; } }
article section {
  width: 1000px;
  margin: 0 auto;
  padding: 32px 0;
  background: #FFF;
  text-align: left; }
  @media only screen and (max-width: 768px) {
    article section {
      width: 100%;
      padding: 10px 0;
      box-sizing: border-box; }
      article section img {
        width: 100%; } }
  article section .content {
    padding: 0 50px; }
    @media only screen and (max-width: 768px) {
      article section .content {
        padding: 0 20px;
        box-sizing: border-box; } }
    article section .content .movie1 {
      position: relative; }
      article section .content .movie1 iframe {
        position: absolute;
        top: 52px;
        left: 135px;
        width: 560px;
        height: 320px; }
        @media only screen and (max-width: 768px) {
          article section .content .movie1 iframe {
            width: 68.5%;
            height: 58%;
            top: 8.5%;
            left: 16%; } }
    article section .content .movie2 {
      position: relative; }
      article section .content .movie2 iframe {
        position: absolute;
        top: 52px;
        left: 135px;
        width: 560px;
        height: 320px; }
        @media only screen and (max-width: 768px) {
          article section .content .movie2 iframe {
            width: 68.5%;
            height: 58%;
            top: 8.5%;
            left: 16%; } }
    article section .content .movie3 {
      position: relative; }
      article section .content .movie3 iframe {
        position: absolute;
        top: 185px;
        left: 135px;
        width: 560px;
        height: 320px; }
        @media only screen and (max-width: 768px) {
          article section .content .movie3 iframe {
            width: 68.5%;
            height: 48%;
            top: 25%;
            left: 16%; } }
    article section .content .framebl {
      border-left: 6px solid #0071BC;
      border-right: 6px solid #0071BC;
      border-bottom: 6px solid #0071BC;
      box-sizing: border-box;
      margin-bottom: 70px;
      padding: 0 30px; }
      @media only screen and (max-width: 768px) {
        article section .content .framebl {
          padding: 0 10px; } }
      article section .content .framebl img {
        width: 100%; }
      article section .content .framebl .sign {
        color: #0071BC;
        background: #CCE3F2;
        text-align: center;
        font-size: 130%;
        padding: 8px 0; }
    article section .content .framegr {
      border-left: 6px solid #009245;
      border-right: 6px solid #009245;
      border-bottom: 6px solid #009245;
      box-sizing: border-box;
      margin-bottom: 70px;
      padding: 0 30px; }
      @media only screen and (max-width: 768px) {
        article section .content .framegr {
          padding: 0 10px; } }
    article section .content .flex {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-wrap: no-wrap;
      justify-content: space-between; }
      article section .content .flex .s5no1,
      article section .content .flex .s5no2,
      article section .content .flex .s5no3,
      article section .content .flex .s5no4,
      article section .content .flex .s5no5,
      article section .content .flex .s5no6,
      article section .content .flex .s5no7,
      article section .content .flex .s5no8 {
        opacity: 0.0; }
      @media only screen and (max-width: 768px) {
        article section .content .flex {
          width: 100%; }
          article section .content .flex .s5no1,
          article section .content .flex .s5no2,
          article section .content .flex .s5no3,
          article section .content .flex .s5no4,
          article section .content .flex .s5no5,
          article section .content .flex .s5no6 {
            width: 33%;
            height: 33%; } }
    article section .content .s52 {
      position: relative; }
      article section .content .s52 .s5no7,
      article section .content .s52 .s5no8 {
        position: absolute;
        top: 0;
        left: 0; }
    article section .content .gbox {
      background: #F2F2F2;
      border-radius: 8px;
      padding: 1px 25px; }
    article section .content .box8 {
      margin-bottom: 60px;
      opacity: 0.0; }
      article section .content .box8 .inner {
        border-left: 30px solid #333333;
        border-right: 30px solid #333333;
        border-bottom: 30px solid #333333;
        box-sizing: border-box;
        padding: 0 30px 10px 30px; }
        @media only screen and (max-width: 768px) {
          article section .content .box8 .inner {
            border-left: 2.9vw solid #333333;
            border-right: 2.9vw solid #333333;
            border-bottom: 2.9vw solid #333333; } }
        article section .content .box8 .inner img {
          float: right;
          width: auto;
          margin-left: 10px; }
          @media only screen and (max-width: 768px) {
            article section .content .box8 .inner img {
              width: 40%; } }
        article section .content .box8 .inner p {
          margin-top: 0;
          padding-top: 0; }
    article section .content .box9 {
      margin-bottom: 60px;
      opacity: 0.0; }
      article section .content .box9 .inner {
        border-left: 30px solid #AE0032;
        border-right: 30px solid #AE0032;
        border-bottom: 30px solid #AE0032;
        box-sizing: border-box;
        padding: 0 30px 10px 30px; }
        @media only screen and (max-width: 768px) {
          article section .content .box9 .inner {
            border-left: 2.9vw solid #AE0032;
            border-right: 2.9vw solid #AE0032;
            border-bottom: 2.9vw solid #AE0032; } }
        article section .content .box9 .inner img {
          float: right;
          width: auto;
          margin-left: 10px; }
          @media only screen and (max-width: 768px) {
            article section .content .box9 .inner img {
              width: 40%; } }
        article section .content .box9 .inner p {
          margin-top: 0;
          padding-top: 0; }
    article section .content .box14 {
      background: #ae0032;
      padding: 0 29px 29px 29px;
      margin-bottom: 60px; }
      @media only screen and (max-width: 768px) {
        article section .content .box14 {
          padding: 0 3.5% 3.5% 3.5%; } }
      article section .content .box14 .inner {
        background: #FFF;
        padding: 0 30px 0 30px;
        position: relative; }
        @media only screen and (max-width: 768px) {
          article section .content .box14 .inner {
            padding: 0 3.5% 3.5% 3.5%; } }
        article section .content .box14 .inner .tip {
          position: absolute;
          top: 0;
          left: 30px; }
          @media only screen and (max-width: 768px) {
            article section .content .box14 .inner .tip {
              left: 0; } }
        article section .content .box14 .inner .tip2 {
          position: absolute;
          bottom: 0;
          left: 30px; }
          @media only screen and (max-width: 768px) {
            article section .content .box14 .inner .tip2 {
              left: 0; } }
    article section .content table {
      border-collapse: collapse;
      width: 100%;
      margin-bottom: 60px;
      font-family: "Sawarabi Gothic";
      box-sizing: border-box; }
      article section .content table tr td {
        border: 1px solid #B3B3B3;
        padding: 8px 12px; }
        article section .content table tr td:first-child {
          background: #E6E6E6;
          text-align: center;
          vertical-align: middle;
          white-space: nowrap; }
        article section .content table tr td.tdwh {
          background: #FFF; }
        article section .content table tr td.tdbl {
          background: #0071BC;
          color: #FFF;
          text-align: center; }
        article section .content table tr td.tdrd {
          background: #FF0032;
          color: #FFF;
          text-align: center; }
        article section .content table tr td.tdbk {
          background: #000;
          color: #FFF;
          text-align: center; }
  article section .box6 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0063ad+0,001363+100 */
    background: #0063ad;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0063ad 0%, #001363 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0063ad 0%, #001363 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0063ad 0%, #001363 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063ad', endColorstr='#001363',GradientType=0 );
    /* IE6-9 */
    padding: 0 50px 30px 50px;
    margin-bottom: 60px; }
    @media only screen and (max-width: 768px) {
      article section .box6 {
        padding: 0 5% 5% 5%;
        box-sizing: border-box; } }
    article section .box6 .inner {
      background: #FFF;
      padding: 0 30px 8px 30px;
      box-sizing: border-box; }
      article section .box6 .inner p:first-child {
        margin-top: 0;
        padding-top: 0; }
      article section .box6 .inner img {
        width: 100%; }
  article section.s10 {
    background: #660000; }
    article section.s10 .content {
      padding: 0 30px; }
      article section.s10 .content .inner {
        background: #FFF;
        padding: 1px 20px; }
  article section.s11 {
    background: #1a1a1a;
    padding-top: 0; }
    article section.s11 .content {
      padding: 0 30px; }
      article section.s11 .content .inner {
        background: #FFF;
        padding: 1px 20px; }
  article section .box13 {
    background: #8cb241;
    padding: 0 50px 50px 50px;
    margin-bottom: 60px;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      article section .box13 {
        padding: 0 5% 5% 5%;
        box-sizing: border-box; } }
    article section .box13 .s13bg {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    article section .box13 .inner {
      background: #FFF;
      padding: 0 29px 10px 29px;
      position: relative;
      z-index: 2;
      box-sizing: border-box; }

footer {
  background: #CCE3F2; }
  @media only screen and (max-width: 768px) {
    footer {
      padding: 0 10px; } }
  footer .content {
    padding: 60px 0;
    background: #FFF;
    width: 1000px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      footer .content {
        width: 100%; } }
    footer .content a {
      color: #000;
      text-decoration: none; }

/*# sourceMappingURL=style.css.map */