@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
#gl_main {
  /* change colours to suit your needs */
  /* change colours to suit your needs */
  /* change border colour to suit your needs */ }
  #gl_main html, #gl_main body, #gl_main div, #gl_main span, #gl_main object, #gl_main iframe,
  #gl_main h1, #gl_main h2, #gl_main h3, #gl_main h4, #gl_main h5, #gl_main h6, #gl_main p, #gl_main blockquote, #gl_main pre,
  #gl_main abbr, #gl_main address, #gl_main cite, #gl_main code,
  #gl_main del, #gl_main dfn, #gl_main em, #gl_main img, #gl_main ins, #gl_main kbd, #gl_main q, #gl_main samp,
  #gl_main small, #gl_main strong, #gl_main sub, #gl_main sup, #gl_main var,
  #gl_main b, #gl_main i,
  #gl_main dl, #gl_main dt, #gl_main dd, #gl_main ol, #gl_main ul, #gl_main li,
  #gl_main fieldset, #gl_main form, #gl_main label, #gl_main legend,
  #gl_main table, #gl_main caption, #gl_main tbody, #gl_main tfoot, #gl_main thead, #gl_main tr, #gl_main th, #gl_main td,
  #gl_main article, #gl_main aside, #gl_main canvas, #gl_main details, #gl_main figcaption, #gl_main figure,
  #gl_main footer, #gl_main header, #gl_main hgroup, #gl_main menu, #gl_main nav, #gl_main section, #gl_main summary,
  #gl_main time, #gl_main mark, #gl_main audio, #gl_main video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal; }
  #gl_main body {
    line-height: 1; }
  #gl_main article, #gl_main aside, #gl_main details, #gl_main figcaption, #gl_main figure,
  #gl_main footer, #gl_main header, #gl_main hgroup, #gl_main menu, #gl_main nav, #gl_main section {
    display: block; }
  #gl_main ul, #gl_main li {
    list-style: none; }
  #gl_main blockquote, #gl_main q {
    quotes: none; }
  #gl_main blockquote:before, #gl_main blockquote:after,
  #gl_main q:before, #gl_main q:after {
    content: '';
    content: none; }
  #gl_main a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #000000; }
  #gl_main ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none; }
  #gl_main mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold; }
  #gl_main del {
    text-decoration: line-through; }
  #gl_main abbr[title], #gl_main dfn[title] {
    border-bottom: 1px dotted;
    cursor: help; }
  #gl_main table {
    border-collapse: collapse;
    border-spacing: 0; }
  #gl_main hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0; }
  #gl_main input, #gl_main select {
    vertical-align: middle; }
  #gl_main article,
  #gl_main aside,
  #gl_main details,
  #gl_main figcaption,
  #gl_main figure,
  #gl_main footer,
  #gl_main header,
  #gl_main hgroup,
  #gl_main main,
  #gl_main menu,
  #gl_main nav,
  #gl_main section,
  #gl_main summary {
    display: block; }
  #gl_main img {
    vertical-align: bottom; }

/* ////////////////////////////////////////
$color
//////////////////////////////////////// */
/* ////////////////////////////////////////
$breakpoint
//////////////////////////////////////// */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("http://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2") format("woff2"), url("http://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff") format("woff"), url("http://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf") format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("http://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2") format("woff2"), url("http://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff") format("woff"), url("http://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf") format("opentype"); }

/*

HTMLタグのデフォルト定義

*/
* {
  box-sizing: border-box; }

body {
  font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
  padding: 0; }

/*
Theme Name: Null
Theme URI: http://
Description: Null
Version: 1.0
Author: SUPER SUPER
Author URI: http://www.supersuper.jp
*/
/*============================================================================================================
-----Cleaner--------------------------------------------------------------------------------------------------
============================================================================================================*/
.clear {
  clear: both; }

.visible {
  visibility: visible; }

.hidden {
  visibility: hidden; }

.dblock {
  display: block; }

.dnone {
  display: none; }

/*============================================================================================================
-----Cleaner--------------------------------------------------------------------------------------------------
============================================================================================================*/
/*============================================================================================================
-----clearfix-------------------------------------------------------------------------------------------------
============================================================================================================*/
.clearfix {
  /* For modern browsers */
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*============================================================================================================
-----clearfix-------------------------------------------------------------------------------------------------
============================================================================================================*/
#gl_main .gl_main_container {
  width: 100%; }
  #gl_main .gl_main_container_top {
    width: 100%;
    height: 614px;
    position: relative; }
    #gl_main .gl_main_container_top_slider {
      width: 100%;
      height: 100%; }
      #gl_main .gl_main_container_top_slider .slick-list {
        width: 100%;
        height: 100%; }
        #gl_main .gl_main_container_top_slider .slick-list .slick-track {
          width: 100%;
          height: 100%; }
      #gl_main .gl_main_container_top_slider--item {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover; }
        #gl_main .gl_main_container_top_slider--item:first-child {
          background-image: url(../img/top_visual_bg--01.jpg); }
        #gl_main .gl_main_container_top_slider--item:nth-child(2) {
          background-image: url(../img/top_visual_bg--02.jpg); }
        #gl_main .gl_main_container_top_slider--item:nth-child(3) {
          background-image: url(../img/top_visual_bg--03.jpg); }
    #gl_main .gl_main_container_top_sns {
      position: absolute;
      right: 10px;
      top: 24px; }
      #gl_main .gl_main_container_top_sns--item {
        float: left;
        width: 46px;
        height: 46px; }
        #gl_main .gl_main_container_top_sns--item:not(:last-child) {
          margin-right: 10px; }
        #gl_main .gl_main_container_top_sns--item img {
          width: 100%;
          height: auto; }
    #gl_main .gl_main_container_top_logo {
      width: 308px;
      height: 308px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -154px;
      margin-top: -154px; }
      #gl_main .gl_main_container_top_logo img {
        width: 100%;
        height: auto; }

#gl_main .gl_main_container_message {
  background-color: #ed7700;
  padding: 30px 0; }
  #gl_main .gl_main_container_message_content {
    width: 100%;
    padding: 0 10px; }
    #gl_main .gl_main_container_message_content_logo {
      margin-bottom: 22px;
      text-align: center; }
    #gl_main .gl_main_container_message_content_img--01 {
      width: 266px;
      margin: 0 auto;
      padding-bottom: 26px;
      margin-bottom: 26px;
      position: relative; }
      #gl_main .gl_main_container_message_content_img--01:after {
        content: '';
        display: block;
        width: 130px;
        height: 86px;
        background-image: url(../img/message_thumb--02_sp.png);
        background-size: cover;
        position: absolute;
        bottom: 0;
        right: 0; }
      #gl_main .gl_main_container_message_content_img--01 img {
        width: 100%;
        height: auto; }
    #gl_main .gl_main_container_message_content_img--02 {
      text-align: center; }
    #gl_main .gl_main_container_message_content_word {
      text-align: center;
      margin-bottom: 32px; }
    #gl_main .gl_main_container_message_content_text {
      font-size: 15px;
      font-weight: 500;
      text-align: center;
      margin-bottom: 18px;
      position: relative; }
      #gl_main .gl_main_container_message_content_text h2 {
        color: #fff;
        line-height: 2.65em;
        text-shadow: 0 0 2px #000;
        letter-spacing: 0.2em;
        position: relative;
        z-index: 2; }
      #gl_main .gl_main_container_message_content_text:before {
        content: '';
        position: absolute;
        width: 130px;
        height: 86px;
        background-size: cover;
        background-image: url(../img/message_thumb--03_sp.png);
        right: 18px;
        top: 206px; }
      #gl_main .gl_main_container_message_content_text:after {
        content: '';
        position: absolute;
        width: 130px;
        height: 86px;
        background-size: cover;
        background-image: url(../img/message_thumb--04_sp.png);
        left: 10px;
        top: 246px; }

#gl_main .gl_main_container_introduction {
  width: 100%;
  margin: 0 auto;
  padding: 50px 30px 55px;
  position: relative;}
  #gl_main .gl_main_container_introduction:before, #gl_main .gl_main_container_introduction:after {
    content: '';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute; }
  #gl_main .gl_main_container_introduction:before {
    top: 0;
    left: 0;
    background-image: url(../img/bg_border_left_sp.jpg);
    background-position: top right; }
  #gl_main .gl_main_container_introduction:after {
    top: 0;
    right: 0;
    background-image: url(../img/bg_border_right_sp.jpg);
    background-position: top left; }
  #gl_main .gl_main_container_introduction_title {
    text-align: center;
    margin-bottom: 36px; }
  #gl_main .gl_main_container_introduction_list {
    width: 227px;
    margin: 0 auto; }
    #gl_main .gl_main_container_introduction_list--item {
      margin-bottom: 20px; }
      #gl_main .gl_main_container_introduction_list--item a img {
        width: 100%;
        height: auto; }
      #gl_main .gl_main_container_introduction_list--item p {
        margin-top: 12px;
        font-size: 12px;
        color: #ed7700;
        text-align: center;
        letter-spacing: 0.25em;
        font-weight: 300; }
      #gl_main .gl_main_container_introduction_list--item.hide {
        display: none; }
  #gl_main .gl_main_container_introduction_more {
    display: block;
    width: 141px;
    height: 60px;
    background-image: url(../img/introduction_btn_close_sp.png);
    background-image: url(../img/introduction_btn_sp.png);
    background-size: cover;
    margin: 0 auto;
    transition: 0.4s; }
    #gl_main .gl_main_container_introduction_more.open {
      background-image: url(../img/introduction_btn_close_sp.png); }

#gl_main .gl_main_container_news {
  padding-top: 74px;
  padding-bottom: 46px;
  position: relative; }
  #gl_main .gl_main_container_news_title {
    text-align: center;
    margin-bottom: 10px; }
  #gl_main .gl_main_container_news_list {
    width: 100%;
    padding: 30px 20px;
    margin: 0 auto; }
    #gl_main .gl_main_container_news_list--item {
      color: #000;
      text-align: left;
      font-size: 12px;
      font-weight: 300;
      letter-spacing: 0.25em; }
      #gl_main .gl_main_container_news_list--item:not(:last-child) {
        margin-bottom: 20px; }
        #gl_main .gl_main_container_news_list--item_date {
          margin-bottom: 2px;
          font-size: 15px;
        }
        #gl_main .gl_main_container_news_list--item_text {
          font-size: 13px;
        }
        #gl_main .gl_main_container_news_list--item_text a {
          text-decoration: underline;
          line-height: 2em;
          transition: 0.4s;
        }
  #gl_main .gl_main_container_news_word {
    position: absolute;
    top: 32px;
    left: 6px; }
  #gl_main .gl_main_container_news_decoration {
    position: absolute;
    top: 6px;
    right: 8px; }

#gl_main .gl_main_container_pickup {
  background-color: #006cb6;
  padding-top: 42px;
  padding-bottom: 52px;
  position: relative;
  overflow: hidden; }
  #gl_main .gl_main_container_pickup_title {
    text-align: center;
    margin-bottom: 34px; }
  #gl_main .gl_main_container_pickup_list {
    width: 100%;
    padding: 0 30px; }
    #gl_main .gl_main_container_pickup_list--item {
      color: #fff;
      font-size: 12px;
      font-weight: 300;
      text-align: center;
      letter-spacing: 0.25em; }
      #gl_main .gl_main_container_pickup_list--item:not(:last-child) {
        margin-bottom: 16px; }
  #gl_main .gl_main_container_pickup_word {
    position: absolute;
    top: 0;
    left: 0; }
  #gl_main .gl_main_container_pickup_decoration {
    position: absolute;
    top: 0;
    right: 0; }

#gl_main .gl_main_container_each {
  padding-top: 50px;
  padding-bottom: 84px;
  background-color: #ed7700;
  overflow: hidden;
  position: relative;
  z-index: 1;}
  #gl_main .gl_main_container_each.active {
    z-index: 99; }
  #gl_main .gl_main_container_each:before {
    content: '';
    position: absolute;
    width: 424px;
    height: 424px;
    right: -96px;
    top: -110px;
    background-image: url(../img/each_bg_logo.png);
    background-size: cover;
    z-index: 2; }
  #gl_main .gl_main_container_each:after {
    content: '';
    position: absolute;
    width: 424px;
    height: 424px;
    left: -160px;
    bottom: -150px;
    background-image: url(../img/each_bg_logo.png);
    background-size: cover;
    z-index: 2; }
  #gl_main .gl_main_container_each_title {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 3; }
    #gl_main .gl_main_container_each_title p {
      margin-top: 22px;
      text-align: center;
      letter-spacing: 0.25em;
      font-size: 12px;
      font-weight: 300;
      color: #fff;
      line-height: 2.1em; }
  #gl_main .gl_main_container_each_list {
    width: 100%;
    padding: 0 calc((100% - 268px) / 2) 20px;
    margin: 0 auto;
    position: relative;
    z-index: 3; }
    #gl_main .gl_main_container_each_list--item {
      width: 127px;
      height: 127px;
      float: left;
      margin-bottom: 12px;
      background-size: cover;
      text-align: center;
      font-size: 12px;
      font-weight: 300;
      line-height: 1.5em;
      letter-spacing: 0.25em;
      padding: 49px 0 0 0;
      position: relative; }
      #gl_main .gl_main_container_each_list--item:nth-child(odd) {
        margin-right: 14px;
        background-image: url(../img/each_circle_blue_sp.png); }
      #gl_main .gl_main_container_each_list--item:nth-child(even) {
        float: right;
        background-image: url(../img/each_circle_white_sp.png); }
      #gl_main .gl_main_container_each_list--item.hide {
        display: none; }
  #gl_main .gl_main_container_each_more {
    display: block;
    width: 141px;
    height: 60px;
    background-image: url(../img/each_btn_close_sp.png);
    background-image: url(../img/each_btn_sp.png);
    background-size: cover;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    transition: 0.4s; }
    #gl_main .gl_main_container_each_more.open {
      background-image: url(../img/each_btn_close_sp.png); }
  #gl_main .gl_main_container_each_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 108, 182, 0.9);
    z-index: -1;
    display: block;
    opacity: 0;
    transition: 0.4s;
    pointer-events: none; }
    #gl_main .gl_main_container_each_modal.active {
      opacity: 1;
      z-index: 99;
      pointer-events: auto; }
    #gl_main .gl_main_container_each_modal_content {
      width: 100%;
      padding: 82px 23px 100px;
      margin: 0 auto; }
      #gl_main .gl_main_container_each_modal_content_title {
        text-align: center;
        font-size: 28px;
        color: #fff;
        margin-bottom: 20px;
        letter-spacing: 0.03em; }
      #gl_main .gl_main_container_each_modal_content_img {
        margin-bottom: 42px; }
        #gl_main .gl_main_container_each_modal_content_img img {
          width: 100%;
          height: auto; }
        #gl_main .gl_main_container_each_modal_content_img iframe {
          width: 100%;
          height: 185px; }
      #gl_main .gl_main_container_each_modal_content_text {
        color: #fff;
        font-size: 12px;
        width: 100%;
        margin: 0 auto;
        font-weight: 300;
        margin-bottom: 36px;
        padding: 0 20px; }
      #gl_main .gl_main_container_each_modal_content_link {
        width: 209px;
        margin: 0 auto;
        display: block;
        transition: 0.4s; }
        #gl_main .gl_main_container_each_modal_content_link:hover {
          cursor: pointer;
          opacity: 0.8; }
    #gl_main .gl_main_container_each_modal_close {
      position: absolute;
      top: 34px;
      right: 34px;
      transition: 0.4s;
      right: 30px;
      top: 26px; }
      #gl_main .gl_main_container_each_modal_close:hover {
        cursor: pointer;
        opacity: 0.8; }

#gl_main .gl_main_container_cm {
  padding-top: 50px;
  padding-bottom: 84px;
  position: relative; }
  #gl_main .gl_main_container_cm_title {
    text-align: center;
    margin-bottom: 40px; }
    #gl_main .gl_main_container_cm_title p {
      padding: 0 50px;
      margin-top: 26px;
      letter-spacing: 0.25em;
      line-height: 2.1em;
      font-size: 12px; }
  #gl_main .gl_main_container_cm_word {
    position: absolute;
    top: 43px;
    left: 10px; }
  #gl_main .gl_main_container_cm_list {
    width: 100%;
    padding: 0 20px; }
    #gl_main .gl_main_container_cm_list--item_title {
      text-align: center;
      margin-bottom: 24px; }
      #gl_main .gl_main_container_cm_list--item_title img {
        width: 100%;
        height: auto; }
    #gl_main .gl_main_container_cm_list--item:not(:last-child) {
      margin-bottom: 30px; }
    #gl_main .gl_main_container_cm_list iframe {
      width: 100%;
      height: 185px; }
  #gl_main .gl_main_container_cm_more {
    display: block;
    width: 231px;
    height: 60px;
    background-image: url(../img/cm_btn_sp.png);
    background-size: cover;
    margin: 0 auto;
    margin-top: 30px;
    transition: 0.4s; }
  #gl_main .gl_main_container_cm_modal {
    position: fixed;
    width: 100%;
    height: 230px;
    top: 50%;
    margin-top: -115px;
    left: 0;
    background-color: rgba(0, 108, 182, 0.9);
    z-index: -1;
    display: block;
    opacity: 0;
    transition: 0.4s;
    pointer-events: none; }
    #gl_main .gl_main_container_cm_modal.active {
      opacity: 1;
      z-index: 99;
      pointer-events: auto; }
    #gl_main .gl_main_container_cm_modal_content {
      width: 100%;
      padding: 90px 10px;
      margin: 0 auto; }
      #gl_main .gl_main_container_cm_modal_content_img {
        text-align: center;
        margin-bottom: 26px; }
        #gl_main .gl_main_container_cm_modal_content_img img {
          width: 100%;
          height: auto; }
      #gl_main .gl_main_container_cm_modal_content_title {
        text-align: center;
        margin-bottom: 36px;
        width: 100%;
        padding: 0 40px; }
        #gl_main .gl_main_container_cm_modal_content_title img {
          width: 100%;
          height: auto; }
      #gl_main .gl_main_container_cm_modal_content_text {
        width: 100%;
        padding: 0 48px;
        color: #fff;
        font-size: 15px;
        margin: 0 auto;
        font-weight: 300;
        line-height: 1.6em; }
    #gl_main .gl_main_container_cm_modal_word {
      position: absolute;
      bottom: 55px;
      left: 10px; }
    #gl_main .gl_main_container_cm_modal_close {
      position: absolute;
      top: 34px;
      right: 34px;
      transition: 0.4s;
      right: 30px;
      top: 26px; }
      #gl_main .gl_main_container_cm_modal_close:hover {
        cursor: pointer;
        opacity: 0.8; }

#gl_main .gl_main_container_time {
  padding-top: 50px;
  padding-bottom: 84px;
  background-color: #006cb6;
  overflow: hidden;
  position: relative;}
  #gl_main .gl_main_container_time:before {
    content: '';
    position: absolute;
    width: 424px;
    height: 424px;
    right: -96px;
    top: -110px;
    background-image: url(../img/each_bg_logo.png);
    background-size: cover;
    z-index: 2; }
  #gl_main .gl_main_container_time:after {
    content: '';
    position: absolute;
    width: 424px;
    height: 424px;
    left: -160px;
    bottom: -150px;
    background-image: url(../img/each_bg_logo.png);
    background-size: cover;
    z-index: 2; }
  #gl_main .gl_main_container_time_title {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 3; }
    #gl_main .gl_main_container_time_title p {
      font-size: 12px;
      font-weight: 300;
      color: #fff;
      line-height: 2.1em;
      letter-spacing: 0.25em;
      margin-top: 26px; }
  #gl_main .gl_main_container_time_list {
    width: 100%;
    padding: 0 20px 27px;
    position: relative;
    z-index: 3; }
    #gl_main .gl_main_container_time_list--item {
      width: 100%;
      margin-bottom: 20px;
      float: left; }
      #gl_main .gl_main_container_time_list--item p {
        text-align: center;
        color: #fff;
        font-size: 15px;
        margin-bottom: 10px;
        font-weight: 300; }
      #gl_main .gl_main_container_time_list--item.hide {
        display: none; }
      #gl_main .gl_main_container_time_list--item iframe {
        width: 100%;
        height: auto; }
  #gl_main .gl_main_container_time_more {
    display: block;
    width: 141px;
    height: 60px;
    background-image: url(../img/time_btn_close_sp.png);
    background-image: url(../img/time_btn_sp.png);
    background-size: cover;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    transition: 0.4s; }
    #gl_main .gl_main_container_time_more.open {
      background-image: url(../img/time_btn_close_sp.png); }