@import url(//fonts.googleapis.com/css?family=Oswald:400,700);

@charset "UTF-8";
/* ==========================================================================

	#変数

 */
/* --------------------------------------------------------------------
  レイアウトサイズ
 */
/* --------------------------------------------------------------------
  カラー
 */
/* --------------------------------------------------------------------
  Misc
 */
/* ==========================================================================

	#Mixin

 */
/* --------------------------------------------------------------------
  #Media Queries
 */
/* --------------------------------------------------------------------
  #Utilities
 */
/*ブロック要素のセンタリング*/
/*ブロック要素の右寄せ*/
/*
リンクアンダーライン非表示、ホバーで表示
a要素の親に設定
*/
/*
リンクアンダーライン非表示
a要素の親に設定
*/
/*
リンクカラー設定
a要素の親に設定
*/
/*ブロック要素内テキスト非表示*/
/*font-smoothing*/
/*clearfix*/
/*要素へホバーエフェクト追加*/
/* set some element's line-height to 1em because of adjust text margin */
/*set fontfamily noto 700*/
/*set fontfamily*/
/*縦書きテキスト*/
/* ==========================================================================

   #/assets/css/common/global.css
   サイト内共通スタイル

   ========================================================================== */
/* ==========================================================================
   Base
   リセットcssとhtml要素の定義
   ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/*  HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ==========================================================================

   preset.scss
   プリミティブ要素の設定

 */
*, *:before, *:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }
  html.is-scrollOff {
    overflow: hidden;
    height: 100%; }

body {
  font-size: 1.4rem;
  color: #000;
  background: #fff;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll; }

@media all and (-ms-high-contrast: none) {
  body {
    font-family: "Arial"; } }

body.is-scrollOff {
  position: fixed;
  overflow: hidden;
  height: 100%; }

div {
  box-sizing: border-box; }

a:link, a:visited, a.touchend {
  color: #000;
  text-decoration: none;
  outline: none; }

a:active, a:hover, a.touchstart {
  text-decoration: none;
  color: #000; }

p, h1, h2, h3, h4, h5, h6, li, dt, dd, th, td {
  line-height: 1.75; }

ul {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none; }

img {
  vertical-align: bottom; }

sup {
  font-size: .4em;
  vertical-align: top; }

strong, b {
  font-weight: bold; }

em {
  font-style: italic; }

hr {
  height: 0;
  margin: 0;
  border: none;
  border-top: 1px solid #ccc; }

/* reset form elements */
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select::-ms-expand {
  display: none; }

/* ==========================================================================
   Layout/Module
   ========================================================================== */
/* ====================================================================

  #サイトストラクチャ要素

 */
/* --------------------------------------------------------------------
  #ページ全体のwrapper
 */
.glb-pageWrapper {
  position: relative;
  min-width: 320px;
  overflow: hidden; }
  @media print, screen and (min-width: 751px) {
    .glb-pageWrapper {
      min-width: 960px; } }

/* --------------------------------------------------------------------
  #幅固定センタリング用wrapper
 */
.glb-width-fixed {
  /*min-width: $content_min_w;
	max-width: $content_max_w;*/
  width: 960px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-width-fixed {
      width: auto;
      min-width: auto; } }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-width-spmargin {
    margin-left: 15px;
    margin-right: 15px; } }

/* --------------------------------------------------------------------
  #幅フリーコンテンツwrapper
 */
.glb-width-flex {
  width: auto; }

/* --------------------------------------------------------------------
  #メインエリアwrapper
 */
main {
  display: block; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-mainWrapper {
    margin-top: 45px;
    margin-bottom: 70px; } }

@media print, screen and (min-width: 751px) {
  .glb-mainWrapper {
    margin-bottom: 70px !important; } }

@media print, screen and (min-width: 751px) {
  .glb-mainWrapper--noMargin {
    margin-bottom: 0; } }

/* --------------------------------------------------------------------
  #モーダルコンテンツwrapper
 */
/* --------------------------------------------------------------------
  #基本セクションレイアウト
 */
.glb-section {
  margin-bottom: 30px; }
  @media print, screen and (min-width: 751px) {
    .glb-section {
      margin-bottom: 70px; } }

/* ====================================================================

  #グローバルヘッダ

 */
/* --------------------------------------------------------------------
  #ヘッダ
 */
.glb-header {
  position: relative;
  z-index: 100009; }
  @media print, screen and (min-width: 751px) {
    .glb-header {
      height: 98px; } }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-header-wrapper {
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 100009;
    background: #fff; }
    .glb-header-wrapper.is-active {
      display: block; } }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-headerCIWrapper {
    position: fixed;
    z-index: 100010;
    width: 100%;
    background: #fff;
    height: 45px; } }

@media print, screen and (min-width: 751px) {
  .glb-headerCIWrapper {
    width: 30%;
    position: relative; } }

.glb-header__ci {
  position: absolute; }
  .glb-header__ci img {
    width: 100%; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-header__ci {
      max-width: 300px;
      width: 80%;
      top: 10px;
      left: 10px; } }
  @media print, screen and (min-width: 751px) {
    .glb-header__ci {
      width: 331px;
      top: 13px;
      left: 13px; } }

.glb-header__menuTrigger {
  position: fixed;
  z-index: 100010;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background: url(/assets/img/icon/spmenu.png) no-repeat center center #235858;
  background-size: 100% auto; }
  .glb-header__menuTrigger.is-active {
    background-image: url(/assets/img/icon/spmenu_close.png); }
  @media print, screen and (min-width: 751px) {
    .glb-header__menuTrigger {
      display: none; } }

.glb-header-container1 {
  position: relative; }
  @media print, screen and (min-width: 751px) {
    .glb-header-container1 {
      position: absolute;
      width: 100%;
      top: 54px; } }

.glb-header-container2 {
  position: relative; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-header-container2 {
      height: 50px;
      text-align: center; } }

.glb-header__globalNav {
  width: 100%; }
  .glb-header__globalNav > li a:link {
    text-decoration: none; }
  .glb-header__globalNav > li a:hover {
    text-decoration: none; }
  .glb-header__globalNav > li a:visited {
    text-decoration: none; }
  .glb-header__globalNav > li > a {
    display: block;
    line-height: 1em;
    position: relative;
    font-weight: bold; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-header__globalNav {
      margin-bottom: 35px; }
      .glb-header__globalNav > li {
        text-align: center;
        margin-bottom: 35px; }
      .glb-header__globalNav > li > a {
        font-size: 1.5rem; }
      .glb-header__globalNav:after {
        content: "";
        background: #235858;
        width: 10px;
        height: 1px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px; } }
  @media print, screen and (min-width: 751px) {
    .glb-header__globalNav {
      margin-left: auto;
      margin-right: auto;
      width: 960px; }
      .glb-header__globalNav > li {
        display: inline-block;
        text-align: center; }
      .glb-header__globalNav > li > a {
        display: block;
        font-size: 1.3rem;
        letter-spacing: .2em;
        padding: 15px 45px; }
      .glb-header__globalNav > li > a:hover {
        color: #333; }
      .glb-header__globalNav .is-current > a {
        color: #235858; }
        .glb-header__globalNav .is-current > a:after {
          position: absolute;
          display: block;
          content: "";
          width: 72%;
          height: 3px;
          background: #235858;
          bottom: -1px;
          left: 14%; } }

.glb-header__gnavTitle {
  display: none; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-header__gnavTitle {
      display: block;
      margin-top: 110px;
      text-align: center;
      color: #235858;
      font-family: 'Oswald', sans-serif;
      letter-spacing: .2em;
      font-size: .9em;
      line-height: 1;
      margin-bottom: 40px; }
      .glb-header__gnavTitle:after {
        content: "";
        background: #235858;
        width: 10px;
        height: 1px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px; } }

.glb-header-searchContainer {
  font-size: 0; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-header-searchContainer {
      margin: 0 40px; } }
  @media print, screen and (min-width: 751px) {
    .glb-header-searchContainer {
      position: absolute;
      width: 138px;
      height: 26px;
      top: 11px;
      right: 11px; } }

.glb-header__searchInput {
  height: 42px;
  padding: 0px 15px; }
  @media print, screen and (min-width: 751px) {
    .glb-header__searchInput {
      width: 112px;
      height: 26px; } }
  .glb-header__searchInput::-webkit-input-placeholder {
    font-size: 1.2rem; }
  .glb-header__searchInput::-ms-input-placeholder {
    font-size: 1.2rem; }
  .glb-header__searchInput::-moz-placeholder {
    font-size: 1.2rem; }

.glb-header__searchButton {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/assets/img/icon/search_g.png) no-repeat center center #ecefef;
  background-size: 14px auto;
  width: 26px;
  height: 26px;
  vertical-align: top; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-header__searchButton {
      width: 42px;
      height: 42px; } }

/* ====================================================================

  #グローバルフッタ

 */
/* --------------------------------------------------------------------
  #フッタ
 */
.glb-footer {
  position: relative;
  background: #4b4b4b;
  padding: 22px 0 10px; }
  @media print, screen and (min-width: 751px) {
    .glb-footer {
      padding: 52px 0 15px; } }

@media print, screen and (min-width: 751px) {
  .glb-footerInner {
    margin-left: auto;
    margin-right: auto;
    width: 960px; } }

/* --------------------------------------------------------------------
  #フッタ共通ナビ
 */
.glb-footer__nav {
  font-size: 0; }
  .glb-footer__nav > li {
    position: relative;
    display: inline-block; }
  .glb-footer__nav > li:after {
    content: "|";
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.3rem; }
  .glb-footer__nav > li:last-child:after {
    display: none; }
  .glb-footer__nav > li > a {
    color: #fff;
    font-weight: normal;
    display: block;
    letter-spacing: .2em;
    font-size: 1.3rem;
    padding: 0 25px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-footer__nav {
      text-align: center; }
      .glb-footer__nav > li {
        margin-bottom: 3px; }
      .glb-footer__nav > li > a {
        padding: 0 15px; } }
  @media print, screen and (min-width: 751px) {
    .glb-footer__nav {
      text-align: center;
      margin-bottom: 40px; }
      .glb-footer__nav > li > a:hover {
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-footer__nav--gnav {
    margin-bottom: 20px; } }

.glb-footer__nav--unav > li > a {
  font-size: 1.2rem; }

.glb-footer__nav--unav > li:after {
  font-size: 1.2rem; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-footer__nav--unav {
    margin-bottom: 15px; } }

@media print, screen and (min-width: 751px) {
  .glb-footer__nav--unav {
    margin-bottom: 25px; } }

/* --------------------------------------------------------------------
    #ページトップ
   */
.glb-footer__pagetop {
  position: absolute;
  top: -32px;
  right: 30px; }
  .glb-footer__pagetop a {
    position: relative;
    font-family: 'Oswald', sans-serif;
    background: #235858;
    width: 96px;
    height: 32px;
    letter-spacing: .2em;
    font-weight: normal;
    display: block;
    padding: 15px 0 0;
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    line-height: 1; }
  .glb-footer__pagetop a:before {
    content: "";
    width: 1px;
    height: 8px;
    background: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 50%; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-footer__pagetop {
      right: 0; } }
  @media print, screen and (min-width: 751px) {
    .glb-footer__pagetop a:hover {
      background: #297878; } }

/* --------------------------------------------------------------------
  #フッターバナー
 */
.glb-footer__banner {
  margin-bottom: 20px; }
  .glb-footer__banner:after {
    content: "";
    clear: both;
    display: block; }
  .glb-footer__banner > li img {
    width: 100%; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-footer__banner {
      margin: 0 15px 5px; }
      .glb-footer__banner > li {
        width: calc(50% - 8px);
        float: left;
        margin-right: 15px;
        margin-bottom: 15px; }
      .glb-footer__banner > li:nth-child(2n) {
        margin-right: 0; } }
  @media print, screen and (min-width: 751px) {
    .glb-footer__banner {
      margin-bottom: 30px; }
      .glb-footer__banner > li {
        width: 217px;
        float: left;
        margin-right: 30px;
        margin-bottom: 20px; }
      .glb-footer__banner > li:nth-child(4n) {
        margin-right: 0; } }

/* --------------------------------------------------------------------
  #copyright
 */
.glb-footer__copyright {
  color: #fff;
  text-align: center;
  font-size: 1.0rem;
  letter-spacing: .2em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-footer__copyright {
      padding: 0 20px; } }

/* ==========================================================================

	#グリッド要素モジュール
    ex)


 */
/* -------------------------------------------------------------------------
	段組みベースコンテナ
*/
.glb-container {
  position: relative; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-container:after {
      content: "";
      clear: both;
      display: block; } }
  @media print, screen and (min-width: 751px) {
    .glb-container:after {
      content: "";
      clear: both;
      display: block; } }

@media print, screen and (min-width: 751px) {
  .glb-col--1of1,
  .glb-col--1of2,
  .glb-col--1of2--noMargin,
  .glb-col--1of3,
  .glb-col--1of3--noMargin,
  .glb-col--1of4,
  .glb-col--2of4,
  .glb-col--2of3 {
    float: left; } }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-spcol--1of2 {
    float: left; } }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-spcol--1of2 {
    width: 48.5%;
    margin-right: 3%; } }

@media print, screen and (min-width: 751px) {
  .glb-col--1of2 {
    width: 48.35%;
    margin-right: 3.3%; } }

@media print, screen and (min-width: 751px) {
  .glb-col--1of2--noMargin {
    width: 50%; } }

@media print, screen and (min-width: 751px) {
  .glb-col--1of3 {
    width: 31.19%;
    margin-right: 2%; } }

@media print, screen and (min-width: 751px) {
  .glb-col--1of3--noMargin {
    width: calc(33.33%); } }

@media print, screen and (min-width: 751px) {
  .glb-col--2of3 {
    width: 65.5%;
    margin-right: 3.3%; } }

@media print, screen and (min-width: 751px) {
  .glb-col--1of4 {
    width: 22.9%;
    margin-right: 2.75%; } }

@media print, screen and (min-width: 751px) {
  .glb-col--2of4 {
    width: 48.55%;
    margin-right: 2.75%; } }

@media print, screen and (min-width: 751px) {
  .glb-col--right {
    float: right; } }

.glb-col--last {
  margin-right: 0; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-spcol--last {
    margin-right: 0; } }

/* ==========================================================================

   #共通モジュールブロック

 */
/* -----------------------------------------
  #下層共通、ページ上部ビジュアル
*/
.glb-topVisual,
.glb-topVisual--narrow {
  display: table;
  width: 100%;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ccc; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-topVisual,
    .glb-topVisual--narrow {
      height: 150px; } }

.glb-topVisual--narrow {
  height: 180px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-topVisual--narrow {
      height: 75px; } }

.glb-topVisual__title {
  text-align: center;
  display: table-cell;
  vertical-align: middle; }
  .glb-topVisual__title .inner {
    font-size: 2.0rem;
    font-weight: bold;
    letter-spacing: .04em;
    color: #235858;
    line-height: 1;
    display: inline-block;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.93); }
  .glb-topVisual__title .en {
    display: block;
    font-family: 'Oswald', sans-serif;
    letter-spacing: .4rem;
    font-size: 1.05rem;
    margin-top: 5px; }
  @media print, screen and (min-width: 751px) {
    .glb-topVisual__title .inner {
      font-size: 3.0rem;
      padding: 26px 30px;
      min-width: 320px; }
    .glb-topVisual__title .en {
      margin-top: 10px;
      font-size: 1.2rem; } }

/* -----------------------------------------
  #ニュースやキャンペーン等のカルーセル
*/
@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-caroucel-list {
    padding: 0 28px; } }

.glb-caroucel__item {
  width: 246px;
  padding: 0 7px;
  overflow: hidden; }
  @media print, screen and (min-width: 751px) {
    .glb-caroucel__item {
      padding: 0 15px; }
      .glb-caroucel__item:hover .glb-caroucel__pict {
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } }

.glb-caroucel__category {
  font-size: 1.2rem;
  margin-bottom: 10px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden; }
  .glb-caroucel__category:before {
    content: "■";
    color: #235858; }
  .glb-caroucel__category:nth-child(n+2) {
    display: none; }

.glb-caroucel__pict {
  margin-bottom: 10px;
  background: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }
  .glb-caroucel__pict img {
    width: 100%;
    height: auto; }

.glb-caroucel__date {
  font-size: 1.2rem;
  color: #235858;
  line-height: 1;
  margin-bottom: 10px; }

.glb-caroucel__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.3;
  overflow: hidden; }

/* -----------------------------------------
  #店舗検索窓(shopSearch1: KV型、Topページ shopSearch2: 横型、事業紹介等)
*/
.glb-shopSearch,
.glb-shopSearch2 {
  background: #fff;
  position: relative;
  padding: 30px 0 30px 30px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-shopSearch,
    .glb-shopSearch2 {
      padding: 20px 25px; } }

.glb-shopSearch2 {
  border: 2px solid #235858; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-shopSearch2 {
      padding: 20px; } }

.glb-shopSearch__title,
.glb-shopSearch__title2 {
  line-height: 1;
  margin-bottom: 20px;
  font-size: 1.5rem;
  letter-spacing: .35em; }
  .glb-shopSearch__title:after,
  .glb-shopSearch__title2:after {
    content: "";
    position: absolute;
    right: 0;
    top: 27px;
    display: block;
    background: #235858;
    height: 2px;
    width: calc(100% - 120px); }
  .glb-shopSearch__title .en,
  .glb-shopSearch__title2 .en {
    font-family: 'Oswald', sans-serif;
    font-size: 1.1rem;
    color: #999;
    letter-spacing: .2em;
    display: block;
    margin-top: 10px; }
  @media print, screen and (min-width: 751px) {
    .glb-shopSearch__title,
    .glb-shopSearch__title2 {
      font-size: 2.0rem;
      margin-bottom: 30px; }
      .glb-shopSearch__title .en,
      .glb-shopSearch__title2 .en {
        font-size: 1.2rem; }
      .glb-shopSearch__title:after,
      .glb-shopSearch__title2:after {
        width: 200px;
        top: 40px; } }

.glb-shopSearch__title2 {
  text-align: center;
  font-size: 1.9rem; }
  .glb-shopSearch__title2 .inner {
    background: #fff;
    padding: 0 20px; }
  .glb-shopSearch__title2:after {
    display: none; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-shopSearch__title2 {
      margin-top: -25px; }
      .glb-shopSearch__title2 .inner {
        padding: 0 10px; } }
  @media print, screen and (min-width: 751px) {
    .glb-shopSearch__title2 {
      font-size: 2.5rem;
      padding-right: 30px;
      margin-top: -43px; } }

.glb-shopSearch__inputContainer,
.glb-shopSearch__inputContainer2 {
  font-size: 0;
  margin-bottom: 10px; }
  @media print, screen and (min-width: 751px) {
    .glb-shopSearch__inputContainer,
    .glb-shopSearch__inputContainer2 {
      margin-bottom: 10px; } }

.glb-shopSearch__btnContainer {
  margin-bottom: 20px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-shopSearch__btnContainer {
      margin-bottom: 15px; } }

.glb-shopSearch__searchInput,
.glb-shopSearch__searchInput2 {
  height: 40px;
  padding: 10px 15px;
  width: calc(100% - 79px); }
  @media print, screen and (min-width: 751px) {
    .glb-shopSearch__searchInput,
    .glb-shopSearch__searchInput2 {
      width: 217px;
      height: 38px; } }

.glb-shopSearch__searchInput2 {
  width: calc(100% - 79px); }
  @media print, screen and (min-width: 751px) {
    .glb-shopSearch__searchInput2 {
      width: calc(100% - 119px);
      height: 40px; } }

.glb-shopSearch__searchButton,
.glb-shopSearch__searchButton2 {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/assets/img/icon/search_w.png) no-repeat left 14px center #235858;
  background-size: 14px auto;
  width: 79px;
  height: 38px;
  padding-left: 20px;
  vertical-align: top;
  text-indent: 0;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: .2em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-shopSearch__searchButton,
    .glb-shopSearch__searchButton2 {
      height: 40px; } }
  @media print, screen and (min-width: 751px) {
    .glb-shopSearch__searchButton:hover,
    .glb-shopSearch__searchButton2:hover {
      background-color: #297878; } }

.glb-shopSearch__searchButton2 {
  height: 40px; }

.glb-shopSearch__otherBtn,
.glb-shopSearch__otherBtn2 {
  margin-bottom: 15px; }
  .glb-shopSearch__otherBtn .glb-btnFlat,
  .glb-shopSearch__otherBtn2 .glb-btnFlat {
    width: 100%; }
  .glb-shopSearch__otherBtn .glb-btnInner,
  .glb-shopSearch__otherBtn2 .glb-btnInner {
    padding: 0; }
  .glb-shopSearch__otherBtn .icon-arrow,
  .glb-shopSearch__otherBtn2 .icon-arrow {
    display: inline-block;
    padding: 12px 10px 12px 24px;
    background: url(/assets/img/icon/arrow_c_white.png) no-repeat left center;
    background-size: 16px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-shopSearch__otherBtn .glb-btnInner,
    .glb-shopSearch__otherBtn2 .glb-btnInner {
      letter-spacing: 0;
      font-size: 1.4rem; } }
  @media screen and (min-width: 0px) and (max-width: 320px) {
    .glb-shopSearch__otherBtn .glb-btnInner,
    .glb-shopSearch__otherBtn2 .glb-btnInner {
      font-size: 1.2rem; } }
  @media print, screen and (min-width: 751px) {
    .glb-shopSearch__otherBtn,
    .glb-shopSearch__otherBtn2 {
      margin-bottom: 17px; }
      .glb-shopSearch__otherBtn .glb-btnFlat,
      .glb-shopSearch__otherBtn2 .glb-btnFlat {
        width: 296px; }
      .glb-shopSearch__otherBtn .glb-btnFlat:hover,
      .glb-shopSearch__otherBtn2 .glb-btnFlat:hover {
        background-color: #297878; } }

.glb-shopSearch__otherBtn2 {
  width: 100%; }
  .glb-shopSearch__otherBtn2 .icon-arrow {
    padding: 12px 10px 12px 24px; }
  .glb-shopSearch__otherBtn2 .glb-btnFlat {
    width: 100%; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-shopSearch__otherBtn2:last-child {
      margin-bottom: 0; } }
  @media print, screen and (min-width: 751px) {
    .glb-shopSearch__otherBtn2 {
      float: left;
      width: calc(50% - 30px);
      margin-right: 20px;
      margin-bottom: 0; }
      .glb-shopSearch__otherBtn2 .icon-arrow {
        padding: 20px 10px 20px 24px; }
      .glb-shopSearch__otherBtn2:last-child {
        margin-right: 0; } }

.glb-shopSearch__banner2 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px; }
  .glb-shopSearch__banner2 img {
    width: 100%; }
  @media print, screen and (min-width: 751px) {
    .glb-shopSearch__banner2 {
      margin-top: 30px;
      width: 430px; } }

/* -----------------------------------------
  #CMSインデックスページ・ナビゲーション
*/
@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-sideNavContainer,
  .glb-sideNavContainer2 {
    margin: 40px 15px 0; } }

@media print, screen and (min-width: 751px) {
  .glb-sideNavContainer,
  .glb-sideNavContainer2 {
    width: 216px;
    float: left; } }

@media print, screen and (min-width: 751px) {
  .glb-sideNavContainer2 {
    width: 230px; } }

.glb-categoryNav {
  margin-bottom: 30px; }

.glb-categoryNav__title {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 10px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-categoryNav__title {
      font-size: 1.2rem; } }

.glb-categoryNav__list > li {
  margin-bottom: 5px; }

.glb-categoryNav__list > li.is-current > a {
  color: #fff;
  background: #235858; }

.glb-categoryNav__list > li > a {
  display: block;
  border: 1px solid #235858;
  padding: 13px 13px 13px 15px;
  line-height: 1;
  color: #235858;
  background: url(/assets/img/icon/arrow_d_green.png) no-repeat right 12px center;
  background-size: 5px auto; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-categoryNav__list > li > a {
    font-size: 1.2rem; } }

@media print, screen and (min-width: 751px) {
  .glb-categoryNav__list > li > a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } }

.glb-categoryNav2 {
  margin: 7px 0; }
  .glb-categoryNav2 > li > a {
    display: block;
    color: #235858;
    font-size: 1.3rem;
    line-height: 1;
    padding: 5px 0 5px 15px;
    background: url(/assets/img/icon/arrow_d_green.png) no-repeat right 12px center;
    background-size: 5px auto; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-categoryNav2 > li > a {
      font-size: 1.2rem; } }

/* -----------------------------------------
  #CMSインデックスページ・コンテンツリスト
*/
.glb-indexListContainer,
.glb-indexListContainer2 {
  /*margin-bottom: 70px;*/ }
  @media print, screen and (min-width: 751px) {
    .glb-indexListContainer,
    .glb-indexListContainer2 {
      width: 714px;
      float: right; } }

@media print, screen and (min-width: 751px) {
  .glb-indexListContainer2 {
    width: 700px; } }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-indexList,
  .glb-indexList--2col {
    margin: 0 15px;
    margin-bottom: 30px; } }

@media print, screen and (min-width: 751px) {
  .glb-indexList,
  .glb-indexList--2col {
    padding-top: 23px;
    margin-bottom: 40px; } }

.glb-indexList--2col:after {
  content: "";
  clear: both;
  display: block; }

@media print, screen and (min-width: 751px) {
  .glb-indexList--2col {
    padding-top: 0; } }

.glb-indexListItem,
.glb-indexListItem--shop {
  border: 5px solid #bbd7d7;
  background: #f5f5f5;
  margin-bottom: 20px; }
  .glb-indexListItem > a,
  .glb-indexListItem--shop > a {
    display: block; }
  @media print, screen and (min-width: 751px) {
    .glb-indexListItem,
    .glb-indexListItem--shop {
      margin-bottom: 30px; }
      .glb-indexListItem:after,
      .glb-indexListItem--shop:after {
        content: "";
        clear: both;
        display: block; }
      .glb-indexListItem:hover,
      .glb-indexListItem--shop:hover {
        border: 5px solid #235858; }
        .glb-indexListItem:hover .glb-indexListItem__text,
        .glb-indexListItem--shop:hover .glb-indexListItem__text {
          color: #000; } }

.glb-indexListItem--shop > a {
  padding: 15px; }

@media print, screen and (min-width: 751px) {
  .glb-indexListItem--shop {
    width: calc(50% - 20px);
    float: left;
    margin-bottom: 20px; }
    .glb-indexListItem--shop > a {
      padding: 20px; }
    .glb-indexListItem--shop:nth-child(2n-1) {
      margin-right: 20px; } }

.glb-indexListItem__text,
.glb-indexListItem__text--shop {
  padding: 15px; }
  @media print, screen and (min-width: 751px) {
    .glb-indexListItem__text,
    .glb-indexListItem__text--shop {
      padding: 15px 20px;
      float: left;
      width: 488px; } }

.glb-indexListItem__text--shop {
  padding: 0; }
  @media print, screen and (min-width: 751px) {
    .glb-indexListItem__text--shop {
      width: auto;
      float: none; } }

.glb-indexListItem__pict,
.glb-indexListItem__pict--shop {
  overflow: hidden; }
  .glb-indexListItem__pict img,
  .glb-indexListItem__pict--shop img {
    width: 100%;
    height: 62vw;
    -o-object-fit: contain;
       object-fit: contain;
    font-family: 'object-fit: contain;'; }
  @media print, screen and (min-width: 751px) {
    .glb-indexListItem__pict,
    .glb-indexListItem__pict--shop {
      width: 216px;
      float: right; }
      .glb-indexListItem__pict img,
      .glb-indexListItem__pict--shop img {
        height: 156px; } }

.glb-indexListItem__pict--shop {
  margin-bottom: 15px; }
  @media print, screen and (min-width: 751px) {
    .glb-indexListItem__pict--shop {
      float: none;
      width: auto; } }

.glb-indexListItem__category {
  font-size: 0;
  margin-bottom: 10px; }
  .glb-indexListItem__category > li {
    font-size: 1.2rem;
    background: #235858;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 1;
    /*vertical-align: baseline;*/
    padding: 4px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-indexListItem__category {
      padding: 2px;
      margin-bottom: 5px; } }

p.glb-indexListItem__category {
  font-size: 1.2rem;
  background: #235858;
  display: inline-block;
  line-height: 1;
  color: #fff;
  margin-bottom: 10px;
  padding: 4px;
  /*vertical-align: baseline;*/
  margin-right: 7px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    p.glb-indexListItem__category {
      margin-bottom: 7px; } }

.glb-indexListItem__term {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 5px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-indexListItem__term {
      display: block;
      margin-bottom: 7px;
      font-size: 1.2rem; } }

.glb-indexListItem__date {
  font-size: 1.2rem;
  color: #235858;
  line-height: 1;
  margin-bottom: 10px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-indexListItem__date {
      margin-bottom: 7px; } }

.glb-indexListItem__title {
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 8px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-indexListItem__title {
      margin-bottom: 5px; } }

.glb-indexListItem__summary {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.5; }

.glb-indexListItem__more {
  border: 1px solid #235858;
  margin-top: 20px;
  background: url(/assets/img/icon/arrow_a_green.png) no-repeat right 10px center;
  background-size: 5px auto; }
  .glb-indexListItem__more .glb-btnInner {
    letter-spacing: 0;
    font-size: 1.3rem;
    color: #235858; }
  @media print, screen and (min-width: 751px) {
    .glb-indexListItem__more {
      width: 154px;
      margin-left: auto;
      margin-right: auto; } }

/* -----------------------------------------
  #ページャー
*/
.glb-pager {
  text-align: center;
  margin-bottom: 20px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-pager {
      margin-bottom: 15px; } }

/*.glb-pager__prev,
.glb-pager__next {
  display: inline-block;
  line-height: 1;
  width: 20px;

  background: url(/assets/img/icon/arrow_e_green.png) no-repeat center center;
  background-size: 8px auto;
  >a {
    padding: 8px 0;
    width: 30px;
  }
}*/
.glb-pager__list li {
  vertical-align: bottom; }

.glb-pager__list .prev,
.glb-pager__list .next {
  font-size: 0; }
  .glb-pager__list .prev.is-disabled,
  .glb-pager__list .next.is-disabled {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none !important; }

.glb-pager__list .prev {
  margin-right: 10px;
  background: url(/assets/img/icon/arrow_e_green.png) no-repeat center center;
  background-size: 8px auto; }

.glb-pager__list .next {
  margin-left: 10px;
  background: url(/assets/img/icon/arrow_d_green.png) no-repeat center center;
  background-size: 8px auto; }

.glb-pager__list .ellipse {
  border: none; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-pager__list .prev {
    margin-right: 0; }
  .glb-pager__list .next {
    margin-left: 0; } }

.glb-pager__prev {
  margin-right: 20px; }

.glb-pager__next {
  margin-left: 20px;
  background-image: url(/assets/img/icon/arrow_d_green.png); }

.glb-pager__list {
  display: inline-block; }
  .glb-pager__list > li {
    display: inline-block;
    margin-right: 5px; }
  .glb-pager__list > li a,
  .glb-pager__list > li span {
    display: inline-block;
    padding: 8px 0;
    width: 30px;
    height: 30px;
    border: 1px solid #235858;
    line-height: 1; }
  .glb-pager__list .current {
    color: #fff;
    background: #235858; }
  .glb-pager__list .current.prev,
  .glb-pager__list .current.next {
    background: none; }
  .glb-pager__list .prev, .glb-pager__list .next {
    border: none; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-pager__list > li {
      margin-right: 2px; } }
  @media screen and (min-width: 0px) and (max-width: 320px) {
    .glb-pager__list > li {
      width: 27px; } }

/* -----------------------------------------
  #CMS記事
*/
.glb-articleContainer {
  margin-top: 40px; }
  .glb-articleContainer:after {
    content: "";
    clear: both;
    display: block; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-articleContainer {
      margin: 20px 15px; } }

.glb-articleMain {
  margin: 20px 0; }
  .glb-articleMain h1, .glb-articleMain h2, .glb-articleMain h3, .glb-articleMain h4, .glb-articleMain h5, .glb-articleMain h6 {
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 1em; }
  .glb-articleMain h1 {
    font-size: 2.4rem; }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-articleMain h1 {
        font-size: 1.8rem; } }
  .glb-articleMain h2 {
    font-size: 2.2rem; }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-articleMain h2 {
        font-size: 1.7rem; } }
  .glb-articleMain h3 {
    font-size: 2.0rem; }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-articleMain h3 {
        font-size: 1.65rem; } }
  .glb-articleMain h4 {
    font-size: 1.8rem; }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-articleMain h4 {
        font-size: 1.55rem; } }
  .glb-articleMain h5 {
    font-size: 1.6rem; }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-articleMain h5 {
        font-size: 1.5rem; } }
  .glb-articleMain h6 {
    font-size: 1.4rem; }
  .glb-articleMain p {
    margin-bottom: 1em;
    line-height: 2;
    overflow: hidden; }
  .glb-articleMain p > img {
    display: block;
    margin: 0 auto;
    margin-bottom: 2em; }
  .glb-articleMain p > img.is-horizontal {
    /*width: 80% !important;
    height: auto;
    max-width: 800px;
    @include mq-pc {
      width: auto;
    }*/ }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-articleMain p > img.is-horizontal {
        width: 80% !important;
        height: auto !important; } }
  .glb-articleMain p > img.is-vertical {
    /*height: 60vh;*/
    /*max-height: 680px;
    @include mq-pc {
      height: auto;
    }*/ }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-articleMain p > img.is-vertical {
        width: auto !important;
        height: 60vh !important; } }
  .glb-articleMain strong {
    font-weight: bold; }
  .glb-articleMain em {
    font-style: italic; }
  .glb-articleMain img {
    display: inline-block; }
  @media print, screen and (min-width: 751px) {
    .glb-articleMain {
      margin: 40px 0 60px; }
      .glb-articleMain p {
        font-size: 1.4rem; } }

.glb-articleInfo {
  margin-top: 20px;
  position: relative; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-articleInfo {
      margin-top: 12px; } }

.glb-articleInfo__category,
.glb-articleInfo__date {
  display: inline-block;
  line-height: 1;
  font-size: 1.2rem;
  margin-right: 5px; }

.glb-articleInfo__category {
  background: #235858;
  color: #fff;
  font-weight: bold;
  padding: 4px 7px;
  margin-bottom: 5px; }

.glb-articleInfo__date {
  color: #235858; }

.glb-articleInfo__term {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.3rem; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-articleInfo__term {
      margin-top: 7px;
      position: relative; } }

/* -----------------------------------------
    #記事下部ナビゲーション
  */
.glb-articleNav {
  position: relative;
  height: 90px; }
  .glb-articleNav:after {
    content: "";
    clear: both;
    display: block; }

.glb-articleNav__prev,
.glb-articleNav__next,
.glb-articleNav__index {
  border: 1px solid #235858; }
  .glb-articleNav__prev > a,
  .glb-articleNav__next > a,
  .glb-articleNav__index > a {
    display: block;
    height: 40px;
    padding: 12px 0 0 0;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: normal; }
  @media print, screen and (min-width: 751px) {
    .glb-articleNav__prev > a,
    .glb-articleNav__next > a,
    .glb-articleNav__index > a {
      font-size: 1.4rem; } }

.glb-articleNav__prev {
  width: calc(50% - 5px);
  float: left;
  background: url(/assets/img/icon/arrow_b_black.png) no-repeat left 10px center;
  background-size: 5px auto; }
  @media print, screen and (min-width: 751px) {
    .glb-articleNav__prev {
      width: 350px; } }

.glb-articleNav__next {
  width: calc(50% - 5px);
  float: right;
  background: url(/assets/img/icon/arrow_a_black.png) no-repeat right 10px center;
  background-size: 5px auto; }
  @media print, screen and (min-width: 751px) {
    .glb-articleNav__next {
      width: 350px; } }

.glb-articleNav__index {
  border: 1px solid #235858;
  position: absolute;
  top: 50px;
  width: 185px;
  left: calc(50% - 92px); }
  @media print, screen and (min-width: 751px) {
    .glb-articleNav__index {
      top: 0;
      width: 230px;
      left: calc(50% - 115px); } }

/* -----------------------------------------
  #ページ下部導線ボタン
*/
.glb-bottomBtnList {
  text-align: center;
  margin: 60px 0; }
  .glb-bottomBtnList > li {
    display: inline-block;
    font-size: 1.3rem; }
    .glb-bottomBtnList > li:nth-child(n+2) {
      margin-left: 10px; }
    .glb-bottomBtnList > li .glb-btnFramed {
      display: inline-block; }
    .glb-bottomBtnList > li .glb-btnInner {
      padding: 10px 30px;
      letter-spacing: 0; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-bottomBtnList {
      margin: 30px 0; }
      .glb-bottomBtnList > li {
        font-size: 1.2rem;
        margin-bottom: 5px; }
        .glb-bottomBtnList > li .glb-btnInner {
          padding: 10px 20px; } }

/* -----------------------------------------
  #サイドナビ検索エリア
*/
.glb-sideSearchBlock--input {
  margin-top: 30px; }

.glb-sideSearchBlock__title {
  background: #235858;
  color: #fff;
  font-size: 1.4rem;
  padding: 12px 10px;
  line-height: 1;
  position: relative; }
  .glb-sideSearchBlock__title .icon-search {
    padding: 4px 0;
    background: url(/assets/img/icon/search_w.png) no-repeat left center;
    background-size: 16px auto;
    padding-left: 24px; }
  .glb-sideSearchBlock__title .icon-accr {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 10px;
    top: 10px;
    background: url(/assets/img/icon/accr_close.png) no-repeat center center #fff;
    background-size: contain; }
    .glb-sideSearchBlock__title .icon-accr.is-active {
      background-image: url(/assets/img/icon/accr_open.png); }

.glb-sideSearchBlock__content {
  padding: 16px 13px;
  background: #f7f7f7;
  border-left: 1px solid #d2e0e0;
  border-right: 1px solid #d2e0e0; }

.glb-sideSearchBlock__content--topBorder {
  background: url(/assets/img/common/border_dotted.png) repeat-x top left #f7f7f7;
  background-size: auto 1px; }

.glb-sideSearchBlock__content--bottom {
  border-bottom: 1px solid #d2e0e0; }

/* -----------------------------------------
  #ページキャッチコピー
*/
.glb-pageCatch,
.glb-pageCatch--spcenter {
  font-size: 2.8rem;
  color: #235858;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: .15em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-pageCatch,
    .glb-pageCatch--spcenter {
      text-align: left;
      font-size: 2.1rem;
      margin-bottom: 15px;
      line-height: 1.5; } }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-pageCatch--spcenter {
    text-align: center; } }

.glb-pageLead {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 30px;
  line-height: 2.2; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-pageLead {
      text-align: left;
      margin-bottom: 20px; } }

/* ----------------------------------
  #キャンペーン
*/
.glb-campaign {
  background: url(/assets/img/common/campaign_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 35px 0;
  margin-bottom: 35px; }
  @media print, screen and (min-width: 751px) {
    .glb-campaign {
      padding: 50px 0;
      margin-bottom: 60px; } }

.glb-campaign-container:after {
  content: "";
  clear: both;
  display: block; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-campaign-container {
    margin: 0 15px; } }

@media print, screen and (min-width: 751px) {
  .glb-campaign-head {
    width: 520px;
    float: left;
    margin-bottom: 10px; } }

@media print, screen and (min-width: 751px) {
  .glb-campaign-text {
    width: 520px;
    float: left;
    margin-right: 30px; } }

.glb-campaign-pict {
  margin-bottom: 15px; }
  .glb-campaign-pict img {
    width: 100%; }
  @media print, screen and (min-width: 751px) {
    .glb-campaign-pict {
      margin-bottom: 0;
      width: 410px;
      float: right; } }

.glb-campaign__title {
  font-size: 1.9rem;
  line-height: 1.3;
  margin-bottom: 10px;
  font-weight: bold; }
  @media print, screen and (min-width: 751px) {
    .glb-campaign__title {
      font-size: 2.2rem; } }

.glb-campaign__term {
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: bold; }
  @media print, screen and (min-width: 751px) {
    .glb-campaign__term {
      margin-bottom: 20px;
      font-size: 1.4rem; } }

.glb-campaign__lead {
  font-size: 1.4rem;
  margin-bottom: 20px; }
  @media print, screen and (min-width: 751px) {
    .glb-campaign__lead {
      font-size: 1.4rem; } }

.glb-campaign__button {
  margin-bottom: 15px; }
  .glb-campaign__button .glb-btnInner {
    padding: 0; }
  .glb-campaign__button .icon-arrow,
  .glb-campaign__button .icon-pdf {
    display: inline-block;
    padding: 12px 10px 12px 24px;
    background: url(/assets/img/icon/arrow_c_white.png) no-repeat left center;
    background-size: 16px; }
  .glb-campaign__button .icon-pdf {
    padding: 12px 10px 12px 30px;
    background: url(/assets/img/icon/pdf.png) no-repeat left center;
    background-size: 24px auto; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-campaign__button .glb-btnFlat {
      width: 100%; }
    .glb-campaign__button .glb-btnInner {
      letter-spacing: 0;
      font-size: 1.4rem; } }
  @media print, screen and (min-width: 751px) {
    .glb-campaign__button {
      margin-bottom: 17px; }
      .glb-campaign__button .glb-btnFlat {
        padding: 0 20px; }
      .glb-campaign__button .glb-btnFlat:hover {
        background-color: #297878; } }

/* ----------------------------------
  #事業紹介エリア
*/
.glb-businessArea {
  padding: 70px 0 20px;
  background: #e4e4e4; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-businessArea {
      padding: 30px 0; } }
  @media print, screen and (min-width: 751px) {
    .glb-businessArea {
      margin-bottom: 70px; } }

.glb-business__list:after {
  content: "";
  clear: both;
  display: block; }

.glb-business__list > li {
  position: relative;
  float: left;
  background: #fff; }
  .glb-business__list > li.is-current {
    background: none; }
    .glb-business__list > li.is-current:after {
      display: none; }
  .glb-business__list > li:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 5px;
    background: #235858; }
  .glb-business__list > li img {
    width: 100%; }
  .glb-business__list > li .list-label {
    position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
    z-index: 10; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-business__list {
    margin: 0 15px; }
    .glb-business__list > li {
      width: calc(50% - 8px);
      margin-right: 15px;
      margin-bottom: 15px; }
      .glb-business__list > li:nth-child(2n) {
        margin-right: 0; }
      .glb-business__list > li:after {
        height: 4px; }
      .glb-business__list > li .list-label {
        bottom: 15px; } }

@media screen and (min-width: 0px) and (max-width: 320px) {
  .glb-business__list > li .list-label {
    font-size: 1.0rem; } }

@media print, screen and (min-width: 751px) {
  .glb-business__list > li {
    width: calc(25% - 23px);
    margin-right: 30px;
    margin-bottom: 30px; }
    .glb-business__list > li:nth-child(4n) {
      margin-right: 0; } }

.glb-heading__more.pg-more-sp {
  display: none; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-heading__more.pg-more-sp {
      display: block;
      position: relative;
      margin: 20px auto;
      width: 80px; }
      .glb-heading__more.pg-more-sp:after {
        top: 15px; }
      .glb-heading__more.pg-more-sp .glb-btnInner {
        padding: 10px; } }

.iziModal {
  top: 70px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .iziModal {
      top: 0; } }

/* ==========================================================================

   #ボタンモジュール

   ex)
	<div class="glb-btnFlat--xx">
		<span class="glb-btnInner">ボタン</span>
	</div>
	<div class="glb-btnFlat--xx glb-btn--size-p2">
		<a class="glb-btnInner" href="">ボタン</a>
	</div>

 */
/* --------------------------------------------------------------------
  #ベース
 */
.glb-btn {
  display: inline-block; }
  .glb-btn a:link {
    text-decoration: none; }
  .glb-btn a:hover {
    text-decoration: none; }
  .glb-btn a:visited {
    text-decoration: none; }
  .glb-btn .glb-btn-inner {
    display: block; }
  .glb-btn .glb-btn-icon {
    display: inline-block;
    line-height: 1em; }

/* --------------------------------------------------------------------
  #インナー
 */
.glb-btnInner {
  display: block;
  line-height: 1;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  letter-spacing: .2em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-btnInner {
      padding: 10px; } }

a.glb-btnInner {
  color: #fff; }

/* --------------------------------------------------------------------
  #フラットスタイル
 */
.glb-btnFlat,
.glb-btnSubmit {
  display: inline-block;
  background: #235858;
  color: #fff; }
  .glb-btnFlat a:link,
  .glb-btnSubmit a:link {
    text-decoration: none; }
  .glb-btnFlat a:hover,
  .glb-btnSubmit a:hover {
    text-decoration: none; }
  .glb-btnFlat a:visited,
  .glb-btnSubmit a:visited {
    text-decoration: none; }

.glb-btnSubmit {
  width: 160px;
  position: relative; }
  .glb-btnSubmit .glb-btnInner {
    padding: 15px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1; }
  .glb-btnSubmit:after {
    content: "";
    height: 1px;
    width: 13px;
    position: absolute;
    right: 0;
    top: 22px;
    display: block;
    background: #fff; }
  @media print, screen and (min-width: 751px) {
    .glb-btnSubmit:hover .glb-btnInner {
      background: #297878; } }

/* --------------------------------------------------------------------
  #フレームスタイル
 */
.glb-btnFramed {
  /*background: #fff;*/
  border: 1px solid #000; }
  .glb-btnFramed a:link {
    text-decoration: none; }
  .glb-btnFramed a:hover {
    text-decoration: none; }
  .glb-btnFramed a:visited {
    text-decoration: none; }
  .glb-btnFramed .btn-inner, .glb-btnFramed a {
    color: #000; }
  @media print, screen and (min-width: 751px) {
    .glb-btnFramed:hover {
      border: 1px solid #333; }
      .glb-btnFramed:hover .btn-inner, .glb-btnFramed:hover a {
        color: #333; } }
  .glb-btnFramed .icon-arrow-r {
    background: url(/assets/img/icon/arrow_a_black.png) no-repeat right 10px center;
    background-size: 5px auto; }
  .glb-btnFramed .icon-arrow-l {
    background: url(/assets/img/icon/arrow_b_black.png) no-repeat left 10px center;
    background-size: 5px auto; }

.glb-btnFramed--sky {
  border: 2px solid #3db4d0; }
  .glb-btnFramed--sky .btn-inner, .glb-btnFramed--sky a {
    color: #3db4d0; }
  @media print, screen and (min-width: 751px) {
    .glb-btnFramed--sky:hover {
      border: 2px solid #4bccdf; } }

.glb-btn--cornerArrow {
  position: relative; }
  .glb-btn--cornerArrow:after {
    position: absolute;
    content: "";
    display: block;
    right: 0;
    bottom: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #3db4d0;
    border-bottom: 5px solid #3db4d0;
    border-left: 5px solid transparent; }
  @media print, screen and (min-width: 751px) {
    .glb-btn--cornerArrow:hover:after {
      border-right: 5px solid #4bccdf;
      border-bottom: 5px solid #4bccdf; } }

/* --------------------------------------------------------------------
  #ボタンサイズ
  size-p0 小
  size-p1 中
  size-p2 大
  ※微調整予定...
 */
.glb-btn--size-p0 .glb-btnInner {
  padding: 16px 10px;
  font-size: 1.4rem; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-btn--size-p0 .glb-btnInner {
    padding: 12px 5px;
    font-size: 1.1rem; } }

.glb-btn--size-p1 .glb-btnInner {
  padding: 22px;
  font-size: 1.6rem; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-btn--size-p1 .glb-btnInner {
    padding: 15px 5px;
    font-size: 1.3rem; } }

.glb-btn--size-p2 .glb-btnInner {
  padding: 25px;
  font-size: 1.8rem; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-btn--size-p2 .glb-btnInner {
    padding: 17px 5px;
    font-size: 1.4rem; } }

/* ====================================================================

  #見出しモジュール

 */
.glb-headingWrap {
  position: relative; }
  @media print, screen and (min-width: 751px) {
    .glb-headingWrap {
      width: 960px;
      margin-left: auto;
      margin-right: auto; } }

.glb-heading1 {
  text-align: center;
  line-height: 1;
  letter-spacing: .2em; }
  .glb-heading1 .en {
    display: block;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    color: #235858; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-heading1 {
      font-size: 2.2rem;
      margin-bottom: 25px; }
      .glb-heading1 .en {
        font-size: 1rem;
        margin-top: 9px; } }
  @media print, screen and (min-width: 751px) {
    .glb-heading1 {
      font-size: 2.5rem;
      margin-bottom: 40px; }
      .glb-heading1 .en {
        font-size: 1.2rem;
        margin-top: 12px; } }

.glb-heading2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.2; }
  @media print, screen and (min-width: 751px) {
    .glb-heading2 {
      font-size: 2.7rem;
      margin-bottom: 40px; } }

.glb-heading3,
.glb-heading3--green {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.2;
  border-bottom: 2px solid #235858;
  padding-bottom: 13px; }
  @media print, screen and (min-width: 751px) {
    .glb-heading3,
    .glb-heading3--green {
      font-size: 2.5rem;
      margin-bottom: 40px; } }
  .glb-heading3 .icon-shop,
  .glb-heading3--green .icon-shop {
    display: inline-block;
    background: url(/assets/img/icon/shop.png) no-repeat left top;
    background-size: 28px;
    padding-left: 34px; }
  .glb-heading3 .icon-ribbon,
  .glb-heading3--green .icon-ribbon {
    display: inline-block;
    background: url(/assets/img/icon/ribbon.png) no-repeat left top;
    background-size: 28px;
    padding-left: 34px; }

.glb-heading3--green {
  color: #235858; }

.glb-heading4,
.glb-heading4--green {
  border-bottom: 1px solid #235858;
  line-height: 1.3;
  font-size: 1.7rem;
  font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 20px; }
  @media print, screen and (min-width: 751px) {
    .glb-heading4,
    .glb-heading4--green {
      font-size: 2.0rem;
      margin-bottom: 30px;
      padding-bottom: 10px; } }
  .glb-heading4 .icon-shop,
  .glb-heading4--green .icon-shop {
    background: url(/assets/img/icon/shop.png) no-repeat left center;
    background-size: 28px auto;
    padding-left: 34px; }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-heading4 .icon-shop,
      .glb-heading4--green .icon-shop {
        background-size: 22px auto;
        padding-left: 30px; } }
  .glb-heading4 .icon-ribbon,
  .glb-heading4--green .icon-ribbon {
    background: url(/assets/img/icon/ribbon.png) no-repeat left center;
    background-size: 28px auto;
    padding-left: 34px; }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-heading4 .icon-ribbon,
      .glb-heading4--green .icon-ribbon {
        background-size: 22px auto;
        padding-left: 30px; } }
  .glb-heading4 .icon-present,
  .glb-heading4--green .icon-present {
    background: url(/assets/img/icon/present_green.png) no-repeat left center;
    background-size: 28px auto;
    padding: 3px 0 3px 34px; }
    @media only screen and (min-width: 0px) and (max-width: 750px) {
      .glb-heading4 .icon-present,
      .glb-heading4--green .icon-present {
        background-size: 22px auto;
        padding-left: 30px; } }

.glb-heading4--green {
  color: #235858; }

.glb-heading5 {
  border-bottom: 1px solid #235858;
  line-height: 1; }
  .glb-heading5 .inner {
    display: inline-block;
    font-size: 1.8rem;
    background: #235858;
    padding: 12px 20px;
    color: #fff;
    letter-spacing: .1em; }
  .glb-heading5 .sub {
    font-size: 1.5rem; }
  .glb-heading5 .icon-search {
    background: url(/assets/img/icon/search_w.png) no-repeat left center;
    background-size: 16px auto;
    padding-left: 24px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-heading5 .inner {
      font-size: 1.5rem;
      padding: 10px 12px; }
    .glb-heading5 .sub {
      font-size: 1.2rem; } }

.glb-heading6 {
  line-height: 1; }
  .glb-heading6 .inner {
    background: #235858;
    font-size: 1.3rem;
    display: inline-block;
    line-height: 1;
    font-weight: bold;
    padding: 5px 10px;
    color: #fff; }

.glb-heading7 {
  line-height: 1;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  text-align: center; }
  .glb-heading7 .inner {
    display: inline-block;
    padding: 0 10px 8px;
    border-bottom: 2px solid #333; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-heading7 {
      font-size: 1.5rem;
      margin-bottom: 15px; } }

.glb-heading8 {
  line-height: 1;
  font-size: 2.0rem;
  color: #235858;
  margin-bottom: 30px;
  border-bottom: 1px solid #235858;
  padding-bottom: 10px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-heading8 {
      font-size: 1.8rem;
      margin-bottom: 15px; } }

.glb-heading-sub1,
.glb-heading-sub1--green {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 7px; }

.glb-heading-sub1--green {
  color: #235858; }

.glb-heading-sub2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 7px; }

.glb-heading__more {
  position: absolute;
  right: 0;
  bottom: 0; }
  .glb-heading__more:after {
    content: "";
    height: 1px;
    width: 13px;
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
    background: #000; }
  .glb-heading__more .glb-btnInner {
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    border: 1px solid #000;
    color: #000;
    padding: 5px 20px 5px 8px;
    letter-spacing: .2em;
    font-size: 1rem; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-heading__more {
      display: none; }
      .glb-heading__more .glb-btnInner {
        padding: 5px 16px 7px 12px !important;
        font-size: 1.5rem; } }

/* ==========================================================================

	#テキストモジュールとユーティリティ

	36　コピー
	27　 H1相当　ページタイトル
	25　 H2相当　コピー・見出しおよびラベル
	24　 H3相当　見出しおよびラベル
	20　コピー・中見出し・ラベル
	18　本文：大・ラベル
	16　本文：中
	14　本文：小を使用しています。
	12　最小（注文など一部のみ）

 */
/* -------------------------------------------------------------------------
	本文指定
*/
.u-lead-l {
  font-size: 1.6rem;
  margin-bottom: 1em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .u-lead-l {
      font-size: 1.4rem; } }

.u-lead {
  font-size: 1.4rem;
  margin-bottom: 1em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .u-lead {
      font-size: 1.3rem; } }

.u-lead-s {
  font-size: 1.3rem;
  margin-bottom: 1em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .u-lead-s {
      font-size: 1.3rem; } }

/*註釈*/
.u-notice {
  font-size: 1.2rem; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .u-notice {
      font-size: 1.1rem; } }

.u-marunum {
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 3px 0 0 0;
  text-align: center;
  line-height: 1;
  background: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 1.1rem; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .u-marunum {
      width: 17px;
      height: 17px;
      padding: 4px 0 0 0;
      font-size: 1rem; } }

/* -------------------------------------------------------------------------
	サイズユーティリティ
	SPサイズへの対応未定のため未使用に（@17/11/08）
*/
/*
.u-text-p0 {
	font-size: $font-p0;
}
.u-text-p1 {
	font-size: $font-p1;
}

.u-text-p2 {
	font-size: $font-p2;
}

.u-text-p3 {
	font-size: $font-p3;
}

.u-text-p4 {
	font-size: $font-p4;
}

.u-text-p5 {
	font-size: $font-p5;
}

.u-text-p6 {
	font-size: $font-p6;
}
.u-text-p7 {
	font-size: $font-p7;
}
.u-text-m1 {
	font-size: $font-m1;
}
.u-text-m2 {
	font-size: $font-m2;
}
*/
/* -------------------------------------------------------------------------
	フォントファミリー
*/
.u-font-fjalla {
  font-family: "Fjalla One", serif; }

/* -------------------------------------------------------------------------
	ユーティリティmisc
*/
/*一字下げ*/
.u-indentText {
  padding-left: 1.2em;
  text-indent: -1.2em; }

.u-fontBold {
  font-weight: bold; }

.u-fontNormal {
  font-weight: normal; }

/* ==========================================================================

	#タブモジュール
	# ※未着手（@17/11/08）

 */
.glb-tabBtn {
  margin-bottom: 20px; }
  .glb-tabBtn:after {
    content: "";
    clear: both;
    display: block; }

.glb-tabBtn--col2 > li {
  width: calc(50% - 6px);
  margin-right: 12px; }

.glb-tabBtn--col3 > li {
  width: calc(33.3% - 8px);
  margin-right: 12px; }

.glb-tabBtn--col4 > li {
  width: calc(25% - 15px); }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-tabBtn--col4 > li {
    width: calc(33.3% - 8px);
    margin-bottom: 8px; }
  .glb-tabBtn--col4 > li:nth-child(3n) {
    margin-right: 0; } }

.glb-tabBtn--col5 > li {
  width: calc(20% - 10px);
  margin-right: 12px; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-tabBtn--col5 > li {
    width: calc(33.3% - 8px);
    margin-bottom: 8px; }
  .glb-tabBtn--col5 > li:nth-child(3n) {
    margin-right: 0; } }

.glb-tabBtn__item {
  font-size: 1.3rem;
  float: left;
  margin-right: 20px;
  border: 1px solid #235858;
  color: #235858;
  padding: 8px 10px;
  line-height: 1em;
  text-align: center;
  cursor: pointer;
  background: url(/assets/img/icon/arrow_anchor_green.png) no-repeat right 10px center;
  background-size: 8px auto; }
  .glb-tabBtn__item:last-child {
    margin-right: 0; }
  .glb-tabBtn__item.is-active {
    background-color: #bfcece;
    /*color: #fff;
		a:hover {
			color: #fff;
		}*/ }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-tabBtn__item {
      margin-right: 10px;
      background-position: right 5px center; } }

.glb-tabBtn__item:last-child {
  margin-right: 0; }

.prg-tabContent__item {
  display: none; }
  .prg-tabContent__item.is-active {
    display: block;
    animation: tabactive .8s; }

@keyframes tabactive {
  0% {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  30% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10000)"; } }

/* ==========================================================================

	#テーブルモジュール

 */
.glb-tableContent--normal {
  width: 100%;
  border-top: 1px solid #a5b5b5; }
  .glb-tableContent--normal th, .glb-tableContent--normal td {
    border-bottom: 1px solid #a5b5b5;
    line-height: 1.2;
    padding: 18px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4rem; }
  .glb-tableContent--normal th {
    background: #eff4f4;
    text-align: left;
    color: #235858;
    font-weight: bold; }
  .glb-tableContent--normal td {
    text-align: left; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-tableContent--normal th, .glb-tableContent--normal td {
      display: block;
      padding: 8px 10px;
      font-size: 1.3rem; }
    .glb-tableContent--normal th {
      border-bottom: none; } }

/* ==========================================================================

	#リストモジュール

 */
/* -------------------------------------------------------------------------
	ベースリスト
*/
.glb-list-basic, .glb-listLayout--block, .glb-listStyle--framed, .glb-listStyle--matgreen {
  margin-bottom: 2em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-list-basic, .glb-listLayout--block, .glb-listStyle--framed, .glb-listStyle--matgreen {
      margin-bottom: 1.5em; } }
  .glb-list-basic li, .glb-listLayout--block li, .glb-listStyle--framed li, .glb-listStyle--matgreen li {
    font-size: 1.4rem;
    line-height: 1.3;
    padding-top: 3px;
    padding-bottom: 3px; }
  .glb-list-basic .icon-pdf, .glb-listLayout--block .icon-pdf, .glb-listStyle--framed .icon-pdf, .glb-listStyle--matgreen .icon-pdf {
    padding-left: 34px;
    background: url(/assets/img/icon/pdf.png) no-repeat left center;
    background-size: 30px auto; }
  .glb-list-basic .icon-newwin, .glb-listLayout--block .icon-newwin, .glb-listStyle--framed .icon-newwin, .glb-listStyle--matgreen .icon-newwin {
    padding-left: 34px;
    background: url(/assets/img/icon/newwin.png) no-repeat left center;
    background-size: 30px auto; }
  .glb-list-basic .icon-arrow, .glb-listLayout--block .icon-arrow, .glb-listStyle--framed .icon-arrow, .glb-listStyle--matgreen .icon-arrow {
    padding-left: 14px;
    background: url(/assets/img/icon/arrow_a_black.png) no-repeat left center;
    background-size: 6px auto; }
  .glb-list-basic .icon-arrow2, .glb-listLayout--block .icon-arrow2, .glb-listStyle--framed .icon-arrow2, .glb-listStyle--matgreen .icon-arrow2 {
    padding-left: 14px;
    background: url(/assets/img/icon/arrow_d_green.png) no-repeat left center;
    background-size: 6px auto; }

.glb-list-table:after {
  content: "";
  clear: both;
  display: block; }

.glb-list-table dt, .glb-list-table dd {
  font-size: 1.6rem;
  padding: 20px 0; }

.glb-list-table dt:first-child, .glb-list-table dd:nth-child(2) {
  padding-top: 0; }

.glb-list-table dt {
  width: 25%;
  float: left;
  font-weight: bold; }

.glb-list-table dd {
  padding-left: 25%;
  border-bottom: 1px solid #e8e8e8; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-list-table dt, .glb-list-table dd {
    font-size: 1.4rem; } }

.glb-list-decimal li {
  margin-left: 1em;
  list-style-type: decimal; }

/* -------------------------------------------------------------------------
	リストレイアウト
*/
.glb-listLayout--block li {
  margin-bottom: 6px;
  display: block; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-listLayout--block li {
    margin-bottom: 4px; } }

.glb-listLayout--free li {
  margin-bottom: 10px;
  margin-right: 20px;
  display: inline-block; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-listLayout--free li {
    margin-right: 0;
    /*display: block;*/ } }

.glb-listLayout--col2 li,
.glb-listLayout--col3 li,
.glb-listLayout--col4 li {
  margin-bottom: 5px; }

@media print, screen and (min-width: 751px) {
  .glb-listLayout--col2:after,
  .glb-listLayout--col3:after,
  .glb-listLayout--col4:after {
    content: "";
    clear: both;
    display: block; }
  .glb-listLayout--col2 li,
  .glb-listLayout--col3 li,
  .glb-listLayout--col4 li {
    margin-bottom: 10px;
    float: left;
    margin-right: 10px; } }

@media print, screen and (min-width: 751px) {
  .glb-listLayout--col2 li {
    width: calc(50% - 5px); }
  .glb-listLayout--col2 li:nth-child(2n) {
    margin-right: 0; } }

@media print, screen and (min-width: 751px) {
  .glb-listLayout--col3 li {
    width: calc(33.3% - 7px); }
  .glb-listLayout--col3 li:nth-child(3n) {
    margin-right: 0; } }

@media print, screen and (min-width: 751px) {
  .glb-listLayout--col4 li {
    width: calc(25% - 8px); }
  .glb-listLayout--col4 li:nth-child(4n) {
    margin-right: 0; } }

/* -------------------------------------------------------------------------
	リストスタイル
*/
.glb-listStyle--framed {
  border: 2px solid #eee;
  background: #f5f5f5;
  padding: 15px 15px 5px 15px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-listStyle--framed {
      padding: 10px 10px 5px 10px; } }

.glb-listStyle--matgreen {
  background: #eff4f4;
  padding: 15px 15px 5px 15px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-listStyle--matgreen {
      padding: 10px 10px 5px 10px; } }

.glb-listStyle--disc {
  margin-left: 1em; }
  .glb-listStyle--disc > li {
    position: relative;
    padding-left: 1.3em; }
    .glb-listStyle--disc > li:before {
      position: absolute;
      left: 0;
      content: "●"; }

/* ==========================================================================

	#フォーム要素モジュール

 */
/* -------------------------------------------------------------------------
	基本スタイル
   -------------------------------------------------------------------------*/
input, textarea, select {
  font-size: 1.4rem;
  padding: 5px; }
  input.error, textarea.error, select.error {
    background-color: #fbdbd5; }

input[type=text] {
  background: #ecefef; }

button {
  cursor: pointer; }

label {
  cursor: pointer;
  letter-spacing: -0.05em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    label {
      font-size: 1.3rem; } }

/* -------------------------------------------------------------------------
	テキストボックス
   -------------------------------------------------------------------------*/
input::-webkit-input-placeholder {
  color: #999;
  font-size: 1.3rem;
  letter-spacing: .1em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    input::-webkit-input-placeholder {
      letter-spacing: 0; } }
  @media screen and (min-width: 0px) and (max-width: 320px) {
    input::-webkit-input-placeholder {
      font-size: 1rem; } }

input:-ms-input-placeholder {
  color: #999;
  font-size: 1.3rem;
  letter-spacing: .1em; }

input::-moz-placeholder {
  color: #999;
  font-size: 1.3rem;
  letter-spacing: .1em; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    input::-moz-placeholder {
      letter-spacing: 0; } }
  @media screen and (min-width: 0px) and (max-width: 320px) {
    input::-moz-placeholder {
      font-size: 1rem; } }

input[type=radio],
input[type=checkbox] {
  margin: 0;
  line-height: 1em; }

/* -------------------------------------------------------------------------
	セレクトボックス
   -------------------------------------------------------------------------*/
select {
  width: 100%;
  padding: 0 26px 0 8px;
  height: 40px;
  line-height: 1;
  background: #fff;
  border: 1px solid #ccc;
  background-image: url(/assets/img/icon/arrow_pulldown.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px auto; }

/* -------------------------------------------------------------------------
	チェックボックス
   -------------------------------------------------------------------------*/
input[type="checkbox"] {
  margin: 0;
  display: none; }

input[type=checkbox] + label:before {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  /*margin-left: -5px;*/
  content: "";
  background: #fff;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc; }

input[type=checkbox]:checked + label:before {
  background: url(/assets/img/icon/form_checked.png) no-repeat center center #fff;
  background-size: 20px auto; }

/* -------------------------------------------------------------------------
  インプット要素レイアウト
   -------------------------------------------------------------------------*/
.glb-input-list:after {
  content: "";
  clear: both;
  display: block; }

.glb-input-list > li {
  float: left;
  margin-bottom: 5px;
  margin-left: 2em;
  text-indent: -2em;
  line-height: 1.5;
  margin-right: 10px; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-input-list > li {
    margin-right: 8px; } }

@media print, screen and (min-width: 751px) {
  .glb-input-list > li {
    /*margin-right: 30px;*/
    margin-bottom: 8px; } }

/* -------------------------------------------------------------------------
	サイズユーティリティ
   -------------------------------------------------------------------------*/
/*
.u-input-s {
  width: 30%;
}

.u-input-m {
  width: 50%;
}

.u-input-l {
  width: 90%;
}

@include mq-sp {
  .u-input-s {
    width: 60%;
  }
  .u-input-m {
    width: 80%;
  }
  .u-input-l {
    width: 90%;
  }
}

.u-textarea-m {
  height: 200px;
}
*/
/* ==========================================================================

   ユーティリティモジュール

 */
/* -------------------------------------------------------------------------
	画像を100%に/100%を解除
	<img class="u-fit" src="xxx.jpg" />
*/
.u-fit {
  width: 100%;
  height: auto; }

.u-free {
  width: auto; }

/* -------------------------------------------------------------------------
	SPのみ、PCのみで改行させる
	<br class="u-spbr" />
	<br class="u-pcbr" />
*/
.u-spbr {
  display: none; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .u-spbr {
      display: block; } }

.u-pcbr {
  display: none; }
  @media print, screen and (min-width: 751px) {
    .u-pcbr {
      display: block; } }

.u-tdbr {
  display: none; }
  @media only screen and (max-width: 750px) {
    .u-tdbr {
      display: block; } }

/* -------------------------------------------------------------------------
	テキスト揃え
*/
.u-alignL {
  text-align: left; }

.u-alignR {
  text-align: right; }

.u-alignC {
  text-align: center; }

/* -------------------------------------------------------------------------
	フロート
*/
@media print, screen and (min-width: 751px) {
  .u-floatL {
    float: left; } }

@media print, screen and (min-width: 751px) {
  .u-floatR {
    float: right; } }

/* -------------------------------------------------------------------------
	position:relative
*/
.u-relative {
  position: relative; }

/* -------------------------------------------------------------------------
	縦書きテキスト
*/
.u-vertical-text {
  -webkit-font-feature-settings: 'pkna';
          font-feature-settings: 'pkna';
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl; }

/* -------------------------------------------------------------------------
	マージン調整
*/
.u-mt6 {
  margin-top: 6em !important; }

.u-mt5 {
  margin-top: 5em !important; }

.u-mt4 {
  margin-top: 4em !important; }

.u-mt3 {
  margin-top: 3em !important; }

.u-mt2 {
  margin-top: 2em !important; }

.u-mt1 {
  margin-top: 1em !important; }

.u-mt0 {
  margin-top: 0 !important; }

.u-mb0 {
  margin-bottom: 0 !important; }

.u-mb1 {
  margin-bottom: 1em !important; }

.u-mb2 {
  margin-bottom: 2em !important; }

.u-mb3 {
  margin-bottom: 3em !important; }

.u-mb4 {
  margin-bottom: 4em !important; }

.u-mb5 {
  margin-bottom: 5em !important; }

.u-mb6 {
  margin-bottom: 6em !important; }

/*追加 18/02/07　SP時共通マージンの設定*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
  .u-mt6 {
    margin-top: 3em !important; }
  .u-mt5 {
    margin-top: 2.5em !important; }
  .u-mt4 {
    margin-top: 2em !important; }
  .u-mt3 {
    margin-top: 1.5em !important; }
  .u-mt2 {
    margin-top: 1em !important; }
  .u-mt1 {
    margin-top: 0.5em !important; }
  .u-mt0 {
    margin-top: 0 !important; }
  .u-mb0 {
    margin-bottom: 0 !important; }
  .u-mb1 {
    margin-bottom: 0.5em !important; }
  .u-mb2 {
    margin-bottom: 1em !important; }
  .u-mb3 {
    margin-bottom: 1.5em !important; }
  .u-mb4 {
    margin-bottom: 2em !important; }
  .u-mb5 {
    margin-bottom: 2.5em !important; }
  .u-mb6 {
    margin-bottom: 3em !important; } }

/* -------------------------------------------------------------------------
	SP時のみ、ブロック要素へサイドのマージンを付与・トリ
*/
@media only screen and (min-width: 0px) and (max-width: 750px) {
  .u-spSideMargin {
    margin-right: 15px;
    margin-left: 15px; } }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .u-spNoSideMargin {
    margin-left: 0;
    margin-right: 0; } }

/* -------------------------------------------------------------------------
	インラインブロック
	<p>テキストの一部を<span class="u-inlineBlock">インラインブロックに設定します。</span></p>
*/
.u-inlineBlock {
  display: inline-block; }

/* -------------------------------------------------------------------------
	リスト要素のスタイル
*/
.u-listIndent li {
  font-size: 1.2rem;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.3em;
  margin-bottom: 0.3em; }

.u-listDisc li {
  list-style-type: disc;
  margin-bottom: 1em;
  margin-left: 1.2em; }

/* -------------------------------------------------------------------------
	PCレイアウト時に非表示
*/
.u-pcnone {
  display: none !important; }

.u-spnone {
  display: block !important; }

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .u-pcnone {
    display: block !important; }
  .u-spnone {
    display: none !important; } }

/* ==========================================================================

   #パンくずモジュール

 */
/* --------------------------------------------------------------------
  #パンくず
 */
.glb-breadCrumbsContainer {
  padding: 0 20px; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-breadCrumbsContainer {
      padding: 0 15px; } }
  @media print, screen and (min-width: 751px) {
    .glb-breadCrumbsContainer {
      margin-bottom: 40px; } }

.glb-breadCrumbs > li {
  margin-right: 7px;
  display: inline-block;
  line-height: 1.3;
  font-size: 1.1rem; }
  .glb-breadCrumbs > li a:link {
    text-decoration: none; }
  .glb-breadCrumbs > li a:hover {
    text-decoration: none; }
  .glb-breadCrumbs > li a:visited {
    text-decoration: none; }
  .glb-breadCrumbs > li a {
    color: #000;
    font-weight: normal; }

.glb-breadCrumbs > li:after {
  display: inline-block;
  content: "";
  margin-left: 10px;
  width: 5px;
  height: 8px;
  background: url(/assets/img/icon/arrow_d_gray.png) no-repeat left center;
  background-size: 5px auto;
  color: #333; }

.glb-breadCrumbs > li:last-child {
  margin-right: 0;
  color: #333; }
  .glb-breadCrumbs > li:last-child:after {
    display: none; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-breadCrumbs {
    margin-bottom: 30px;
    padding: 10px 0 0 0;
    /*>li:last-child {
      display: none;
    }*/ } }

@media print, screen and (min-width: 751px) {
  .glb-breadCrumbs {
    padding: 15px 0 35px; }
    .glb-breadCrumbs > li {
      font-size: 1.2rem; }
    .glb-breadCrumbs > li a:hover {
      color: #333; } }

/* ====================================================================

  #アンカーモジュール

 */
/* --------------------------------------------------------------------
  #ページ内アンカー
 */
.glb-pageAnchor {
  margin-bottom: 30px; }
  .glb-pageAnchor:after {
    content: "";
    clear: both;
    display: block; }
  @media print, screen and (min-width: 751px) {
    .glb-pageAnchor {
      text-align: center;
      margin-bottom: 60px; } }
  .glb-pageAnchor > li {
    /*padding: 15px 0;*/
    margin-right: 20px; }
  .glb-pageAnchor > li:last-child {
    margin-right: 0; }
  .glb-pageAnchor a {
    display: block;
    position: relative;
    line-height: 1;
    color: #000;
    padding: 12px;
    font-size: 1.4rem;
    font-weight: bold;
    border: 1px solid #333;
    background: url(/assets/img/icon/arrow_anchor.png) no-repeat right 10px center;
    background-size: 10px auto; }
  .glb-pageAnchor a:hover {
    color: #333; }
  .glb-pageAnchor .sub {
    font-size: 1.2rem;
    line-height: 1.5; }
  @media only screen and (min-width: 0px) and (max-width: 750px) {
    .glb-pageAnchor {
      margin: 0 15px 20px;
      padding: 20px 0 10px;
      text-align: center; }
      .glb-pageAnchor > li {
        display: table;
        width: 100%;
        padding: 0;
        margin-right: 8px;
        margin-bottom: 13px; }
      .glb-pageAnchor a {
        width: auto;
        display: table-cell;
        vertical-align: middle;
        font-size: 1.1rem;
        padding: 6px 6px 24px 6px;
        line-height: 1.3;
        background: url(/assets/img/icon/arrow_anchor.png) no-repeat center bottom 8px;
        background-size: 8px; }
      .glb-pageAnchor .sub {
        font-size: 1.1rem; } }

.glb-pageAnchor--col4 > li {
  width: calc(25.0% - 12px);
  float: left;
  margin-right: 10px; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-pageAnchor--col4 > li {
    width: calc(50% - 5px);
    float: left;
    margin-bottom: 10px;
    margin-right: 10px; }
  .glb-pageAnchor--col4 > li:nth-child(2n) {
    margin-right: 0; } }

.glb-pageAnchor--col3 > li {
  width: calc(33.3% - 14px);
  float: left; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-pageAnchor--col3 > li {
    width: calc(33.3% - 6px); } }

.glb-pageAnchor--col2 > li {
  width: calc(50% - 10px);
  float: left; }

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .glb-pageAnchor--col2 > li {
    width: calc(50% - 5px); } }

/* ==========================================================================
   Animation
   アニメーション設定用css
   ========================================================================== */
/* ====================================================================

  #Animation

 */
@keyframes anim-fade-in {
  0% {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  1% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }