@charset "UTF-8";
/* Scss Document */
/* PC用 */
/*=============================================================
 program
=============================================================*/
header h2 {
  line-height: 1;
  padding: 0;
  margin: 0 0 0 3vw; }
  @media screen and (min-width: 760px) {
    header h2 {
      margin: 0; } }
  header h2 img {
    width: auto;
    height: 6vw;
    max-height: 55px; }
    @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 p {
    margin-bottom: 10px; }
    .bg p:last-child {
      margin-bottom: 0; }

/*=============================================================
 ブロック設定
=============================================================*/
#program_sec01 .container {
  padding: 10vw 0 8vw 0; }
  @media screen and (min-width: 760px) {
    #program_sec01 .container {
      padding: 8vw 0; } }
#program_sec01 .bg {
  position: relative;
  border: 2px solid #000;
  background-color: #F5B7B0;
  margin: 10px -2px 0;
  padding: 3vw; }
  @media screen and (min-width: 760px) {
    #program_sec01 .bg {
      padding: 0 0 3vw 0; } }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #program_sec01 .bg {
      padding: 2vw 0 6vw 0; } }
  #program_sec01 .bg .page_navi {
    margin: 0 auto;
    justify-content: center; }
    @media screen and (min-width: 760px) {
      #program_sec01 .bg .page_navi {
        position: absolute;
        right: 30px;
        bottom: -28px; } }
    #program_sec01 .bg .page_navi li {
      width: 40%; }
      #program_sec01 .bg .page_navi li.off b {
        display: block;
        background-color: #C4C4C4;
        color: #fff;
        border: 2px #231815 solid;
        position: relative;
        text-align: center;
        padding: 25px 0; }
        @media screen and (min-width: 760px) {
          #program_sec01 .bg .page_navi li.off b {
            min-width: 100px; } }
        #program_sec01 .bg .page_navi li.off b span {
          display: none; }
        #program_sec01 .bg .page_navi li.off b:after {
          content: "";
          display: inline-block;
          width: 1.4em;
          height: 1.4em;
          background: url("../images/common/btn_arrow.svg") center center;
          background-size: auto 100%;
          background-repeat: no-repeat;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -0.7em;
          margin-left: -0.7em; }
      #program_sec01 .bg .page_navi li:first-child {
        margin-right: 10px;
        transform: scale(-1, 1); }
    #program_sec01 .bg .page_navi a {
      display: block;
      background-color: #009B6F;
      color: #fff;
      border: 2px #231815 solid;
      position: relative;
      text-align: center;
      padding: 25px 0; }
      @media screen and (min-width: 760px) {
        #program_sec01 .bg .page_navi a {
          min-width: 100px; } }
      #program_sec01 .bg .page_navi a span {
        display: none; }
      #program_sec01 .bg .page_navi a:after {
        content: "";
        display: inline-block;
        width: 1.4em;
        height: 1.4em;
        background: url("../images/common/btn_arrow.svg") center center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -0.7em;
        margin-left: -0.7em; }
      #program_sec01 .bg .page_navi a:hover {
        opacity: 0.7; }
  #program_sec01 .bg .com_col2 {
    padding: 0 0 20px 0; }
    #program_sec01 .bg .com_col2 .left_box {
      padding: 0 0 0 2vw; }
    #program_sec01 .bg .com_col2 .right_box {
      margin-top: 20px;
      text-align: center; }
      @media screen and (min-width: 760px) {
        #program_sec01 .bg .com_col2 .right_box {
          margin-top: -100px; } }
      #program_sec01 .bg .com_col2 .right_box img {
        width: 80%;
        margin: 0 auto; }
        @media screen and (min-width: 760px) {
          #program_sec01 .bg .com_col2 .right_box img {
            width: 80%; } }
  @media screen and (min-width: 760px) and (max-width: 1100px) {
    #program_sec01 .bg .com_col3 {
      padding: 0 1vw; } }
  @media screen and (min-width: 760px) {
    #program_sec01 .bg .com_col3 {
      width: 108%;
      margin-left: -4%; } }
  #program_sec01 .bg .com_col3 .com_winBox {
    background-color: #EEEEEF; }
    #program_sec01 .bg .com_col3 .com_winBox figure {
      background-color: #fff;
      display: block; }
      #program_sec01 .bg .com_col3 .com_winBox figure figcaption {
        position: relative;
        border-top: 2px solid #000;
        padding: 2vw 3vw 2.5em 3vw;
        font-size: 110%; }
        @media screen and (min-width: 760px) {
          #program_sec01 .bg .com_col3 .com_winBox figure figcaption {
            min-height: 5em;
            padding: 1vw; } }
        #program_sec01 .bg .com_col3 .com_winBox figure figcaption span {
          display: block;
          font-size: 70%;
          position: absolute;
          bottom: 2vw;
          font-weight: normal; }
          @media screen and (min-width: 760px) {
            #program_sec01 .bg .com_col3 .com_winBox figure figcaption span {
              bottom: 1vw; } }
    #program_sec01 .bg .com_col3 .com_winBox p {
      padding: 2vw 3vw;
      font-weight: normal; }
      @media screen and (min-width: 760px) {
        #program_sec01 .bg .com_col3 .com_winBox p {
          padding: 1vw; } }