@charset "UTF-8";
/* Scss Document */
/* PC用 */
/*=============================================================
 TOP共通
=============================================================*/
header h2 {
  line-height: 1;
  padding: 0;
  margin: 0 0 10px 3vw; }
  @media screen and (min-width: 760px) {
    header h2 {
      margin: 0 0 10px 0; } }
  header h2 img {
    width: auto;
    height: 6vw;
    max-height: 50px; }
    @media screen and (min-width: 760px) and (max-width: 1100px) {
      header h2 img {
        height: 4.5vw; } }

.bg {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .bg .left_box p,
  .bg .right_box p {
    margin-bottom: 15px; }
    .bg .left_box p:last-child,
    .bg .right_box p:last-child {
      margin-bottom: 0; }

@media screen and (min-width: 760px) {
  section {
    margin-top: -100px;
    padding-top: 100px; } }

/*=============================================================
 ブロック設定
=============================================================*/
#main_vew {
  padding: 3vw; }
  @media screen and (min-width: 1440px) {
    #main_vew {
      padding: 3vw 0; } }
  #main_vew .inner {
    text-align: center; }
    #main_vew .inner img {
      max-width: 1440px;
      margin: 0 auto; }

#home_news .container {
  padding: 20px 0 1px 0;
  margin: 0 auto 20px auto; }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_news .container {
      padding: 8vw 0 1px 0; } }
  @media screen and (min-width: 1100px) {
    #home_news .container {
      padding: 100px 0 1px 0;
      margin: 0 auto 20px auto; } }
#home_news .bg {
  border: 2px solid #000;
  margin: 0 -2px;
  background-color: #C7E3CC;
  padding: 3vw 3vw 0 3vw; }
  @media screen and (min-width: 760px) {
    #home_news .bg {
      padding: 0;
      margin: 0; } }
  #home_news .bg .left_box {
    padding-left: 2vw;
    margin: 10px 0 -20px 0; }
    @media screen and (min-width: 760px) {
      #home_news .bg .left_box {
        margin: -20px -20px -20px 0; } }
  #home_news .bg .right_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 30px 0 0 0; }
    @media screen and (min-width: 760px) {
      #home_news .bg .right_box {
        margin: -40px -2px -20px 0; } }
    #home_news .bg .right_box dl {
      padding: 2vw 3vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      #home_news .bg .right_box dl dt {
        width: 100%;
        padding: 0.2em 0 0;
        line-height: 1rem; }
        @media screen and (min-width: 760px) {
          #home_news .bg .right_box dl dt {
            width: 15%;
            line-height: 1.5em; } }
      #home_news .bg .right_box dl dd {
        width: 100%;
        padding: 0.2em 0 0.4em; }
        @media screen and (min-width: 760px) {
          #home_news .bg .right_box dl dd {
            width: 85%; } }

#home_about .container {
  padding: 20px 0 0 0; }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_about .container {
      padding: 8vw 0 1px 0; } }
  @media screen and (min-width: 1100px) {
    #home_about .container {
      padding: 50px 0 1px 0;
      margin: 0 auto 120px auto; } }
#home_about .bg {
  border: 2px solid #000;
  background-color: #FFFBD4;
  margin: 0 -2px;
  padding: 5vw 3vw; }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_about .bg {
      padding: 3vw 0;
      margin: 0; } }
  @media screen and (min-width: 1100px) {
    #home_about .bg {
      padding: 50px 0; } }
  #home_about .bg .left_box {
    position: relative;
    margin: 30px 0 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (min-width: 760px) {
      #home_about .bg .left_box {
        margin: 30px 0 0px -20px; } }
    #home_about .bg .left_box .txtBox {
      padding: 4vw; }
      @media screen and (min-width: 1100px) {
        #home_about .bg .left_box .txtBox {
          padding: 0 2vw; } }
      @media screen and (min-width: 760px) and (max-width: 1100px) {
        #home_about .bg .left_box .txtBox {
          padding: 2vw; } }
  #home_about .bg .right_box {
    position: relative;
    padding: 3vw 0 0 0; }
    @media screen and (min-width: 760px) {
      #home_about .bg .right_box {
        padding: 0;
        margin: 0 0 -100px 0; } }
    #home_about .bg .right_box .img01 {
      width: 75%;
      margin: 0 0 -40px 0; }
      @media screen and (min-width: 760px) {
        #home_about .bg .right_box .img01 {
          margin: 50px 0 -40px 0; } }
      @media screen and (min-width: 760px) and (max-width: 1100px) {
        #home_about .bg .right_box .img01 {
          margin: 100px 0 -40px 0; } }
    #home_about .bg .right_box .img02 {
      width: 85%;
      margin: 0 0 0 auto; }
      @media screen and (min-width: 760px) {
        #home_about .bg .right_box .img02 {
          margin: 0 -22px 0 auto; } }

#home_program .container {
  padding: 20px 0 0 0; }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_program .container {
      padding: 15vw 0 1px 0; } }
  @media screen and (min-width: 1100px) {
    #home_program .container {
      padding: 0vw 0 1px 0;
      margin: 10px auto 25px auto; } }
#home_program .bg {
  position: relative;
  border: 2px solid #000;
  background-color: #F5B7B0;
  margin: 0 -2px;
  padding: 3vw; }
  @media screen and (min-width: 760px) {
    #home_program .bg {
      padding: 0 0 3vw 0; } }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_program .bg {
      padding: 2vw 0 6vw 0; } }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_program .bg {
      padding-top: 0; } }
  @media screen and (min-width: 760px) {
    #home_program .bg .com_btn01 {
      position: absolute;
      right: -30px;
      bottom: -28px; } }
  #home_program .bg .com_col2 {
    padding: 0 0 20px 0; }
    #home_program .bg .com_col2 .left_box {
      padding: 0 0 0 2vw; }
      @media screen and (min-width: 760px) and (max-width: 1100px) {
        #home_program .bg .com_col2 .left_box {
          padding: 5vw 2vw 1vw 2vw; } }
    #home_program .bg .com_col2 .right_box {
      margin-top: 20px;
      text-align: center; }
      @media screen and (min-width: 760px) {
        #home_program .bg .com_col2 .right_box {
          margin-top: -100px; } }
      #home_program .bg .com_col2 .right_box img {
        width: 80%;
        margin: 0 auto; }
        @media screen and (min-width: 760px) {
          #home_program .bg .com_col2 .right_box img {
            width: 80%; } }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_program .bg .com_col3 {
      padding: 0 1vw; } }
  @media screen and (min-width: 760px) {
    #home_program .bg .com_col3 {
      width: 108%;
      margin-left: -4%; } }
  #home_program .bg .com_col3 .com_winBox {
    background-color: #EEEEEF; }
    #home_program .bg .com_col3 .com_winBox figure {
      background-color: #fff;
      display: block; }
      #home_program .bg .com_col3 .com_winBox figure figcaption {
        position: relative;
        border-top: 2px solid #000;
        padding: 4vw 4vw 3.5em 4vw;
        font-size: 130%; }
        @media screen and (min-width: 760px) {
          #home_program .bg .com_col3 .com_winBox figure figcaption {
            min-height: 5em;
            padding: 1vw;
            font-size: 100%; } }
        #home_program .bg .com_col3 .com_winBox figure figcaption span {
          display: block;
          font-size: 70%;
          font-weight: normal;
          position: absolute;
          bottom: 4vw; }
          @media screen and (min-width: 760px) {
            #home_program .bg .com_col3 .com_winBox figure figcaption span {
              bottom: 1vw; } }
    #home_program .bg .com_col3 .com_winBox p {
      padding: 1vw; }

#home_time_table .container {
  padding: 20px 0 0 0; }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_time_table .container {
      padding: 8vw 0 1px 0; } }
  @media screen and (min-width: 1100px) {
    #home_time_table .container {
      padding: 100px 0 1px 0;
      margin: 0 auto 27px auto; } }
#home_time_table .bg {
  position: relative;
  border: 2px solid #000;
  background-color: #C6E7F9;
  margin: 0 -2px; }
  @media screen and (min-width: 760px) {
    #home_time_table .bg {
      padding: 0 0 3vw 0; } }
  #home_time_table .bg .left_box {
    padding: 3vw; }
    @media screen and (min-width: 760px) {
      #home_time_table .bg .left_box {
        padding: 0 0 0 2vw; } }
  #home_time_table .bg .right_box {
    padding: 0 3vw 3vw 3vw; }
    @media screen and (min-width: 760px) {
      #home_time_table .bg .right_box {
        margin: -50px 0 -100px 0;
        padding: 0vw;
        -ms-flex-flow: nowrap;
            flex-flow: nowrap; } }
    #home_time_table .bg .right_box .img {
      width: 100%;
      border: solid 2px #000; }
      @media screen and (min-width: 760px) {
        #home_time_table .bg .right_box .img {
          width: 65%; } }
      #home_time_table .bg .right_box .img:hover {
        opacity: 0.7;
        -webkit-transition: all .3s;
        transition: all .3s; }
    #home_time_table .bg .right_box .btn_zoom {
      margin: 0 0 0 auto;
      width: 50%; }
      @media screen and (min-width: 760px) {
        #home_time_table .bg .right_box .btn_zoom {
          margin: 0 -20px 30px 0;
          min-width: 180px;
          width: 30%; } }
      #home_time_table .bg .right_box .btn_zoom span {
        display: block;
        border: 2px solid #000;
        padding: 10px 50px  10px 20px;
        background-color: #fff;
        text-align: center;
        position: relative;
        cursor: pointer;
        z-index: 1; }
        #home_time_table .bg .right_box .btn_zoom span:hover {
          color: #000;
          opacity: 0.7;
          -webkit-transition: all .3s;
          transition: all .3s; }
        #home_time_table .bg .right_box .btn_zoom span:after {
          content: "";
          display: inline-block;
          width: 1em;
          height: 1em;
          background: url("../images/common/ico_zoom.svg");
          background-size: cover;
          position: absolute;
          top: 50%;
          right: 20px;
          margin-top: -0.5em; }
#home_time_table #modal-content-map img {
  max-width: 500px; }

#home_how_to_watch .container {
  padding: 20px 0 50px 0;
  position: relative; }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_how_to_watch .container {
      padding: 15vw 0 1px 0; } }
  @media screen and (min-width: 1100px) {
    #home_how_to_watch .container {
      padding: 70px 0 1px 0;
      margin: 0 auto 50px auto; } }
#home_how_to_watch .bg {
  position: relative;
  border: 2px solid #000;
  background-color: #C7E3CC;
  margin: 0 -2px;
  padding: 3vw 3vw 0 3vw; }
  @media screen and (min-width: 760px) {
    #home_how_to_watch .bg {
      padding: 0 0 3vw 0; } }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_how_to_watch .bg {
      padding: 3vw 0 5vw 0; } }
  @media screen and (min-width: 1100px) {
    #home_how_to_watch .bg {
      padding: 0 0 0px 0; } }
  #home_how_to_watch .bg .com_btn01 {
    margin-bottom: -30px; }
    @media screen and (min-width: 760px) {
      #home_how_to_watch .bg .com_btn01 {
        position: absolute;
        bottom: -30px;
        left: 2vw;
        margin: 0; } }
  #home_how_to_watch .bg .left_box {
    padding: 2vw; }
    @media screen and (min-width: 760px) {
      #home_how_to_watch .bg .left_box {
        padding: 0 0 0 2vw; } }
  #home_how_to_watch .bg .right_box {
    padding: 0 0 3vw 0; }
    @media screen and (min-width: 760px) {
      #home_how_to_watch .bg .right_box {
        padding: 0vw;
        margin: 20px -20px -50px 0; } }

@media screen and (min-width: 760px) {
  #home_join {
    padding-bottom: 100px; } }
#home_join .container {
  padding: 20px 0 50px 0; }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #home_join .container {
      padding: 8vw 0 1px 0; } }
  @media screen and (min-width: 1100px) {
    #home_join .container {
      padding: 100px 0 1px 0;
      margin: 0 auto 25px auto; } }
#home_join .bg {
  position: relative;
  border: 2px solid #000;
  background-color: #FFFBD4;
  margin: 0 -2px;
  padding: 3vw 3vw 0 3vw; }
  @media screen and (min-width: 760px) {
    #home_join .bg {
      padding: 0 0 0 0; } }
  #home_join .bg .com_btn01 {
    margin-bottom: -25px; }
    @media screen and (min-width: 760px) {
      #home_join .bg .com_btn01 {
        left: 0;
        bottom: 0;
        margin-bottom: -85px;
        width: 48%; } }
  @media screen and (min-width: 760px) and (min-width: 760px) and (max-width: 1100px) {
    #home_join .bg .com_btn01 {
      margin-bottom: -65px; } }
    @media screen and (min-width: 760px) {
        #home_join .bg .com_btn01.sp {
          display: none; } }
    @media screen and (max-width: 760px) {
      #home_join .bg .com_btn01.pc {
        display: none; }
      #home_join .bg .com_btn01.sp {
        display: block; } }
  #home_join .bg .left_box {
    padding: 2vw 0 4vw 0; }
    @media screen and (min-width: 760px) {
      #home_join .bg .left_box {
        margin: 20px 0 -20px -35px;
        padding: 0; } }
  #home_join .bg .right_box {
    padding: 0 0 2vw 0; }
    @media screen and (min-width: 760px) and (max-width: 1100px) {
      #home_join .bg .right_box {
        padding: 5vw 2vw 3vw 0; } }
    @media screen and (min-width: 1100px) {
      #home_join .bg .right_box {
        padding: 0 2vw 1vw 0; } }

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