@charset 'utf-8';
/* --------------------------------------------------
 *  下層ページのCSSの宣言
 *
 * -------------------------------------------------- */
img{
  max-width: 100%;
  height: auto;
}
#top-main-visual .icon__youtube{
  position: absolute;
  bottom:15%; right:5%;
  z-index: 9;
}
/*YOUTUBE BANNER -------------------------*/
#bnr-youtube .bnr-container{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#bnr-youtube .bnr-container .bnr{
  width:50%;
}
#bnr-youtube .bnr-container .bnr img{
  max-width:100%;
}
#bnr-youtube .bnr-container .bnr__link img{
opacity:1;
filter:alpha(opacity=100);
-webkit-transition:opacity 0.2s ease;
-moz-transition:opacity 0.2s ease;
-ms-transition:opacity 0.2s ease;
transition:opacity 0.2s ease;
}
#bnr-youtube .bnr-container .bnr__link:hover img{
  opacity:0.6;
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
}

/* covid19Info COVID19 INFO -------------------------*/
.covid19Info{
  width:100%;
  margin:0 auto;
  text-align:center;
  line-height:1.7em;
  font-size:14pt;
}

.covid19Info a{
  display:block;
  color:#ffffff;
  background:#ff0000;
  padding:10px;
  border:solid 1px #ff0000;
}

.covid19Info a:hover{
  color:#ff0000;
  background:#ffffff !important;
}
.covid19Info:not(:last-child){
  margin-bottom: 10px;
}

@media print,screen and (min-width: 641px) {
/*----------------------------------------------------
  COMMON
----------------------------------------------------*/
  /*コンテンツブロック
  ---------------------------------------------*/
  #contents {
    padding: 30px 0;
  }
  /*PAGE MAIN VISUAL --------------*/
  .main-visual {
    position: relative;
    height: 245px;
    background: url(./../img/common/img_main.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    }
    /*ページタイトル*/
    #page-title-box {
      position: absolute; 
      top: 50%; right: 0; left: 0; 
      -webkit-transform: translateY(-50%); 
      -ms-transform: translateY(-50%); 
      transform: translateY(-50%); 
      margin: auto; 
      }
      #page-title-box h2 {
        display: inline-block;
        padding: 2% 3%;
        color: #FFF;
        font-size: 24px;
        background-color: rgba(0,150,180,0.8);
      }
  /*----- SECTION -----*/
  .section {
    width: 100%;
    margin: 0 auto;
    }
    .section .inner {
      max-width: 1000px;
      margin: 0 auto;
      padding: 2%;
    }
  /*----- タイトル -----*/
  .section h3.title {
    position: relative;
    margin: 0 auto 20px;
    padding: 0 0 10px;
    font-size: 20px;
    line-height: 1.4;
    color: #0097B5;
    border-bottom: solid 1px #0096B4;
    }
    .section h3.title .link-box {
      position: absolute;
      width: auto;
      top: 50%; right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: auto;
      padding: 0;
      font-size: 16px;
      color: #EF8EB8;
    }
  .section h4.title {
    margin: 0 auto 10px;
    font-size: 19px;
    color: #0096B4;
    }
  /*----- テキストボックス -----*/
  .section .text-box {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.8;
    text-align: left;
    }
    .section .text-box p {
      margin-bottom: 20px;
    }
  
  /*----- IMG BOX -----*/
  .img-box {
    margin-bottom: 30px;
    text-align: center;
  }
  .img-box.left {
    margin-right: 60px;
  }
  .img-box.right {
    margin-left: 60px;
  }
    .img-box .caption {
      display: block;
      padding: 10px;
      text-align: center;
      font-size: 14px;
      line-height: 1.8;
    }
  /*----- IMG LIST -----*/
  ul.img-list {
    width: auto;
    margin: 0 auto 30px;
    }
    ul.img-list li {
      float: left;
      width: 32.4%;
      margin: 0 1.4% 3% 0;
      }
      ul.img-list li:nth-child(3n+1) {
        clear: both;
      }
      ul.img-list li:nth-child(3n) {
        margin-right: 0;
      }
      ul.img-list li img {
        width: 100%;
      }
    ul.img-list .caption {
      display: block;
      padding: 10px;
      text-align: center;
      font-size: 18px;
      line-height: 1.8;
    }
  /*----- BUTTON BOX -----*/
  .btn-box {
    width: 100%;
    text-align: center;
    z-index: 99;
    }
    .btn-box .btn {
      display: inline-block;
      width: auto;
      margin: 0 auto;
      font-size: 15px;
      text-align: center;
      }
      .btn-box .btn a {
        display: block;
        padding: 5px 20px;
        line-height: 1.4;
        color: #FFF;
        text-decoration: none;
        background-color: #0096B4;
        border: solid 1px #0096B4;
      }
      .btn-box .btn a:hover {
        color: #0096B4;
        background-color: #FFF;
      }
  /*----- LINK BOX -----*/
  .link-box {
    width: 100%;
    padding: 10px;
    }
    .link-box .link {
      width: auto;
      margin: 0 auto;
      }
      .link-box .link a:link {
        line-height: 1.4;
      }
      .link-box .link a:after {
        content: '＞';
        padding-left: 15px;
      }
  /*(NEXT PAGE LINK BOX)*/
  .next-page-link-box {
    width: 100%;
    padding: 10px;
    text-align: right;
    }
    .next-page-link-box .link {
      width: auto;
      margin: 0 auto;
      font-size: 18px;
      }
      .next-page-link-box .link a:link {
        line-height: 1.4;
      }
      .next-page-link-box .link a:before {
        content: '';
        padding-left: 30px;
        background: url(./../img/common/arrow_link.png) left center no-repeat;
        background-size: 11px 13px;
      }
  /*----- FRAME BOX -----*/
  .frm-box {
    margin: 0 auto;
    padding: 3% 5%;
    border: solid 1px #0096B4;
    background-color: #E1F1F9;
    }
    .frm-box .text-box {
      text-align: left;
    }
  .bg-white-box {
    background-color: #FFF;
  }
  /*----- HALF BOX -----*/
  .half-box {
    width: 48%;
  }
  /*----- TABLE -----*/
  table.tbl {
    width: 100%;
    margin: 0 auto 30px;
    }
    table.tbl tr {
      border-top: solid 1px #CCC;
    }
    table.tbl tr:last-child {
      border-bottom: solid 1px #CCC;
    }
    table.tbl th {
      width: 30%;
      padding: 1% 3%;
      text-align: left;
      vertical-align: top;
      font-size: 18px;
      line-height: 1.8;
      background-color: #EFEFEF;
    }
    table.tbl td {
      padding: 1% 3% 1% 5%;
      text-align: left;
      vertical-align: top;
      font-size: 18px;
      line-height: 1.8;
    }
  /*----- TEXT LIST -----*/
  .text-list {
    padding: 5px 0;
    }
    .text-list li {
      padding-left: 1.3em;
      text-indent: -1.3em;
    }
  /*----- SLIDER  -----*/
  .slider .bx-wrapper {
    margin: 0 auto !important;
    padding: 0;
    *zoom: 1;
    }
    .slider .bx-wrapper img {
      display: inline !important;
    }
    .slider .bx-wrapper .bx-viewport {
      border: none;
      box-shadow: none;
      background: none;
    }
  /*----- パンくず -----*/
  #pankuzu-block {
    width: 100%;
    background-color: #E8F5FD;
    }
    #pankuzu-block #pankuzu {
      max-width: 1200px;
      margin: 0 auto;
      padding: 15px 20px;
      }
      #pankuzu-block #pankuzu ul {
        display: table;
        }
        #pankuzu-block #pankuzu ul li {
          display: table-cell;
          padding: 0;
          font-size: 14px;
          vertical-align: middle;
          }
          #pankuzu-block #pankuzu ul li:nth-child(n+2):before {
            content: "＞";
            padding: 0 1em;
          }
  /*----- PAGER -----*/
  .pager {
    clear: both;
    padding: 30px 0;
    text-align: center;
    }
    .pager .page-numbers {
      padding: 3px 7px;
      font-size: 18px;
      color: #036EB8;
      border: solid 1px #036EB8;
    }
    .pager .page-numbers.current {
      color: #FFF;
      background-color: #036EB8;
      text-decoration: none;
    }
/*----------------------------------------------------
  TOP PAGE
----------------------------------------------------*/
   /*TOP MAIN VISUAL -------------------------*/
   #top-main-visual {
      position: relative;
      width: 100%;
      overflow: hidden;
      }
      #top-main-visual .inner {
        position: relative;
        width: 100%;
        height: 455px;
        margin: 0 auto;
      }
      #top-main-visual .bx-wrapper ul.bxslider li {
        overflow: hidden;
        }
        #top-main-visual .bx-wrapper ul.bxslider img {
          position: relative;
          left: 50%;
          width: auto;
          max-width: none;
          height: 100%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
        }
        /*bxslider装飾*/
        #top-main-visual .bx-wrapper {
          margin: 0 auto !important;
          padding: 0;
          *zoom: 1;
          }
          #top-main-visual .bx-wrapper img {
            display: inline !important;
          }
          #top-main-visual .bx-wrapper .bx-viewport {
            overflow: visible !important;
            left: 0;
            border: none;
            box-shadow: none;
            background: none;
          }
        #top-main-visual .bx-controls-direction {
          display: none;
        }
        #top-main-visual .inner #top-catch-box {
          position: absolute;
          left: 0; right: 0; top: 45%;
          margin: auto;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          }
          #top-main-visual .inner #top-catch-box #top-catch-text {
            color: #FFF;
            font-size: 26px;
            font-weight: bold;
            text-align: center;
            line-height: 2;
          }
    /*PICK UP BLOCK*/
    #top-main-visual #pickup-news-block {
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: #FFF;
      background: rgba(0,150,180,0.7);
      }
      #pickup-news-block #pickup-news-box {
        position: relative;
        max-width: 1000px;
        margin: 0 auto;
        padding: 10px;
      }
      #pickup-news-block #pickup-news-box div {
        display: table-cell;
        vertical-align: middle;
        }
        #pickup-news-block #pickup-news-box #pickup-icon {
          padding: 5px 15px;
          font-size: 18px;
          color: #0096B4;
          background-color: #EEE800;
          white-space: nowrap;
        }
        #pickup-news-block #pickup-news-box #pickup-news-date {
          padding: 0 20px;
          text-align: center;
          font-size: 18px;
          color: #FFF;
        }
        #pickup-news-block #pickup-news-box #pickup-news-title {
          width: 78%;
          font-size: 18px;
          color: #FFF;
          }
          #pickup-news-block #pickup-news-box #pickup-news-title a {
            color: #FFF;
            line-height: 1.4;
            text-decoration: underline;
          }
          #pickup-news-block #pickup-news-box #pickup-link {
            position: absolute ;
            top: 15px; right: 10px; bottom: 0;
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
            }
            #pickup-news-block #pickup-news-box #pickup-link a {
              color: #FFF;
            }
            #pickup-news-block #pickup-news-box #pickup-link a:after {
              content: '＞';
              padding-left: 5px;
            }
   /*TOP EMONEY -------------------------*/
   #top-emoney {}
      #top-emoney h3.title {
        font-size: 18px;
        color: #231815;
        border-bottom-color: #231815;
      }
      #top-emoney .half-box img {
        width: 100%;
      }
   /*TOP INTRODUCTION -------------------------*/
   #top-introduction {}
      #top-introduction h3.title {
        font-size: 18px;
        color: #231815;
        border-bottom-color: #231815;
      }
      #top-introduction .text-box {
        line-height: 2;
        }
        #top-introduction .text-box p {
          margin-bottom: 10px;
        }
      #top-introduction .btn-box .btn {
        display: block;
      }
      #top-introduction .half-box.right img {
        width: 100%;
      }
  /*TOP MENU COURSE -------------------------*/
  #top-menu-course .frm-box {
    background-image: url(./../img/top/back_course_box.jpg);
    background-repeat: no-repeat;
    background-position: 85% 70%;
    background-size: 28%;
    }
    #top-menu-course #menu-course-list {
      display: table;
      }
      #top-menu-course #menu-course-list li {
        display: table-row;
        color: #0096B4;
        font-size: 18px;
      }
      #top-menu-course #menu-course-list li:before {
        content: '＞';
        font-weight: bold;
        padding-right: 15px;
      }
      #top-menu-course #menu-course-list p {
        display: table-cell;
        padding: 10px 1em 10px 0;
        }
        #top-menu-course #menu-course-list .num {
          font-size: 14px;
        }
        #top-menu-course #menu-course-list .link-detail {
          display: inline-block;
        }
        #top-menu-course #menu-course-list .link-detail a {
          display: block;
          padding: 5px 10px;
          color: #FFF;
          font-size: 15px;
          background-color: #0096B4;
          border: solid 1px #0096B4;
        }
        #top-menu-course #menu-course-list .link-detail a:after {
          content: '＞';
          padding-left: 10px;
        }
        #top-menu-course #menu-course-list .link-detail a:hover {
          background-color: #FFF;
          color: #0096B4;
        }
 
    /*PADI*/
    #padi-link-box {
      padding: 0 0 3%;
      }
      #padi-link-box .padi-text {
        font-size: 18px;
        padding-bottom: 0.5em;
      }
      #padi-link-box .btn {
        margin-right: 1em;
      }
      #padi-link-box .btn a > span {
        display: inline-block;
      }
      #padi-link-box .btn a > span.line {
        position: relative;
        padding-right: 0.5em;
        margin-right: 0.5em;
      }
      #padi-link-box .btn a > span.line::after {
        content:'';
        border-right: solid 1px #FFF;
        display: inline-block;
        position: absolute;
        right:0;
        top:10%;
        height: 80%;
        width:1px;
      }
  
   /*TOP TOPICS -------------------------*/
  #top-topics {
    margin-bottom: 3%;
    }
    #top-topics #topics-list-box ul li {
      position: relative;
      float: left;
      width: 280px !important;
      margin-right: 25px !important;
      }
      #top-topics #topics-list-box .topics-img {
        width: 100%;
        overflow: hidden;
      }
      #top-topics #topics-list-box .topics-img img,
      #top-topics #topics-list-box .topics-img video{
        width: 100%;
        height: 175px;
        object-fit: cover;
      }
      #top-topics #topics-list-box .topics-title {
        padding: 10px 5px;
        font-size: 15px;
        line-height: 1.8;
      }
      #top-topics #topics-list-box ul li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-indent: -999px;
       }
    /*bxslider装飾*/
    #top-topics #topics-list-box .bx-wrapper {
      margin: 0 auto !important;
      max-width: 890px !important;
    }
    #top-topics .bx-wrapper {
      margin: 0 auto !important;
      padding: 0;
      *zoom: 1;
      }
      #top-topics .bx-wrapper img {
        display: inline !important;
      }
      #top-topics .bx-wrapper .bx-viewport {
        border: none;
        box-shadow: none;
        background: none;
      }
    #top-topics .bx-controls-direction a {
      width: 14px;
      height: 25px;
      top: 40%;
    }
    #top-topics .bx-controls-direction a.bx-prev {
      left: -30px;
      background: url(./../img/common/btn_prev.png) left center no-repeat;
    }
    #top-topics .bx-controls-direction a.bx-next {
      right: -30px;
      background: url(./../img/common/btn_next.png) left center no-repeat;
    }
  /*SHOP INFORMATION -------------------------*/
  #shop-info .headline-box {
    position: relative;
    height: 380px;
    background: url(./../img/top/back_headline_shop.jpg) center center no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    text-align: center;
    }
    #shop-info .headline-box .headline-title-box {
      position: absolute; 
      top: 50%; right: 0; left: 0; 
      -webkit-transform: translateY(-50%); 
      -ms-transform: translateY(-50%); 
      transform: translateY(-50%); 
      margin: auto; 
      }
      #shop-info .headline-box .headline-title-box h2 {
        display: inline-block;
        padding: 4% 7%;
        color: #FFF;
        font-size: 26px;
        background-color: rgba(0,150,180,0.8);
      }
    #shop-info #shop-info-list-box ul li {
      float: left;
      width: 31.3%;
      margin-right: 3%;
      }
      #shop-info #shop-info-list-box ul li:nth-child(3n) {
        margin-right: 0;
      }
      #shop-info #shop-info-list-box .shop-info-img {
        width: 100%;
        height: 175px;
        overflow: hidden;
        }
        #shop-info #shop-info-list-box .shop-info-img img {
          width: 100%;
        }
      #shop-info #shop-info-list-box .shop-info-title {
        padding: 10px 5px;
        font-size: 16px;
        line-height: 1.8;
        color: #0096B4;
      }
    /*ACCESS BOX*/
    #shop-info #access-box .text-box {
      color: #0096B4;
      font-size: 14px;
      line-height: 1.8;
      }
      #shop-info #access-box .map-box {
        width: 100%;
        height: 300px;
        overflow: hidden;
        }
        #shop-info #access-box .map-box iframe {
          width: 100% !important;
          height: 100% !important;
        }
        #shop-info #access-box .link-box {
          text-align: right;
        }
  /*SNS BLOCK -------------------------*/
   #sns .inner {
     display: flex;
    }
     #sns .sns-box {
       width: 32%;
       margin-right: 2%;
       padding: 2em 1em 1em;
       text-align: center;
       border: solid 1px #0096B4;
      }
       #sns .sns-box h3 {
         margin-bottom: 30px;
         font-size: 24px;
         font-family: 'Gabriola', 'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
         color: #0096B4;
      }
       #sns .sns-box .sns-box-inner {
         position: relative;
         width: 100%;
         height: 400px;
         overflow: hidden;
         background-color: #E1F1F9;
        }
         #sns .sns-box .sns-box-inner iframe {
           width: 100% !important;
           height: 100% !important;
        }
         #sns .sns-box .sns-box-inner > a {
           position: absolute;
           width: 100% !important;
           height: 100% !important;
        }
    /*----- INSTAGRAM -----*/
    #sns #instagram-box .wrapper h3 {
      font-size: 20px;
    }
    #sns #instagram-box .sns-box-inner .img-circle {
      width: 20%;
    }
    #sns #instagram-box .sns-box-inner h3 {
      font-size: 1em;
    }
    #sns #instagram-box .sns-box-inner #sb_instagram .sb_instagram_header {
      width: 94%;
      margin-bottom: 5px;
    }
    #sns #instagram-box .sns-box-inner #sbi_images {
      height: 244px;
      overflow: hidden;
      border-top: solid 1px #FFF;
      }
      #sns #instagram-box .sns-box-inner #sb_instagram #sbi_images .sbi_item {
        padding: 0 !important;
      }
    /*----- LINE -----*/
    #sns #line-box {
      margin-right: 0;
      text-align: center;
      }
      #sns #line-box .sns-box-inner {
        padding: 2em;
        }
        #sns #line-box .sns-box-inner iframe {
          height: 20px !important;
          margin-bottom: 1em;
        }
      #sns #line-box #qr-code-img {
        max-width: 100%;
        margin: auto;
        margin-bottom: 0.5em;
        }
        #sns #line-box #qr-code-img img {
          width: 100%;
        }
      #sns #line-box .text-box {
        font-size: 0.9em;
        line-height: 1.4;
      }
/*----------------------------------------------------
  INTRODUCTION PAGE
----------------------------------------------------*/
  #main-visual-introduction {
    background-image: url(./../img/introduction/img_main.jpg);
  }
  #introduction #introduction-box {
    padding: 5%;
    }
    #introduction #introduction-box dl {
      display: table;
      width: 100%;
      padding: 2% 0;
      font-size: 16px;
      border-top: dashed 1px #0096B4;
      }
      #introduction #introduction-box dl dt {
        display: table-cell;
        width: 20%;
        padding: 0 3%;
        line-height: 1.6;
      }
      #introduction #introduction-box dl dd {
        display: table-cell;
        line-height: 1.6;
      }
    #introduction #introduction-box dl:last-child {
      border-bottom: dashed 1px #0096B4;
    }
/*----------------------------------------------------
  KODAWARI PAGE
----------------------------------------------------*/
  #main-visual-kodawari {
    background-image: url(./../img/kodawari/img_main.jpg);
  }
  #kodawari #point-list {
    width: 90%;
    margin: 0 auto 5%;
    }
    #kodawari #point-list li {
      padding: 15px 0;
      font-size: 20px;
      line-height: 2;
      color: #0096B4;
      border-bottom: dotted 1px #0096B4;
    }
  #kodawari dl {
    width: 85%;
    margin: 0 auto;
    padding-bottom: 5%;
    }
    #kodawari dl dt {
      margin-bottom: 10px;
      font-size: 16px;
      color: #172A88;
    }
    #kodawari dl dd {
      padding: 5px 0 20px;
      font-size: 16px;
      line-height: 2.2;
    }
    #kodawari dl dd.catch-title {
      display: inline-block;
      padding: 0 0 10px;
      color: #0096B4;
      font-size: 20px;
      border-top: solid 1px #0096B4;
    }
/*----------------------------------------------------
  COURSE PAGE
----------------------------------------------------*/
  #main-visual-course {
    background-image: url(./../img/course/img_main.jpg);
    }
    #main-visual-course h2 span {
      display: block;
      margin-top: 10px;
      padding-top: 10px;
      font-size: 18px;
      border-top: solid 1px rgba(255,255,255,0.8);
    }
  #menu-list-box {
    margin-bottom: 30px;
  }
    #menu-list-box h3 {
      margin-bottom: 40px;
      text-align: center;
      border: none;
      }
      #menu-list-box h3 span {
        padding-bottom: 10px;
        border-bottom: solid 1px #0097B5;
      }
    #menu-list-box #menu-list {}
      #menu-list-box #menu-list li {
        float: left;
        width: 50%;
        margin-bottom: 15px;
        padding-right: 2%;
        font-size: 18px;
        line-height: 1.4;
        color: #0096B4;
        cursor: pointer; 
        }
        #menu-list-box #menu-list li:nth-child(odd) {
          clear: both;
        }
        #menu-list-box #menu-list li:before {
          content: '';
          padding-left: 20px;
          background: url(./../img/common/arrow_link.png) left center no-repeat;
          background-size: 11px 13px;
        }
      #menu-list-box #menu-list li.select {
        color: #036EB8;
      }
  #course-list-box {}
    #course-list-box .course-box {
      margin-bottom: 30px;
      padding: 5% 3% 0;
      }
      #course-list-box .course-box h4 {
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 1.4;
        text-align: center;
      }
      #course-list-box .course-box dl {
        display: table;
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
        border-bottom: dashed 1px #0096B4;
        }
        #course-list-box .course-box dl.top-dl {
          border-top: dashed 1px #0096B4;
        }
        #course-list-box .course-box dl dt {
          display: table-cell;
          width: 22%;
          padding: 10px 0;
          font-size: 16px;
          line-height: 2.2;
        }
        #course-list-box .course-box dl dd {
          display: table-cell;
          padding: 10px 0;
          font-size: 16px;
          line-height: 2.2;
        }
        #course-list-box .course-box dl dd.price h5 {
          font-size: 1em;
        }
        #course-list-box .course-box dl dd.price p {
          line-height: 1.6;
        }
        #course-list-box .course-box dl dd.price .discount-price {
          padding-left: 1em;
          color: #F94B4B;
        }
        #course-list-box .course-box .tbl th,
        #course-list-box .course-box .tbl td {
          font-size: 16px;
        }
  
    #notes {
      margin-bottom: 5%;
      }
      #notes #notes-list-box {}
      #notes #notes-list-box li {
        margin-bottom: 15px;
        padding-left: 2em;
        text-indent: -2em;
        font-size: 16px;
        line-height: 1.6;
        }
        #notes #notes-list-box li:before {
          content: '●';
          padding-right: 1em;
        }
      /*LICENCE COURSE*/
      #licence-course #menu-list-box #menu-list li {
        width: auto;
      }
  #bnr-contact .headline-box {
    position: relative;
    height: 220px;
    background: url(./../img/common/back_bnr_contact.jpg) center center no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    text-align: center;
    }
    #bnr-contact .headline-box .headline-title-box {
      position: absolute; 
      top: 50%; right: 0; left: 0; 
      -webkit-transform: translateY(-50%); 
      -ms-transform: translateY(-50%); 
      transform: translateY(-50%); 
      margin: auto; 
      }
      #bnr-contact .headline-box .headline-title-box h2 {
        width: 20%;
        margin: 0 auto;
        color: #FFF;
        font-size: 21px;
      }
      #bnr-contact .headline-box .headline-title-box h2 a {
        display: block;
        padding: 7% 0;
        color: #FFF;
        background-image: url(./../img/common/arrow_white.png);
        background-size: 9px 10px;
        background-position: 96% center;
        background-repeat: no-repeat;
        background-color: rgba(243,152,0,0.8);
      }
/*----------------------------------------------------
  FEE PAGE
----------------------------------------------------*/
  #main-visual-fee {
    background-image: url(./../img/fee/img_main.jpg);
  }
  #fee #tab-menu-box {
    width: 100%;
    margin-bottom: 30px;
    }
    #fee #tab-menu-box ul {
      border-bottom: solid 4px #0096B4;
      }
      #fee #tab-menu-box ul li {
        float: left;
        width: 50%;
        font-size: 21px;
        color: #0096B4;
        background-color: #E1F1F9;
        border-bottom: solid 5px #FFF;
        }
        #fee #tab-menu-box ul li:nth-child(odd) {
          border-right: solid 5px #FFF;
        }
        #fee #tab-menu-box ul li:nth-child(even) {
          border-left: solid 5px #FFF;
        }
        #fee #tab-menu-box ul li.current {
          color: #FFF;
          padding: 30px 30px 25px;
          background-color: #0096B4;
          border-left: none;
          border: none;
          border-bottom: solid 5px #0096B4;
        }
        #fee #tab-menu-box ul li a {
          display: block;
          padding: 30px 30px 25px;
          color: #0096B4;
        }
  #fee-list-box {}
    #fee-list-box #fee-menu-tab-box {
      margin-bottom: 20px;
      text-align: center;
      }
      #fee-list-box #fee-menu-tab-box ul {
        display: inline-block;
        width: auto;
        margin: auto;
        }
        #fee-list-box #fee-menu-tab-box ul li {
          display: inline-block;
          margin-bottom: 10px;
          font-size: 1.2em;
          border: solid 1px #0096B4;
        }
        #fee-list-box #fee-menu-tab-box ul li a {
          display: block;
          padding: 0.5em 2em 0.5em 1em;
          color: #0096B4;
          background: url(./../img/common/arrow_anchor.png) 95% center no-repeat;
          background-size: 9px 5px;
        }
        #fee-list-box #fee-menu-tab-box ul li:hover a {
          color: #036EB8;
        }
  
    #fee-list-box .fee-box {
      padding: 5% 6%;
      margin-bottom: 6%;
      }
      #fee-list-box .fee-box h3 {
        margin-bottom: 30px;
        color: #0096B4;
        font-size: 21px;
        text-align: center;
        }
        #fee-list-box .fee-box h3:after {
          content: '';
          display: block;
          width: 60px;
          height: 1px;
          margin: auto;
          padding-top: 20px;
          border-bottom: solid 1px #0096B4;
        }
      #fee-list-box .fee-box dl {
        display: table;
        width: 100%;
        padding: 1% 0;
        border-bottom: dashed 1px #0096B4;
        }
        #fee-list-box .fee-box dl.first-dl {
          border-top: dashed 1px #0096B4;
        }
        #fee-list-box .fee-box dl dt {
          display: table-cell;
          width: 42%;
          padding: 0 1%;
          font-size: 16px;
          line-height: 1.8;
        }
        #fee-list-box .fee-box dl dd {
          display: table-cell;
          padding: 0 1%;
          font-size: 16px;
          line-height: 1.8;
        }
        #fee-list-box .fee-box dl .price {
          width: 20%;
          padding-right: 4%;
          text-align: right;
        }
        #fee-list-box #licence.fee-box dl dt {
          width: 53%;
        }
        #fee-list-box #rental.fee-box dl dt {
          width: 30%;
        }
        #fee-list-box .text-box {
          padding: 0 6%;
        }
    #fee-list-box .course-box {
      padding: 5% 6%;
      margin-bottom: 6%;
      }
      #fee-list-box .course-box h3 {
        margin-bottom: 30px;
        color: #0096B4;
        font-size: 21px;
        text-align: center;
        }
        #fee-list-box .course-box h3:after {
          content: '';
          display: block;
          width: 60px;
          height: 1px;
          margin: auto;
          padding-top: 20px;
          border-bottom: solid 1px #0096B4;
        }
      #fee-list-box .course-box .course-price-box {
        padding: 1em 0.5em;
        border-bottom: dashed 1px #0096B4;
        }
        #fee-list-box .course-box .course-price-box.first {
          border-top: dashed 1px #0096B4;
        }
        #fee-list-box .course-box .course-price-box h4 {
          display: table;
          width: 100%;
          margin-bottom: 1.2em;
          font-size: 1.3em;
          line-height: 1.4;
        }
        #fee-list-box .course-box .course-price-box h4 span {
          display: table-cell;
          width: 50%;
        }
        #fee-list-box .course-box .course-price-box .price-box {
          display: flex;
          }
          #fee-list-box .course-box .course-price-box .price-box > div {
              width: -webkit-calc(100% / 2);
              width: calc(100% / 2);
            }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price {
              width: auto;
            }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price th {
              vertical-align: top;
              font-size: 16px;
              }
              #fee-list-box .course-box .course-price-box .price-box .tbl-price .week {
                display: inline-block;
                white-space: nowrap;
                padding: 0.5em;
                text-align: center;
                background-color: #0096B4;
                color: #FFF;
              }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price td {
              padding: 0 1em;
              font-size: 16px;
              line-height: 1.8;
            }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price td:last-child {
              padding: 0 0.5em;
              text-align: right;
            }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price .price {
              padding-left: 1em;
              }
              #fee-list-box .course-box .course-price-box .price-box .tbl-price .price .red {
                color: #F00 !important;
              }
      #fee-list-box .course-box .course-price-box .text-option {
        padding: 2em 4em 0;
        text-align: right;
        line-height: 1.4;
      }
  /*LICENCE COURSE BOX*/
  #fee-list-box #licence.course-box .course-price-box h4 span:first-child {
    width: 70%;
  }
/*----------------------------------------------------
  SHOP PAGE
----------------------------------------------------*/
  #main-visual-shop {
    background-image: url(./../img/shop/img_main.jpg);
  }
  #shop .img-box > p {
    width: 49%;
    }
    #shop .img-box > p img {
      width: 100%;
    }
  #shop #shop-info-box {
    padding: 5%;
    }
    #shop #shop-info-box dl {
      display: table;
      width: 100%;
      padding: 2% 0;
      font-size: 16px;
      border-top: dashed 1px #0096B4;
      }
      #shop #shop-info-box dl dt {
        display: table-cell;
        width: 20%;
        padding: 0 3%;
        line-height: 1.6;
      }
      #shop #shop-info-box dl dd {
        display: table-cell;
        line-height: 1.6;
      }
    #shop #shop-info-box dl:last-child {
      border-bottom: dashed 1px #0096B4;
    }
  #shop #access h3 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 2;
    color: #0096B4;
    }
    #shop #access h3 span {
      padding-bottom: 10px;
      border-bottom: solid 1px #0096B4;
    }
  #shop #access .text-box {
    color: #0096B4;
    font-size: 14px;
    text-align: center;
    }
    #shop #access .map-box {
      width: 100%;
      height: 400px;
      overflow: hidden;
      }
      #shop #access .map-box iframe {
        width: 100% !important;
        height: 100% !important;
      }
/*----------------------------------------------------
  FAQ PAGE
----------------------------------------------------*/
  #main-visual-faq {
    background-image: url(./../img/faq/img_main.jpg);
  }
  #faq-list-box {
    padding: 0 0 50px;
    }
    #faq-list-box dl dt {
      margin-bottom: 5px;
      counter-increment: num;
      font-size: 18px;
      color: #0096B4;
      cursor: pointer;
      background: url(./../img/common/arrow_anchor.png) 98% center no-repeat;
      background-size: 15px 8px;
      border-bottom: solid 4px #0096B4;
    }
    #faq-list-box dl dt:before {
      display: inline-block;
      padding: 20px;
      margin-right: 15px;
      content: counter(num);
      color: #FFF;
      background-color: #0096B4;
    }
    #faq-list-box dl dd {
      margin-bottom: 10px;
      padding: 5px 0 20px;
      background-color: #E1F1F9;
      }
      #faq-list-box dl dd div {
        padding: 30px;
        font-size: 16px;
        line-height: 1.6;
      }
/*----------------------------------------------------
  TOPICS PAGE
----------------------------------------------------*/
  #topics #topics-box {}
  #topics #topics-box ul li {
    position: relative;
    padding: 20px 10px;
  }
  #topics #topics-box li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
  }
  #topics #topics-box li:hover {
    background-color: rgba(225,241,249,0.6);
  }
  #topics #topics-box .topics-img {
    float: left;
    overflow: hidden;
    width: 200px;
    margin: 0 30px 0 0;
  }
  #topics #topics-box .topics-img img,
  #topics #topics-box .topics-img video{
    width: 100%;
    height: 150px;
    object-fit: cover;
  }
  #topics #topics-box dl {}
  #topics #topics-box dl dt {
    margin: 10px 0;
    color: #036EB8;
  }
  #topics #topics-box dl dt .topics-date {
    display: inline-block;
    margin-right: 5px;
  }
  #topics #topics-box dl dd {
    line-height: 1.6;
    padding: 0 5px;
  }
  #topics #topics-box dl dd.topics-title {
      font-size: 21px;
      margin-bottom: 10px;
  }
  #topics #topics-box .link-box {
    padding: 30px;
  }
  /*記事詳細ページ*/
  #topics #topics-title-box {
    margin-bottom: 30px;
  }
  #topics #topics-title-box #topics-title {
    line-height: 1.6;
    margin-bottom: 10px;
  }
  #topics #topics-title-box #topics-title #topics-date {
    font-size: 16px;
    line-height: 1.4;
    color: #036EB8;
  }
  #topics #topics-title-box #topics-title h3 {
    font-size: 22px;
    font-weight: bold;
    width: auto;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 0;
    text-align: left;
    border-bottom: dotted 1px #dcdcdc;
    background-color: transparent;
  }
  #topics .text-box {
    line-height: 2;
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: left;
  }
  #topics .text-box img {
    max-width: 100%;
    height: auto;
    border: none;
  }
  .gallery.gallery-columns-2 img {
    padding-right: 1em;
  }
  #topics .link-box {
    text-align: right;
  }
  .aligncenter {
    display: block;
    margin: 0 auto;
  }
  .alignleft {
    float: left;
  }
  .alignright {
    float: right;
  }
/*----------------------------------------------------
  CONTACT PAGE
----------------------------------------------------*/
  #contact .text-box {
    text-align: center;
    }
    #contact .text-box p {
      display: inline-block;
      text-align: left;
    }
    #contact .text-box .line-it-button {
      display: block;
    }
  /*----- MAIL FORM -----*/
  #contact-form-box {
    width: 80%;
    margin: 0 auto;
    padding: 5%;
    text-align: center;
    background-color: #E1F1F9;
    }
    #contact-form-box .text-box {
      display: inline-block;
    }
      #contact-form-box form#mailformpro dl {
        display: table;
        width: 100%;
        padding: 5px 0;
        }
        #contact-form-box form#mailformpro dl dt {
          float: none;
          width: 40%;
          display: table-cell;
          text-align: left;
          vertical-align: middle;
          font-size: 18px;
          line-height: 1.6;
          color: #595757;
          border: none;
        }
        #contact-form-box form#mailformpro dl dt span.required {
          padding-left: 5px;
          font-weight: bold;
          color: #E83828;
        }
        #contact-form-box form#mailformpro dl dd {
          border: none;
          display: table-cell;
          padding: 10px 0;
          text-align: left;
          line-height: 1.6;
        }
      
      #contact-form-box input[type='image'],
      #contact-form-box button {
        border: none;
        background: none;
        text-shadow: none;
      }
      
      #contact-form-box input[type='text'],
      #contact-form-box input[type='password'],
      #contact-form-box input[type='tel'],
      #contact-form-box input[type='email'],
      #contact-form-box select,
      #contact-form-box textarea {
        width: 100% !important;
        padding: 5px 5px;
        border: 1px solid #CCC;
        background: #FFF;
      }
      
      #contact-form-box input[type='checkbox'],
      #contact-form-box input[type='radio'] {
        margin-right: 3px;
        vertical-align: text-top;
      }
      #contact-form-box input[type='text'].num {
        width: 30% !important;
      }
      #contact-form-box select.date {
        width: auto;
      }
}
      /*ボタン*/
      #contact-form-box .btn-box {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0;
        text-align: center;
        }
        /*リセットボタン*/
        #contact-form-box #btn-reset,
        #contact-form-box #submitback input[type='submit'] {
          width: 200px;
          margin-right: 10px;
          padding: 10px 0;
          text-align: center;
          color: #FFF;
          font-size: 18px;
          line-height: 1.4;
          border: solid 1px #CCC;
          background-color: #CCC;
          cursor: pointer;
        }
        #contact-form-box #btn-reset:hover,
        #contact-form-box #submitback input[type='submit']:hover {
          color: #CCC;
          background-color: #FFF;
        }
        #contact-form-box .mw_wp_form_confirm #btn-reset {
          display: none;
        }
        /*送信・確認ボタン*/
        #contact-form-box input[type='submit'],
        #contact-form-box button[type='submit'],
        #contact-form-box #submitConfirm input[type='submit'] {
          width: 200px;
          margin-right: 0;
          padding: 10px 0;
          font-size: 18px;
          color: #FFF;
          line-height: 1.4;
          background-color: #0096B4;
          border: solid 1px #0096B4;
          cursor: pointer;
          text-shadow: none;
        }
        #contact-form-box #submitforword input[type='submit']:hover,
        #contact-form-box #submitConfirm input[type='submit']:hover {
          color: #0096B4;
          background-color: #FFF;
        }
  /*確認画面*/
  #mfp_overlay_inner h4{
    padding: 10px;
  }
/*----------------------------------------------------
  404 PAGE
----------------------------------------------------*/
  #non-page-block {
    line-height: 2.2;
    padding: 40px 0;
    text-align: center;
    }
    #non-page-block h3 {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 30px;
    }
    #non-page-block p {
      color: #000;
    }
    #non-page-block .link {
      padding: 55px 0 100px;
    }
    #non-page-block .link a {
      text-decoration: underline;
    }
}
/*PCとタブレット間のサイズ微調整*/
@media screen and (max-width:1000px) and (min-width:641px) {
  .section .inner {
    max-width: 98%;
  }
}
@media screen and (max-width:900px) and (min-width:641px) {
  #top-emoney .half-box {
    float: none;
    width: auto;
    padding-bottom: 1%;
    text-align: center;
  }
  #top-emoney .half-box img {
    width: 70%;
    margin: 0 auto;
  }
  #top-introduction .half-box {
    width: auto;
  }
  #top-introduction .half-box.right {
    float: none;
  }
}
@media screen and (max-width:850px) and (min-width:641px) {
  #top-menu-course .frm-box {
    background: none;
    background-color: #E1F1F9;
  }
  #top-menu-course #menu-course-list {
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
/*----------------------------------------------------
  共通
----------------------------------------------------*/
  /*コンテンツブロック
  ---------------------------------------------*/
  #contents {
    padding: 5% 0;
  }
  /*PAGE MAIN VISUAL --------------*/
  .main-visual {
    position: relative;
    width: 100%;
    height: 0;
    margin-top: 16%;
    padding-top: 35%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(./../img/common/img_main.jpg);
    }
    /*ページタイトル*/
    #page-title-box {
      position: absolute;
      top: 50%; right: 0; left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: auto;
      width: 100%;
      text-align: center;
      }
      #page-title-box h2 {
        display: inline-block;
        width: auto;
        margin: 0 auto;
        padding: 5%;
        text-align: center;
        font-size: 100%;
        line-height: 1.4;
        color: #FFF;
        background-color: rgba(0,150,180,0.8);
      }
  /*----- SECTION -----*/
  .section {
    width: 100%;
    margin: 0 auto;
    }
    .section .inner {
      width: 92%;
      margin: 0 auto;
      padding: 0 0 10%;
    }
  /*----- タイトル -----*/
  .section h3.title {
    position: relative;
    margin: 0 auto 5%;
    padding: 0 0 2%;
    font-size: 120%;
    line-height: 1.4;
    color: #0096B4;
    border-bottom: solid 1px #0096B4;
    }
    .section h3.title .link-box {
      position: absolute;
      width: auto;
      top: 50%; right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: auto;
      padding: 0;
      font-size: 70%;
      color: #EF8EB8;
      white-space: nowrap;
    }
  .section h4.title {
    margin: 0 auto 5%;
    font-size: 110%;
    color: #0096B4;
    }
  /*----- IMG BOX -----*/
  .img-box {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5%;
    text-align: center;
  }
  .img-box.left {
    float: none;
  }
    .img-box.right span {
      display: block;
      margin-bottom: 3%;
    }
    .img-box .caption {
      display: block;
      padding: 3% 3% 5%;
      text-align: center;
      font-size: 100%;
      line-height: 1.6;
    }
  /*----- IMG LIST -----*/
  ul.img-list {
    width: 96%;
    margin: auto;
    }
    ul.img-list li {
      width: 100%;
      margin: 0 0 5% 0;
    }
    ul.img-list .caption {
      display: block;
      padding: 2% 2% 8%;
      font-size: 100%;
      line-height: 1.6;
    }
  /*----- TEXT BOX -----*/
  .section .text-box {
    width: 96%;
    margin: 0 auto 5%;
    text-align: left;
    font-size: 100%;
    line-height: 1.8
    }
  .section .text-box.left,
  .section .text-box.right {
    float: none;
    }
    .section .text-box p {
      margin-bottom: 2%;
    }
  /*----- BUTTON BOX -----*/
  .btn-box {
    padding: 5% 0 0;
    width: 100%;
    text-align: center;
    z-index: 99;
    }
    .btn-box .btn {
      max-width: 60%;
      margin: 0 auto;
      text-align: center;
      }
      .btn-box .btn a {
        display: block;
        padding: 2% 10%;
        font-size: 100%;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        background-color: #0096B4;
      }
  /*----- LINK BOX -----*/
  .link-box {
    width: 100%;
    padding: 5% 2%;
    }
    .link-box .link {
      width: auto;
      margin: 0 auto;
      }
      .link-box .link a {
        display: block;
        font-size: 90%;
        color: #0096B4;
        text-decoration: none;
      }
      .link-box .link a:after {
        content: '＞';
        padding-left: 5%;
      }
  /*(NEXT PAGE LINK BOX)*/
  .next-page-link-box {
    width: 100%;
    padding: 5% 2%;
    text-align: right;
    }
    .next-page-link-box .link {
      width: auto;
      margin: 0 auto;
      }
      .next-page-link-box .link a {
        display: block;
        font-size: 90%;
        color: #0096B4;
        text-decoration: none;
      }
      .next-page-link-box .link a:before {
        content: '';
        padding-left: 5%;
        background: url(./../img/common/arrow_link.png) left center no-repeat;
        background-size: 45%;
      }
  /*----- FRAME BOX -----*/
  .frm-box {
    margin: 0 auto;
    padding: 5% 5%;
    border: solid 1px #0096B4;
    background-color: #E1F1F9;
    }
  .bg-white-box {
    background-color: #FFF;
  }
  /*----- HALF BOX -----*/
  .half-box {
    margin-bottom: 5%;
  }
  .half-box.left,
  .half-box.right {
    float: none;
  }
  /*----- TABLE -----*/
  table.tbl {
    width: 100%;
    margin: auto;
    }
    table.tbl tr {
      border-top: solid 1px #CCC;
    }
    table.tbl tr:last-child {
      border-bottom: solid 1px #CCC;
    }
    table.tbl th {
      width: 20%;
      padding: 1% 2%;
      text-align: left;
      vertical-align: top;
      font-size: 90%;
      line-height: 1.6;
      background-color: #EFEFEF;
    }
    table.tbl td {
      padding: 1% 2%;
      text-align: left;
      vertical-align: top;
      font-size: 90%;
      line-height: 1.6;
    }
  /*----- TEXT LIST -----*/
  .text-list {
    padding: 2% 0;
    }
    .text-list li {
      padding-left: 1.3em;
      text-indent: -1.3em;
    }
  /*----- SLIDER  -----*/
  .slider .bx-wrapper {
    margin: 0 auto !important;
    padding: 0;
    *zoom: 1;
    }
    .slider .bx-wrapper img {
      display: inline !important;
    }
    .slider .bx-wrapper .bx-viewport {
      border: none;
      box-shadow: none;
      background: none;
    }
  /*----- MENU LIST BOX -----*/
  .menu-list-box {
    margin: 0 auto 5%;
    padding: 5% 5% 1%;
    background-color: #E6F4FD;
    }
    .menu-list-box li {
      display: inline-block;
      margin: 0 5% 5% 0;
      font-size: 100%;
      }
      .menu-list-box li:last-child {
        margin-right: 0;
      }
      .menu-list-box li a:before {
        content: '';
        padding-left: 20px;
        background: url(./../img/common/arrow_down.png) left center no-repeat;
        background-size: 11px 6px;
      }
  /*----- PAGER -----*/
  .pager {
    clear: both;
    padding: 30px 0;
    text-align: center;
    }
    .pager .page-numbers {
      padding: 3px 7px;
      font-size: 18px;
      color: #036EB8;
      border: solid 1px #036EB8;
    }
    .pager .page-numbers.current {
      color: #FFF;
      background-color: #036EB8;
      text-decoration: none;
    }

/* covid19Info COVID19 INFO -------------------------*/
.covid19Info{
  font-size:unset;
}

/* blog -------------------------*/
table td.habaA{
  width:25%;

}

/*----------------------------------------------------
  TOP PAGE
----------------------------------------------------*/
  /*MAIN VISUAL BLOCK -------------------------*/
  #top-main-visual {
    position: relative;
    width: 100%;
    margin-top: 16%;
    overflow: hidden;
    }
    #top-main-visual .inner {
      position: relative;
    }
  /*YOUTUBE ICON*/
  #top-main-visual .icon__youtube{
    max-width: 20%;
  }
  
      /*bxslider装飾*/
    #top-main-visual .bx-wrapper {
      margin: 0 auto !important;
      padding: 0;
      *zoom: 1;
      }
      #top-main-visual .bx-wrapper img {
        display: inline !important;
      }
      #top-main-visual .bx-wrapper .bx-viewport {
        overflow: visible !important;
        left: 0;
        border: none;
        box-shadow: none;
        background: none;
      }
      #top-main-visual .inner #top-catch-box {
        position: absolute;
        left: 0; right: 0; top: 40%;
        margin: auto;
        width: 96%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        }
        #top-main-visual .inner #top-catch-box #top-catch-text {
          color: #FFF;
          font-size: 120%;
          font-weight: bold;
          text-align: center;
          line-height: 2;
        }
  /*PICK UP BLOCK -------------------------*/
  #top-main-visual #pickup-news-block {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
    background: rgba(0,150,180,0.7);
    }
    #pickup-news-block #pickup-news-box {
      position: relative;
      max-width: 92%;
      margin: 0 auto;
      padding: 5% 0;
    }
    #pickup-news-block #pickup-news-box #pickup-icon {
      display: inline-block;
      padding: 1% 5%;
      font-size: 100%;
      font-weight: bold;
      color: #0096B4;
      background-color: #EEE800;
      white-space: nowrap;
    }
    #pickup-news-block #pickup-news-box #pickup-news-date {
      display: inline-block;
      padding: 0 0 0 10px;
      text-align: center;
      color: #FFF;
    }
    #pickup-news-block #pickup-news-box #pickup-news-title {
      display: block;
      padding: 3% 0 0;
      font-size: 90%;
      color: #FFF;
      }
      #pickup-news-block #pickup-news-box #pickup-news-title a {
        color: #FFF;
        line-height: 1.5;
        text-decoration: underline;
      }
      #pickup-news-block #pickup-news-box #pickup-link {
        display: none;
        position: absolute ;
        top: 50%; right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: auto;
        font-size: 100%;
        }
        #pickup-news-block #pickup-news-box #pickup-link a {
          color: #FFF;
        }
        #pickup-news-block #pickup-news-box #pickup-link a:after {
          content: '＞';
          padding-left: 5px;
        }
  /*TOP EMONEY -------------------------*/
  #top-emoney {
    }
    #top-emoney h3.title {
      color: #231815;
      border-bottom-color: #231815;
    }
    #top-emoney .half-box p {
      padding: 0 2% 2%;
    }
  #bnr-youtube .bnr-container .bnr{
    width:100%;
  }
  /*TOP INTRODUCTION -------------------------*/
  #top-introduction {
    }
    #top-introduction h3.title {
      color: #231815;
      border-bottom-color: #231815;
    }
    #top-introduction .text-box p {
      margin-bottom: 0;
      }
    #top-introduction .btn-box .btn {
      max-width: 100%;
    }
  /*LINE FRIEND -------------------------*/
  #line-friend {
    display: none;
    }
   /*TOP MENU COURSE -------------------------*/
   #top-menu-course {}
      #top-menu-course #menu-course-list {
        display: table;
        width: 100%;
        }
        #top-menu-course #menu-course-list li {
          display: table-row;
          color: #0096B4;
          }
          #top-menu-course #menu-course-list p {
            display: table-cell;
            padding: 3% 0;
            text-align: right;
            vertical-align: middle;
            line-height: 1.4;
          }
          #top-menu-course #menu-course-list .course-name {
            text-align: left;
            font-size: 0.9em;
          }
          #top-menu-course #menu-course-list .course-name:before {
            content: '>';
            font-weight: bold;
            padding-right: 3px;
          }
          #top-menu-course #menu-course-list .num {
            display: block;
            padding-left: 1em;
            font-size: 80%;
            }
          #top-menu-course #menu-course-list .link-detail {
            padding: 5px 7px;
            background-color: #0096B4;
            }
            #top-menu-course #menu-course-list .link-detail a {
              color: #FFF;
              font-size: 70%;
            }
            #top-menu-course #menu-course-list .link-detail a:after {
              content: '＞';
              padding-left: 10px;
            }
    /*PADI*/
    #padi-link-box {
      padding: 0 0 2em;
      }
      #padi-link-box .padi-text {
        margin-bottom: 0.5em;
        font-size: 1.1em;
      }
      #padi-link-box .btn-box {
        padding-top: 0;
        }
        #padi-link-box .btn {
          max-width: 80%;
          margin-bottom: 0.5em;
          }
          #padi-link-box .btn a {
            padding: 0.5em;
            font-size:  1.1em;
          }
          #padi-link-box .btn a > span {
            display: block;
          }
          #padi-link-box .btn a > span.line {
            position: relative;
            padding-bottom: 0.3em;
            margin-bottom: 0.3em;
          }
          #padi-link-box .btn a > span.line::after {
            content:'';
            border-bottom: solid 1px #FFF;
            height: 1px;
            position: absolute;
            bottom:0;left:15%;
            width:70%;
          }
   /*TOP TOPICS -------------------------*/
  #top-topics .frm-box {
    padding: 5% 8%;
    }
    #top-topics #topics-list-box {
      width: 94%;
      margin: 0 auto;
      }
      #top-topics #topics-list-box ul {
        }
        #top-topics #topics-list-box ul li {
          position: relative;
          }
          #top-topics #topics-list-box .topics-img {
            width: 100%;
            overflow: hidden;
            text-align: center;
            }
            #top-topics #topics-list-box .topics-img img,
            #top-topics #topics-list-box .topics-img video{
              width: 100%;
              height: 175px;
              object-fit: cover;
            }
          #top-topics #topics-list-box .topics-title {
            padding: 3% 2%;
            font-size: 100%;
            line-height: 1.8;
          }
          #top-topics #topics-list-box ul li a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-indent: -999px;
           }
        /*bxslider装飾*/
        #top-topics #topics-list-box .bx-wrapper {
          margin: 0 auto !important;
        }
        #top-topics .bx-wrapper {
          margin: 0 auto !important;
          padding: 0;
          *zoom: 1;
          }
          #top-topics .bx-wrapper .bx-viewport {
            border: none;
            box-shadow: none;
            background: none;
          }
        #top-topics .bx-controls-direction a {
          width: 14px;
          height: 25px;
          top: 40%;
          z-index: 9998;
        }
        #top-topics .bx-controls-direction a.bx-prev {
          left: -9%;
          background: url(./../img/common/btn_prev.png) left center no-repeat;
          background-size: 80%;
        }
        #top-topics .bx-controls-direction a.bx-next {
          right: -9%;
          background: url(./../img/common/btn_next.png) left center no-repeat;
          background-size: 80%;
        }
  /*SHOP INFORMATION -------------------------*/
  #shop-info .headline-box {
    position: relative;
    height: 0;
    background: url(./../img/top/sp_back_headline_shop.jpg) center center no-repeat;
    background-size: cover;
    background-position: left top;
    margin-bottom: 10%;
    padding: 30% 0;
    text-align: center;
    }
    #shop-info .headline-box .headline-title-box {
      position: absolute; 
      top: 50%; right: 0; left: 0; 
      -webkit-transform: translateY(-50%); 
      -ms-transform: translateY(-50%); 
      transform: translateY(-50%); 
      margin: auto; 
      }
      #shop-info .headline-box .headline-title-box h2 {
        display: inline-block;
        padding: 5% 7%;
        color: #FFF;
        font-size: 130%;
        background-color: rgba(0,150,180,0.8);
      }
  #shop-info .frm-box {
    padding: 5% 8%;
    }
     #shop-info #shop-info-list-box {
      width: 94%;
      margin: 0 auto;
      }
     #shop-info #shop-info-list-box .shop-info-img {
        width: 100%;
        overflow: hidden;
        text-align: center;
        }
        #shop-info #shop-info-list-box .shop-info-img img {
          width: 100%;
        }
      #shop-info #shop-info-list-box .shop-info-title {
        padding: 3% 2%;
        font-size: 100%;
        line-height: 1.8;
        color: #0096B4;
      }
      #shop-info #shop-info-list-box .bx-controls-direction a {
        width: 14px;
        height: 25px;
        top: 40%;
        z-index: 9998;
     }
      #shop-info #shop-info-list-box .bx-controls-direction a.bx-prev {
        left: -9%;
        background: url(./../img/common/btn_prev_gray.png) left center no-repeat;
        background-size: 80%;
     }
      #shop-info #shop-info-list-box .bx-controls-direction a.bx-next {
        right: -9%;
        background: url(./../img/common/btn_next_gray.png) left center no-repeat;
        background-size: 80%;
      }
      #shop-info .btn-box .btn {
        max-width: 100%;
      }
    /*ACCESS BOX*/
    #shop-info #access-box {
      padding: 5%;
      }
      #shop-info #access-box .text-box {
        margin-bottom: 5%;
        color: #0096B4;
        }
        #shop-info #access-box .map-box {
          width: 100%;
          height: 250px;
          overflow: hidden;
          }
          #shop-info #access-box .map-box iframe {
            width: 100% !important;
            height: 100% !important;
          }
        #shop-info #access-box .map-box .link-box {
          text-align: center;
        }
  /*SNS BLOCK -------------------------*/
   #sns {}
     #sns .sns-box {
       margin-bottom: 5%;
       padding: 1em;
       text-align: center;
       border: solid 1px #0096B4;
      }
       #sns .sns-box .sns-box-inner {
         position: relative;
         width: 100%;
         overflow: hidden;
         xbackground-color: #E1F1F9;
        }
       #sns .sns-box h3 {
         margin-bottom: 5%;
         padding: 3% 0;
         font-size: 130%;
         font-family: 'Gabriola', 'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
         font-weight: bold;
         color: #0096B4;
      }
       #sns #facebook-box.sns-box .sns-box-inner {
         height: 370px;
        }
         #sns #facebook-box.sns-box .sns-box-inner iframe {
           width: 100% !important;
           height: 100% !important;
        }
    /*----- INSTAGRAM -----*/
    #sns #instagram-box .sns-box-inner iframe{
      width:100%!important;
      height:100%!important;
    }
    #sns #instagram-box .sns-box-inner #sb_instagram .sb_instagram_header {
      margin-bottom: 3%;
    }
    #sns #instagram-box .sns-box-inner #sbi_images {
      height: 100px;
      overflow: hidden;
      }
      #sns #instagram-box .sns-box-inner #sb_instagram #sbi_images .sbi_item {
        width: 33.3%;
        padding: 0 !important;
      }
      #sns #instagram-box .sns-box-inner #sb_instagram .sbi_photo {
        background-size: 100% !important;
        background-position: left top !important;
      }
     #sns .sns-box .sns-box-inner > a {
       position: absolute;
       width: 100% !important;
       height: 100% !important;
    }
    /*----- LINE -----*/
    #sns #line-box {}
      #sns #line-box .sns-box-inner iframe {
        height: 20px !important;
        margin-bottom: 1em;
      }
      #sns #line-box .sns-box-inner {
        padding: 1em;
      }
      #sns #line-box #qr-code-img {
        max-width: 50%;
        margin: auto;
        }
        #sns #line-box #qr-code-img img {
          width: 100%;
        }
      #sns #line-box .text-box {
        text-align: center;
        line-height: 1.4;
      }
  
/*----------------------------------------------------
  INTRODUCTION PAGE
----------------------------------------------------*/
  #main-visual-introduction {
    background-image: url(./../img/introduction/img_main.jpg);
  }
  #introduction #introduction-box {
    padding: 5% 3%;
    }
    #introduction #introduction-box dl {
      padding: 3% 2%;
      border-top: dashed 1px #0096B4;
      }
      #introduction #introduction-box dl dt {
        margin-bottom: 3%;
        font-size: 110%;
        font-weight: bold;
        line-height: 1.4;
      }
      #introduction #introduction-box dl dd {
        padding: 0 3%;
        line-height: 1.4;
      }
    #introduction #introduction-box dl:last-child {
      border-bottom: dashed 1px #0096B4;
    }
/*----------------------------------------------------
  KODAWARI PAGE
----------------------------------------------------*/
  #main-visual-kodawari {
    background-image: url(./../img/kodawari/img_main.jpg);
  }
  #kodawari #point-list {
    width: 96%;
    margin: 0 auto 5%;
    }
    #kodawari #point-list li {
      padding: 5% 0;
      line-height: 1.6;
      color: #0096B4;
      border-bottom: dotted 1px #0096B4;
    }
  #kodawari dl {
    width: 96%;
    margin: 0 auto;
    padding-bottom: 10%;
    }
    #kodawari dl dt {
      margin-bottom: 2%;
      font-size: 90%;
      color: #172A88;
    }
    #kodawari dl dd {
      padding: 0 0 5%;
      line-height: 1.6;
    }
    #kodawari dl dd.catch-title {
      display: inline-block;
      padding-top: 3%;
      font-size: 120%;
      line-height: 1.4;
      color: #0096B4;
      border-top: solid 1px #0096B4;
    }
/*----------------------------------------------------
  COURSE PAGE
----------------------------------------------------*/
   #course .inner {
    padding-bottom: 0;
  }
 #main-visual-course {
    background-image: url(./../img/course/img_main.jpg);
    }
    #main-visual-course h2 span {
      display: block;
      margin-top: 3%;
      padding-top: 3%;
      font-size: 80%;
      border-top: solid 1px rgba(255,255,255,0.8);
    }
  #menu-list-box {
    margin-bottom: 10%;
  }
    #menu-list-box h3 {
      margin-bottom: 7%;
      text-align: center;
      border: none;
      }
      #menu-list-box h3 span {
        padding-bottom: 3%;
        border-bottom: solid 1px #0097B5;
      }
    #menu-list-box #menu-list {}
      #menu-list-box #menu-list li {
        margin-bottom: 3%;
        padding-left: 1.2em;
        text-indent: -1.2em;
        line-height: 1.4;
        color: #0096B4;
        }
        #menu-list-box #menu-list li:before {
          content: '';
          padding-left: 20px;
          background: url(./../img/common/arrow_link.png) left center no-repeat;
          background-size: 11px 13px;
        }
      #menu-list-box #menu-list li.select {
        color: #036EB8;
      }
    #course-list-box .course-box {
      margin-bottom: 5%;
      padding: 5% 3%;
      }
      #course-list-box .course-box h4 {
        margin-bottom: 8%;
        font-size: 120%;
        font-weight: bold;
        line-height: 1.4;
        text-align: center;
      }
      #course-list-box .course-box dl {
        width: 100%;
        margin: 0 auto;
        padding: 5% 0;
        border-collapse: collapse;
        border-bottom: dashed 1px #0096B4;
        }
        #course-list-box .course-box dl.top-dl {
          border-top: dashed 1px #0096B4;
        }
        #course-list-box .course-box dl dt {
          margin-bottom: 5%;
          font-size: 1.2em;
          font-weight: bold;
        }
        #course-list-box .course-box dl dd {
          padding: 0 2% 3%;
          line-height: 1.6;
        }
        #course-list-box .course-box dl dd.price .mgb30 {
          margin-bottom: 2em;
        }
        #course-list-box .course-box dl dd.price h5 {
          margin-bottom: 0.3em;
          font-size: 1em;
          font-weight: bold;
        }
        #course-list-box .course-box dl dd.price p {
          margin-bottom: 0.5em;
          line-height: 1.6;
        }
        #course-list-box .course-box dl dd.price .discount-price {
          padding-left: 1em;
          color: #F94B4B;
        }
        #course-list-box .course-box .tbl th {
          font-size: 80%;
        }
    #notes {}
      #notes #notes-list-box {}
      #notes #notes-list-box li {
        margin-bottom: 5%;
        padding-left: 2em;
        text-indent: -2em;
        font-size: 100%;
        line-height: 1.8;
        }
        #notes #notes-list-box li:before {
          content: '●';
          padding-right: 1em;
        }
  #bnr-contact .headline-box {
    position: relative;
    height: 0;
    background: url(./../img/common/sp_back_bnr_contact.jpg) left top no-repeat;
    background-size: cover;
    margin-bottom: 10%;
    padding: 30% 0;
    text-align: center;
    }
    #bnr-contact .headline-box .headline-title-box {
      position: absolute; 
      top: 50%; right: 0; left: 0; 
      -webkit-transform: translateY(-50%); 
      -ms-transform: translateY(-50%); 
      transform: translateY(-50%); 
      margin: auto; 
      }
      #bnr-contact .headline-box .headline-title-box h2 {
        width: 80%;
        margin: 0 auto;
        color: #FFF;
        font-size: 130%;
      }
      #bnr-contact .headline-box .headline-title-box h2 a {
        display: block;
        padding: 10% 20%;
        color: #FFF;
        background-image: url(./../img/common/arrow_white.png);
        background-size: 9px 10px;
        background-position: 96% center;
        background-repeat: no-repeat;
        background-color: rgba(243,152,0,0.8);
      }
/*----------------------------------------------------
  FEE PAGE
----------------------------------------------------*/
  #main-visual-fee {
    background-image: url(./../img/fee/img_main.jpg);
  }
  #fee #tab-menu-box {
    width: 100%;
    margin-bottom: 8%;
    }
    #fee #tab-menu-box ul {
      border-bottom: solid 4px #0096B4;
      }
      #fee #tab-menu-box ul li {
        float: left;
        width: 50%;
        text-align: center;
        font-size: 100%;
        color: #0096B4;
        background-color: #E1F1F9;
        border-bottom: solid 5px #FFF;
        }
        #fee #tab-menu-box ul li:nth-child(odd) {
          border-right: solid 5px #FFF;
        }
        #fee #tab-menu-box ul li:nth-child(even) {
          border-left: solid 5px #FFF;
        }
        #fee #tab-menu-box ul li.current {
          padding: 4% 0 1%;
          color: #FFF;
          background-color: #0096B4;
          border: none;
          border-bottom: solid 5px #0096B4;
        }
        #fee #tab-menu-box ul li a {
          display: block;
          padding: 6% 0 4%;
          color: #0096B4;
        }
  #fee-list-box {
    width: 100%;
    margin: 0 auto;
    }
    #fee-list-box #fee-menu-tab-box {
      margin-bottom: 5%;
      padding: 0 2% 5%;
      text-align: center;
      }
      #fee-list-box #fee-menu-tab-box ul {
        width: 100%;
        margin: auto;
        }
        #fee-list-box #fee-menu-tab-box ul li {
          display: inline-block;
          width: 48%;
          margin-bottom: 3%;
          font-size: 90%;
          border: solid 1px #0096B4;
        }
        #fee-list-box #fee-menu-tab-box ul li a {
          display: block;
          padding: 8%;
          color: #0096B4;
          background: url(./../img/common/arrow_anchor.png) 95% center no-repeat;
          background-size: 5%;
        }
    #fee-list-box .fee-box {
      margin-bottom: 10%;
      padding: 8% 5%;
      }
      #fee-list-box .fee-box h3 {
        margin-bottom: 8%;
        color: #0096B4;
        font-size: 110%;
        text-align: center;
        }
        #fee-list-box .fee-box h3:after {
          content: '';
          display: block;
          width: 60px;
          height: 1px;
          margin: auto;
          padding-top: 5%;
          border-bottom: solid 1px #0096B4;
        }
      #fee-list-box .fee-box dl {
        width: 100%;
        padding: 3% 0;
        border-bottom: dashed 1px #0096B4;
        }
        #fee-list-box .fee-box dl.first-dl {
          border-top: dashed 1px #0096B4;
        }
        #fee-list-box .fee-box dl dt {
          display: block;
          padding: 0 0 1%;
          font-size: 110%;
          font-weight: bold;
          line-height: 1.6;
        }
        #fee-list-box .fee-box dl dd {
          padding: 0 0 3%;
          line-height: 1.6;
          text-align: right;
        }
    #fee-list-box .course-box {
      padding: 1.5em 0.5em;
      margin-bottom: 2em;
      }
      #fee-list-box .course-box h3 {
        margin-bottom: 1em;
        color: #0096B4;
        font-size: 1.2em;
        text-align: center;
        }
      #fee-list-box .course-box .course-price-box {
        padding: 0.8em 0;
        border-bottom: dashed 1px #0096B4;
        }
        #fee-list-box .course-box .course-price-box.first {
          border-top: dashed 1px #0096B4;
        }
        #fee-list-box .course-box .course-price-box h4 {
          margin-bottom: 1em;
          font-size: 1em;
          font-weight: bold;
          line-height: 1.4;
        }
        #fee-list-box .course-box .course-price-box h4 .normal-rates {
          display: block;
          padding-top: 0.2em;
          text-align: right;
          font-weight: normal;
        }
        #fee-list-box .course-box .course-price-box .price-box {
          }
          #fee-list-box .course-box .course-price-box .price-box > div {
            margin-bottom: 1em;
            }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price {
              width: 100%;
            }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price th {
              width: 4em;
              padding-top: 0.3em;
              vertical-align: top;
              font-size: 0.9em;
              }
              #fee-list-box .course-box .course-price-box .price-box .tbl-price .week {
                display: inline-block;
                white-space: nowrap;
                padding: 0.5em;
                text-align: center;
                line-height: 1.2;
                background-color: #0096B4;
                color: #FFF;
              }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price td {
              padding: 0 0 0 0.5em;
              font-size: 0.9em;
              line-height: 1.6;
            }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price .price {
              text-align: right;
            }
            #fee-list-box .course-box .course-price-box .price-box .tbl-price .price .red {
              color: #F00 !important;
            }
      #fee-list-box .course-box .course-price-box .text-option {
        padding: 1em 0 0;
        font-size: 0.9em;
        line-height: 1.4;
      }
/*----------------------------------------------------
  SHOP PAGE
----------------------------------------------------*/
  #main-visual-shop {
    background-image: url(./../img/shop/img_main.jpg);
  }
  #shop .img-box {
    width: 96%;
    margin: 0 auto;
    }
    #shop .img-box .left,
    #shop .img-box .right {
      float: none;
    }
    #shop .img-box > p {
      margin-bottom: 5%;
    }
  #shop #shop-info-box {
    padding: 5%;
    }
    #shop #shop-info-box dl {
      display: table;
      width: 100%;
      padding: 3% 0;
      border-top: dashed 1px #0096B4;
      }
      #shop #shop-info-box dl dt {
        display: table-cell;
        width: 25%;
        font-weight: bold;
        line-height: 1.4;
      }
      #shop #shop-info-box dl dd {
        display: table-cell;
        line-height: 1.4;
      }
    #shop #shop-info-box dl:last-child {
      border-bottom: dashed 1px #0096B4;
    }
  #shop #access h3 {
    margin-bottom: 5%;
    text-align: center;
    font-size: 120%;
    line-height: 2;
    color: #0096B4;
    }
    #shop #access h3 span {
      padding-bottom: 3%;
      border-bottom: solid 1px #0096B4;
    }
  #shop #access .text-box {
    color: #0096B4;
    text-align: center;
    }
    #shop #access .map-box {
      width: 100%;
      height: 300px;
      overflow: hidden;
      }
      #shop #access .map-box iframe {
        width: 100% !important;
        height: 100% !important;
      }
/*----------------------------------------------------
  FAQ PAGE
----------------------------------------------------*/
  #main-visual-faq {
    background-image: url(./../img/faq/img_main.jpg);
  }
  #faq .inner {
    padding-top: 5%;
  }
  #faq-list-box dl {}
    #faq-list-box dl dt {
      display: flex;
      margin: 0 0 5%;
      counter-increment: num;
      font-size: 100%;
      line-height: 1.4;
      color: #0096B4;
      background: url(./../img/common/arrow_anchor.png) 98% center no-repeat;
      background-size: 3%;
      border-bottom: solid 2px #0096B4;
    }
    #faq-list-box dl dt:before {
      display: inline-flex;
      padding: 3% 3%;
      margin-right: 3%;
      content: counter(num);
      color: #FFF;
      line-height: 1.4;
      background-color: #0096B4;
    }
    #faq-list-box dl dt span {
      display: inline-block;
      text-indent: 0;
      padding: 1% 0;
      vertical-align: top;
    }
    #faq-list-box dl dd {
      margin-bottom: 8%;
      padding: 2% 0 3%;
      background-color: #E1F1F9;
      }
      #faq-list-box dl dd div {
        padding: 3% 3% 5%;
        font-size: 100%;
        line-height: 1.8;
      }
/*----------------------------------------------------
  TOPICS PAGE
----------------------------------------------------*/
  #topics {
    width: 100%;
    }
    #topics #topics-box {
      width: 96%;
      margin: 0 auto;
      }
      #topics #topics-box ul li {
        position: relative;
        padding: 5% 0;
        }
        #topics #topics-box li a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          text-indent: -999px;
        }
      #topics #topics-box .topics-img {
        float: left;
        overflow: hidden;
        width: 35%;
        margin: 0 3% 0 0;
      }
      #topics #topics-box dl {}
        #topics #topics-box dl dt {
          padding: 2% 0;
          color: #036EB8;
        }
        #topics #topics-box dl dt .topics-date {
          display: inline-block;
        }
        #topics #topics-box dl dd.topics-title {
          margin-bottom: 3%;
          font-size: 90%;
        }
        #topics #topics-box dl dd {
          line-height: 1.4;
          padding: 0 2%;
        }
      /*記事詳細ページ*/
      .single #topics #topics-box {
        width: 100%;
        padding: 5%;
        border: solid 1px #0096B4;
        }
        #topics #topics-title-box {
          margin-bottom: 5%;
          }
          #topics #topics-title-box #topics-title {
            margin-bottom: 3%;
            padding: 5% 0 0;
          }
          #topics #topics-title-box #topics-title #topics-date {
            font-size: 90%;
            display: inline-block;
            margin-bottom: 3%;
            color: #036EB8;
          }
        #topics #topics-title-box #topics-title h3 {
            font-size: 18px;
            font-weight: bold;
            line-height: 1.6;
            width: auto;
            padding: 0 0 2%;
            text-align: left;
            border-bottom: dotted 1px #dcdcdc;
            background-color: transparent;
        }
        #topics .text-box {
          line-height: 1.6;
          padding-bottom: 10%;
        }
        #topics .text-box img {
          height: auto;
          border: none;
        }
        #topics .text-box video {
          width:100%;
        }
        #topics .gallery .gallery-item {
          float: none;
          width: 100% !important;
        }
        #topics .link-box {
          text-align: right;
        }
    .aligncenter {
      display: block;
      margin: 0 auto;
    }
    .alignleft {
      float: left;
    }
    .alignright {
        float: right;
    }
/*----------------------------------------------------
  CONTACT PAGE
----------------------------------------------------*/
  #contact .text-box p {
    display: inline-block;
    text-align: left;
  }
  /*----- MAIL FORM -----*/
  #contact-form-box {
    margin: 0 auto;
    padding: 3%;
    text-align: center;
    background-color: #E1F1F9;
    }
    #contact-form-box form#mailformpro dl {
      width: 100%;
      padding: 5px 0;
      }
      #contact-form-box form#mailformpro dl dt {
        text-align: left;
        vertical-align: middle;
        font-size: 110%;
        line-height: 1.6;
        color: #595757;
      }
      #contact-form-box form#mailformpro dl dt span.required {
        padding-left: 5px;
        font-weight: bold;
        color: #E83828;
      }
      #contact-form-box form#mailformpro dl dd {
        padding: 10px 0;
        text-align: left;
        line-height: 1.6;
      }
      
      #contact-form-box input[type='image'],
      #contact-form-box button {
        border: none;
        background: none;
      }
      
      #contact-form-box input[type='text'],
      #contact-form-box input[type='password'],
      #contact-form-box input[type='tel'],
      #contact-form-box input[type='email'],
      #contact-form-box select,
      #contact-form-box textarea {
        width: 100% !important;
        padding: 5px 5px;
        border: 1px solid #CCC;
        background: #FFF;
      }
      
      #contact-form-box input[type='checkbox'],
      #contact-form-box input[type='radio'] {
        margin-right: 3px;
        vertical-align: text-top;
      }
      #contact-form-box input[type='text'].num {
        width: 50%;
      }
      /*ボタン*/
      #contact-form-box .btn-box {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0;
        text-align: center;
        }
        /*リセットボタン*/
        #contact-form-box #btn-reset,
        #contact-form-box #submitback input[type='submit'] {
          width: auto;
          margin-right: 10px;
          padding: 10px;
          text-align: center;
          color: #231815;
          font-size: 18px;
          line-height: 1.4;
          border: solid 1px #EFEFEF;
          background-color: #EFEFEF;
        }
        /*送信・確認ボタン*/
        #contact-form-box input[type="submit"],
        #contact-form-box button[type="submit"],
        #contact-form-box #submitforword input[type='submit'],
        #contact-form-box #submitConfirm input[type='submit'] {
          width: auto;
          margin: 0;
          padding: 10px;
          font-size: 18px;
          color: #FFF;
          line-height: 1.4;
          background-color: #0096B4;
          border: solid 1px #0096B4;
          cursor: pointer;
        }
/*----------------------------------------------------
  404 PAGE
----------------------------------------------------*/
  #non-page-block {
    line-height: 2.2;
    padding: 30px 0;
    text-align: center;
    }
    #non-page-block h3 {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    #non-page-block p {
      color: #000;
    }
    #non-page-block .link {
      padding: 8% 0;
      text-align: center;
    }
    #non-page-block .link a {
      text-decoration: underline;
    }
}
@media screen and (min-width:1550px) {
  #top-main-visual .bx-wrapper ul.bxslider img {
    width: 100%;
  }
  #contents-dummy .img-box img {
    width: 100%;
  }
}