@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');
/*---------------- based on 2021/02/08 */
/* > 1%, last 4 versions, Firefox ESR */
/*------------------------------------ */

/* --------------------------------------
基本設定
-------------------------------------- */
/* ベースフォント */
body {
  font-family: 'UD Shin Go Regular', 'Noto Sans JP', YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}

.mincho {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "メイリオ", Meiryo, serif;
}

/* 游ゴシック/游明朝 を使わない場合 */
/*
body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", Meiryo, sans-serif;
}
.mincho {
font-family: "Hiragino Mincho ProN", "HGS明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "メイリオ", Meiryo, serif;
}
*/

/* メイリオにはイタリック体が無い為、フォントの変更が必要 */
em {
  font-family: 'UD Shin Go Regular', 'Noto Sans JP', YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic", 'ＭＳ Ｐゴシック','MS PGothic', "メイリオ", Meiryo, sans-serif;
}

/* UD系フォントの太字指定 */
/*
*[style*="font-weight:bold"] ,
*[style*="font-weight:bolder"] ,
*[style*="font-weight: bold"] ,
*[style*="font-weight: bolder"] ,
b ,
strong {
font-family: 'UD Shin Go Medium', 'Noto Sans JP', YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", Meiryo, sans-serif;
}
*/



/* ベースフォントサイズ */
html {
  font-size: 16px;
}

body {
  color: #464850;
  line-height: 1.5;
}

#wrapper-3 {background-color: #fff;}

@media screen and (max-width: 767px) {
  html {
    /*		font-size: 16px; */
  }
}


/* リンク */
a:link ,
a:visited {
  color: #111216;
  text-decoration: none;
  transition: .2s;
  text-decoration: underline;
}

a:hover ,
a:active ,
a:focus {
  color: #2b327a;
  text-decoration: none;
}

a[href*="tel:"] {
  text-decoration: none;
}

/*-------------------------------------
ぱんくず
-------------------------------------*/
/* 4箇所ある枠の内1か所に入力 */
.bread-crumb {
  position: relative;
  z-index: 100;
  margin: auto;
  padding: 15px 0px;
  font-size: 13px;
}

.bread-crumb ol {
}

.bread-crumb ol::after ,
.bread-crumb::after {
  content: "";
  display: block;
  clear: both;
}

/* 各階層 */
.bread-crumb h5 ,
.bread-crumb h5 p ,
.bread-crumb h5 span ,
.bread-crumb ol li {
  float: left;
}

.bread-crumb h5 p::after ,
.bread-crumb h5 span::after ,
.bread-crumb ol li::after {
  content: ">";
  padding: 0 0.5em;
}

.bread-crumb a ,
.bread-crumb strong {
  /*	color: inherit; */
}

/* 現在ページ */
.bread-crumb ol li:last-child::after {
  content: none;
}

.bread-crumb strong {
}


/* -- TOP書き換え -- */
.bread-crumb ol li:first-child a {
  font-size: 0;
}
.bread-crumb ol li:first-child a::before {
  content: "HOME";
  vertical-align: inherit;
  font-size: 14px;
}
#header.ja ~ .bread-crumb ol li:first-child a::before ,
#header.ja ~* .bread-crumb ol li:first-child a::before {
  content: "ホーム";
}


@media print, screen and (min-width: 768px) {
  .bread-crumb {
  }

  .bread-crumb ol {
    max-width: calc(1000px + 40px);
    padding: 0 20px;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .bread-crumb {
    font-size: 12px;
    padding: 5px 10px;
  }

  .bread-crumb ol li:first-child a::before {
    font-size: 12px;
  }
}



/* -----------------------------
グローバルナビ
ページプロパティに設定あり
--------------------------------- */
#nav-global {
  display: none;
}

/*-------------------------------------
サイドナビ（ローカルナビ）
ページプロパティに設定あり
-------------------------------------*/
#nav-box {
  max-width: 100%;
}

#nav-box h6 {
  /*	display: none; */
}

@media print, screen and (min-width: 768px) {
  /* 第１・２階層トップでは非表示 */
  [data-current-level="1"] #nav-box  {
    display: none !important;
  }

  /* ナビ上に無い独立したページでは非表示 */
  #nav-box.stray {
    display: none !important;

  }

  /* ページマーカーで非表示指定 */
  [data-page-marker~="no-snav"] #nav-box {
    display: none !important;
  }


  /*-- メインエリア上に設置するパターン --*/
  #nav-box {
    position: relative;
    font-size: 0;
    margin: auto;
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #e5e6e9;
    border-bottom: 1px solid #e5e6e9;
    max-width: 1400px;
  }

  #nav-box h6 {
    display: none;
  }

  #nav-box h5 .btn {
    display: none;
  }

  /* TOP 階層 */
  #nav-box ul.navLevel_1 {
    position: relative;
  }

  #nav-box ul.navLevel_1::after {
    content: "";
    display: block;
    clear: both;
  }


  /* 1階分層 */
  #nav-box ul {
    max-width: var(--width-content-area);
    margin: 0 auto;
  }

  #nav-box li {
  }

  #nav-box br {
    display: none;
  }

  #nav-box strong ,
  #nav-box a {
    display: none;

    position: relative;
    line-height: 1.25;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    margin: 0 15px;
    border-bottom: 1px solid transparent;
  }

  #nav-box a[target="_blank"]::after {
    content: "";
    display: inline-block;
    vertical-align: baseline;
    width: 17px;
    height: 12px;
    background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
    background-size: contain;
    margin: 0 5px;
  }

  #nav-box li.on > a ,
  #nav-box strong {
    color: #2b327a;
  }

  #nav-box a:hover {
  }


  /* 現在地を含むフォルダーを表示 */
  #nav .within {
    padding-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #nav .within > ul {
    padding: 0 20px;
    display: inline-block;
    text-align: left;
  }

  #nav .within > ul:not(.navLevel_1) {
    position: relative;
  }

  /*
  #nav .within > ul:not(.navLevel_1)::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 1px;
  height: calc(100% - 10px);
  background: #999;
}
  */


  #nav .within > ul > li {
    display: inline-block;
    /*
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    */
    margin: 0px 0 4px ;
    margin-left: -1px;
  }

  #nav .within > ul > li:after {
    content: '/';
    color: #b5b7bf;
    display: inline-block;
    font-size: 14px;
    vertical-align: bottom;
    font-weight: 100;
  }

  #nav .within > ul > li > a ,
  #nav .within > ul > li > strong {
    display: inline-block;
    font-size: 14px;
  }

  /* 現在地の親ページ */
  #nav .within > a ,
  #nav .within > strong {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    margin: 4px 0;
    font-size: 18px;
    font-weight: bold;
    margin-right: 20px;
  }
  #nav .within > a:before ,
  #nav .within > strong:before {
    content: "";
    margin-right: 8px;
    display: inline-block;
    width: 7px;
    height: 11px;
    background: url(../../../../../../resources/sw_img/icon/icon_arr01.svg) no-repeat center center;
    background-size: contain;
  }

  /* 孫ページは非表示 */
  #nav .within > ul ul {
    display: none;
  }

}


@media screen and (max-width: 767px) {
  #nav-box {
    display: none;
  }

  /*1階層*/
  #nav-box ul.navLevel_1 {
  }

  #nav-box ul.navLevel_1 > li {
  }

  #nav-box ul.navLevel_1 > li:not(.open) {
    display: none;
  }

  #nav-box ul.navLevel_1 > li.open {
  }

  #nav-box ul.navLevel_1 > li > strong ,
  #nav-box ul.navLevel_1 > li > a {
    display: block;
    padding: 6px 12px;
    background: #646464;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #c8c8c8;
  }

  #nav-box ul.navLevel_1 > li > strong ,
  #nav-box ul.navLevel_1 > li.on > a {
  }

  #nav-box ul.navLevel_1 > li > strong ,
  #nav-box ul.navLevel_1 > li > a:hover {
  }

  #nav-box ul.navLevel_1 > li > a:hover {
    background: #fff;
    color: #646464;
  }

  /*2階層*/
  #nav-box ul.navLevel_2 {
  }

  #nav-box ul.navLevel_2 > li {
  }

  #nav-box ul.navLevel_2 > li.open {
  }

  #nav-box ul.navLevel_2 > li > strong ,
  #nav-box ul.navLevel_2 > li > a {
    display: block;
    padding: 15px 12px;
    background: #fff;
    color: #323232;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #c8c8c8;
  }

  #nav-box ul.navLevel_2 > li > strong ,
  #nav-box ul.navLevel_2 > li.on > a {
  }

  #nav-box ul.navLevel_2 > li > strong ,
  #nav-box ul.navLevel_2 > li > a:hover {
    background-color: #fef0e7;
  }


  /*3階層*/
  #nav-box ul.navLevel_3 {
  }

  #nav-box ul.navLevel_3 > li {
  }

  #nav-box ul.navLevel_3 > li.open {
  }

  #nav-box ul.navLevel_3 > li > strong ,
  #nav-box ul.navLevel_3 > li > a {
    position: relative;
    display: block;
    padding: 8px 12px;
    padding-left: 32px;
    background: #f0f0f0;
    color: #323232;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #c8c8c8;
  }

  #nav-box ul.navLevel_3 > li > strong ,
  #nav-box ul.navLevel_3 > li.on > a {
  }

  #nav-box ul.navLevel_3 > li > strong::before ,
  #nav-box ul.navLevel_3 > li > a::before {
    content: ">";
    position: absolute;
    top: auto;
    left: 18px;
    display: inline-block;
  }

  #nav-box ul.navLevel_3 > li > strong ,
  #nav-box ul.navLevel_3 > li > a:hover {
    background-color: #fef0e7;
  }


  /*4階層*/
  #nav-box ul.navLevel_4 {
  }

  #nav-box ul.navLevel_4 > li {
  }

  #nav-box ul.navLevel_4 > li.open {
  }

  #nav-box ul.navLevel_4 > li > strong ,
  #nav-box ul.navLevel_4 > li > a {
    display: block;
    padding: 5px 12px;
    background: #dcdcdc;
    color: #323232;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #c8c8c8;
  }

  #nav-box ul.navLevel_4 > li > strong::before ,
  #nav-box ul.navLevel_4 > li > a::before {
    content: "・";
    margin-left: 0.5em;
    display: inline-block;
  }

  #nav-box ul.navLevel_4 > li > strong ,
  #nav-box ul.navLevel_4 > li.on > a {
  }

  #nav-box ul.navLevel_4 > li > strong ,
  #nav-box ul.navLevel_4 > li > a:hover {
    background: #eb3132;
    color: #fff;
  }


  #nav-box ul.navLevel_5 {
    display: none;
  }
  /* -- ☆階層が増えるごとに、連番で追加 -- */


}


/* -----------------------------
コンテンツエリア
--------------------------------- */
/* 本文 */
.quoted-text blockquote ,
.highlight-quoted-text ,
.text-section ,
.faq-item ,
.vtable-item ,
.ircalendar-title ,
.ircalendar-item ,
.uni-table {
  /*	letter-spacing: 0.02em; */
  /*	line-height: 2; */
}

/*-- 文中リンクテキスト --*/
.quoted-text blockquote a ,
.highlight-quoted-text a ,
.text-section a ,
.faq-item a ,
.vtable-item a ,
.ircalendar-title a ,
.ircalendar-item a ,
.uni-table a {
  line-height: inherit;
}

/*-- 文中リンクの別窓アイコン --*/
.quoted-text blockquote a[target="_blank"]::after ,
.highlight-quoted-text a[target="_blank"]::after ,
.text-section a[target="_blank"]::after ,
.faq-item a[target="_blank"]::after ,
.vtable-item a[target="_blank"]::after ,
.ircalendar-title a[target="_blank"]::after ,
.ircalendar-item a[target="_blank"]::after ,
.lead-section a[target="_blank"]::after ,
.uni-table a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin: 0 5px;
}

/*-- 文中リンクのPDFアイコン --*/
.quoted-text blockquote a[href$=".pdf"]::after ,
.highlight-quoted-text a[href$=".pdf"]::after ,
.text-section a[href$=".pdf"]::after ,
.faq-item a[href$=".pdf"]::after ,
.vtable-item a[href$=".pdf"]::after ,
.ircalendar-title a[href$=".pdf"]::after ,
.ircalendar-item a[href$=".pdf"]::after ,
.lead-section a[href$=".pdf"]::after ,
.uni-table a[href$=".pdf"]::after ,
.quoted-text blockquote a[href*=".pdf#"]::after ,
.highlight-quoted-text a[href*=".pdf#"]::after ,
.text-section a[href*=".pdf#"]::after ,
.faq-item a[href*=".pdf#"]::after ,
.vtable-item a[href*=".pdf#"]::after ,
.ircalendar-title a[href*=".pdf#"]::after ,
.ircalendar-item a[href*=".pdf#"]::after ,
.lead-section a[href*=".pdf#"]::after ,
.uni-table a[href*=".pdf#"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 26px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  margin: 0 5px;
}


/*-------------------------------------
見出し
-------------------------------------*/
/*-- ページ概要エリア --*/

/* jsで見出しをクローンしないで、wrapper-3内で表示する場合 */
#page-intro:not(.cloned) > h1 {
  position: relative;
  display: block;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.25;
  padding: 100px 20px;
  border-bottom: 1px solid #e5e5e5;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  #page-intro:not(.cloned) {
    padding: 0 10px;
  }

  #page-intro:not(.cloned) > h1 {
    font-size: 26px;
    padding: 50px 0;
  }
}


/* jsで見出しをクローンして、wrapper-2外で表示する場合 */
/* -- ページタイトルをテキストで表示 -- */
.page-intro-wrapper {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.page-intro {
  max-width: calc(1000px + 40px);
  padding: 0 20px;
  margin: auto;
  display: flex;
  position: static;
}

body.multi3[data-page-marker~="news-folder"] .page-intro > .h0 {
  display: block;
}

body.multi3[data-page-marker~="news-folder"] .page-intro > .h0 ,
.page-intro > .h1 {
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 65px;
  font-weight: bold;
  line-height: 1.6;
  padding: 10px 0;
  position: static;
  min-height: 140px;
}


@media screen and (max-width: 767px) {
  .page-intro {
    padding: 0 10px;
  }

  body.multi3[data-page-marker~="news-folder"] .page-intro > .h0 ,
  .page-intro > .h1 {
    font-size: 26px;
    padding: 20px 0;
    min-height: 100px;
  }

}


/* ページタイトルを画像で表示 */
.page-intro .titleImage ,
#page-intro:not(.cloned) .titleImage {
  padding-top: 20px;
  margin-bottom: 20px;
}

/* 日付(日付順フォルダ配下ページのみ) */
/* hideとshowを両方設定した場合、showが優先される */
#page-intro .text-meta {
  margin-bottom: 20px;
}
#page-intro .text-meta ul.text-data {
  text-align: right;
}

body[data-page-marker~="hide-date"] #page-intro .text-meta {
  display: none;
}

body[data-page-marker~="show-date"] #page-intro .text-meta {
  display: block;
}


/* ページ概要・サムネイル画像 */
.page-intro .abstractImage ,
#page-intro .abstractImage {
  display: none;
}

/* 説明文 */
.page-intro .explanation ,
#page-intro .explanation {
}

/* リンク */
.page-intro .link-info ,
#page-intro .link-info {
}

/* ニュースページ カテゴリアイコン表示用(要plugin) */
body.multi3[data-page-marker~="news-folder"] #page-intro .category-icon {
  /*	display: block; */
  margin-bottom: 40px;
}

#page-intro .category-icon span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;

  min-width: 100px;
  height: 20px;
  line-height: 1.25;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding: 3px 5px 0;

  color: #000;
  background: #fff;
  border: 1px solid #999;
}

#page-intro .category-icon span[data-category-level="1"] {
  display: none;
}


/* ニュースページ 共通見出し表示用(要plugin) */
body.multi3[data-page-marker~="news-folder"] .page-intro > .h0 + .h1 {
  display: none;
}

body.multi3[data-page-marker~="news-folder"] #page-intro > .h0 + h1 {
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  text-align: left;

  display: block;
}

/*-------------- 中見出し ------------*/
/*-- (共通) --*/
body.multi3[data-page-marker~="news-folder"] #page-intro > .h0 + h1 ,
.text-section h2 ,
.link-list h2 ,
.link-list-url h2 ,
.news-result h2 ,
.news-yuho h2 ,
.news-presentation h2 ,
.news-material h2 ,
.title2.style1 h2 {
  position: relative;
  padding-top: 20px;
  color: #000;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.6;
  padding-bottom: 20px;

  margin-bottom: 15px;
}

body.multi3[data-page-marker~="news-folder"] #page-intro > .h0 + h1:before ,
.text-section h2:before ,
.link-list h2:before ,
.link-list-url h2:before ,
.news-result h2:before ,
.news-yuho h2:before ,
.news-presentation h2:before ,
.news-material h2:before ,
.title2.style1 h2:before {content: '';width: 18px;height: 22px;display: inline-block;margin-right: 5px;background: url(../../../../../../resources/sw_img/common/h2-icon.svg) center / cover no-repeat;}


/*-- 見出しh3レベル --*/
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt ,
.title3.style1 h3 {
  position: relative;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 20px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  border-left: 3px solid #2b327a;
  color: #111216;

  margin-bottom: 15px;
}

/*-- 見出しh4レベル --*/
.title4.style1 h4 {
  position: relative;
  padding-top: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  color: #2b327a;

  margin-bottom: 15px;
}


@media screen and (max-width: 767px) {
  body.multi3[data-page-marker~="news-folder"] #page-intro > .h0 + h1 ,
  .text-section h2 ,
  .link-list h2 ,
  .link-list-url h2 ,
  .news-result h2 ,
  .news-yuho h2 ,
  .news-presentation h2 ,
  .news-material h2 ,
  .title2.style1 h2 {
    font-size: 22px;
  }

  .news-result dl dt ,
  .news-yuho dl dt ,
  .news-presentation dl dt ,
  .news-material dl dt ,
  .title3.style1 h3 {
    font-size: 18px;
  }

  .title4.style1 h4 {
    font-size: 18px;
  }
}


/*-- 見出しh2・h3・h4 スタイルＢ --*/
.title2.style2 h2 {
}

.title3.style2 h3 {
}

.title4.style2 h4 {
}


/*-- 見出しh2・h3・h4 スタイルＣ --*/
.title2.style3 h2 {
}

.title3.style3 h3 {
}

.title4.style3 h4 {
}


/* 見出しを連続に置いた場合 */
.title3 + .title2 h2 {
  margin-top: -20px;
  padding-top: 0;
}

.title4 + .title3 h3 {
  margin-top: -10px;
  padding-top: 0;
}



/*== 見出しが中央揃え、左右枠線なし、左右パディングなし ==*/
#sharewithmain .lx_title_center {
}

.lx_title_center .title2 h2 ,
.lx_title_center .title3 h3 ,
.lx_title_center .title4 h4 {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.lx_title_center .title2 h2::before ,
.lx_title_center .title2 h2::after ,
.lx_title_center .title3 h3::before ,
.lx_title_center .title3 h3::after ,
.lx_title_center .title4 h4::before ,
.lx_title_center .title4 h4::after {
  content: none;
}

/*== 見出しh2用アイコン ==*/
.title2 h2 .icon_important::before {
  content: "i";
  display: inline-block;
  color: #ff3333;
  font-size: 28px;
  font-weight: bold;
  margin: 0 0.5em;
}


/*-------------------------------------
テキスト・画像
-------------------------------------*/
/*-------------- 緊急お知らせエリア --------------*/
/* 総合トップ・サイトトップのみ、コンテンツエリア外に１つのみ */
.quoted-text {
  padding: 20px 0;
  background: #fafbfb;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.quoted-text blockquote {
  background: none;
  padding: 20px 20px;
  border: #ff0000 4px solid;
  color: #ff0000;
}

@media print, screen and (min-width: 768px) {
  .quoted-text blockquote {
    width: 1000px;
    margin: 0px auto;
  }
}

@media screen and (max-width: 767px) {
  .quoted-text {
    padding: 15px 15px;
  }
}


/*-------------- 囲み線ありテキスト --------------*/
.highlight-quoted-text {
  background: #f4f4f6;
  padding: 40px 40px;
  margin: 0 auto 20px;
}

.highlight-quoted-text cite {
  background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/bgs/dash.png") no-repeat scroll 0px 8px;
  padding-left: 10px;
  font-size: 12px;
  font-style: italic;
}


@media screen and (max-width: 767px) {
  .highlight-quoted-text {
    padding: 10px;
  }
}


/*-------------- キャプション・リード・注釈 --------------*/
.lead-section {
	margin-bottom: 20px;
}

.lead-section.catch {
	font-size: 44px;
	font-weight: bold;
}

.lead-section.lead {
	font-size: 18px;
	font-weight: bold;
}

.lead-section.note {
	font-size: 13px;
	font-weight: normal;
}

.lead-section.style1 {
}

@media screen and (max-width: 767px) {
	.lead-section.catch {
		font-size: 34px;
	}
}


/*-------------- テキストと画像 --------------*/
.text-section {
  margin-bottom: 20px;
}


/*==== 画像背景化 ====*/
#sharewithmain .lx_text_img_lay_under {
  position: relative;
}

.lx_text_img_lay_under .text-section.highlight {
  position: static;
  margin: 0;
}

.lx_text_img_lay_under .text-section.highlight img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}


/*-------------- FAQ --------------*/
.faq-list {
}

.faq-list > ul {
}

.faq-list > ul > li {
  clear: both;
  margin-bottom: 20px;

  /* 閉じる時にQが隠れない用に暫定対策 */
  min-height: 51px;
}

.faq-list h3 {
  position: relative;
  margin-bottom: 10px;
  display: flex;
}

.faq-list h3::before {
  content: "";
  width: 36px;
  height: 52px;
  background: url("../../../../../../resources/sw_img/icon/icon_q.png") center center no-repeat;
  background-size: contain;
  margin-top: 0.125em;
  margin-right: 20px;
}

.faq-list h3 a {
  flex: 1;
  display: inline-block;
  color: #111216;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  padding: 15px 0px 10px 0;
}


/* 開閉アイコン */
.faq-list h3 a::before ,
.faq-list h3 a::after {
  content: "";
  position: absolute;
  display: block;
  background: #999;

  -webkit-transition: 0.5s 0.1s;
  -o-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;

  content: none;
}

.faq-list h3 a::before {
  top: 50%;
  right: 50px;
  width: 24px;
  height: 2px;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.faq-list h3 a::after {
  top: 50%;
  right: 50px;
  width: 2px;
  height: 24px;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.faq-list h3 a.js-selected::after {
  background-color: transparent;
}

.faq-item {
  position: relative;
  font-size: 1rem;
  min-height: 35px;
  padding: 30px 0px 30px 70px;
  margin-left: 40px;
  border-left: 2px solid #1a1c22;
}

.faq-item::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 10px;
  display: block;
  width: 32px;
  height: 52px;
  background: url("../../../../../../resources/sw_img/icon/icon_a.png") center center no-repeat;
  background-size: contain;
  margin-top: 0.3em;
}


/*== FAQを出しっぱなしにする ==*/
#sharewithmain .lx_faq_always_open {
}

.lx_faq_always_open .faq-list h3 a {
  cursor: inherit;
}

.lx_faq_always_open .faq-list > ul > li {
  height: auto !important;
}

.lx_faq_always_open .faq-item {
  display: block !important;
}



/*-------------------------------------
ページ内リンク・バナーリンク・エリアリンク
原則、内部リンクと外部リンクは同スタイルを設定する
-------------------------------------*/

/*-------------- ページ内リンク --------------*/
/* ページ内リンクは１カラム内にまとめて入力し、マルチカラムクラスでアライメントを設定する */
.anchor-link {
  margin-bottom: 10px;
}

.anchor-link a {
  position: relative;
  display: block;
  font-size: 1rem;
  /*	padding-left: 18px;*/
  color: #2b327a;
  text-decoration: none;
}

.anchor-link a::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 2px solid #2b327a;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
  margin-left: 10px;
  margin-right: 2px;
  margin-bottom: 3px;
}


/* PC:幅をなりゆきにして、横に並べる */
/* SP:縦に並べる */
@media print, screen and (min-width: 768px) {
  .anchor-link {
    display: inline-block;
  }

  .anchor-link + .anchor-link {
    /*
    margin-left: 10px;
    padding-left: 10px;
    */
    margin-right: 1em;
  }
}



/*-------------- バナー（共通設定） --------------*/
.teaser ,
.external-teaser ,
.download-teaser {
  margin: 0 auto 20px;
}



/* ----- 内部・外部バナー（テキストのみ）　スタイルＡ ----- */


/* ----- ダウンロードバナー（テキストのみ）　スタイルＡ ----- */
.teaser.no-img.style1 ,
.teaser.no-img.highlight ,
.external-teaser.no-img.style1 ,
.external-teaser.no-img.highlight ,
.download-teaser.no-img.style1 {
  max-width: 500px;
}

.teaser.no-img.style1 h2 ,
.teaser.no-img.highlight h2 ,
.external-teaser.no-img.style1 h2 ,
.external-teaser.no-img.highlight h2 ,
.download-teaser.no-img.style1 h2 {
  position: relative;
  display: flex;
}

.teaser.no-img.style1 h2 a ,
.teaser.no-img.highlight h2 a ,
.external-teaser.no-img.style1 h2 a ,
.external-teaser.no-img.highlight h2 a ,
.download-teaser.no-img.style1 h2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 74px;
  padding: 10px 30px;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  background: #2b327a;
  text-decoration: none;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .teaser.no-img.style1 h2 a ,
  .teaser.no-img.highlight h2 a ,
  .external-teaser.no-img.style1 h2 a ,
  .external-teaser.no-img.highlight h2 a ,
  .download-teaser.no-img.style1 h2 a {
    min-height: 50px;
    font-size: .9em;
  }
}
.teaser.no-img.highlight h2 a ,
.external-teaser.no-img.highlight h2 a {
  background: #fff;
  border: 1px solid #2b327a;
  color: #2b327a;
}
.download-teaser.no-img.style1 h2 a {
  background: #efefef;
  color: #111216;
}

.teaser.no-img.style1 h2 a::before ,
.teaser.no-img.highlight h2 a::before ,
.external-teaser.no-img.style1 h2 a::before ,
.external-teaser.no-img.highlight h2 a::before ,
.download-teaser.no-img.style1 h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .teaser.no-img.style1 h2 a::before ,
  .teaser.no-img.highlight h2 a::before ,
  .external-teaser.no-img.style1 h2 a::before ,
  .external-teaser.no-img.highlight h2 a::before ,
  .download-teaser.no-img.style1 h2 a::before {
    right: 10px;
    width: 6px;
    height: 10px;
  }
}
.teaser.no-img.highlight h2 a::before ,
.external-teaser.no-img.highlight h2 a::before,
.download-teaser.no-img.style1 h2 a::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_arr01.svg");
}

.teaser.no-img.style1 h2 a[target="_blank"]::after ,
.teaser.no-img.highlight h2 a[target="_blank"]::after ,
.external-teaser.no-img.style1 h2 a[target="_blank"]::after,
.external-teaser.no-img.highlight h2 a[target="_blank"]::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}
.teaser.no-img.highlight h2 a[target="_blank"]::after ,
.external-teaser.no-img.highlight h2 a[target="_blank"]::after  {
  background-image: url("../../../../../../resources/sw_img/icon/linkout.png");
}

.download-teaser.no-img.style1 h2 a[href*=".pdf"]::after ,
.download-teaser.no-img.style1 h2 a[href*=".xls"]::after ,
.download-teaser.no-img.style1 h2 a[href*=".zip"]::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 26px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.download-teaser.no-img.style1 h2 a[href*=".xls"]::after {
  background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/excel.png");
}

.download-teaser.no-img.style1 h2 a[href*=".zip"]::after {
  background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/zip.png");
}

.teaser.no-img.style1 p ,
.teaser.no-img.highlight p ,
.external-teaser.no-img.style1 p ,
.external-teaser.no-img.highlight p ,
.download-teaser.no-img.style1 p {
  margin-top: 10px;
  font-size: 1rem;
}

.teaser.no-img.style1 h2 a:hover,
.teaser.no-img.highlight h2 a:hover,
.external-teaser.no-img.style1 h2 a:hover,
.external-teaser.no-img.highlight h2 a:hover{
  background-color: #fff;
  border: 1px solid #2b327a;
  color: #2b327a;
}
.teaser.no-img.highlight h2 a:hover,
.external-teaser.no-img.highlight h2 a:hover {
  background: #2b327a;
  color: #fff;
}
.download-teaser.no-img.style1 h2 a:hover {
  background-color: #fff;
  border: 1px solid #2b327a;
}

.teaser.no-img.style1 h2 a:hover::before ,
.teaser.no-img.highlight h2 a:hover::before ,
.external-teaser.no-img.style1 h2 a:hover::before,
.external-teaser.no-img.highlight h2 a:hover::before,
.download-teaser.no-img.style1 h2 a:hover::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_arr01.svg");
}
.teaser.no-img.highlight h2 a:hover::before ,
.external-teaser.no-img.highlight h2 a:hover::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg");
}

.teaser.no-img.style1 h2 a[target="_blank"]:hover::after,
.external-teaser.no-img.style1 h2 a[target="_blank"]:hover::after {
  background-image: url("../../../../../../resources/sw_img/icon/linkout.png");
}
.teaser.no-img.highlight h2 a[target="_blank"]:hover::after,
.external-teaser.no-img.highlight h2 a[target="_blank"]:hover::after {
  background-image: url("../../../../../../resources/sw_img/icon/linkout_white.png");
}

/*-- IE対応 --*/
@media all and (-ms-high-contrast:none) {
  .teaser.no-img.style2 h2 ,
  .external-teaser.no-img.style2 h2 ,
  .download-teaser.no-img.style2 h2 {
    display: table;
    width: 100%;
  }

  .teaser.no-img.style2 h2 a ,
  .external-teaser.no-img.style2 h2 a ,
  .download-teaser.no-img.style2 h2 a {
    display: table-cell;
    vertical-align: middle;
    height: 46px;
  }
}

/*-- お問い合わせ専用 チェックボックスつきテキスト --*/
.external-teaser.no-img.with-checkbox p ,
.external-teaser:not(.no-img).with-checkbox p {
  margin-top: 10px;
  text-align: center;
  font-size: 1rem;
}

.external-teaser.no-img.with-checkbox input[type=checkbox] ,
.external-teaser:not(.no-img).with-checkbox input[type=checkbox] {
  vertical-align: middle;
}

/* お問い合わせ専用 リンク無効時 */
.external-teaser.no-img.with-checkbox.disabled h2 a ,
.external-teaser:not(.no-img).with-checkbox.disabled h2 a {
  background: #ccc;
  color: #999;
  border: none;
}

.external-teaser.no-img.with-checkbox.disabled h2 a::before ,
.external-teaser:not(.no-img).with-checkbox.disabled h2 a::before {
  content: none;
}



/* ----- 内部・外部バナー（テキストと画像）　スタイルＡ ----- */
/* ----- ダウンロードバナー（テキストと画像）　スタイルＡ ----- */
.teaser:not(.no-img).style1 ,
.external-teaser:not(.no-img).style1 ,
.download-teaser:not(.no-img).style1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.teaser:not(.no-img).style1 > * ,
.external-teaser:not(.no-img).style1 > * ,
.download-teaser:not(.no-img).style1 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.teaser:not(.no-img).style1 h2 ,
.external-teaser:not(.no-img).style1 h2 ,
.download-teaser:not(.no-img).style1 h2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  position: relative;
}

.teaser:not(.no-img).style1 h2 a ,
.external-teaser:not(.no-img).style1 h2 a ,
.download-teaser:not(.no-img).style1 h2 a {
  padding: 5px 0px;
  text-align: left;
  font-size: 18px;
  color: #111216;
  font-weight: bold;
  text-decoration: none;
}

.teaser:not(.no-img).style1 h2 a[target="_blank"]::after ,
.external-teaser:not(.no-img).style1 h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.teaser:not(.no-img).style1 h2 + a ,
.external-teaser:not(.no-img).style1 h2 + a ,
.download-teaser:not(.no-img).style1 h2 + a {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: block;
}

.teaser:not(.no-img).style1 h2 + a img ,
.external-teaser:not(.no-img).style1 h2 + a img ,
.download-teaser:not(.no-img).style1 h2 + a img {
  display: block;
  width: 100%;
}


.teaser:not(.no-img).style1 p ,
.external-teaser:not(.no-img).style1 p ,
.download-teaser:not(.no-img).style1 p {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1rem;
  color: inherit;
  font-weight: normal;
}

.teaser:not(.no-img).style1 h2 a:hover ,
.external-teaser:not(.no-img).style1 h2 a:hover ,
.download-teaser:not(.no-img).style1 h2 a:hover {
  text-decoration: underline;
}



/*== テキストバナー 左寄せ ==*/
.lx_teaser_halign_left .teaser.no-img ,
.lx_teaser_halign_left .external-teaser.no-img ,
.lx_teaser_halign_left .download-teaser.no-img {
  float: left;
  margin-right: 20px;
}

/*== テキストバナー 右寄せ ==*/
.lx_teaser_halign_right .teaser.no-img ,
.lx_teaser_halign_right .external-teaser.no-img ,
.lx_teaser_halign_right .download-teaser.no-img {
  float: right;
  margin-left: 20px;
}






/*------ 内部・外部 エリアリンク ------*/
.internal-link-area:not(.highlight) ,
.external-link-area:not(.highlight) {
  margin-bottom: 20px;
}

.internal-link-area:not(.highlight) > a ,
.external-link-area:not(.highlight) > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.internal-link-area:not(.highlight) > a:hover ,
.external-link-area:not(.highlight) > a:hover {
  opacity: 0.7;
}


/*------ 内部・外部 エリアリンク（ハイライト表示） ------*/
.internal-link-area.highlight ,
.external-link-area.highlight {
  margin-bottom: 20px;
}

.internal-link-area.highlight > a ,
.external-link-area.highlight > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.internal-link-area.highlight > a:hover ,
.external-link-area.highlight > a:hover {
  opacity: 0.7;
}


/*------ ダウンロード エリアリンク ------*/
.download-link-area:not(.highlight) {
  margin-bottom: 20px;
}

.download-link-area:not(.highlight) > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.download-link-area:not(.highlight) > a:hover {
  opacity: 0.7;
}

/* -- テキスト先頭にpdfアイコンを付ける -- */
.download-link-area:not(.highlight) > a[href$=".pdf"] > p:first-child::before ,
.download-link-area:not(.highlight) > a[href$=".pdf"] > img + p::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 26px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  margin: 0 5px;
}


/*-------------------------------------
インデックス・サイトマップ
-------------------------------------*/
.index-map {
  font-size: 0;
  margin-bottom: 0;
}



/* フォルダトップを表示する場合：フォルダトップ(第０階層) */
/* フォルダトップを表示しない場合：直下(第１階層)ページ */
/* バナースタイルで表示 */
.index-map > ul:first-of-type > li > .item {
  position: relative;
  margin-bottom: 20px;
}

.index-map > ul:first-of-type > li > .item > a {
  position: relative;
  display: flex;
  color: inherit;
  text-decoration: none;
}

/* 画像なし */
.index-map > ul:first-of-type > li > .item .news_tx {
  position: relative;
  display: block;
  padding: 10px 30px;
  text-align: center;
  font-size: 1rem;
  color: #2b327a;
  background: #fff;
  text-decoration: none;
  border: 1px solid #2b327a;
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
  width: 100%;
}

.index-map > ul:first-of-type > li > .item .news_tx::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
}

.index-map > ul:first-of-type > li > .item > a[target="_blank"] .news_tx::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}


.index-map > ul:first-of-type > li > .item .det_tx ,
.index-map > ul:first-of-type > li > .item .explanation ,
.index-map > ul:first-of-type > li > .item .link-info {
  display: block;
  margin-top: 10px;
  font-size: 1rem;
}
.index-map > ul:first-of-type > li > .item > a:hover .news_tx {
  background-color: #2b327a;
  color: #fff;
}

.index-map > ul:first-of-type > li > .item > a:hover .news_tx::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg");
}


/* 画像あり */
.index-map > ul:first-of-type > li > .item .n_img {
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
}

.index-map > ul:first-of-type > li > .item .n_img img {
  display: block;
  margin: auto;
}

.index-map > ul:first-of-type > li > .item .n_img ~ .news_tx {
  border: none;
  border-radius: 0;

  position: relative;
  display: block;
  padding: 5px 0px;
  text-align: left;
  font-size: 20px;
  color: #0066cc;
  font-weight: bold;
  text-decoration: none;
}

.index-map > ul:first-of-type > li > .item .n_img ~ .news_tx::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
}

.index-map > ul:first-of-type > li > .item > a:hover .n_img ~ .news_tx {
  text-decoration: underline;
  color: #0066cc;
  background: none;
}

.index-map > ul:first-of-type > li > .item > a:hover .n_img ~ .news_tx::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_arr01.svg");
}


/* フォルダトップを表示する場合：直下(第１階層)ページ */
/* フォルダトップを表示しない場合：直下のさらに下層(第２階層)ページ */
/* リンクリストスタイルで表示 */
.index-map > ul:only-of-type > li > ul ,
.index-map > ul + ul.indexLevel_1 {
  display: block;
  margin-bottom: 20px;
}

.index-map > ul:only-of-type > li > ul > li ,
.index-map > ul + ul.indexLevel_1 > li {
}

.index-map > ul:only-of-type > li > ul > li > .item ,
.index-map > ul + ul.indexLevel_1 > li > .item {
  position: relative;
  display: block;
  padding-left: 20px;
  color: inherit;
  font-size: 1rem;
  margin-bottom: 10px;
}

.index-map > ul:only-of-type > li > ul > li > .item::before ,
.index-map > ul + ul.indexLevel_1 > li > .item::before {
  content: "";
  position: absolute;
  top: calc(0px + 1.5em / 2 - 10px / 2);
  left: 6px;
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") no-repeat center center;
  background-size: contain;
}

.index-map > ul:only-of-type > li > ul > li > .item > a ,
.index-map > ul + ul.indexLevel_1 > li > .item > a {
  display: inline;
}

.index-map > ul:only-of-type > li > ul > li > .item > a[target="_blank"]::after ,
.index-map > ul + ul.indexLevel_1 > li > .item > a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 12px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.svg") center center no-repeat;
  background-size: contain;
  margin-left: 8px;

}

.index-map > ul:only-of-type > li > ul > li > .item .news_tx ,
.index-map > ul + ul.indexLevel_1 > li > .item .news_tx {
  display: inline;
}

.index-map > ul:only-of-type > li > ul > li > .item .det_tx ,
.index-map > ul + ul.indexLevel_1 > li > .item .det_tx ,
.index-map > ul:only-of-type > li > ul > li > .item .explanation ,
.index-map > ul + ul.indexLevel_1 > li > .item .explanation ,
.index-map > ul:only-of-type > li > ul > li > .item .link-info ,
.index-map > ul + ul.indexLevel_1 > li > .item .link-info {
  display: block;
  margin-top: 0px;
  font-size: 14px;
}


/* フォルダトップを表示する場合：第２階層 */
/* フォルダトップを表示しない場合：第３階層 */
/* 非表示 */
.index-map ul.indexLevel_3 ,
.index-map > ul + ul > li > ul.indexLevel_2 {
  display: none;
}


/* PC:３カラム表示（オプションで２カラム・４カラム） */
/* SP:常に１カラム表示 */
@media print, screen and (min-width: 768px) {
  /* パーツ直下を疑似インデックスモード化 */
  .index-map > ul:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: calc(100% + 20px);
  }

  /* フォルダトップを表示する場合：フォルダトップは１カラム */
  .index-map > ul.indexLevel_0 > li {
    display: block;
    width: calc(100% - 20px);
  }

  /* フォルダトップを表示しない場合：直下ページは３カラムに */
  .index-map > ul.indexLevel_1:only-of-type > li  {
    display: inline-block;
    vertical-align: top;
    width: calc((99.9999% - 20px * 3) / 3);
    margin-right: 20px;
  }

  /* ２列 */
  .lx_imap_col2 .index-map > ul.indexLevel_1:only-of-type > li  {
    width: calc((100% - 20px * 2) / 2);
  }

  /* ４列 */
  .lx_imap_col4 .index-map > ul.indexLevel_1:only-of-type > li  {
    width: calc((100% - 20px * 4) / 4);
  }


}

@media screen and (max-width: 767px) {
}



/*-------------------------------------
リスト
-------------------------------------*/
/* 年度区切りの資料の下マージンは、カラムの下マージンと同値に合わせる */
.news-result .group_year:not(:last-child) dl ,
.news-yuho .group_year:not(:last-child) dl ,
.news-presentation .group_year:not(:last-child) dl ,
.news-material .group_year:not(:last-child) {
  margin-bottom: 50px;
}

/* 四半期区切りの資料の下マージンは、パーツの下マージンと同値に合わせる */
.news-material dl:not(:last-child) ,
.link-list:not(.highlight) ul ,
.link-list-url ul {
  margin-bottom: 20px;
}

/* 決算短信・有報・説明会資料（自動連携） */
.news-result h2 ,
.news-yuho h2 ,
.news-presentation h2 {
}

/* h2と同内容の為非表示 */
.news-result h2 ~*> dl dt ,
.news-yuho h2 ~*> dl dt ,
.news-presentation h2 ~*> dl dt {
  display: none;
}

/* 最新決算資料（自動連携） */
.news-material h2 {
  margin-bottom: 0;
}

.news-material .title-quater {
  display: none;
}
.news-material .title-q4 {
}

.news-material .prefix-quarter ,
.news-material .postfix-quarter {
  display: none;
}

.news-material .addition-quarter {
  display: none;
}


/* リスト共通設定 決算短信・有報・最新決算資料・説明会資料（自動連携）、リンクリスト（手動） */
.link-list:not(.highlight) ul li ,
.link-list-url ul li ,
.news-result dl dd ,
.news-yuho dl dd ,
.news-presentation dl dd ,
.news-material dl dd {
  position: relative;
  padding-top: 5px;
  margin-bottom: 5px;
}

/* パターンA：ダウンロードもアイコンをつける場合 */
.link-list:not(.highlight) ul li ,
.link-list-url ul li ,
.news-result dl dd:not(.highlight) ,
.news-yuho dl dd:not(.highlight) ,
.news-presentation dl dd:not(.highlight) ,
.news-material dl dd:not(.highlight) {
  padding-left: 20px;
}

.link-list:not(.highlight) li:not(.highlight)::before ,
.link-list-url li:not(.highlight)::before ,
.news-result dl dd:not(.highlight)::before ,
.news-yuho dl dd:not(.highlight)::before ,
.news-presentation dl dd:not(.highlight)::before ,
.news-material dl dd:not(.highlight)::before {
  content: "";
  position: absolute;
  top: calc(5px + 1.5em / 2 - 12px / 2);
  left: 2px;
  display: inline-block;
  width: 7px;
  height: 11px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") no-repeat center center;
  background-size: contain;
}

/* パターンB：ダウンロードにリンクアイコンをつけない場合 */
/*
.link-list:not(.highlight) .internal-link-text:not(.highlight) ,
.link-list:not(.highlight) .external-link-text:not(.highlight) ,
.link-list-url .internal-link-text:not(.highlight) ,
.link-list-url .external-link-text:not(.highlight) ,
.news-result dl dd.no-download:not(.highlight) ,
.news-yuho dl dd.no-download:not(.highlight) ,
.news-presentation dl dd.no-download:not(.highlight) ,
.news-material dl dd.no-download:not(.highlight) {
padding-left: 20px;
}

.link-list:not(.highlight) .internal-link-text:not(.highlight)::before ,
.link-list:not(.highlight) .external-link-text:not(.highlight)::before ,
.link-list-url .internal-link-text:not(.highlight)::before ,
.link-list-url .external-link-text:not(.highlight)::before ,
.news-result dl dd.no-download:not(.highlight)::before ,
.news-yuho dl dd.no-download:not(.highlight)::before ,
.news-presentation dl dd.no-download:not(.highlight)::before ,
.news-material dl dd.no-download:not(.highlight)::before {
content: "";
position: absolute;
top: calc(5px + 1.5em / 2 - 12px / 2);
left: 2px;
display: inline-block;
width: 7px;
height: 11px;
background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") no-repeat center center;
background-size: contain;
}
*/


/* ハイライト表示のリンクは、直前のリンクに属する様に見えるスタイルにする。 */
/* (ハイライト表示されていないリンクは、他の決算短信・有報と同列に表示）  */
.link-list:not(.highlight) li.highlight ,
.link-list-url li.highlight ,
.news-result dl dd.highlight ,
.news-yuho dl dd.highlight ,
.news-presentation dl dd.highlight ,
.news-material dl dd.highlight {
  padding-top: 0px;
  padding-left: 45px;
}

/* ハイライト表示のリンクのＬ字アイコン */
.link-list:not(.highlight) li.highlight::before ,
.link-list-url li.highlight::before ,
.news-result dl dd.highlight::before ,
.news-yuho dl dd.highlight::before ,
.news-presentation dl dd.highlight::before ,
.news-material dl dd.highlight::before {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;

  content: "";
  position: absolute;
  top: 3px;
  left: 25px;
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

/* 非ハイライト表示のリンクなしテキストは、リンクアイコン無し */
.link-list:not(.highlight) li.text-without-link:not(.highlight)::before ,
.link-list-url li.text-without-link:not(.highlight)::before ,
.news-result dl dd.no-link:not(.highlight)::before ,
.news-yuho dl dd.no-link:not(.highlight)::before ,
.news-presentation dl dd.no-link:not(.highlight)::before ,
.news-material dl dd.no-link:not(.highlight)::before {
  content: none;
}

/* リンクテキスト */
.link-list:not(.highlight) ul li > a:not(.d_icon) ,
.link-list:not(.highlight) ul li > span ,
.link-list-url ul li > a:not(.d_icon) ,
.news-result dl dd > a:not(.d_icon) ,
.news-yuho dl dd > a:not(.d_icon) ,
.news-presentation dl dd > a:not(.d_icon) ,
.news-material dl dd > a:not(.d_icon) {
}

/* 外窓アイコン（ダウンロードにはつけない） */
.link-list:not(.highlight) .internal-link-text > a[target="_blank"]::after ,
.link-list:not(.highlight) .external-link-text > a[target="_blank"]::after ,
.link-list-url .internal-link-text > a[target="_blank"]::after ,
.link-list-url .external-link-text > a[target="_blank"]::after ,
.news-result dl dd.no-download > a[target="_blank"]::after ,
.news-yuho dl dd.no-download > a[target="_blank"]::after ,
.news-presentation dl dd.no-download > a[target="_blank"]::after ,
.news-material dl dd.no-download > a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin: 0 5px;
}


/*-- リンクリスト（ハイライト表示） --*/
.link-list.highlight {
}

.link-list.highlight h2 {
}

.link-list.highlight ul {
}

.link-list.highlight ul li {
}

.link-list.highlight ul li > a ,
.link-list.highlight ul li > span {
}


/*---- 横並びにする ----*/
#sharewithmain .lx_list_inline {
}

.lx_list_inline .link-list:not(.highlight) ul li ,
.lx_list_inline .link-list-url ul li ,
.lx_list_inline .news-result dl dd ,
.lx_list_inline .news-yuho dl dd ,
.lx_list_inline .news-presentation dl dd ,
.lx_list_inline .news-material dl dd {
  display: inline-block;
  margin-right: 20px;
}


/*-------------------------------------
表組・テーブル・財務ハイライト(表組)・配当金(表組)
-------------------------------------*/
/*-- table共通 --*/
.highlights-table table ,
.highlights-alltable-2nd table ,
.haitou-table-2nd table ,
.vtable-item ,
.ircalendar-title ,
.ircalendar-item ,
.tbCore ,
.htCore ,
table.icell {
  /*	font-size: calc(1rem - 2px); */
  font-size: 1rem;
}



/* セル */
/* 枠線とセル内余白を指定 */
/* ※枠線が必要ない場合、1px solid transparentで設定する */
.shwTable table.htCore tr td ,
th, td {
  color: inherit;
  padding: 15px 15px;
  border: 1px solid #d3d3d9;
}
/* 背景色を指定 */
.htCore tr td ,
th, td {
  background: #fff;
}


/* 背景色を交互に */
.vtable-item:nth-child(2n) > table > tbody > tr > td ,
.ircalendar-item:nth-child(2n+1) > table > tbody >tr > td ,
.highlights-table tr:nth-child(2n+1) td[class^="c"] ,
.highlights-alltable-2nd tr:nth-child(2n+1) td[class^="c"] ,
.haitou-table-2nd tr:nth-child(2n+1) td[class^="c"] ,
.htCore tr:nth-child(2n+1) td:not(.tableRowHead):not(.tableColumnHead) ,
.tbCore tr:nth-child(2n+1) td:not(.tbRowHead):not(.tbColumnHead) ,
.icell tr:nth-child(2n) td {
  /*	background-color: #ededed; */
}

/* 見出し列 */
/* 背景色と文字色を指定 */
.form-summary table td:first-child ,
.highlights-table tr td:first-child ,
.highlights-alltable-2nd tr td:first-child ,
.haitou-table-2nd td.t1 ,
.haitou-table-2nd td.t2 ,
.haitou-table-2nd td.t12 ,
.shwTable table tr td.tableColumnHead ,
td.tbColumnHead ,
.vtable-item > table > tbody > tr > th ,
th {
  text-align: left;
  vertical-align: middle;
  background-color: #f3f3f4;
  color: inherit;
  font-weight: normal;
}

/* 見出し行 */
/* 背景色と文字色を指定 */
.highlights-table tr.r0 th ,
.highlights-alltable-2nd tr.r0 th ,
.haitou-table-2nd th ,
.shwTable table tr td.tableRowHead ,
td.tbRowHead ,
.ircalendar-title > table > tbody > tr > th ,
thead th {
  text-align: center;
  vertical-align: top;
  background-color: #eaeaed;
  color: #000;
  font-weight: normal;
}

/* 見出しセル中の太字 */
/* thはboldが基本設定なので、thをnormalに設定する場合は、要変更 */
.vtable-item > table > tbody > tr > th strong ,
.ircalendar-title > table > tbody > tr > th strong {
  font-weight: normal;
}



/*-------------- テーブル縦 --------------*/
/* -- デフォルト比率  -- */
.vtable-item > table > tbody > tr > th ,
.vtable-item > table > tbody > tr > td {
  width: 20%;
}

@media screen and (max-width: 767px) {
  /* テーブル縦を、縦に並べるスタイル */
  /*
  .vtable-item > table ,
  .vtable-item > table > tbody ,
  .vtable-item > table > tbody > tr ,
  .vtable-item > table > tbody > tr > th ,
  .vtable-item > table > tbody > tr > td {
  display: block;
}

  .vtable-item > table > tbody > tr > th ,
  .vtable-item > table > tbody > tr > td {
  width: auto !important;
}

  .vtable-item > table > tbody > tr > th::after ,
  .vtable-item > table > tbody > tr > td::after {
  content: "";
  display: block;
  clear: both;
}
  */
}

/*-------------- テーブル横 --------------*/
/* -- デフォルト比率  -- */
.ircalendar-title > table > tbody > tr > th ,
.ircalendar-item > table > tbody >tr > td {
  width: 20%;
}


/*-------------- 表組 --------------*/
/* -- 表タイトル -- */
.shwTableTitle {
}

.shwTableTitle h2 {
  font-weight: bold;
  margin-bottom: 5px;
}

/* -- 表組 -- */
.shwTable {
  margin-bottom: 20px;
}

/* -- 単位（表組の外） -- */
.shwTable td.shw-table-row {
  color: inherit;
}


/*-------------- マルチセル --------------*/
.uni-table {
	margin-bottom: 20px;
}


/*-------------- 財務ハイライト表組 --------------*/
.highlights-table ,
.highlights-alltable-2nd {
  margin-bottom: 40px;
}

/* 単位 */
.highlights-table .unit {
}

/* 年度 */
.highlights-table tr.r0 th ,
.highlights-alltable-2nd tr.r0 th {
  white-space: nowrap;
}

/*-------------- 配当 表組 --------------*/
.haitou-table-2nd {
  margin-bottom: 20px;
}

/* 配当予想セル */
.haitou-table-2nd table th.y0 ,
.haitou-table-2nd table td.y0 {
}



/*-------------------------------------
グラフ・財務ハイライト(グラフ)・配当金(グラフ)
-------------------------------------*/
/* important付きは、html上のスタイルを上書きする必要があるもの */

/*-------------- グラフ --------------*/
.graph {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  /* グラフをタップしてもツールチップが出ない様にする代わりに */
  /* グラフ部分をドラッグしてのスクロールを可能にする */
  .graph > div {
    position: relative;
    width: auto !important;
    margin: auto;
  }

  .highlights-2nd .highlights-graph .highcharts-container ,
  .graph .highcharts-container {
    position: static !important;
  }

  .highlights-2nd .highlights-graph::before ,
  .graph::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .highcharts-tooltip {
    display: none !important;
  }

  .highcharts-container .highcharts-legend ,
  .highcharts-container input[type=checkbox] {
    z-index: 2;
  }

  .highcharts-title {
    white-space: normal !important;
  }

  /* 横スワイプを可能にする */
  /* 横幅はUIで設定する必要がある */
  .lx_graph_sp_swipe .graph {
    overflow-x: scroll;
  }

  .lx_graph_sp_swipe .graph > div {
    display: inline-block;
  }
}


/* -- 財務ハイライトver2 グラフ (凡例を含むエリア) -- */
.highlights-2nd > div:not(.highlights-table) {
  /*	height: auto !important; */
  margin-bottom: 40px;
}

/* -- 財務ハイライトver2 グラフ (凡例を含まないエリア) -- */
.highlights-2nd .highlights-graph {
  /*	width: 100% !important; */
  /*	min-width: auto !important; */
  /*	max-width: none !important; */
  /*	height: 400px !important; */
}

/* -- 財務ハイライトver2 グラフ 凡例 -- */
.highlights-2nd .legend {
  /*	margin: auto !important; */
  /*	width: auto !important; */
  /*	min-width: auto !important; */
  /*	max-width: none !important; */
  /*	text-align: center; */
}

.highlights-2nd .legend-item-box {
  /*	float: none !important; */
  /*	display: inline-block !important; */
  /*	margin-left: -5px; */
}


@media print, screen and (min-width: 768px) {
  .multiColumn1 .highlights-2nd .highlights-graph {
    height: 500px !important;
  }
}

/*-------------- 配当グラフ --------------*/
.haitou-graph-2nd {
  margin-bottom: 40px;
}

.haitou-graph-2nd .graph {
  /*	min-width: auto !important; */
  /*	max-width: none !important; */
  /*	height: 400px !important; */
}



/*-------------------------------------
RSS
-------------------------------------*/
/*-------------- rss --------------*/
.rss-content {
}
.rss-content::after {
  content: "";
  display: block;
  clear: both;
}

.rss-content em {
  position: relative;
  font-style: normal;
  float: right;
  margin-bottom: 10px;
  z-index: 1;
}

.rss-content a {
  text-decoration: none;
}

/*
.rss-content em {
padding: 0 !important;
background: none !important;
margin-top: -16px;
}

.rss-content a {
display: block;
width: 16px;
height: 16px;
background: url("../../../../../../.resources/feed.gif") no-repeat left top;
}

.rss-content a:hover {
opacity: 0.7;
}
*/


/*-------------------------------------
マルチ３
-------------------------------------*/
/*----------- リストがない場合 -----------*/
.basic-list2 > ul:not(.tabItems) ,
.basic-list2 > ul:not(.tabItems) > p {
  display: block;
}

.basic-list2 > ul:not(.tabItems) > p {
  padding: 10px 0;
}

.basic-list2.no-list .yearTabs ,
.basic-list2.no-list .tabs ,
.basic-list2.no-list .infoPanel {
  display: none !important;
}

.basic-list2.no-active-category .tabs ,
.basic-list2.no-active-category .clearTab {
  display: none !important;
}

/*----------- サムネイルなし -----------*/
.basic-list2:not(.thumnail) {
  margin-bottom: 40px;
}

.basic-list2:not(.thumnail) .tabItems {
  padding-top: 1px;
  border-top: 1px solid #f0f0f0;
}

/*-- リリース1件分 --*/
.basic-list2:not(.thumnail) .tabItems > li {
  position: relative;

  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}

/* 偶数件目の背景色 */
.basic-list2:not(.thumnail) .tabItems > li:nth-child(even) {
  /*	background-color: #f7f7f7; */
}

.basic-list2:not(.thumnail) .item {
  position: relative;
  display: block;
  padding-top: 1.5em;
  padding-left: 0;
}

.basic-list2:not(.thumnail) .item::after {
  content: "";
  display: block;
  clear: both;
}

.basic-list2:not(.thumnail) .item > a ,
.basic-list2:not(.thumnail) .item > span {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}

/* リリースのテキスト */
.basic-list2:not(.thumnail) .item .news_tx {
}

.basic-list2:not(.thumnail) .item > a .news_tx {
  color: #14151b;
}

.basic-list2:not(.thumnail) .item > a:hover .news_tx {
  text-decoration: underline;
}

/* 日付 */
.basic-list2:not(.thumnail) .item .date {
  position: absolute;
  top: 0;
  left: 0;
}

/* カテゴリアイコン */
.basic-list2:not(.thumnail) .item .c_icon {
  text-decoration: none;
  display: block;

  margin-top: -1.5em;
  min-height: 1.5em;
  padding-left: 8.8em;
}

/* ファイルアイコン */
.basic-list2:not(.thumnail) .item .d_icon {
  vertical-align: baseline;
  margin-left: 0.5em;
}

/* NEWアイコン */
/* js制御される為、displayの設定は不可 */
.basic-list2:not(.thumnail) .item .n_icon {
  margin: 0 0.5em;
}
.basic-list2:not(.thumnail) .item .n_icon::before {
  content: "NEW";
  display: inline-block;
  vertical-align: middle;
  color: #ff3333;
  font-size: 10px;
  font-weight: bold;
}

/* もっと読む・詳細（ニュース概要） */
.basic-list2:not(.thumnail) .item .det_tx {
  display: none;
}

/* 説明文 */
.basic-list2:not(.thumnail) .item .explanation > li {
}

/* ファイル */
.basic-list2:not(.thumnail) .item .link-info {
}

/*----------- カテゴリアイコン -----------*/
/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list2:not(.thumnail) .item .c_icon span[category-level="1"] {
  display: none;
}

.basic-list2:not(.thumnail) .item .c_icon span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;

  min-width: 120px;
  line-height: 1.25;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  padding: 3px 5px;

  color: #14151b;
  background: #fff;
  border: 1px solid #14151b;
}

/*
.basic-list2:not(.thumnail) .item .c_icon span::before {
content: attr(alt);
display: inline-block;
white-space: nowrap;
}
*/

/* カテゴリアイコン個別に背景色等を設定する */
.basic-list2:not(.thumnail) .item .c_icon span.result {
  border-color: #3f9c62;
  color: #3f9c62;
}
.basic-list2:not(.thumnail) .item .c_icon span.gyouseki {
  border-color: #e7771c;
  color: #e7771c;
}
.basic-list2:not(.thumnail) .item .c_icon span.tekiji {
  border-color: #3f45a3;
  color: #3f45a3;
}
.basic-list2:not(.thumnail) .item .c_icon span.pr {
  border-color: #3b97df;
  color: #3b97df;
}
.basic-list2:not(.thumnail) .item .c_icon span.ir {
  border-color: #a98e0f;
  color: #a98e0f;
}
.basic-list2:not(.thumnail) .item .c_icon span.governance {
  border-color: #8a5496;
  color: #8a5496;
}
.basic-list2:not(.thumnail) .item .c_icon span.meeting {
  border-color: #e661a0;
  color: #e661a0;
}
.basic-list2:not(.thumnail) .item .c_icon span.yuho {
  border-color: #16907d;
  color: #16907d;
}
/*
.basic-list2:not(.thumnail) .item .c_icon span[data-category-group="renkei"] {
background: #996464;
}
*/


@media print, screen and (min-width: 768px) {
  /*== 日付～本文を横並びにする ==*/
  /* １カラム時。２カラム以上はSPと同じ表示 */
  .lx_multi3_style_col1 .basic-list2:not(.thumnail) .item ,
  .multiColumn1 .basic-list2:not(.thumnail) .item {
    padding-top: 0px;
    padding-left: 16.8em;
  }

  .lx_multi3_style_col1 .basic-list2:not(.thumnail) .item .c_icon ,
  .multiColumn1 .basic-list2:not(.thumnail) .item .c_icon {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;

    display: inline-block;
    vertical-align: top;
    margin-bottom: -5px;

    /* 縦並び */

    float: left;
    margin-left: -120px;

    /* 横並び */
    /*
    min-width: 120px;
    margin-left: -120px;
    */
  }
}

/*== カテゴリアイコン無し ==*/
#sharewithmain .lx_multi3_no_c_icon {
}

.lx_multi3_no_c_icon .basic-list2:not(.thumnail) .item .c_icon {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .lx_multi3_style_col1.lx_multi3_no_c_icon .basic-list2:not(.thumnail) .item ,
  .multiColumn1.lx_multi3_no_c_icon .basic-list2:not(.thumnail) .item {
    padding-left: 8.8em;
  }
}


/*----------- サムネイルあり -----------*/
.basic-list2.thumnail {
  overflow: hidden;
  margin-bottom: 20px;
}

.basic-list2.thumnail .tabItems {
  font-size: 0;
  text-align: left;
  margin-right: -18px;
}

/*-- リリース1件分 --*/
/* PCでは１行に３つづつで、画像が上側、テキストは下側に配置 */
.basic-list2.thumnail .tabItems > li {
  cursor: inherit;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;

  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(99.9999% / 3 - 18px);
  margin-right: 18px;
  margin-bottom: 30px;
}

.basic-list2.thumnail .item {
  overflow: hidden;
  padding-bottom: 40px;
  font-size: 14px;
}

.basic-list2.thumnail .item > span ,
.basic-list2.thumnail .item > a {
}

.basic-list2.thumnail li.lazy .item::before ,
.basic-list2.thumnail li.no-img .item::before ,
.basic-list2.thumnail .item .n_img {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 60%;
  border: 1px solid #eee;
  margin-bottom: 10px;
}

.basic-list2.thumnail li.no-img .item::before {
  content: "";
  background: url(../../../../../../resources/sw_img/image/img_news_default.png) no-repeat center center;
  background-size: contain;
}

.basic-list2.thumnail .item .n_img {
}

.basic-list2.thumnail .item .n_img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

.basic-list2.thumnail .item > a ,
.basic-list2.thumnail .item > span {
  color: inherit;
  text-decoration: none;
}

.basic-list2.thumnail .item > a:hover {
  -ms-opacity: 0.7;
  opacity: 0.7;
}

/* リリースのテキスト */
.basic-list2.thumnail .item .news_tx {
  display: inline;
}

/* NEWアイコン */
/* js制御される為、displayの設定は不可 */
.basic-list2.thumnail .item .n_icon {
  position: absolute;
  top: 0;
  right: 0;
}
.basic-list2.thumnail .item .n_icon::before {
  content: "NEW";
  display: block;
  padding: 3px 10px;
  font-size: 12px;
  color: #fff;
  background: #ff3333;
}

/* 概要テキスト */
.basic-list2.thumnail .item .det_tx {
  display: block;
}

/* 説明文 */
.basic-list2.thumnail .item .explanation > li {
}

/* ファイル */
.basic-list2.thumnail .item .link-info {
}


/* 日付 */
.basic-list2.thumnail .item .date {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* カテゴリアイコン */
.basic-list2.thumnail .item .c_icon {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*----------- カテゴリアイコン -----------*/
/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list2.thumnail .item .c_icon span[category-level="1"] {
  display: none;
}

.basic-list2.thumnail .item .c_icon span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;

  min-width: 100px;
  height: 20px;
  line-height: 1.25;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding: 3px 5px 0;

  color: #000;
  background: #fff;
  border: 1px solid #999;
}

/* カテゴリアイコン個別に背景色等を設定する */
/*
.basic-list2.thumnail .item .c_icon span[data-category-group="renkei"] {
background: #996464;
}

.basic-list2.thumnail .item .c_icon span.result {
background: #FF5358;
}
.basic-list2.thumnail .item .c_icon span.gyouseki {
background: #0082C8;
}
.basic-list2.thumnail .item .c_icon span.tekiji {
background: #7C1A7C;
}
.basic-list2.thumnail .item .c_icon span.pr {
background: #BE7846;
}
.basic-list2.thumnail .item .c_icon span.ir {
background: #000;
}
.basic-list2.thumnail .item .c_icon span.governance {
background: #50BE50;
}
.basic-list2.thumnail .item .c_icon span.meeting {
background: #F064A0;
}
.basic-list2.thumnail .item .c_icon span.yuho {
background: #FF7800;
}
*/


@media screen and (max-width: 767px) {
  .basic-list2.thumnail .tabItems > li {
    width: calc(100% / 2 - 18px);
  }

  .basic-list2.thumnail .item {
    padding-bottom: 70px;
  }

  .basic-list2.thumnail .item .date {
    bottom: 32px;
  }

  .basic-list2.thumnail .item .c_icon {
    right: auto;
    left: 0;
  }
}


/*----------- ページャー-----------*/
.basic-list2 .pager {
  display: none;
  margin: 20px auto;
  text-align: center;
  font-size: 0;
}

/*-- moreボタン --*/
.basic-list2 .pager .moreBtn {
  /*    display: inline-block; */
}

.basic-list2 .pager .moreBtn > span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;

  padding: 5px 20px;
  font-size: 14px;
  background: #eee;
}


.basic-list2 .pager .moreBtn > span:hover {
  background: #ccc;
}

/*-- pageボタン --*/
.basic-list2 .pager .pageBtn {
  display: inline-block;
}

.basic-list2 .pager .pageBtn > span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;

  padding: 5px 20px;
  font-size: 14px;
  background: #eee;
}

.basic-list2 .pager .pageBtn > span[active] ,
.basic-list2 .pager .pageBtn > span:hover {
  background: #ccc;
}




/*----------- 情報パネル -----------*/
.basic-list2 .infoPanel {
  position: relative;
  margin-top: 40px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 2px solid #dedede;
}

@media screen and (max-width: 767px) {
  .basic-list2 .infoPanel {
    margin-top: 20px;
    padding-bottom: 40px;
  }
}


.basic-list2 .clearTab {
  position: absolute;
  bottom: 15px;
  right: 0;
}

.basic-list2 .clearTab span {
  display: inline-block;
  cursor: pointer;
  padding: 1px 0px;
  text-align: center;
  font-size: 13px;
  color: #666;
  border-bottom: 1px solid #666;
}

.basic-list2 .countTab {
  text-align: center;
  font-size: 14px;
  color: #000;
}

.basic-list2 .countTab .total ,
.basic-list2 .countTab .view {
  font-size: 24px;
  font-weight: bold;
  color: #0066cc;
  letter-spacing: 0.025em;
}


/*----------- タブ(絞込み) -----------*/
.basic-list2 .yearTabs {
  margin-bottom: 20px;
  padding: 0px 0px 5px;
  border-bottom: 1px solid #ddd;
}

.basic-list2 .tabs {
  margin-bottom: 40px;
}

.basic-list2 .tabs > ul > li {
  display: block;
  margin-bottom: 10px;
  padding: 0px 0px 5px;
  border-bottom: 1px solid #ddd;
}

.basic-list2 .yearTabs span ,
.basic-list2 .tabs span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;

  padding: 5px 20px;
  font-size: 14px;
  background: #eee;
}

/*
.basic-list2 .yearTabs span:before ,
.basic-list2 .tabs span:before {
content: attr(alt);
display: inline-block;
white-space: nowrap;
}
*/

.basic-list2 .yearTabs span[active] ,
.basic-list2 .tabs span[active] {
  background: #ccc;
}

.basic-list2 .yearTabs span:hover ,
.basic-list2 .tabs span:hover {
  background: #ccc;
}

/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list2 .tabs ul.categoryLv_1 > li > span {
  display: none;
}

/* 全ての全てタブは、デフォルト非表示 */
.basic-list2 .tabs li.allall {
  display: none;
}



/* 年・カテゴリ見出しを表示する場合 */
/*
.basic-list2 .yearTabs::before {
content: "掲載年";
display: inline-block;
width: 105px;
padding: 10px 0;
font-size: 14px;
font-weight: bold;
}

.basic-list2 .tabs > ul.categoryLv_1  > li {
position: relative;
}

.basic-list2 .tabs > ul.categoryLv_1  > li > span {
padding: 0;
margin: 0;
min-width: auto;
height: auto;
line-height: inherit;
font-size: 1rem;
color: inherit;
background: none;
border: none;

display: inline-block;
text-align: left;
width: 105px;
padding: 10px 0;
font-size: 14px;
font-weight: bold;
pointer-events: none;
}

@media print, screen and (min-width: 768px) {
.basic-list2 .tabs > ul.categoryLv_1  > li {
padding-left: 105px;
}

.basic-list2 .tabs > ul.categoryLv_1 > li > span {
margin-left: -105px;
}
}

@media screen and (max-width: 767px) {
.basic-list2 .yearTabs::before ,
.basic-list2 .tabs > ul.categoryLv_1 > li > span {
display: block;
margin-top: -10px;
}
}
*/


/*== マルチ３一覧 カテゴリをフラット選択に ==*/
.ux_multi3_flat_category .basic-list2 .tabs li.allall {
  display: inline;
}

.ux_multi3_flat_category .basic-list2 .tabs span.allall {
  display: inline-block;
}

.ux_multi3_flat_category .basic-list2 .tabs li.all {
  display: none;
}

.ux_multi3_flat_category .basic-list2 .tabs > ul > li {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

.ux_multi3_flat_category .basic-list2 .tabs {
  padding: 0 0 5px;
  border-bottom: 1px solid #ddd;
}


/*== IR統合アイコン ==*/
#sharewithmain .lx_multi3_combine_ir {
}

.lx_multi3_combine_ir .basic-list2 .tabs li.renkei > span {
  display: inline-block;
}

.lx_multi3_combine_ir .basic-list2 .tabs li.renkei ul {
  display: none;
}


.lx_multi3_combine_ir .basic-list2 .item .c_icon span[data-category-group="renkei"] {
  display: none;
}
.lx_multi3_combine_ir .basic-list2 .item .c_icon span.renkei {
  display: inline-block;
}


/*== jsで選択エフェクト ==*/
#html1 .ux_effect_multi3_select .basic-list2:not(.thumnail) .tabItems li.hidden ,
#wrapper-2 .ux_effect_multi3_select .basic-list2:not(.thumnail) .tabItems li.hidden ,
#site-info .ux_effect_multi3_select .basic-list2:not(.thumnail) .tabItems li.hidden {
  display: block;
}

#html1 .ux_effect_multi3_select .basic-list2.thumnail .tabItems li.hidden ,
#wrapper-2 .ux_effect_multi3_select .basic-list2.thumnail .tabItems li.hidden ,
#site-info .ux_effect_multi3_select .basic-list2.thumnail .tabItems li.hidden {
  display: inline-block;
}


/*==== マルチ３一覧をリスト風に ====*/
#sharewithmain .lx_multi3_list_style {
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .note_tx ,
.lx_multi3_list_style .basic-list2:not(.thumnail) .item .date ,
.lx_multi3_list_style .basic-list2:not(.thumnail) .item .c_icon {
  display: none !important;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) {
  margin-bottom: 0;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems li {
  margin: 0;
  padding: 0;
  border: none;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems .item {
  margin: 0;
  padding: 0;

  padding-top: 5px;
  margin-bottom: 5px;
  padding-left: 30px;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems .item::before {
  content: "";
  position: absolute;
  top: calc(5px + 1.5em / 2 - 12px / 2);
  left: 2px;
  display: inline-block;
  width: 7px;
  height: 11px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") no-repeat center center;
  background-size: contain;
}



/*-------------------------------------
メディア
-------------------------------------*/
/*-------------- 動画 --------------*/
/* .videoとしてはいけない */
div.video {
  margin-bottom: 10px;
}


/*-------------- 音声 --------------*/
/* .audioとしてはいけない */
div.audio {
  margin-bottom: 10px;
}



/*-------------- GoogleMap（地図埋め込み） --------------*/
div.map {
  position: relative;
  margin-bottom: 20px;
}

div.map::after {
  content: "";
  display: block;
  /*	padding-top: 56.25%; */	/* 高さと幅の比を16:9に固定。9/16*100=56.25 */
  padding-top: 75%;	/* 高さと幅の比を4:3に固定。3/4*100=75 */
}

div.map > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


@media print, screen and (min-width: 768px) {
  /*-- １カラムの場合、地図が画面端まであるとスクロールさせずらいので余白を設ける --*/
  .multiColumn1 div.map {
    margin-left: 30px;
    margin-right: 30px;
  }
}


@media screen and (max-width: 767px) {
  /*-- 地図が画面端まであるとスクロールさせずらいので余白を設ける --*/
  div.map {
    padding: 0 10px;
  }
}




/*-------------------------------------
サイトマップ
-------------------------------------*/
/* newサイトマップ */
#sharewithmain .lx_style_sitemap {
  max-width: 1000px;
  margin: auto;
}

#sharewithmain .lx_style_sitemap .index-map {
  font-size: 0;
}

#sharewithmain .lx_style_sitemap .index-map .item > a {
  display: inline;
  color: #0066cc;
}

#sharewithmain .lx_style_sitemap .index-map .item > a[target="_blank"] .news_tx::after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin: 0 5px;
}

#sharewithmain .lx_style_sitemap .index-map .item > a:hover .news_tx {
  text-decoration: underline;
}


/* -- 第１階層(ja・en)・第２階層 -- */
#sharewithmain .lx_style_sitemap .index-map > ul > li  {
}

#sharewithmain .lx_style_sitemap .index-map > ul > li > .item {
  position: relative;
  display: block;
  padding: 8px 8px 6px 20px;
  color: inherit;
  font-size: 14px;
  font-weight: bold;
  border: #CCC 1px solid;
  margin-bottom: 20px;
}

#sharewithmain .lx_style_sitemap .index-map > ul > li > .item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 8px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
}

@media print, screen and (min-width: 768px) {
  #sharewithmain .lx_style_sitemap .index-map > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 48.5%;
    margin-right: 3%;
  }
  #sharewithmain .lx_style_sitemap .index-map > ul > li:nth-child(even) {
    margin-right: 0;
  }
}

/* -- 第３階層 -- */
#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 {
  margin-bottom: 20px;
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 > li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
}
#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 > li:nth-child(even) {
  margin-right: 0;
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 > li > .item {
  position: relative;
  display: block;
  padding-left: 15px;
  font-size: 14px;
  margin-left: 8px;
  margin-bottom: 5px;
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 > li > .item::before {
  content: "";
  position: absolute;
  top: calc(1.5em / 2);
  left: 0;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 8px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
}

/* -- 第４階層 -- */
#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_3 {
  margin-top: 10px;
  margin-left: 20px;
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_3 > li {
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_3 > li > .item {
  position: relative;
  display: block;
  padding-left: 15px;
  font-size: 14px;
  margin-bottom: 5px;
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_3 > li > .item::before {
  content: "";
  position: absolute;
  top: calc(1.5em / 2);
  left: 0;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 8px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
}

/* -- 第５階層以降は非表示 -- */
#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_4 {
  display: none;
}



/*-------------------------------------
フッター専用パーツ
-------------------------------------*/
/*-------------- フッター（テキストと画像） --------------*/
.footer-about {
}

.footer-about h4 {
  font-weight: bold;
  line-height: 1.2;
  border-left: #999 3px solid;
  padding-top: 1px;
  padding-left: 8px;
  margin-bottom: 8px;
}

.footer-about img {
  display: block;
  margin: auto;
}

/*-------------- フッタリンクリスト --------------*/
.footer-link-list {
}

.footer-link-list h4 {
}

.footer-link-list ul {
}

.footer-link-list ul::after {
  content: "";
  display: block;
  clear: both;
}

.footer-link-list ul li {
}


/*-------------- 内部フッタリンク --------------*/
/*-------------- 外部フッタリンク --------------*/
.footer-link-list ul li.footer-link-internal ,
.footer-link-list ul li.footer-link-external {
  position: relative;
  padding-left: 15px;
}

.footer-link-list ul li.footer-link-internal::before ,
.footer-link-list ul li.footer-link-external::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
}

.footer-link-list ul li.footer-link-internal a ,
.footer-link-list ul li.footer-link-external a {
}

/* -- 別窓アイコン -- */
.footer-link-list .footer-link-internal a[target="_blank"]::after ,
.footer-link-list .footer-link-external a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin: 0 5px;
}


/* --------------------------------------
フォーム
-------------------------------------- */
/* 枠線と背景色 */
@media print, screen and (min-width: 768px) {
  .form-wrapper .form-edit ,
  .form-wrapper .form-selection ,
  .form-wrapper .form-edit::before ,
  .form-wrapper .form-selection::before ,
  .form-wrapper .form-edit > label ,
  .form-wrapper .form-selection > label {
    color: inherit;
    padding: 15px 30px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;

    text-align: left;
    vertical-align: middle;
    font-weight: normal;
  }

  .form-wrapper .form-edit::before ,
  .form-wrapper .form-selection::before ,
  .form-wrapper .form-edit > label ,
  .form-wrapper .form-selection > label {
    text-align: left;
    vertical-align: middle;
    /*		background-color: #fafafa; */
    color: inherit;
    font-weight: bold;
  }
}


@media screen and (max-width: 767px) {
  .form-wrapper .form-edit ,
  .form-wrapper .form-selection ,
  .form-wrapper .form-edit > label ,
  .form-wrapper .form-selection > label {
    color: inherit;
    padding: 10px 10px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  }

  /* 見出し部分、カウンターマージンを設定する */
  .form-wrapper .form-edit > label ,
  .form-wrapper .form-selection > label {
    border: none;
    margin: -5px -10px 0px;

    text-align: left;
    vertical-align: middle;
    /*		background-color: #fafafa; */
    color: inherit;
    font-weight: bold;
  }
}



@media print, screen and (min-width: 768px) {

  /* FORMS
  -------------------- */

  button::-moz-focus-inner ,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }


  .form-box {
    margin: auto;
  }
  .form-wrapper {
    clear: both;
    margin: auto;
  }

  .form-wrapper div::after {
    content: "";
    display: block;
    clear: both;
  }

  #step-by-step {
    margin: 20px 0;
    padding: 4px 10px;
    border-radius: 5px;
    background: #0d8ccc;
  }
  #step-by-step ol {
    zoom: 1;
    list-style-position: inside;
    color: #fff;
  }
  #step-by-step ol::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #step-by-step li  {
    float: left;
    margin: 0 20px 0 0;
    padding: 4px;
    border-radius: 5px;
    list-style-position: inside;
  }
  #step-by-step li.do  {
    background: #EC1549;
  }
  #step-by-step li.do button {
    color: #fff;
  }
  #step-by-step li button {
    display: inline-block;
    padding: 3px;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    color: #fff;
    font-family: 'arial', 'helvetica', 'sans-serif';
    cursor: pointer;
  }
  #step-by-step li button:hover ,
  #step-by-step li button:focus ,
  #step-by-step li button:active {
    text-decoration: underline;
  }
  #step-by-step li button[disabled] {
    cursor: default;
    color: #ccc;
    text-decoration: none;
  }

  .form-wrapper fieldset {
    border: none;
    margin: 5px 0 30px 0;
  }
  .form-wrapper fieldset > h2 {
    margin-bottom: 10px;
    padding: 5px 10px;
    color: #222;
    background-color: #CCCCCC;
  }

  .form-wrapper div.form-edit span ,
  .form-wrapper div.form-selection span {
  }
  .form-row {
    clear: both;
    zoom: 1;
    border-bottom: 1px dotted #b3b3b3;
    padding: 10px 0 15px 0;
  }
  .form-row div {
    width: auto;
    border-bottom: none;
    margin: 0 0 10px 0;
    padding: 0;
  }
  .form-row .form-item {
    margin: 0;
    clear: none;
  }
  .form-wrapper label {
    position: relative;
    display: block;
    cursor: inherit;
  }
  .form-wrapper label[for="text"] {
  }
  .form-wrapper label span {
  }
  .form-wrapper fieldset .multiple-labels fieldset input ,
  .form-wrapper input ,
  .form-wrapper textarea ,
  .form-wrapper div.mod input.mod {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 3px 0 0 0;
    border: 1px solid #c2c2c2;
    padding: 10px 3px 10px 3px;
    background: #ffffff;
  }
  .form-wrapper input[type="submit"] {
    display: inline;
    border: 1px solid #c2c2c2;
  }
  .step-controls {
    position: relative;
    top: 2px;
  }
  .input-datetime-local .step-controls {
    top: auto;
  }
  .form-item-hidden ,
  .form-wrapper input[type=hidden] {
    display: none;
  }
  .form-wrapper .multiple-labels fieldset input.a11y-focus ,
  .form-wrapper .multiple-labels fieldset input:focus ,
  .form-wrapper input:focus ,
  .form-wrapper textarea:focus ,
  .form-wrapper input.a11y-focus ,
  .form-wrapper textarea.a11y-focus {
    border: 1px solid #000;
    background: #FFFFFF;
  }
  .form-wrapper input[type=radio].a11y-focus ,
  .form-wrapper input[type=checkbox].a11y-focus {
    background: transparent;
    border: none;
  }
  .form-wrapper textarea {
    width: 100%;
  }
  .form-wrapper select {
    display: block;
    width: 310px;
    margin: 5px 0 0 0;
  }
  .form-wrapper div span.input-datetime-local {
    font-size: 100%;
  }
  .form-wrapper h4 {
    padding: 0 0 10px 0;
    color: #000;
    font-size: 130%;
    font-weight: bold;
  }
  .form-wrapper div.multiple-labels label span {
    color: #555;
    font-size: 110%;
    font-weight: normal;
  }
  .form-row label span {
    display: inline;
  }
  .form-row label.m span {
    clear: both;
    padding: 0 0 5px 0;
  }
  .form-row span.help a {
    background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -651px no-repeat;
    padding-left: 15px;
  }

  /* multiple inputs in one row */
  .form-row .form-item-s ,
  .form-row .form-item-m ,
  .form-row .form-item-l {
    float: left;
    margin: 0;
    clear: none;
    width: 92px;
  }
  .form-row .form-item-m {
    width: 161px;
    padding: 0;
  }
  .form-row .form-item-l {
    width: 363px;
  }
  .form-row .form-item-s input {
    width: 70px;
  }
  .form-wrapper .form-row .form-item-m input {
    width: 139px;
  }
  .form-row .form-item-l input {
    width: 209px;
  }

  /* checkboxes & radiobuttons */
  .form-wrapper fieldset fieldset {
    margin: 0;
    padding: 0;
  }
  .form-wrapper fieldset fieldset .form-item {
    float: none;
    display: block;
    clear: both;
  }
  .form-wrapper fieldset fieldset input {
    width: auto;
    display: inline;
    background: transparent;
    border: none;
  }
  #main .form-wrapper fieldset fieldset legend {
    text-indent: -9999px;
    font-size: 0;
  }
  .form-wrapper  fieldset fieldset div.form-item label {
    display: inline;
  }

  .form-wrapper fieldset fieldset:not(.mod) .form-item {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  /* mod for short elements */
  .form-wrapper fieldset fieldset.mod .form-item {
    float: left;
    clear: none;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 30px;
  }
  .form-wrapper fieldset fieldset.mod .form-item label {
    display: inline;
  }

  /* table date-picker */
  .input-date-datepicker-control td:hover {
    background-color: #BBEEFF;
    border: none;
    -webkit-box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset;
  }
  .input-date-datepicker-control td.ui-datepicker-today {
    border: none;
    background: #EC1549;
  }
  .input-date-datepicker-control td.ui-datepicker-today a {
    color: #fff;
  }
  .input-date-datepicker-control td.ui-datepicker-current-day {
    border: none;
    background: #999;
  }


  /* -- 確認ページ -- */
  .form-summary {
    margin: 0 auto 50px;
  }

  .form-summary table {
  }

  .form-summary table caption {
  }

  .form-summary table td {
    /*	border: solid #7F9BDA 1px; */
    /*	padding: 5px 10px; */
    white-space: pre;
    white-space: pre-line;
    width: 70%;
    border-left: none;
    border-right: none;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .form-summary table td:first-child {
    /*	background: none; */
    /*	color: #222;  */
    /*	background-color: #DCE5F4; */
    /*	font-weight: bold; */
    /*	text-align: left; */
    width: 30%;
    padding-left: 30px;
  }

  /* link-Button */
  a.button {
    background: #b90834 url("../../../../../../resources/templating-kit/themes/pop/img/bgs/submit.png") 0 0 repeat-x;
    min-width: 60px;
    width: auto;
    border: 1px solid #f19eb2;
    border-right: 1px solid #920728;
    border-bottom: 1px solid #920728;
    padding: 3px 20px 2px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 110%;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
  }
  a.button span {
    position: absolute;
  }
  a.button:hover ,
  a.button:active ,
  a.button:focus {
    color: #fac4d1;
  }




  /* -- お問い合わせページ　設定例 -- */
  .form-wrapper div.form-edit ,
  .form-wrapper div.form-selection {
    background: none;

    position: relative;
    padding: 0;
    margin: 0;
    margin-bottom: -1px;
  }

  /* 左セル */
  .form-wrapper div.form-edit::before ,
  .form-wrapper div.form-selection::before {
    border-top: none;
    border-bottom: none;
    border-left: none;

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30%;
    height: 100%;
  }

  .form-wrapper div.form-edit > label ,
  .form-wrapper div.form-selection > label {
    border: none;
    background: none;

    float: left;
    width: 30%;
    padding: 24px 30px;
  }

  /* 右セル */
  .form-wrapper div.form-edit > input[type="text"] ,
  .form-wrapper div.form-edit > textarea ,
  .form-wrapper div.form-edit > span ,
  .form-wrapper div.form-selection > fieldset {
    margin: 0;

    float: right;
    width: 65%;
    width: calc(70% - 20px) !important;
    margin-right: 10px;
  }

  /*-- 入力フィールド --*/
  .form-wrapper div.form-edit {
  }

  .form-wrapper div.form-edit > input[type="text"] ,
  .form-wrapper div.form-edit > textarea {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 10px 10px;
    background: #f5f5f5;
    border: none;
    line-height: 1.5;
  }


  .form-wrapper div.form-edit > span {
    padding: 0;
    font-size: 87.5%;
    margin-top: -12px;
    margin-bottom: 12px;
  }


  /*-- セレクトボタン(チェックボックス・ラジオボタン・セレクトボックス) --*/
  .form-wrapper div.form-selection {
  }

  .form-wrapper div.form-selection > fieldset {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .form-wrapper div.form-selection > fieldset > legend {
    font-size: 87.5%;
  }

  .form-wrapper div.form-selection > fieldset > select {
    margin: 0;
    width: auto;
    display: block;

    padding: 0.25em 0.25em;
    border: 1px solid #c2c2c2;
  }

}






@media screen and (max-width: 767px) {

  /* Forms */
  .form-wrapper div.form-edit > input[type="text"] ,
  .form-wrapper div.form-edit > textarea {
    border-radius: 0;
    border: none;

    width: 100%;
    padding: 10px 10px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: none;
    line-height: 1.5;
  }
  .form-wrapper textarea {
    border: 1px solid #aaa;
  }
  .form-wrapper input[type="checkbox"] ,
  .form-wrapper input[type="radio"] {
    width: auto;
  }
  .form-wrapper input[type="submit"] {
    width: auto;
    font-size: 18px;
  }
  .form-wrapper fieldset fieldset {
    border: none;
    padding: 0;
  }
  .form-wrapper label {
    display: block;
  }
  .form-wrapper .form-item {
    display: block;
    float: none;
    margin: 0 0.5em;
  }
  .form-wrapper fieldset fieldset:not(.mod) .form-item {
    margin: 0;
    margin-bottom: 20px;
  }

  .form-wrapper fieldset fieldset.mod .form-item {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 1em;
  }
  .form-wrapper .form-item label {
    display: inline;
  }
  .form-wrapper .form-item input {
    padding: 0 3px 0 0;
  }
  .form-wrapper div span {
    /*	display: block; */
  }

  /* -- お問い合わせページ -- */
  .form-wrapper .form-edit ,
  .form-wrapper .form-selection {
    margin-bottom: -1px;
  }


  .form-wrapper .form-edit > span {
    padding: 0;
    font-size: 87.5%;
  }

  .form-wrapper .form-selection > fieldset > legend {
    font-size: 87.5%;
  }

  .form-wrapper .form-selection > fieldset > select {
    margin: 0;
    width: auto;
    display: block;

    padding: 0.25em 0.25em;
  }



  .form-wrapper .button-wrapper {
    margin: 5px auto 20px;
    text-align: center;
  }



  .form-summary {
    margin-bottom: 50px;
  }



  .form-summary table tr {
    display: block;
    margin-top: -1px;
    border: 1px solid #CCC;
  }

  .form-summary table td {
    border: none;
    display: block;
    /*		padding: 5px 0; */
    white-space: pre;
    white-space: pre-line;
    max-width: calc(100vw - 20px);
  }
  .form-summary table td:first-child {
    /*		border-bottom: 1px solid #CCC; */
    /*		font-size: 87.5%; */
    background: none;
    padding-bottom: 5px;
  }
}


.form-summary table caption {
  display: none;
}

/* 必須項目 */
.form-wrapper p.required {
  margin: 10px 5px;
  text-align: right;
}

.form-wrapper p.required span {
  display: inline;
}

.form-wrapper p.required span ,
.form-wrapper dfn {
  color: #ec1549;
  font-weight: normal;
  font-style: normal;
}

/* 必須項目(枠線付き・凡例なし) */
.form-wrapper p.required {
  display: none;
}

.form-wrapper p.required span ,
.form-wrapper dfn {
  display: inline-block;
  font-size: 11px;
  padding: 2px 9px;
  border: 1px solid #c03b37;
}

.form-wrapper dfn {
  margin-left: 20px;
}


/* Submit */
.form-wrapper div.button-wrapper {
  position: relative;
  padding: 30px 0 20px;
  text-align: center;
}
.form-wrapper fieldset div.button-wrapper em {
  float: right;
  margin-top: -24px;
  font-size: 140%;
}

.form-wrapper div.button-wrapper input {
  position: relative;
  max-width: 470px;
  padding: 12px 70px;
  margin: 0 10px;

  text-align: center;
  font-size: 1rem;
  color: #fff;
  background: #2b327a url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") no-repeat;
  background-size: 7px 12px;
  background-position: right 25px top 50%;
  text-decoration: none;
  border: 1px solid #bbb;
  cursor: pointer;
  min-height: 74px;
  transition: .3s;
  outline: none;
}

.form-wrapper div.button-wrapper input:hover ,
.form-wrapper div.button-wrapper input:active ,
.form-wrapper div.button-wrapper input:focus {
  color: #2b327a;
  background: #fff url("../../../../../../resources/sw_img/icon/icon_arr01.svg") no-repeat;
  background-size: 7px 12px;
  background-position: right 25px top 50%;
  border: 1px solid #2b327a;
}


/* error messages */
.error {
  color: #ec1549;
  font-weight: bold;
}

.error a ,
.error a:hover {
  color: #222;
  text-decoration: none;
  cursor: default;
}


.form-box div.error {
  margin: 20px 0;
  font-weight: bold;
}
.form-box .error h1 {
  background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/../../img/bgs/error.png") 0 8px no-repeat;
  margin-bottom: 10px;
  padding: 5px 0 0 30px;
  color: #ec1549;
}
.form-box div.error ul {
  margin: 0 0 0 45px;
}
.form-box div.error li {
  color: #ec1549;
}
.form-box div.error li a ,
.form-box div.error label span {
  color: #ec1549;
}

.form-wrapper div.error {
  margin: 0;
}
.form-ui-invalid {
  border-color: #ec1549;
}
.form-wrapper div.error input ,
.form-wrapper div.error select ,
.form-wrapper div.error textarea ,
.form-wrapper div input.form-ui-invalid ,
.form-wrapper div textarea.form-ui-invalid ,
.form-wrapper div select.form-ui-invalid {
  border: 1px solid #ec1549;
}


/* success messages */
.form-box .success {
  margin: 10px 0;
}
.form-box .success h1 {
  background: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/confirmed.png") 0 8px no-repeat;
  margin-bottom: 10px;
  padding: 5px 0 0 30px;
  color: #afaf00;
}



.form-wrapper .form-item label {
  cursor: pointer;
}



/* チェックボックス・ラジオボタンスタイル */
.form-wrapper input[type="checkbox"] ,
.form-wrapper input[type="radio"] {
	margin: 0;
	padding: 0;
	float: left;
	width: 0;
	height: 0;
	opacity: 0;
}

.form-wrapper input[type="checkbox"] + label {
}

.form-wrapper input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url("../../../../../../resources/sw_img/icon/icon_check_off.png") no-repeat center center;
  background-size: contain;
  margin-right: 12px;
}

.form-wrapper input[type="checkbox"]:checked + label::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_check_on.png");
}

.form-wrapper input[type="radio"] + label {
}

.form-wrapper input[type="radio"] + label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background: url("../../../../../../resources/sw_img/icon/icon_radio_off.png") no-repeat center center;
  background-size: contain;
  margin-right: 12px;
}

.form-wrapper input[type="radio"]:checked + label::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_radio_on.png");
}


/*==== お問い合わせフォーム ====*/
/* 同意確認チェック、規約ボックス */
.form-box .text-section h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;

	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.06em;
	margin-bottom: 10px;
}

.form-box .text-section h2::before {
	content: none;
}


.form-box .text-section.highlight > div {
	padding: 30px;
	background: #f7f7f7;
}

.form-box .text-section.highlight {
	margin-bottom: 30px;
}

.form-box .text-section.highlight h2 {
	margin-top: 60px;
	margin-bottom: 20px;
}

.form-box .text-section.highlight + .text-section {
	height: 240px;
	overflow: hidden;
	overflow-y: scroll;
	padding: 30px;
	border: 1px solid #dedede;
	margin-bottom: 30px;
}


.form-box .text-section.highlight ~ .form-selection {
	border: none;
	background: none;
	margin-bottom: 50px;
	text-align: center;

	display: flex;
	flex-flow: row-reverse nowrap;
	justify-content: center;
}

.form-box .text-section.highlight ~ .form-selection::before {
	content: none;
}

.form-box .text-section.highlight ~ .form-selection > * {
	margin: 0;
	padding: 0;
	border: none;
	float: none;
	display: inline-block;
	width: auto !important;
}

.form-box .text-section.highlight ~ .form-selection > label {
}

.form-box .text-section.highlight ~ .form-selection > label span {
	font-size: 0;
}

.form-box .text-section.highlight ~ .form-selection > fieldset {
/*	text-align: center; */
}

.form-box .text-section.highlight ~ .form-selection > fieldset input + label {
	font-weight: bold;
	margin-left: 0.5em;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	text-align: left;
}

.form-box .text-section.highlight ~ .form-selection dfn {
/*	margin-left: 0; */
}

@media screen and (max-width: 768px) {
	.form-box .text-section h2 {
		font-size: 16px;
		font-weight: normal;
	}

	.form-box .text-section.highlight {
		margin-bottom: 35px;
	}

	.form-box .text-section.highlight h2 {
		margin-top: 45px;
	}

	.form-box .text-section.highlight > div {
		padding: 20px;
		font-size: 13px;
	}

	.form-box .text-section.highlight + .text-section {
		position: static;
		padding: 20px;
		height: 180px;
	}

	.form-box .text-section.highlight + .text-section div {
		min-height: 200px;
		outline: none;
	}

	.form-box .text-section.highlight + .text-section {
		margin-bottom: 15px;
	}

	.form-box .text-section.highlight ~ .form-selection {
		margin-bottom: 10px;
	}
}


/*-------------------------------------
ヘッダー・フッター・メニュー
-------------------------------------*/
@media print, screen and (min-width: 768px) {
  /*	.on-sp > *:not(.mgnlEditor) , */
  .on-sp > .column1:nth-child(1) ,
  .on-sp > .column2:nth-child(2) ,
  .on-sp > .column3:nth-child(3) ,
  .on-sp > .column4:nth-child(4) ,
  .on-sp > .column5:nth-child(5) ,
  .on-sp > .column1 >*> *:not(.mgnlEditor) ,
  .on-sp > .column2 >*> *:not(.mgnlEditor) ,
  .on-sp > .column3 >*> *:not(.mgnlEditor) ,
  .on-sp > .column4 >*> *:not(.mgnlEditor) ,
  .on-sp > .column5 >*> *:not(.mgnlEditor) {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  /*	.on-pc > *:not(.mgnlEditor) , */
  .on-pc > .column1:nth-child(1) ,
  .on-pc > .column2:nth-child(2) ,
  .on-pc > .column3:nth-child(3) ,
  .on-pc > .column4:nth-child(4) ,
  .on-pc > .column5:nth-child(5) ,
  .on-pc > .column1 >*> *:not(.mgnlEditor) ,
  .on-pc > .column2 >*> *:not(.mgnlEditor) ,
  .on-pc > .column3 >*> *:not(.mgnlEditor) ,
  .on-pc > .column4 >*> *:not(.mgnlEditor) ,
  .on-pc > .column5 >*> *:not(.mgnlEditor) {
    display: none !important;
  }
}


/* 共通 */
#site-info .ax_header a:hover img ,
#site-info .ax_footer a:hover img {
  opacity: 0.7;
}

/*-- メニュー用 --*/
#panel2-sw ,
.panel2-sw ,
#panel2-btn ,
.panel2-btn {
  display: none;
}

/*------------- デスクトップ用ヘッダー -------------*/
@media print, screen and (min-width: 768px) {
  #header {
    height: 105px;
  }
  body.top-scroll #header {
/*    height: 0; */
  }
}

#site-info .ax_header.on-pc > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 105px;
  z-index: 10001;
}
body:not(.in-editor) #header.pad ~ #site-info .ax_header.on-pc > div {
  position: fixed;
  background-color: #fff;
}
body.top-scroll #header.pad ~ #site-info .ax_header.on-pc > div {
  background: rgb(42,43,53);
  background: linear-gradient(0deg, rgba(42,43,53,0) 0%, rgba(42,43,53,0.57) 100%);
}

/* ヘッダーパネル(グロナビ・メガドロップを除く) */
#site-info .on-pc .hx_panel {
  width: 100%;
  /*
  border-bottom: 1px solid #eee;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  */
}

#site-info .on-pc .hx_panel > div {
  /*
  min-width: calc(1000px + 40px);
  width: calc(1000px + 40px);
  */
  height: 105px;
  margin: auto;
  padding: 0 20px;
  overflow: hidden;
}

#site-info .on-pc .hx_panel > div > div {
  position: relative;
  height: 100%;
}


/* ロゴ */
#site-info .on-pc .hx_logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

#site-info .on-pc .hx_logo .teaser.style2 ,
#site-info .on-pc .hx_logo .external-teaser.style2 {
  display: none;
}

#site-info .on-pc .hx_logo a {
  display: block;
  width: 170px;
  height: 46px;
  background: url("../../../../../../resources/sw_img/common/logo.svg") left center / contain no-repeat;
  transition: .3s;
}
body.top-scroll #site-info .on-pc .hx_logo a {
  background-image: url("../../../../../../resources/sw_img/common/logo_white.svg");
}
#site-info .on-pc .hx_logo a:hover {
  opacity: .7;
}

#site-info .on-pc .hx_logo a img {
  display: none;
}


/* 検索 */
#site-info .on-pc .hx_search_btn {
  position: absolute;
  top: 60px;
  right: 0;
}

#site-info .on-pc .hx_search_btn .search_btn {
  padding: 3px;
  cursor: pointer;
}

#site-info .on-pc .hx_search_btn .search_btn span {
  display: block;
  width: 15px;
  height: 15px;
  background: url("../../../../../../resources/sw_img/default/icon_glass.png") no-repeat center center;
  background-size: contain;
}
body.top-scroll #site-info .on-pc .hx_search_btn .search_btn span {
  background-image: url("../../../../../../resources/sw_img/default/icon_glass_white.png");
}

/* その他 */
#site-info .on-pc .hx_sub_panel {
  position: absolute;
  top: 10px;
  right: -10px;
}

#site-info .on-pc .hx_sub_panel > div {
  /*		border-right: 1px solid #fff;
  padding-right: 20px;*/
}

#site-info .on-pc .hx_sub_panel > * > div::after {
  content: "";
  display: block;
  clear: both;
}

#site-info .on-pc .hx_lang_navi ,
#site-info .on-pc .hx_utility_link {
  float: left;
/*  margin-left: 20px; */
}

#site-info .on-pc .hx_lang_navi .link-list ul {
  position: relative;
/*  padding-left: 20px; */
}

#site-info .on-pc .hx_lang_navi .link-list li {
  position: relative;
  display: inline-block;
/*  margin-left: 15px; */
}

#site-info .on-pc .hx_lang_navi .link-list li.highlight {
  display: none;
}

#site-info .on-pc .hx_lang_navi .link-list li > a::before {
  content: "";
/*
  position: absolute;
  left: 0;
  top: 50%;
*/
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../../../../../../resources/sw_img/icon/icon_global.svg") no-repeat center center;
  background-size: contain;
/*
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
*/
	margin-right: 7px;
	margin-bottom: 1px;
}

#site-info .on-pc .hx_lang_navi .link-list li > a ,
#site-info .on-pc .hx_lang_navi .link-list li > span {
	display: block;
	padding: 10px 15px;
  color: #000;
  font-size: 13px;
  transition: .3s;
}

#site-info .on-pc .hx_lang_navi .link-list li > a:hover {
  opacity: .7;
}

body.top-scroll #site-info .on-pc .hx_lang_navi .link-list li > a::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_global_white.svg") ;
}
body.top-scroll #site-info .on-pc .hx_lang_navi .link-list li > a ,
body.top-scroll #site-info .on-pc .hx_lang_navi .link-list li > span {
  color: #fff;
}


/* ヘッダーユーティリティリンク */
#site-info .on-pc .hx_utility_link .link-list li {
  position: relative;
  display: inline-block;
}

#site-info .on-pc .hx_utility_link .link-list li a::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 20px;
  background: no-repeat center center;
  background-size: contain;
  margin: 0 5px 2px 0;
}
#site-info .on-pc .hx_utility_link .link-list li:first-child a::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_cart.svg") ;
}
body.top-scroll #site-info .on-pc .hx_utility_link .link-list li:first-child a::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_cart_white.svg") ;
}
#site-info .on-pc .hx_utility_link .link-list li:last-child a:before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_contact.svg") ;
}
body.top-scroll #site-info .on-pc .hx_utility_link .link-list li:last-child a:before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_contact_white.svg") ;
}

#site-info .on-pc .hx_utility_link .link-list li > a ,
#site-info .on-pc .hx_utility_link .link-list li > span {
  color: #000;
  font-size: 13px;
  padding: 10px 15px;
  display: block;
  transition: .3s;
}
body.top-scroll #site-info .on-pc .hx_utility_link .link-list li > a ,
body.top-scroll #site-info .on-pc .hx_utility_link .link-list li > span {
  color: #fff;
}
#site-info .on-pc .hx_utility_link .link-list li > a:hover {
  opacity: .7;
}
body.top-scroll #site-info .on-pc .hx_utility_link .link-list li:first-child > a ,
body.top-scroll #site-info .on-pc .hx_utility_link .link-list li:first-child > span ,
body.top-scroll #site-info .on-pc .hx_utility_link .link-list li:last-child > a ,
body.top-scroll #site-info .on-pc .hx_utility_link .link-list li:last-child > span {
  background: none;
}

#site-info .on-pc .hx_utility_link .teaser ,
#site-info .on-pc .hx_utility_link .external-teaser {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse nowrap;
  flex-flow: row-reverse nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px;
}

#site-info .on-pc .hx_utility_link .teaser >*,
#site-info .on-pc .hx_utility_link .external-teaser >* {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

#site-info .on-pc .hx_utility_link .teaser h2 a ,
#site-info .on-pc .hx_utility_link .external-teaser h2 a {
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;
}


/* グロナビ */
#site-info .on-pc .hx_gnavi {
  font-size: 0;
  width: 100%;
  margin-top: -45px;
}

#site-info .on-pc .hx_gnavi > div {
  /*	width: calc(1000px + 40px);*/
  margin: auto;
  margin-right: 50px;
}

/* flex で組む場合、IE9だと左詰めになる */
#site-info .on-pc .hx_gnavi > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
}

#site-info .on-pc .hx_gnavi > div > div > div {
  display: inline-block;
  margin: 0 15px;
}
@media screen and (max-width: 999px) {
  #site-info .on-pc .hx_gnavi > div > div > div {
    margin: 0 8px;
  }
}

/* tableで組む場合。IE9でも表示可 */
/*
#site-info .on-pc .hx_gnavi > div {
display: table;
table-layout: auto;
border-collapse: collapse;
}

#site-info .on-pc .hx_gnavi > div > div {
display: table-row;
}

#site-info .on-pc .hx_gnavi > div > div > div {
display: table-cell;
}
*/

#site-info .on-pc .hx_gnavi >*>*>*>* > .teaser.no-img ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .external-teaser.no-img {
  position: relative;
  display: table;
  /*		width: 100%; */
  height: 40px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .teaser.no-img h2 ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .external-teaser.no-img h2 {
  display: table-row;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .teaser.no-img h2 a ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .external-teaser.no-img h2 a {
  /*	display: table-cell;*/
  vertical-align: middle;
  padding: 5px;
  text-align: center;
  font-size: 17px;
  color: #000;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
body.top-scroll #site-info .on-pc .hx_gnavi >*>*>*>* > .teaser.no-img h2 a ,
body.top-scroll #site-info .on-pc .hx_gnavi >*>*>*>* > .external-teaser.no-img h2 a {
  color: #fff
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .teaser.no-img h2 a[target="_blank"]::after ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .external-teaser.no-img h2 a[target="_blank"]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .teaser.no-img h2 a span ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .external-teaser.no-img h2 a span {
  display: none;
}

#site-info .on-pc .hx_gnavi >*>*>*:hover >* > .teaser.no-img h2 a ,
#site-info .on-pc .hx_gnavi >*>*>*:hover >* > .external-teaser.no-img h2 a {
  border-bottom-color: #000;
}

body.top-scroll #site-info .on-pc .hx_gnavi >*>*>*:hover >* > .teaser.no-img h2 a ,
body.top-scroll #site-info .on-pc .hx_gnavi >*>*>*:hover >* > .external-teaser.no-img h2 a {
  border-bottom-color: #fff;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .teaser.no-img h2 a.act ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .external-teaser.no-img h2 a.act ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .teaser.no-img h2 a.within ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .external-teaser.no-img h2 a.within {
  border-bottom-color: #000;
}

#site-info .on-pc .hx_gnavi >*>*>*:hover >* > .teaser.no-img h2 a.act ,
#site-info .on-pc .hx_gnavi >*>*>*:hover >* > .external-teaser.no-img h2 a.act ,
#site-info .on-pc .hx_gnavi >*>*>*:hover >* > .teaser.no-img h2 a.within ,
#site-info .on-pc .hx_gnavi >*>*>*:hover >* > .external-teaser.no-img h2 a.within {
}


/* メガドロップメニュー */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  padding: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);

  /* マウスオーバーで下に伸長 */
  max-height: 0;

  /* マウスオーバーで全体が非透過化 */
  /*		opacity: 0; */
  /*		visibility: hidden; */

  z-index: 10;
  -webkit-transition: 0.5s 0.1s;
  -o-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

#site-info .on-pc .hx_gnavi >* >* > *:hover >* > .reuse-main-area {
  /* マウスオーバーで下に伸長 */
  max-height: 550px;

  /* マウスオーバーで全体が非透過化 */
  /*		opacity: 1; */
  /*		visibility: visible; */
}


#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area::after {
  /*
  content: "";
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #222;
  background: url("../../../../../../resources/sw_img/bg/bg_menu.jpg") center center no-repeat;
  background-size: cover;
  z-index: -1;
  */
}


#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > * {
  font-size: 0;

  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  width: calc(1000px + 40px);
  padding: 0 10px;
  margin: 0 auto 20px;
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > *:first-child {
  margin-top: 40px;
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > *:last-child {
  margin-bottom: 20px;
}

/* メガドロップ カラム割 */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > * > * {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > .multiColumn2 > * {
  width: 100%;
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > .multiColumn3 > * {
  width: 33.33%;
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > .multiColumn4 > * {
  width: 25%;
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > .multiColumn5 > * {
  width: 20%;
}

/*	#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > * > *.empty , */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area > *.empty {
  display: none;
}


/*-- メガドロップの中身 --*/

/* 区切り線 */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .lx_menu_hairline {
  padding-top: 35px;
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .lx_menu_hairline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 1px;
  background: #747474;
}


/* テキストバナー(スタイルB) on メガドロップ */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser.no-img.style2 ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser.no-img.style2 {
  margin-bottom: 20px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser.no-img.style2 h2 a ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser.no-img.style2 h2 a {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 30px;
  line-height: 1.25;
}

/* テキストバナー on メガドロップ */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser.no-img.style1 ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser.no-img.style1 {
  margin-bottom: 20px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser.no-img.style1 h2 a ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser.no-img.style1 h2 a {
  position: relative;
  display: inline-block;
  padding: 10px 50px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 1.25;
  border: 1px solid #fff;
  border-radius: 50px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser.no-img.style1 h2 a::before ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser.no-img.style1 h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #Fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 画像バナー on メガドロップ */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 15px;
}


#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 > * ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 > * ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 h2 ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 h2 ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 h2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 h2 a ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 h2 a ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 h2 a {
  position: relative;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  padding-left: 20px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 h2 a::before ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 h2 a::before ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #Fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 h2 a[target="_blank"]::after ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 h2 a[target="_blank"]::after {
  border: none;

  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 h2 a[href*=".pdf"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 23px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 h2 + a ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 h2 + a ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 h2 + a {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  margin-bottom: 5px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 h2 + a img ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 h2 + a img ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 h2 + a img {
  display: block;
}


#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 p ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 p ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 p {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .teaser:not(.no-img).style1 h2 a:hover ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .external-teaser:not(.no-img).style1 h2 a:hover ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .download-teaser:not(.no-img).style1 h2 a:hover {
  border-bottom-color: #fff;
}


/* インデックス・サイトマップ・リンクリスト on メガドロップ */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map {
  font-size: 0;
  display: flex;
}

/* 折り返し(逆N型) */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list ul ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 10px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .ux_sitemap_fold .link-list ul ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .ux_sitemap_fold .index-map > ul.indexLevel_1 {
  width: calc(100% - 10px);
  margin-right: 10px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .ux_sitemap_fold .link-list ul ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .ux_sitemap_fold .index-map > ul.indexLevel_1 {
  width: calc(50% - 10px);
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .ux_sitemap_fold.fold3 .link-list ul ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .ux_sitemap_fold.fold3 .index-map > ul.indexLevel_1 {
  width: calc(33.33% - 10px);
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .ux_sitemap_fold.fold4 .link-list ul ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .ux_sitemap_fold.fold4 .index-map > ul.indexLevel_1 {
  width: calc(25% - 10px);
}

/* 折り返し(Z型) */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .lx_sitemap_li_2col .link-list li:not(.highlight) ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .lx_sitemap_li_2col .index-map > ul.indexLevel_1 > li {
  width: calc(50% - 10px);
  margin-right: 10px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .lx_sitemap_li_3col .link-list li:not(.highlight) ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .lx_sitemap_li_3col .index-map > ul.indexLevel_1 > li {
  width: calc(33.33% - 10px);
  margin-right: 10px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .lx_sitemap_li_4col .link-list li:not(.highlight) ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .lx_sitemap_li_4col .index-map > ul.indexLevel_1 > li {
  width: calc(25% - 15px);
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid #fff;
}

/* インデックス・サイトマップ・リンクリスト on メガドロップ */
/* 第２階層 */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li.highlight ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_0 {
  /*
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
  margin-bottom: 15px;
  */
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_0 {
  width: 290px;
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_1 {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li.highlight > a ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li.highlight > span ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_0 > li > .item > a {
  display: inline-block;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  border-bottom: 1px solid transparent;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li.highlight > a::before ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_0 > li > .item > a::before {
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li.highlight > a:hover ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_0 > li > .item > a:hover {
}

/* 第３階層 */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li:not(.highlight) ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_1 > li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  /*
  min-width: 150px;
  border-right: 1px solid #ccc;
  padding-right: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  */
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li:not(.highlight) > a ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li:not(.highlight) > span ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_1 > li > .item > a {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px solid transparent;
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_1 > li > .item {
  display: flex;
}
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_1 > li > .item > a {
  font-size: 15px;
  text-align: left;
  padding: .5em 1em;
  min-height: 60px;
  display: flex;
  align-items: center;
  line-height: 1.2;
  transition: .3s;
  width: 100%;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li:not(.highlight) > a::before ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_1 > li > .item > a::before {
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li:not(.highlight) > a[target="_blank"]::after ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_1 > li > .item > a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .link-list li:not(.highlight) > a:hover ,
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map > ul.indexLevel_1 > li > .item > a:hover {
  background: #0e1a6d;
}

/* 第４階層 */
#site-info .on-pc .hx_gnavi >*>*>*>* > .reuse-main-area .index-map ul.indexLevel_2 {
  display: none;
}


/* コンパクトヘッダー */
/*--
@media print, screen and (min-width: 768px) {
#header.float {
height: 75px;
}
}

#header.float ~ #site-info .ax_header.on-pc > div ,
#header.float ~ #site-info .on-pc .hx_panel > div {
height: 75px;
}

#header.float ~ #site-info .on-pc .hx_sub_panel {
opacity: 0;
}

#header.float ~ #site-info .on-pc .hx_logo {
top: 23px;
}
--*/



/*------------- スマホ用ヘッダー -------------*/
@media screen and (max-width: 767px) {

  /* ハンバーガーアイコン */
  #panel2-btn{
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 44px;
    margin: 8px 9px;
    border-radius: 10%;
    z-index: 11111;
  }

  #panel2-btn:hover{
    /*
    background: #FFF;
    background: rgba(255,255,255, 0.8);
    */
  }

  .panel2-btn-icon1 ,
  .panel2-btn-icon2 ,
  .panel2-btn-icon3 {
    display: block;
    position: absolute;
    top: 21px;
    left: 9px;
    width: 22px;
    height: 2px;
    margin: 0;
    background: #27282f;

    -webkit-transition: .2s .4s;
    -o-transition: .2s .4s;
    transition: .2s .4s;
  }
  body.top-scroll .panel2-btn-icon1 ,
  body.top-scroll .panel2-btn-icon2 ,
  body.top-scroll .panel2-btn-icon3 {
    background-color: #fff;
  }

  .panel2-btn-icon1 {
    margin-top: -4px;
  }
  .panel2-btn-icon2 {
    margin-top: 0px;
  }
  .panel2-btn-icon3 {
    margin-top: 4px;
  }

  .panel2-btn-icon1::before ,
  .panel2-btn-icon3::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 2px;
    background: #000;

    -webkit-transition: .3s .1s;
    -o-transition: .3s .1s;
    transition: .3s .1s;
  }
  body.top-scroll #panel2-sw:not(:checked) + #header .panel2-btn-icon1::before ,
  body.top-scroll #panel2-sw:not(:checked) + #header .panel2-btn-icon3::before {
    background: #fff;
  }

  .panel2-btn-title {
    overflow: hidden;
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    width: 40px;
    height: 12px;
  }

  .panel2-btn-title li {
    display: block;
    width: 40px;
    height: 15px;

    line-height: 1;
    font-size: 10px;
    color: #000;
    text-align: center;

    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .panel2-btn-title li:first-child {
    margin-top: -15px;

    -webkit-transition: .5s .1s;
    -o-transition: .5s .1s;
    transition: .5s .1s;
  }


  /* -- open時 -- */
  #panel2-sw.open +* .panel2-btn-icon1 ,
  #panel2-sw.open +* .panel2-btn-icon2 ,
  #panel2-sw.open +* .panel2-btn-icon3 ,
  #panel2-sw:checked +* .panel2-btn-icon1 ,
  #panel2-sw:checked +* .panel2-btn-icon2 ,
  #panel2-sw:checked +* .panel2-btn-icon3 {
    background: transparent;
    margin-top: 0;

    -webkit-transition: .2s .1s;
    -o-transition: .2s .1s;
    transition: .2s .1s;
  }

  #panel2-sw.open +* .panel2-btn-icon1::before ,
  #panel2-sw.open +* .panel2-btn-icon3::before ,
  #panel2-sw:checked +* .panel2-btn-icon1::before ,
  #panel2-sw:checked +* .panel2-btn-icon3::before {
    width: 30px;
    left: -4px;

    -webkit-transition: .3s .3s;
    -o-transition: .3s .3s;
    transition: .3s .3s;
  }

  #panel2-sw.open +* .panel2-btn-icon1::before ,
  #panel2-sw:checked +* .panel2-btn-icon1::before {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }

  #panel2-sw.open +* .panel2-btn-icon3::before ,
  #panel2-sw:checked +* .panel2-btn-icon3::before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  #panel2-sw.open +* .panel2-btn-title li:first-child ,
  #panel2-sw:checked +* .panel2-btn-title li:first-child {
    margin-top: 0px;

    -webkit-transition: .5s .25s;
    -o-transition: .5s .25s;
    transition: .5s .25s;
  }

  /*------------------ ヘッダー ------------------*/
  #header {
    height: 60px;
  }
  body.top-scroll #header {
    height: auto;
  }
}

#site-info .ax_header.on-sp {
}

/* ヘッダーパネル */
#site-info .on-sp .hx_panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  box-shadow: 0px 5px 20px -6px rgba(20, 21, 27, 0.20);
  z-index: 10010;
  transition: .3s;
}
body.top-scroll #panel2-sw:not(:checked) ~  #site-info .on-sp .hx_panel {
  background: none;
  box-shadow: none;
  background: linear-gradient(0deg, rgba(42,43,53,0) 0%, rgba(42,43,53,0.57) 100%);
}

/* ロゴ */
#site-info .on-sp .hx_logo {
  position: absolute;
  top: 7px;
  left: 10px;
  width: calc(100% - 120px);
}

#site-info .on-sp .hx_logo .teaser.style2 ,
#site-info .on-sp .hx_logo .external-teaser.style2 {
  display: none;
}

#site-info .on-sp .hx_logo a {
  display: block;
  width: 130px;
  height: 46px;
  background: url("../../../../../../resources/sw_img/common/logo.svg") left center / contain no-repeat;
}
body.top-scroll #panel2-sw:not(:checked) ~ #site-info .on-sp .hx_logo a {
  background-image: url("../../../../../../resources/sw_img/common/logo_white.svg");
}

#site-info .on-sp .hx_logo a img {
  display: none;
  max-width: none;
  max-height: 100%;
  margin: 0;
}

/* 検索 */
#site-info .on-sp .hx_search_btn {
  position: absolute;
  top: 18px;
  right: 65px;
}

#site-info .on-sp .hx_search_btn .search_btn {
  padding: 3px;
  cursor: pointer;
}

#site-info .on-sp .hx_search_btn .search_btn span {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../../../../../../resources/sw_img/default/icon_glass.png") no-repeat center center;
  background-size: contain;
  cursor: pointer;
}
body.top-scroll #panel2-sw:not(:checked) ~ #site-info .on-sp .hx_search_btn .search_btn span {
  background-image: url("../../../../../../resources/sw_img/default/icon_glass_white.png");
}

/* メニュー */
/* 60pxはヘッダーの高さ分 */
#site-info .on-sp .hx_menu {
  font-size: 0;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100vw;
  height: calc(100% - 60px);
  max-height: 100%;
  overflow: hidden;
  z-index: 10000;
  background: #fff;
  /*	background: rgba(255, 255, 255, 0.9); */
  -webkit-transition: .7s .1s;
  -o-transition: .7s .1s;
  transition: .7s .1s;

  /*	max-height: 0; */
  left: 100%;
}

#panel2-sw.open ~ #site-info .on-sp .hx_menu ,
#panel2-sw:checked ~ #site-info .on-sp .hx_menu {
  /*	max-height: 100%; */
  left: 0;
}

#site-info .on-sp .hx_menu > div {
  position: absolute;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}

#site-info .on-sp .hx_menu > div > div {
  padding-bottom: 20px;
}


/* クリックオープンメニュー */
#site-info .on-sp .ux_click_open .hx_gnavi {
  padding: 0;
}

/* 共通 */
#site-info .on-sp .ux_click_open .hx_gnavi .link-list li ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map .item {
  background: #585757;
  border-bottom: 1px solid #494949;
}

#site-info .on-sp .ux_click_open .hx_gnavi .link-list li > a ,
#site-info .on-sp .ux_click_open .hx_gnavi .link-list li > span ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map .item > a {
  position: relative;
  display: block;
  color: inherit;
  font-size: 14px;
  font-weight: normal;
  padding: 15px 20px;
  text-align: left;
}

#site-info .on-sp .ux_click_open .hx_gnavi .link-list li > a[target="_blank"]::after ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map .item > a[target="_blank"]::after {

  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 12px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.svg") no-repeat center center;
  background-size: contain;
  margin: 0 8px;
}

#site-info .on-sp .ux_click_open .hx_gnavi .link-list li > a:hover ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map .item > a:hover {
}

/* 親階層 */
#site-info .on-sp .ux_click_open .hx_gnavi .link-list li:not(.highlight) ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_0 > li > .item {
}

#site-info .on-sp .ux_click_open .hx_gnavi .link-list li:not(.highlight) > a ,
#site-info .on-sp .ux_click_open .hx_gnavi .link-list li:not(.highlight) > span ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_0 > li > .item > a ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_0 > li > .item > span {
  padding-right: 50px;
}

#site-info .on-sp .ux_click_open .hx_gnavi .link-list li:not(.highlight) > a::before ,
#site-info .on-sp .ux_click_open .hx_gnavi .link-list li:not(.highlight) > span::before ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_0 > li > .item > a::before ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_0 > li > .item > span::before {
  content: "";
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -3px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}


/* 子階層 */
#site-info .on-sp .ux_click_open .hx_gnavi .link-list li.highlight ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_1 > li > .item {
}

#site-info .on-sp .ux_click_open .hx_gnavi .link-list li.highlight > a ,
#site-info .on-sp .ux_click_open .hx_gnavi .link-list li.highlight > span ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_1 > li > .item > a ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_1 > li > .item > span {
  padding: 10px 30px;
  padding-right: 60px;
}

#site-info .on-sp .ux_click_open .hx_gnavi .link-list li.highlight > a::before ,
#site-info .on-sp .ux_click_open .hx_gnavi .link-list li.highlight > span::before ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_1 > li > .item > a::before ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_1 > li > .item > span::before {
  content: "";
  position: absolute;
  right: 45px;
  top: 50%;
  margin-top: -3px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

#site-info .on-sp .ux_click_open .hx_gnavi .link-list li.highlight > a br ,
#site-info .on-sp .ux_click_open .hx_gnavi .link-list li.highlight > span br ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_1 > li > .item > a br ,
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_1 > li > .item > span br {
  display: none;
}

/* 孫階層(非表示) */
#site-info .on-sp .ux_click_open .hx_gnavi .index-map ul.indexLevel_2 {
  display: none;
}


/* 開閉ボタン */
#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 {
  position: relative;
}

#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .title4 {
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
}

#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .title4::before ,
#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .title4::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
}



#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .title4::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion.open > .column1 .title4::after {
  opacity: 0;
}

#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .link-list li > a ,
#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .link-list li > span ,
#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .index-map .item > a {
  margin-right: 70px;
  border-right: 1px solid #494949;
}
#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .link-list li > a::before ,
#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .link-list li > span::before ,
#site-info .on-sp .ux_click_open .hx_gnavi .ux_accordion > .column1 .index-map .item > a::before {
  content: none;
}


/* 3way-navi */
#site-info .on-sp .ux_navi_3way .hx_gnavi {
}

/* フォルダ開閉 */
#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  background: #fff;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map ul.open {
  left: 0;
}

#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map ul.active {
  overflow-y: scroll;
}


/* 各要素共通 */
#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item > a ,
#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item.gn-back > span ,
#site-info .on-sp .ux_navi_3way .hx_gnavi .link-list li > a ,
#site-info .on-sp .ux_navi_3way .hx_gnavi .link-list li > span {
  position: relative;
  display: block;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  padding: 15px 20px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
}

#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item > a[target="_blank"]::after ,
#site-info .on-sp .ux_navi_3way .hx_gnavi .link-list li > a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") no-repeat center center;
  background-size: contain;
  margin: 0 5px;
}

/* 通常リンク */
#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item:not(.gn-to-folder):not(.gn-folder-top) > a ,
#site-info .on-sp .ux_navi_3way .hx_gnavi .link-list li > a {
/*  color: #0e1a6d;*/
  font-weight: bold;
}

#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item:not(.gn-to-folder):not(.gn-folder-top) > a::before ,
#site-info .on-sp .ux_navi_3way .hx_gnavi .link-list li > a::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  width: 7px;
  height: 7px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #0e1a6d;
}


/* 現在地表示 */
#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item:not(.gn-to-folder) > a.act ,
#site-info .on-sp .ux_navi_3way .hx_gnavi .link-list li > a.act {
}

#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item:not(.gn-to-folder) > a.act::before ,
#site-info .on-sp .ux_navi_3way .hx_gnavi .link-list li > a.act::before {
}

/* ↓階層フォルダへ */
#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item.gn-to-folder > a {
  padding-right: 40px;
  color: #000;
  font-weight: bold;
}

#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item.gn-to-folder > a::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #1b1d24;
}

/* ↑階層へ(BACK) */
#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item.gn-back > span {
  padding-left: 40px;
  color: #000;
  font-weight: bold;
  background: #d9dae2;
}

#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item.gn-back > span::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 5px solid transparent;
  border-right: 5px solid #1b1d24;
  border-bottom: 5px solid transparent;
}

/* フォルダトップ */
#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item.gn-folder-top > a {
  padding-left: 40px;
  color: #fff;
  background-color: #313fa1;
  font-weight: bold;
}

#site-info .on-sp .ux_navi_3way .hx_gnavi .index-map .item.gn-folder-top > a::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
}

}


/* ヘッダーユーティリティリンク集 */
#site-info .on-sp .hx_utility_link {
  padding: 5px 0;
  color: #fff;
}

#site-info .on-sp .hx_utility_link .link-list ul {
  padding: 20px;
  text-align: center;
  display: flex;
}

#site-info .on-sp .hx_utility_link .link-list ul li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  flex: 1;
}

#site-info .on-sp .hx_utility_link .link-list ul li a:before{
  content: "";
  display: block;
  width: 30px;
  height: 40px;
  margin: 0 auto ;
  background: no-repeat center center;
  background-size: contain;
}
#site-info .on-sp .hx_utility_link .link-list ul li:first-child > a::before {
  background-image: url(../../../../../../resources/sw_img/icon/icon_cart_white.svg);
}
#site-info .on-sp .hx_utility_link .link-list ul li:last-child > a::before {
  background-image: url(../../../../../../resources/sw_img/icon/icon_contact_white.svg);
}

#site-info .on-sp .hx_utility_link .link-list ul li > a ,
#site-info .on-sp .hx_utility_link .link-list ul li > span {
  font-size: 12px;
  font-weight: bold;
  display: block;
  padding: 10px;
  color: #fff
}

#site-info .on-sp .hx_utility_link .link-list ul li:first-child > a ,
#site-info .on-sp .hx_utility_link .link-list ul li:first-child > span {
  background: #259ee9;
}
#site-info .on-sp .hx_utility_link .link-list ul li:last-child > a ,
#site-info .on-sp .hx_utility_link .link-list ul li:last-child > span {
  background: #0e1a6d;
}

/*
#site-info .on-sp .hx_utility_link .link-list ul li > a[target="_blank"]::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 17px;
height: 12px;
background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
background-size: contain;
margin-left: 5px;
}
*/

#site-info .on-sp .hx_utility_link .teaser ,
#site-info .on-sp .hx_utility_link .external-teaser {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse nowrap;
  flex-flow: row-reverse nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 10px 20px;
}

#site-info .on-sp .hx_utility_link .teaser >*,
#site-info .on-sp .hx_utility_link .external-teaser >* {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

#site-info .on-sp .hx_utility_link .teaser h2 a ,
#site-info .on-sp .hx_utility_link .external-teaser h2 a {
  margin-left: 5px;
  font-size: 13px;
  font-weight: bold;
}


/* 言語リンク */
#site-info .on-sp .hx_lang_navi {
/*  padding: 15px 0; */
}

#site-info .on-sp .hx_lang_navi .link-list ul {
  text-align: center;
}

#site-info .on-sp .hx_lang_navi .link-list ul li {
  display: inline-block;
  width: 50%;
}

#site-info .on-sp .hx_lang_navi .link-list ul li.highlight {
  /*		display: none; */
}

#site-info .on-sp .hx_lang_navi .link-list ul li > a ,
#site-info .on-sp .hx_lang_navi .link-list ul li > span {
  display: block;
  padding: 15px 10px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #222;
  background: #fff;
  border: 1px solid #eee;
}

#site-info .on-sp .hx_lang_navi .link-list ul li.highlight > span ,
#site-info .on-sp .hx_lang_navi .link-list ul li.highlight > a ,
#site-info .on-sp .hx_lang_navi .link-list ul li > a.act ,
#site-info .on-sp .hx_lang_navi .link-list ul li > a.within {
  color: #a4a4a4;
  background: #f7f7f7;
}



/*------------- レスポンシブフッター -------------*/
#site-info .ax_footer {
}

/* 各背景色 */
#site-info .fx_frame5 {
}

#site-info .fx_frame4 {
}

#site-info .fx_frame3 {
  background: #14151b;
  color: #fff;
  border-bottom: 1px solid #494a50;
}

#site-info .fx_frame2 {
  background: #14151b;
  color: #fff;
}

#site-info .fx_frame1 {
  background: #fff;
  color: #2a2b35;
}

#site-info .fx_frame1 > div {
  padding: 40px;
}

@media print, screen and (min-width: 768px) {
  #site-info .fx_frame5 > div ,
  #site-info .fx_frame4 > div ,
  #site-info .fx_frame3 > div ,
  #site-info .fx_frame2 > div  {
    max-width: calc(1000px + 40px);
    padding: 0 20px;
    margin: auto;
  }
  #site-info .fx_frame1 > div > div {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  #site-info .fx_frame5 > div ,
  #site-info .fx_frame4 > div ,
  #site-info .fx_frame3 > div ,
  #site-info .fx_frame2 > div ,
  #site-info .fx_frame1 > div {
    max-width: 500px;
    margin: auto;
  }
}


/* フッターバナー*/
#site-info .fx_banner {
  padding: 25px 0 5px;
}

#site-info .fx_banner .text-section {
  font-size: 1rem;
}

@media print, screen and (min-width: 768px) {
  /* カラム割 */
  #site-info .fx_banner >*>*> * {
    font-size: 0;

    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: calc(1000px + 40px);
    padding: 0 10px;
    margin: 0 auto;
  }

  #site-info .fx_banner >*>*> * > * {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }

  #site-info .fx_banner >*>*> .multiColumn2 > * {
    width: 50%;
  }
  #site-info .fx_banner >*>*> .multiColumn3 > * {
    width: 33.33%;
  }
  #site-info .fx_banner >*>*> .multiColumn4 > * {
    width: 25%;
  }
  #site-info .fx_banner >*>*> .multiColumn5 > * {
    width: 20%;
  }
}

@media screen and (max-width: 767px) {
  #site-info .fx_banner {
    padding: 35px 10px 40px;
  }

  #site-info .fx_banner >*>*> * {
    font-size: 0;

    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px;
    margin: 0 auto;
  }

  #site-info .fx_banner >*>*> * > * {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }

  #site-info .fx_banner >*>*> .multiColumn4 > * ,
  #site-info .fx_banner >*>*> .multiColumn5 > * {
    width: 50%;
  }

  #site-info .fx_banner >*>*> div > .column1 {
    width: 100%;
  }

}


/* フッターサイトマップ */
#site-info .fx_sitemap {
  padding: 60px 0;
}

@media print, screen and (min-width: 768px) {
  #site-info .fx_sitemap >* {
    display: table;
    width: 100%;
    table-layout: fixed;

  }
  #site-info .fx_sitemap >* >* {
    display: table-row;
  }
  #site-info .fx_sitemap >* >* >* {
    display: table-cell;
    vertical-align: top;
    width: 10%;
  }

  #site-info .fx_sitemap >* >* >* >* {
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  #site-info .fx_sitemap {
    padding: 20px 0 40px;
  }

  #site-info .fx_sitemap >* {
    padding: 0 30px;
  }
}

#site-info .fx_sitemap .link-list li > a ,
#site-info .fx_sitemap .link-list li > span ,
#site-info .fx_sitemap .index-map .item > a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  border-bottom: 1px solid transparent;
  margin-bottom: 10px;
}
#site-info .fx_sitemap .index-map .item > a:before {
  content: '';
  width: 4px;
  height: 1em;
  display: inline-block;
  background:url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center / contain no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

#site-info .fx_sitemap .link-list li > a[target="_blank"]::after ,
#site-info .fx_sitemap .index-map .item > a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

#site-info .fx_sitemap .link-list li > a:hover ,
#site-info .fx_sitemap .index-map .item > a:hover {
  border-bottom-color: #5f5f5f;
}

#site-info .fx_sitemap .link-list li.highlight ,
#site-info .fx_sitemap .index-map ul.indexLevel_0 > li > .item {
  /*	border-bottom: 1px solid #5f5f5f;*/
  margin-bottom: 15px;
}

#site-info .fx_sitemap .link-list li.highlight a:hover:after {
  width: 100%;
}

#site-info .fx_sitemap .link-list li.highlight > a ,
#site-info .fx_sitemap .link-list li.highlight > span ,
#site-info .fx_sitemap .index-map ul.indexLevel_0 > li > .item > a {
  font-size: 18px;
  margin-bottom: 5px;
}
#site-info .fx_sitemap .link-list li.highlight > a:hover {
  border-bottom-color: transparent;
}

#site-info .fx_sitemap .index-map ul.indexLevel_2 {
  display: none;
}


@media print, screen and (min-width: 768px) {
  #site-info .fx_sitemap .title4 {
    display: none;
  }

  #site-info .fx_sitemap .link-list li.highlight a:after{
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    margin-top: 10px;
    transition: .2s;
  }
}

@media screen and (max-width: 767px) {
  #site-info .fx_sitemap .link-list li.highlight ,
  #site-info .fx_sitemap .index-map ul.indexLevel_0 > li > .item {
    border: none;
    margin-bottom: 0;
    border-bottom: 1px solid #494a50;
  }


  #site-info .fx_sitemap .link-list li.highlight > a ,
  #site-info .fx_sitemap .link-list li.highlight > span ,
  #site-info .fx_sitemap .index-map ul.indexLevel_0 > li > .item > a {
    border: none;
    position: relative;
    display: block;
    padding: 12px 15px 12px 0;
    margin-left: 25px;
    margin-bottom: 0;
  }

  #site-info .fx_sitemap .link-list li.highlight > a::before ,
  #site-info .fx_sitemap .index-map ul.indexLevel_0 > li > .item > a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 13px;
    background: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center center no-repeat;
    background-size: contain;
  }

  #site-info .fx_sitemap .ux_accordion .link-list li.highlight > a ,
  #site-info .fx_sitemap .ux_accordion .link-list li.highlight > span ,
  #site-info .fx_sitemap .ux_accordion .index-map ul.indexLevel_0 > li > .item > a {
    margin-right: 50px;
    font-size: 15px;
  }

  #site-info .fx_sitemap .ux_accordion .link-list li.highlight > a::before ,
  #site-info .fx_sitemap .ux_accordion .index-map ul.indexLevel_0 > li > .item > a::before {
    content: none;
  }

  #site-info .fx_sitemap .index-map ul.indexLevel_1 {
    padding: 20px 0 15px;
  }

  #site-info .fx_sitemap .link-list li:not(.highlight) ,
  #site-info .fx_sitemap .index-map ul.indexLevel_1 > li {
    /*		display: none; */

    display: block;
    vertical-align: top;
    width: 100%;
    padding: 0 ;
  }
  #site-info .fx_sitemap .index-map .item > a {
    font-size: 13px;
  }
  #site-info .fx_sitemap .index-map .item > a:before {
    content: none;
  }
  #site-info .fx_sitemap .link-list li:not(.highlight) > a ,
  #site-info .fx_sitemap .link-list li:not(.highlight) > span ,
  #site-info .fx_sitemap .index-map ul.indexLevel_0 > li > .item > a {
  }

  #site-info .fx_sitemap .ux_accordion > .column1 {
    position: relative;
  }

  #site-info .fx_sitemap .ux_accordion > .column1 .title4 {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
  }

  #site-info .fx_sitemap .ux_accordion > .column1 .title4::before  {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 2px;
    background-color: #fff;
  }

  /*
  #site-info .fx_sitemap .ux_accordion > .column1 .title4::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

  #site-info .fx_sitemap .ux_accordion.open > .column1 .title4::after {
  opacity: 0;
}
  */

}


/* フッターサイトロゴ */
#site-info .fx_logo {
  padding: 20px 0 40px;
}

#site-info .fx_logo a {
  display: block;
  width: 160px;
  height: 34px;
}

#site-info .fx_logo a img {
  display: block;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  #site-info .fx_logo::after {
    content: "";
    display: block;
    clear: both;
  }

  #site-info .fx_logo a {
    float: right;
  }
}

@media screen and (max-width: 767px) {
  #site-info .fx_logo {
    padding: 0 10px 20px;
  }
}

/* フッターリンク集 */
#site-info .fx_link1 {
  padding: 15px 0;
}

#site-info .fx_link1 .link-list ul {
  padding: 10px 0;
}

#site-info .fx_link1 .link-list li {
  display: inline-block;
  margin-right: 30px;
}

#site-info .fx_link1 .link-list li > a ,
#site-info .fx_link1 .link-list li > span {
  font-size: 14px;
}

#site-info .fx_link1 .link-list li > a:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  transform: rotate(-45deg);
  display: inline-block;
  border-left: none;
  border-top: none;
  margin: 0 0 2px 5px;
}
/*
#site-info .fx_link1 .link-list li > a[target="_blank"]::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 17px;
height: 12px;
background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
background-size: contain;
margin-left: 5px;
}
*/

#site-info .fx_link1 .link-list li > a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  #site-info .fx_link1 .link-list ul {
    padding: 5px 20px;
    display: flex;
    flex-wrap: wrap;
  }
  #site-info .fx_link1 .link-list ul li {
    margin-right: 0;
    width: 50%;
  }
  #site-info .fx_link1 .link-list li > a ,
  #site-info .fx_link1 .link-list li > span {
    font-size: 12px;
    padding: 5px 0;
    display: block;
    position: relative;
  }
  #site-info .fx_link1 .link-list li > a:after {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

/* バナー */
#site-info .fx_bnr > div{
  display: flex;
}
#site-info .fx_bnr > div > div{
  margin-right: 10px;
}

/* コピーライト */
#site-info .fx_copyright {
  padding:  0;
  text-align: right;
}

#site-info .fx_copyright .text-section {
  font-size: 12px;
  letter-spacing: 3px;
  margin-top: 15px;
}

[data-page-path^="/en"] #site-info .fx_copyright .text-section {
	font-weight: bold;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  #site-info .fx_copyright {
    text-align: center;
    margin-top: 30px;
  }
  #site-info .fx_copyright .text-section {
    font-size: 10px;
    letter-spacing: 0;
    text-align: center;
  }
}



/* 印刷時、ヘッダー固定、フッター非表示 */
@media print {
  #site-info .ax_header > div {
    position: absolute !important;
  }

  #site-info {
    margin: 0;
  }

  #site-info .ax_footer {
    display: none;
  }
}




/*------------------ プラグイン・サイト内共通 特殊設定 ------------------*/

/*==== ページ遷移時フェイドイン設定 ====*/
body {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body:not(.ready) {
  opacity: 0;
  visibility: hidden;
}

body.in-editor {
  opacity: 0.3;
  visibility: visible;
}

body.ready {
  opacity: 1;
  visibility: visible;
}

body.loaded {
}

/* iframe・印刷時はフェイドしない */
body.special {
  opacity: 1 !important;
  visibility: visible !important;
}

@media print {
  body {
    opacity: 1 !important;
    visibility: visible !important;
  }
}



/*==== スクロールエフェクト ====*/
/* 出現アニメーション */
#promos3 .fadeObj ,
.fadeObj {
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate(0, 30px);
}

#promos3 .fadeObj.visible ,
.fadeObj.visible {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.5s 0.1s;
  -o-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

.fadeObj.visible.column1 {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#promos3 .fadeObj.visible ,
.fadeObj.visible.column2 {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.fadeObj.visible.column3 {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.fadeObj.visible.column4 {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.fadeObj.visible.column5 {
  -webkit-transition-delay: 1.0s;
  -o-transition-delay: 1.0s;
  transition-delay: 1.0s;
}

/* 印刷時はスクロールエフェクトoff */
@media print {
  .fadeObj {
    opacity: 1 !important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    -webkit-transition: 0s 0s !important;;
    -o-transition: 0s 0s !important;;
    transition: 0s 0s !important;;
  }
}


/*==== プラグインエリア ====*/
#site-info .ax_other {
  height: 0;
}


/*-- 画面内固定 上に戻るリンク 設定例：scroll.js用 --*/
#site-info .ox_to_page_top {
  position: relative;
}

#site-info .topcontrol {
  position: fixed;
  left: 0;
  bottom: -80px;
  width: 100%;
  height: 0;
  font-size: 0;
  opacity: 0.3;
  z-index: 2000;

  -webkit-transition: 0.5s 0.1s;
  -o-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

#site-info .topcontrol.visible {
  bottom: 15px;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  #site-info .topcontrol.visible {
    bottom: 0;
  }
}


#site-info .topcontrol > div {
  position: relative;
  width: 100%;
  margin: auto;
}

#site-info .topcontrol a {
  position: absolute;
  bottom: -15px;
  right: 50px;
}
@media screen and (max-width: 767px) {
  #site-info .topcontrol a {
    bottom: 0;
    right: 0;
  }
  #site-info .topcontrol.fix-bottom{
    position: relative;
  }
}

/* 画像を使用する場合 */
#site-info .topcontrol a {
  display: block;
  width: 75px;
  height: 75px;
  background: url("../../../../../../resources/sw_img/default/pagetop.png") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #site-info .topcontrol a {
    width: 36px;
    height: 36px;
  }
}

#site-info .topcontrol a:hover {
  /*	background-image: url("../../../../../../resources/sw_img/default/pagetop_hover.png");*/
  opacity: 0.7;
}


/* 画像を使用しない場合 */
/*
#site-info .topcontrol a {
display: block;
width: 51px;
height: 42px;
background: rgba(0,0,0, 0.53);
}

#site-info .topcontrol a::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -9px;
display: block;
width: 17px;
height: 17px;
border-top: 3px solid #FFF;
border-left: 3px solid #FFF;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
*/

/*-- ページ内設置 上に戻るリンク 設定例：scroll.js用 --*/
#site-info .toTop {
  text-align: right;
  margin: 3em 20px 80px;
}

#site-info .toTop a {
  padding-left: 1.44em;
  display: inline-block;
  position: relative;
  overflow: visible;
}

#site-info .toTop a::before {
  content: "";
  position: absolute;
  top: 0.85em;
  left: 0;
  margin-top: -0.3em;
  display: block;
  width: 0.7em;
  height: 0.7em;
  border-top: 0.1em solid #e50000;
  border-right: 0.1em solid #e50000;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

#site-info .toTop {
  display: none;
}



/* PC:コンテンツエリアから一定距離以上離れない */
/* SP:常に画面内右下 */
/* 印刷時:非表示 */

@media print, screen and (min-width: 768px) {
  #site-info .topcontrol > div {
    /*		max-width: calc(1000px + (51px + 50px) *2);*/
  }

  /* フッターより下に行かない設定 */
  #site-info .topcontrol.fix-bottom {
    position: absolute;
  }
}

@media screen and (max-width: 767px) {
  #site-info .topcontrol {
    bottom: -50px;
  }

  #site-info .toTop {
    margin: 2em 20px 40px;
  }
}

@media print {
  #site-info .topcontrol {
    display: none !important;
  }
}


/*===== 検索ダイアログ =====*/
.close_btn {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 44px;
  margin: 20px;
  border-radius: 10%;
  background: #FFF;
  z-index: 10000;
}

.close_btn:hover{
  background: #FFF;
  background: rgba(255,255,255, 0.8);
}

.close2-btn-icon1 ,
.close2-btn-icon2 ,
.close2-btn-icon3 {
  display: block;
  position: absolute;
  top: 17px;
  left: 9px;
  width: 22px;
  height: 2px;
  margin: 0;
  background: #19294b;

  -webkit-transition: .2s .4s;
  -o-transition: .2s .4s;
  transition: .2s .4s;
}

.close2-btn-icon1 {
  margin-top: -7px;
}
.close2-btn-icon2 {
  margin-top: 0px;
}
.close2-btn-icon3 {
  margin-top: 7px;
}

.close2-btn-icon1::before ,
.close2-btn-icon3::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 2px;
  background: #19294b;

  -webkit-transition: .3s .1s;
  -o-transition: .3s .1s;
  transition: .3s .1s;
}

.close2-btn-title {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 31px;
  left: 0;
  width: 40px;
  height: 12px;
}

.close2-btn-title li {
  display: block;
  width: 40px;
  height: 15px;

  line-height: 1;
  font-size: 10px;
  color: #19294b;
  text-align: center;

  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.close2-btn-title li:first-child {
  margin-top: -15px;

  -webkit-transition: .5s .1s;
  -o-transition: .5s .1s;
  transition: .5s .1s;
}


/* -- open時 -- */
.close_btn .close2-btn-icon1 ,
.close_btn .close2-btn-icon2 ,
.close_btn .close2-btn-icon3 {
  background: transparent;
  margin-top: 0;

  -webkit-transition: .2s .1s;
  -o-transition: .2s .1s;
  transition: .2s .1s;
}

.close_btn .close2-btn-icon1::before ,
.close_btn .close2-btn-icon3::before {
  width: 30px;
  left: -4px;

  -webkit-transition: .3s .3s;
  -o-transition: .3s .3s;
  transition: .3s .3s;
}

.close_btn .close2-btn-icon1::before {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.close_btn .close2-btn-icon3::before {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.close_btn .close2-btn-title li:first-child {
  margin-top: 0px;

  -webkit-transition: .5s .25s;
  -o-transition: .5s .25s;
  transition: .5s .25s;
}


#dialog_search {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(0,0,0, 0.4);

  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  z-index: 50000;
  opacity: 0;
  visibility: hidden;
}

#dialog_search.open {
  opacity: 1;
  visibility: visible;
}

#dialog_search .search_inputbox {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  width: 500px;
  max-width: 90%;
}

#dialog_search .search_inputbox > h2 {
  display: block;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

[id=dialog_search] th ,
[id=dialog_search] td {
  padding: 0;
  border: none;
  background: none;
}

/* 検索ダミー */
#dialog_search .search_inputbox form {
  font-size: 0;
}

#dialog_search .search_inputbox input[type="text"] {
  width: calc(100% - 45px);
  font-size: 1rem;
  padding: 10px 20px;
  -webkit-box-shadow: inset 0 0 8px 2px #ccc;
  box-shadow: inset 0 0 8px 2px #ccc;
}

#dialog_search .search_inputbox input[type="submit"] {
  padding: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: top;
  width: 15px;
  height: calc(1.15rem + 0px);
  border: 12px solid #000;
  background: #000 url("../../../../../../resources/sw_img/default/icon_glass_white.png") center center no-repeat;;
}


/* 検索(google search) */
[id=dialog_search] .gsst_b {
  font-size: 0;
}

[id=dialog_search] input.gsc-input {
  min-height: 27px;
}

[id=dialog_search] .gsc-search-button-v2 {
  margin: 0;
}


/* 検索(MARS FINDER) */
.mf_finder_searchBox_items .mf_finder_searchBox_submit span {
  margin: 0;
}

.mf_finder_searchBox_submit {
  color: #fff !important;
  font-size: 24px !important;
}

.mf_finder_searchBox_doctype ,
.mf_finder_searchBox_selects {
  display: none !important;
}

.mf_finder_searchBox_query_input {
  border: none !important;
}

div.mf_finder_organic_doc_body {
  height: auto;
}

#sharewithmain .mf_finder_searchBox {
  margin-bottom: 1rem;
}




/*==== カルーセル：スライドMV html1用 （縦横比固定型・動画対応版） ====*/
/* スライドエリアと画像サイズに合わせて、各設定値を変更する事 */
/* 下の例: */
/* スライドエリアwidth: 100%(画面いっぱい) */
/* 画像height: 440px */
/* 画像width: 1280px */


#html1 .ux_slick_mcol_mv {
  overflow: hidden;
  position: relative;
}

#html1 .ux_slick_mcol_mv .slick-slide {
  overflow: hidden;
  /*	max-height: 440px; */
}

#html1 .ux_slick_mcol_mv .slick-slide::before {
  content: "";
  display: block;
  padding-top: calc(100% / 1280 * 440);
}

#html1 .ux_slick_mcol_mv .slick-slide > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 134px;
}

#html1 .ux_slick_mcol_mv .slick-slide >* >*:last-child ,
#html1 .ux_slick_mcol_mv .slick-slide img {
  margin-bottom: 0;
}

/* パターンA: PCとSPで同じ画像を見せる場合 */
#html1 .ux_slick_mcol_mv .slick-slide > .column1 img {
  width: 100%;
}

/* パターンB: PCを第１カラム、SPを第２カラム、とする場合 */
/*
@media print, screen and (min-width: 768px) {
#html1 .ux_slick_mcol_mv .slick-slide > .column2 {
display: none;
}
}
@media screen and (max-width: 767px) {
#html1 .ux_slick_mcol_mv .slick-slide > .column1 {
display: none;
}
}
*/

/* 動画。chrome対策：下端10pxに目隠し */
#html1 .ux_slick_mcol_mv .video-box {
  position: relative;
  text-align: center;
  background: #fff;
}

#html1 .ux_slick_mcol_mv .video-box::before{
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  background: #fff;
}

#html1 .ux_slick_mcol_mv .video-box video {
  width: 100%;
  max-width: 1200px;
}


/* スライド ドット*/
#html1 .ux_slick_mcol_mv .arrow-dots {
  position: absolute;
  left: 50%;
  bottom: 25px;
  display: inline-block;
  padding: 5px 25px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#html1 .ux_slick_mcol_mv .slick-dots {
  top: auto;
  bottom: auto;
  position: static;

  display: block;
  width: 100%;
  white-space: nowrap;
}

#html1 .ux_slick_mcol_mv .slick-dots li {
  margin: 0 5px;
}

#html1 .ux_slick_mcol_mv .slick-dots li button {
  display: block;
  width: 40px;
  height: 4px;
  background: #222;
  border: 1px solid #ccc;
}

#html1 .ux_slick_mcol_mv .slick-dots li.slick-active button {
  background: #fff;
}


#html1 .ux_slick_mcol_mv .slick-prev ,
#html1 .ux_slick_mcol_mv .slick-next {
  margin: 0;

  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  z-index: 1;
  opacity: 1;
}

#html1 .ux_slick_mcol_mv .slick-prev {
  left: 0px;
}
#html1 .ux_slick_mcol_mv .slick-next {
  right: 0px;
}

#html1 .ux_slick_mcol_mv .slick-prev::before ,
#html1 .ux_slick_mcol_mv .slick-next::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("../../../../../../resources/sw_img/icon/slide-prev.png") no-repeat center center;
  background-size: contain;
}

#html1 .ux_slick_mcol_mv .slick-next::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}


@media print, screen and (min-width: 768px) {
  #html1 .ux_slick_mcol_mv {
    /* ヘッダーの背景にも見える様にする */
    /*		margin-top: -130px; */
  }
}


@media screen and (max-width: 767px) {
}

/* 印刷時は、スライド機能をオフって、アクティブ画像をそのまま配置 */
@media print {
  #html1 .ux_slick_mcol_mv .slick-slide {
    left: 0 !important;
    min-height: auto !important;
    width: 100% !important;
    display: none !important;
  }
  #html1 .ux_slick_mcol_mv .slick-slide.slick-active {
    display: block !important;
  }

  #html1 .ux_slick_mcol_mv .slick-slide > div {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    min-width: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 0 !important;
  }
  #html1 .ux_slick_mcol_mv .slick-slide::before {
    content: none !important;
  }

  #html1 .ux_slick_mcol_mv .slick-list {
    height: auto !important;
  }
  #html1 .ux_slick_mcol_mv .slick-track {
    width: auto !important;
    height: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
}



/*==== カルーセル：スライドMV promos3用 ====*/
@media print, screen and (min-width: 768px) {

  /*==== カルーセル：スライドMV（ベストエフォート型） ====*/
  /* スライドエリアと画像サイズに合わせて、各設定値を変更する事 */
  /* 下の例: */
  /* 最小スライドエリアwidth: 1040px */
  /* 画像height＝最小スライドエリアheight: 450px */
  /* 画像width: 1920px */
  [data-page-marker~="with-slider"] #mv ,
  #promos3 .ux_slick_mcol_mv {
    position: relative;
    display: block;
    width: 100%;
    height: auto;

	min-height:0;
	height:0;
	padding-bottom:56.3%;
  }

  [data-page-marker~="with-slider"] #mv {
	margin-top: -105px;
  }

  [data-page-marker~="with-slider-en"] #mv ,
  [data-page-marker~="with-slider-en"] #promos3 .ux_slick_mcol_mv {
	padding-bottom: calc(100% / 1500 * 674);
  }

  #promos3 .ux_slick_mcol_mv  {
    position: absolute;
    top: 0;
    left: 0;
  }

  #promos3 .ux_slick_mcol_mv > div {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width:100%;
  }

  #promos3 .ux_slick_mcol_mv .slick-slide {
    min-height: 450px;
    overflow: hidden;
  }

  #promos3 .ux_slick_mcol_mv .slick-slide::before {
    content: "";
    display: block;
    padding-top: calc(100% / 1920 * 450);
  }
/*
  #promos3 .ux_slick_mcol_mv .slick-slide > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(1000px + 40px);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
*/
  #promos3 .ux_slick_mcol_mv .slick-slide > div {
	position: absolute;
	top: 0;
	left: 0;
	max-width: inherit;
	margin: 0;
	min-width: inherit !important;
	height: 100%;
  }

  #promos3 .ux_slick_mcol_mv .slick-slide * *:last-child {
    margin-bottom: 0;
  }

  #promos3 .ux_slick_mcol_mv .slick-slide .text-section .pos-4 + div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
/*    max-width: calc(1000px + 40px); */
    padding: 0 calc(100vw / 1500 * 73);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
    font-size: calc(100vw / 1500 * 60);
    font-weight: bold;
	text-shadow: 0 0 10px rgba(2,2,2, 0.44);
	font-family: "Roboto", YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	z-index: 2;
  }

  [data-page-marker~="with-slider-en"] #promos3 .ux_slick_mcol_mv .slick-slide .text-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../../../../../resources/sw_img/entop/mv-exteria.png") no-repeat center center;
    background-size: cover;
    z-index: 1;
  }

  /* 第１カラムは横幅いっぱい、それ以外はコンテンツエリアに収める */
  #promos3 .ux_slick_mcol_mv .slick-slide > .column1 {
    width: 100%;
    min-width: 1920px;
  }
  #promos3 .ux_slick_mcol_mv .slick-slide > .column1 img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";

	max-width: inherit;
  }

  /* PCを第１カラム、SPを第２カラム、とする場合 */
  #promos3 .ux_slick_mcol_mv .slick-slide > .column2 {
    display: none;
  }


  #promos3 .ux_slick_mcol_mv .slick-dots {
    top: auto;
    bottom: auto;

    bottom: 20px;
    display: block;
    width: 100%;
  }

  #promos3 .ux_slick_mcol_mv .slick-dots li {
    margin: 0 5px;
  }


  #promos3 .ux_slick_mcol_mv .slick-dots li button {
    display: block;
    width: 60px;
    height: 6px;
    background: #fff;
    border: 1px solid #ccc;
  }

  #promos3 .ux_slick_mcol_mv .slick-dots li.slick-active button {
    background: #222;
  }
}


@media screen and (max-width: 767px) {

  /*==== カルーセル：スライドMV（PC踏襲型：PCで見える分をSPでも表示） ====*/
  /* スライドエリアと画像サイズに合わせて、各設定値を変更する事 */
  /* 下の例: */
  /* スライドエリアwidth: 100%(画面いっぱい) */
  /* PC時のスライドエリアwidth: 1040px */
  /* 画像height: 450px */
  /* 画像width: 1920px */
  [data-page-marker~="with-slider"] #mv ,
  #promos3 .ux_slick_mcol_mv {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
	height: 80vh;
/*	height: calc(100vw / 375 * 533.6); */
  }

  #promos3 .ux_slick_mcol_mv  {
    position: absolute;
    top: 0;
    left: 0;
  }

  #promos3 .ux_slick_mcol_mv > div {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
	max-width: 100%;
  }

  #promos3 .ux_slick_mcol_mv .slick-slide {
  }

  #promos3 .ux_slick_mcol_mv .slick-slide::before {
    content: "";
    display: block;
    padding-top: calc(100% / 1040 * 450);
  }

  #promos3 .ux_slick_mcol_mv .slick-slide > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
  }

  /* パターンA: PCの画像でコンテンツエリア内の部分を、SPで見せる場合 */
  #promos3 .ux_slick_mcol_mv .slick-slide > .column1 {
/*    width: calc(100% * 1920 / 1040);*/
  }
  #promos3 .ux_slick_mcol_mv .slick-slide > .column1 img {
  }

  /* パターンB: PCを第１カラム、SPを第２カラム、とする場合 */
  #promos3 .ux_slick_mcol_mv .slick-slide > .column1 {
    display: none;
  }
  #promos3 .ux_slick_mcol_mv .slick-slide > .column2{min-width:100%;}
  #promos3 .ux_slick_mcol_mv .slick-slide > .column2 img {
    width: 100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    max-width: inherit;
  }

  #promos3 .ux_slick_mcol_mv .slick-slide * *:last-child {
    margin-bottom: 0;
  }

  #promos3 .ux_slick_mcol_mv .slick-slide .text-section .pos-4 + div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
    padding: 0 calc(100vw / 750 * 40);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
    font-size: calc(100vw / 750 * 60);
    font-weight: bold;
	text-shadow: 0 0 10px rgba(2,2,2, 0.44);
	font-family: "Roboto", YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	z-index: 2;
  }

  [data-page-marker~="with-slider-en"] #promos3 .ux_slick_mcol_mv .slick-slide .text-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../../../../../resources/sw_img/entop/mv-exteria-sp.png") no-repeat center center;
    background-size: cover;
    z-index: 1;
  }

  #promos3 .ux_slick_mcol_mv .slick-dots {
    bottom: auto;
    bottom: 5px;
    display: block;
    width: 100%;
  }

  #promos3 .ux_slick_mcol_mv .slick-dots li {
    margin: 0 5px;
  }

  #promos3 .ux_slick_mcol_mv .slick-dots li button {
    display: block;
    width: 40px;
    height: 4px;
    background: #222;
    border: 1px solid #ccc;
  }

  #promos3 .ux_slick_mcol_mv .slick-dots li.slick-active button {
    background: #fff;
  }
}

/* 印刷用 */
@media print {
  [data-page-marker~="with-slider"] #mv ,
  #promos3 .ux_slick_mcol_mv {
    height: 450px;
    min-height: auto !important;

	min-height:0;
	height:0;
	padding-bottom:56.3%;
  }
  #promos3 .ux_slick_mcol_mv .slick-slide {
    display: none !important;
    left: 0 !important;
    width: 100% !important;
    min-height: auto !important;
  }
  #promos3 .ux_slick_mcol_mv .slick-slide.slick-active {
    display: block !important;
  }
  #promos3 .ux_slick_mcol_mv .slick-slide > div {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    min-width: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 0 !important;
  }
  #promos3 .ux_slick_mcol_mv .slick-slide::before {
    content: none !important;
  }

  #promos3 .ux_slick_mcol_mv .slick-list {
    height: auto !important;
  }
  #promos3 .ux_slick_mcol_mv .slick-track {
    width: auto !important;
    height: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
  #promos3 .ux_slick_mcol_mv .slick-track .slick-slide {
    width: 100% !important;
  }
}

/* 共通 */
#promos3 .ux_slick_mcol_mv .slick-slider,
#promos3 .ux_slick_mcol_mv .slick-list,
#promos3 .ux_slick_mcol_mv .slick-track,
#promos3 .ux_slick_mcol_mv .slick-slide,
#promos3 .ux_slick_mcol_mv .slick-slide > div,
#promos3 .ux_slick_mcol_mv .slick-slide > div > div
{height:100%;}
#promos3 .ux_slick_mcol_mv .slick-slide > .column1 > div,
#promos3 .ux_slick_mcol_mv .slick-slide > .column2 > div
{position: relative;}
#promos3 .ux_slick_mcol_mv .slick-slide > .column1 > div::before, #promos3 .ux_slick_mcol_mv .slick-slide > .column2 > div::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 1;
}

[data-page-marker~="with-slider-en"] #promos3 .ux_slick_mcol_mv .slick-slide > .column1 > div::before, #promos3 .ux_slick_mcol_mv .slick-slide > .column2 > div::before {
	content: none;
}


/*==== メインビジュアル：MV promos3用 ====*/
/* PC: 高さ固定型 */
/* SP: 縦横比固定型 */
@media print, screen and (min-width: 768px) {
  [data-page-marker~="with-mv"] #page-intro > h1 {
    color: #fff;
    position: absolute;
    top: 210px;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    height: auto;
    z-index: 1;
  }

  [data-page-marker~="with-mv"] #mv ,
  #promos3 .area_mv {
    display: block;
    width: 100%;
    height: 280px;
    position: relative;
    margin-bottom: 40px;
  }

  #promos3 .area_mv  {
    position: absolute;
    top: 120px;
    left: 0;
    overflow: hidden;
  }

  #promos3 .area_mv > .column1 {
    margin: auto;
    height: auto;

    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 1400px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #promos3 .area_mv img {
    width: 100%;
  }

}

@media screen and (max-width: 767px) {
  [data-page-marker~="with-mv"] #page-intro > h1 {
    color: #fff;
    position: absolute;
    top: 110px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 1;
  }

  [data-page-marker~="with-mv"] #mv ,
  #promos3 .area_mv {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vw / 1040 * 280 * 1.5);
    margin-bottom: 40px;
  }

  [data-page-marker~="with-mv"] #promos3 .area_mv  {
    position: absolute;
    top: 60px;
    left: 0;
    overflow: hidden;
  }

  #promos3 .area_mv > .column1 {
    margin: auto;
    height: auto;

    position: absolute;
    top: 50%;
    left: 50%;
    width: calc( 100% / 1920 * 1040 * 1.5 );
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #promos3 .area_mv img {
    width: 100%;
  }
}



/*===== メインビジュアル：MV（高さ固定型 +h1重ねる） promos1用 ====*/
/* PC: 位置なりゆき、高さ250px */
/* SP: 位置ヘッダー下固定、高さ150px */
[data-promos1="has-img"] .page-intro-wrapper {
  background: none;
}

[data-promos1="has-img"] .page-intro ,
[data-promos1="has-img"] #page-intro {
  border: none;
}

[data-promos1="has-img"] .page-intro > .h1 ,
[data-promos1="has-img"] #page-intro > h1 {
}

[data-promos1="has-img"] #promos1 .text-section {
  position: static;
  margin-bottom: 0;
}

[data-promos1="has-img"] #promos1 .text-section img {
  position: absolute;
  top: auto;
  left: 0;
  display: block;
  width: 100%;
  height: 250px;
  margin: 0;
  margin-top: -250px;

  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

[data-promos1="has-img"] #promos1 .text-section .text {
  text-shadow: none;
  left: auto;

  position: absolute;
  top: calc(130px + 250px / 2);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: calc(1000px + 40px);
  width: 100%;
  padding: 0 20px;

  color: #fff;
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 1.25;
}

[data-promos1="has-img"] #promos1 .text-section .text em {
  font-style: normal;
  font-family: "Roboto Condensed", YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 60px;
  letter-spacing: 0.05em;
}


@media screen and (max-width: 767px) {
  [data-promos1="has-img"] .page-intro-wrapper {
    height: 150px;
  }

  [data-promos1="has-img"] .page-intro {
    height: 150px;
  }

  [data-promos1="has-img"] #promos1 .text-section img {
    top: 60px;
    height: 150px;
    margin-top: 0px;
  }

  [data-promos1="has-img"] #promos1 .text-section .text {
    top: calc(60px + 200px / 2);
    padding: 0 10px;

    font-size: 16px;
  }

  [data-promos1="has-img"] #promos1 .text-section .text em {
    font-size: 30px;
  }
}




/*==== マルチ３一覧(サムネイルなし) ニュースティッカー ====*/
#sharewithmain .ux_slick_multi3_ticker {
}


/*==== マルチ３一覧(サムネイル付き) タイル型ニューススライド ====*/
/* 設定resetしない、はみ出し対策必須 */
#sharewithmain .ux_slick_multi3_tile {
  overflow: hidden;
}

#sharewithmain .ux_slick_multi3_tile .basic-list2.thumnail {
  overflow: visible;
  position: relative;
}

#sharewithmain .ux_slick_multi3_tile .basic-list2.thumnail .slick-slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(99.9999% / 3 - 18px);
  margin-right: 18px;
  margin-bottom: 30px;
}

#sharewithmain .ux_slick_multi3_tile .arrow-dots {
  display: block;
}

#sharewithmain .ux_slick_multi3_tile .slick-dots {
  display: none !important;
}

#sharewithmain .ux_slick_multi3_tile .slick-prev ,
#sharewithmain .ux_slick_multi3_tile .slick-next {
  margin: 0;

  top: 70px;
  width: 50px;
  height: 50px;
  z-index: 1;

  opacity: 0.5;
}

#sharewithmain .ux_slick_multi3_tile .slick-prev {
  left: -15px;
}
#sharewithmain .ux_slick_multi3_tile .slick-next {
  right: -15px;
}

#sharewithmain .ux_slick_multi3_tile .slick-prev::before ,
#sharewithmain .ux_slick_multi3_tile .slick-next::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("../../../../../../resources/sw_img/icon/slide-prev.png") no-repeat center center;
  background-size: contain;
}

#sharewithmain .ux_slick_multi3_tile .slick-next::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#sharewithmain .ux_slick_multi3_tile .slick-prev:hover ,
#sharewithmain .ux_slick_multi3_tile .slick-prev:focus ,
#sharewithmain .ux_slick_multi3_tile .slick-prev:active ,
#sharewithmain .ux_slick_multi3_tile .slick-next:hover ,
#sharewithmain .ux_slick_multi3_tile .slick-next:focus ,
#sharewithmain .ux_slick_multi3_tile .slick-next:active {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  #sharewithmain .ux_slick_multi3_tile .basic-list2.thumnail {
    padding: 0 20px;
  }

  #sharewithmain .ux_slick_multi3_tile .slick-prev ,
  #sharewithmain .ux_slick_multi3_tile .slick-next {
    width: 35px;
    height: 35px;
  }

  #sharewithmain .ux_slick_multi3_tile .slick-prev::before ,
  #sharewithmain .ux_slick_multi3_tile .slick-next::before {
    width: 35px;
    height: 35px;
  }

  #sharewithmain .ux_slick_multi3_tile .slick-prev {
    left: -20px;
  }
  #sharewithmain .ux_slick_multi3_tile .slick-next {
    right: -20px;
  }
}


/*==== マルチ３カテゴリ設定用 ====*/
#site-info .ox_multi3_listing > *:not(.mgnlEditor) {
  display: none;
}



/*==== 外部サイト警告ダイアログ ====*/
#site-info .ux_modal_outer_link > *:not(.mgnlEditor) {
  display: none;
}

.dialog-outer-link {
  z-index: 3010;
}

.dialog-outer-link + .modaal-overlay {
  z-index: 3000;
  background: #fff !important;
  opacity: 1 !important;
}

.dialog-outer-link .modaal-container {
  -webkit-box-shadow: none;
  box-shadow: none;
}


.dialog-outer-link .text-section.highlight {
  text-align: center;
}

.dialog-outer-link .text-section.highlight strong {
  display: block;
  font-size: 32px;
  font-weight: normal;
  line-height: 1.31;
  color: #222;
  margin-bottom: 35px;
}

.dialog-outer-link .text-section.highlight em {
  font-style: normal;
}

.dialog-outer-link .modaal-confirm-wrap {
  padding-top: 55px;
}

.dialog-outer-link .modaal-confirm-btn.modaal-ok ,
.dialog-outer-link .modaal-confirm-btn.modaal-cancel {
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;

  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 180px;
  padding: 16px 23px 14px 37px;
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  border-radius: 2px;
  background: #000066;
  margin: 0 20px;
}

.dialog-outer-link .modaal-confirm-btn.modaal-cancel {
  color: #000066;
  background: #dbdbdb;
}

.dialog-outer-link .modaal-confirm-btn.modaal-cancel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -5px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #006;
  border-left: 1px solid #006;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.dialog-outer-link .modaal-confirm-btn.modaal-ok::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -7px;
  display: inline-block;
  width: 15px;
  height: 13px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
}

/*
.dialog-outer-link .modaal-confirm-btn.modaal-ok::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 15px;
height: 13px;
background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
background-size: contain;
margin-left: 5px;
}
*/

.dialog-outer-link .modaal-confirm-btn.modaal-ok:hover {
  color: #000066;
  background: #aeb8de;
}
.dialog-outer-link .modaal-confirm-btn.modaal-cancel:hover {
  color: #000066;
  background: #eaeaea;
}

.dialog-outer-link .modaal-confirm-btn.modaal-ok:hover::before {
  background-image: url("../../../../../../resources/sw_img/icon/linkout.png");
}

@media print, screen and (min-width: 768px) {
  .dialog-outer-link .modaal-confirm-wrap {
    padding-top: 55px;
    direction: rtl;
  }
}

@media screen and (max-width: 767px) {
  .dialog-outer-link .text-section.highlight strong {
    font-size: 20px;
    margin-bottom: 14px;
  }

  .dialog-outer-link .modaal-content-container {
    padding: 0;
  }

  .dialog-outer-link .modaal-confirm-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .dialog-outer-link .modaal-confirm-btn.modaal-ok ,
  .dialog-outer-link .modaal-confirm-btn.modaal-cancel {
    width: 100%;
    margin: 0;
    margin-bottom: 24px;
  }
}



/*==== クッキー警告ダイアログ ====*/
#site-info .ux_popup_cookie_warning {
  position: fixed;
  right: 0;
  bottom: 0;
  /*	width: 100%; */
  max-height: 250px;
  background-color: rgba(240, 240, 240, 0.85);
  border-bottom: 1px solid #ccc;
  z-index: 1000;
  -webkit-box-shadow: 0px -3px 4px -1px rgba(40,40,40,0.1);
  -o-box-shadow: 0px -3px 4px -1px rgba(40,40,40,0.1);
  -ms-box-shadow: 0px -3px 4px -1px rgba(40,40,40,0.1);
  box-shadow: 0px -3px 4px -1px rgba(40,40,40,0.1);

  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}


#site-info .ux_popup_cookie_warning.agree {
  max-height: 0;
  visibility: hidden;
}

#site-info .ux_popup_cookie_warning > div {
  display: block;
  width: auto;
  padding: 20px 20px;
  margin: auto;
  color: #000;
  line-height: 1.6;
}

#site-info .ux_popup_cookie_warning .text-section strong {
  display: inline-block;
  margin-bottom: 10px;
}

#site-info .ux_popup_cookie_warning .text-section a {
  position: relative;
  display: inline-block;
  padding-left: 1.4em;
  margin-top: 10px;
}

#site-info .ux_popup_cookie_warning .text-section a::before {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  position: absolute;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%23222222%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Earrow_right%3C%2Ftitle%3E%3Cpolyline%20class%3D%22a%22%20points%3D%2210.01%205%2014%209%200%209%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
  top: 0.3em;
  left: 0;
  margin: 0;
}

#site-info .ux_popup_cookie_warning .text-section a:hover {
  text-decoration: none;
}

#site-info .ux_popup_cookie_warning .title4.highlight h4 {
  display: block;
  width: 200px;
  margin: auto;
  padding: 20px;
  color: #fff;
  background-color: #002D72;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.375;
  cursor: pointer;
}

@media print, screen and (min-width: 768px) {
  #site-info .ux_popup_cookie_warning {
    min-width: calc(1000px + 40px);
  }

  #site-info .ux_popup_cookie_warning > div {
    width: calc(1000px + 40px);
    margin: auto;
  }

  #site-info .ux_popup_cookie_warning > div::after {
    content: "";
    display: block;
    clear: both;
  }

  #site-info .ux_popup_cookie_warning .text-section {
    float: left;
  }

  #site-info .ux_popup_cookie_warning .title4.highlight {
    float: right;
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  #site-info .ux_popup_cookie_warning > div {
    padding: 15px 10px;
  }

  #site-info .ux_popup_cookie_warning .text-section {
    font-size: 11px;
  }

  #site-info .ux_popup_cookie_warning .title4.highlight {
    margin: 10px auto;
    text-align: center;
  }

  #site-info .ux_popup_cookie_warning .title4.highlight h4 {
    padding: 13px 20px;
  }

}




/*==== 言語切り替えリンク ====*/
.ax_lang_link.hidden {
  display: none;
}

.ax_lang_link {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: block;
  z-index: 20;
}

/*-- 言語切り替えボタンスタイル --*/
.ax_lang_link a {
  display: block;
  padding: 0;
  font-size: 0;
  text-decoration: none;
  color: inherit;
  line-height: 1.5;
  background: #fff;
  border-radius: 50px;
}

.ax_lang_link span:first-child {
  border-right: 1px solid #eee;
}

.ax_lang_link span:first-child {
  padding-left: 15px;
}

.ax_lang_link span:last-child {
  padding-right: 15px;
}

.ax_lang_link span {
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}

.ax_lang_link .active {
  /*	border-bottom: 2px solid #000; */
}
.ax_lang_link .inactive {
}

.ax_lang_link a:hover {
  opacity: 0.7;
}


@media screen and (max-width: 767px) {
  .ax_lang_link {
    right: 10px;
  }

  .ax_lang_link span {
    font-size: 12px;
  }
}


/*==== 遅延読み込み ajax-load ====*/
.link-list-url.in-editor {
  border: 1px dashed #ddd;
  padding: 5px;
}

.link-list-url.in-editor h2 {
  font-size: 1rem;
  color: inherit;
  border: none;
  background: none;
}

.link-list-url.in-editor h2::before {
  content: none;
}

.link-list-url.loading {
  position: relative;
}

.link-list-url.loading::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background: url(../../../../../../resources/sw_img/default/loading-spinner.gif) no-repeat center center;
}



/*==== タブ切り替え ====*/
#sharewithmain .ux_tab_next_mcol {
}

#sharewithmain .ux_tab_next_mcol ~ .ux_tab_content.close {
  height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.ux_tab_next_mcol .ux_tab_select {
  cursor: pointer;
}


/*==== 決算資料 アコーディオン ====*/
#sharewithmain .ux_accordion_result ,
#sharewithmain .lx_accordion_02 {
}

#sharewithmain .lx_accordion_02 {
  align-items: normal;
  margin-bottom: 20px;
}

#sharewithmain .lx_accordion_02 > .column1 ,
#sharewithmain .lx_accordion_02 > .column2 ,
#sharewithmain .lx_accordion_02 > .column3 ,
#sharewithmain .lx_accordion_02 > .column4 ,
#sharewithmain .lx_accordion_02 > .column5 {
  margin-bottom: 0;
}

.ux_accordion_result .news-result .group_year:not(:last-child) dl ,
.ux_accordion_result .news-yuho .group_year:not(:last-child) dl ,
.ux_accordion_result .news-presentation .group_year:not(:last-child) dl ,
.ux_accordion_result .news-material .group_year:not(:last-child) {
  margin-bottom: 0;
}

.lx_accordion_02 .title2 h2 ,
.ux_accordion_result .news-result h2.open ,
.ux_accordion_result .news-result h2.close ,
.ux_accordion_result .news-yuho h2.open ,
.ux_accordion_result .news-yuho h2.close ,
.ux_accordion_result .news-presentation h2.open ,
.ux_accordion_result .news-presentation h2.close ,
.ux_accordion_result .news-material h2.open ,
.ux_accordion_result .news-material h2.close {
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
}

.ux_accordion_result .news-result h2.open:not(:first-child) ,
.ux_accordion_result .news-result h2.close:not(:first-child) ,
.ux_accordion_result .news-yuho h2.open:not(:first-child) ,
.ux_accordion_result .news-yuho h2.close:not(:first-child) ,
.ux_accordion_result .news-presentation h2.open:not(:first-child) ,
.ux_accordion_result .news-presentation h2.close:not(:first-child) ,
.ux_accordion_result .news-material h2.open:not(:first-child) ,
.ux_accordion_result .news-material h2.close:not(:first-child) {
  margin-top: 20px;
}

.lx_accordion_02 .title2 h2::before ,
.ux_accordion_result .news-result h2.open::before ,
.ux_accordion_result .news-result h2.close::before ,
.ux_accordion_result .news-yuho h2.open::before ,
.ux_accordion_result .news-yuho h2.close::before ,
.ux_accordion_result .news-presentation h2.open::before ,
.ux_accordion_result .news-presentation h2.close::before ,
.ux_accordion_result .news-material h2.open::before ,
.ux_accordion_result .news-material h2.close::before {
  content: none;
}

.lx_accordion_02 .title2 h2::after ,
.ux_accordion_result .news-result h2.open::after ,
.ux_accordion_result .news-result h2.close::after ,
.ux_accordion_result .news-yuho h2.open::after ,
.ux_accordion_result .news-yuho h2.close::after ,
.ux_accordion_result .news-presentation h2.open::after ,
.ux_accordion_result .news-presentation h2.close::after ,
.ux_accordion_result .news-material h2.open::after ,
.ux_accordion_result .news-material h2.close::after {
  content: "";
/*
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
*/
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.5em;
  width: 20px;
  height: 20px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.lx_accordion_02.open .title2 h2::after ,
.ux_accordion_result .news-result h2.open::after ,
.ux_accordion_result .news-yuho h2.open::after ,
.ux_accordion_result .news-presentation h2.open::after ,
.ux_accordion_result .news-material h2.open::after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.lx_accordion_02 > .column2 ,
.lx_accordion_02 > .column3 ,
.lx_accordion_02 > .column4 ,
.lx_accordion_02 > .column5 ,
.ux_accordion_result .news-result h2.open + .group_year ,
.ux_accordion_result .news-result h2.close + .group_year ,
.ux_accordion_result .news-yuho h2.open + .group_year ,

.ux_accordion_result .news-yuho h2.close + .group_year ,
.ux_accordion_result .news-presentation h2.open + .group_year ,
.ux_accordion_result .news-presentation h2.close + .group_year ,
.ux_accordion_result .news-material h2.open + .group_year ,
.ux_accordion_result .news-material h2.close + .group_year {
  position: relative;
  color: inherit;
  padding: 30px 20px 20px 20px;
  background: #f5f5f5;
}


/*------------------ 全ページ共通 特殊設定 ------------------*/
/*==== 背景黒 ====*/
/* 素材ページ等で白いロゴを見える様にする */
body#bg-black {
  background: #000;
}


/*==== タブ風スタイル ====*/
#sharewithmain .lx_list_tabstyle01 {
}

.lx_list_tabstyle01 div.link-list:not(.highlight) {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 40px;
}

.lx_list_tabstyle01 div.link-list:not(.highlight) ul {
  margin: 0;

  display: table-row
}

.lx_list_tabstyle01 div.link-list:not(.highlight) ul li {
  margin: 0;
  padding: 0;
  background: none;

  display: table-cell;
}

.lx_list_tabstyle01 div.link-list:not(.highlight) ul li::before ,
.lx_list_tabstyle01 div.link-list:not(.highlight) ul li::after {
  content: none;
}

.lx_list_tabstyle01 div.link-list:not(.highlight) ul li > a {
  position: relative;
  overflow: visible;
  display: block;
  padding: 20px 0 20px;
  text-align: center;
  color: #2b327a;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid #2b327a;
}

.lx_list_tabstyle01 div.link-list:not(.highlight) ul li + li > a {
  border-left: none;
}

.lx_list_tabstyle01 div.link-list:not(.highlight) ul li.act > a ,
.lx_list_tabstyle01 div.link-list:not(.highlight) ul li > a:hover {
  color: #fff;
  background: #2b327a;

}

.lx_list_tabstyle01 div.link-list:not(.highlight) ul li.act > a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  display: block;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 7px solid #2b327a;
  margin-left: -7px;
}

.lx_list_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul ,
.lx_list_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul li {
  display: block;
  margin-bottom: 10px;
}



/*==== ページャー ====*/
.lx_list_pager01 div.link-list:not(.highlight) h2::before {
  content: none;
}

.lx_list_pager01 div.link-list:not(.highlight) h2 {
  padding: 0;
  margin:0;
  border: none;
  background: none;
  color: inherit;
  font-size: inherit;
  font-weight: normal;

  text-align: center;
  margin-bottom: 10px;
}

.lx_list_pager01 div.link-list:not(.highlight) ul {
  font-size: 0;
  text-align: center;
}

.lx_list_pager01 div.link-list:not(.highlight) ul li {
  padding: 0;
  margin:0;
  border: none;
  background: none;

  display: inline-block;
  vertical-align: top;
}

.lx_list_pager01 div.link-list:not(.highlight) ul li::before {
  content: none;
}

.lx_list_pager01 div.link-list:not(.highlight) ul li:not(.highlight) > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  margin: 3px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #005aab;
  background: #005aab;
}

.lx_list_pager01 div.link-list:not(.highlight) ul li:not(.highlight) > a:hover ,
.lx_list_pager01 div.link-list:not(.highlight) ul li:not(.highlight) > a.act {
  color: #005aab;
  background: #fff;
}

.lx_list_pager01 div.link-list:not(.highlight) ul li.highlight > a {
  position: relative;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 40px;
  margin: 3px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #005aab;
  background: #005aab;
}


@media print, screen and (min-width: 768px) {
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-child(1) > a ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-child(2) > a {
    margin-left: 25px;
    border-left: none;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-child(1) > a::before ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-child(2) > a::before {
    content: "";
    display: inline-block;
    position: absolute;

    top: 5px;
    left: -15px;
    width: 28.68px;
    height: 28.68px;
    background: #005aab;
    border-left: 1px solid #005aab;
    border-top: 1px solid #005aab;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(1) > a ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(2) > a ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(3) > a {
    margin-right: 25px;
    border-right: none;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(1) > a::after ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(2) > a::after ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(3) > a::after {
    content: "";
    display: inline-block;
    position: absolute;

    top: 5px;
    right: -15px;
    width: 28.68px;
    height: 28.68px;
    background: #005aab;
    border-right: 1px solid #005aab;
    border-top: 1px solid #005aab;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight > a:hover {
    color: #005aab;
    background: #fff;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight > a:hover::before ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight > a:hover::after {
    background: #fff;
  }
}


@media screen and (max-width: 767px) {
  .lx_list_pager01 div.link-list:not(.highlight) ul li:not(.highlight) > a {
    width: 30px;
    height: 30px;
    margin: 1px;
    font-size: 13px;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight > a {
    width: 45px;
    height: 30px;
    margin: 1px;
    font-size: 13px;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-child(1) > a ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-child(2) > a {
    font-size: 0;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-child(1) > a::before ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-child(2) > a::before {
    content: "";
    display: inline-block;
    border: 15px solid #fff;
    border-right-color: #005aab;
    position: absolute;
    top: -1px;
    left: -1px;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(1) > a ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(2) > a ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(3) > a {
    font-size: 0;
  }

  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(1) > a::after ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(2) > a::after ,
  .lx_list_pager01 div.link-list:not(.highlight) ul li.highlight:nth-last-child(3) > a::after {
    content: "";
    display: inline-block;
    border: 15px solid #fff;
    border-left-color: #005aab;
    position: absolute;
    top: -1px;
    right: -1px;
  }

}

/*==== お問い合わせフォーム進捗表示スタイル ====*/
#sharewithmain .lx_list_inquiry_step {
}

.lx_list_inquiry_step .link-list:not(.highlight) {
}

.lx_list_inquiry_step .link-list:not(.highlight) ul {
  padding: 20px 20px 25px;
  background: #777;
}

.lx_list_inquiry_step .link-list:not(.highlight) li {
  display: block;
  padding: 5px 0;
  margin: 0;
}

.lx_list_inquiry_step .link-list:not(.highlight) li.text-without-link::before {
  content: none;
}

.lx_list_inquiry_step .link-list:not(.highlight) li > span ,
.lx_list_inquiry_step .link-list:not(.highlight) li > a {
  color: #ccc;
  border-bottom: 1px solid transparent;
}


.lx_list_inquiry_step .link-list:not(.highlight) li.highlight > span ,
.lx_list_inquiry_step .link-list:not(.highlight) li.highlight > a ,
.lx_list_inquiry_step .link-list:not(.highlight) li > a:hover {
  color: #fff;
}

.lx_list_inquiry_step .link-list:not(.highlight) li.highlight > span ,
.lx_list_inquiry_step .link-list:not(.highlight) li.highlight > a {
  border-bottom-color: #fff;
}


.lx_list_inquiry_step .link-list:not(.highlight) li.text-without-link:first-child ~ li:nth-child(even) > span {
  position: static;
  padding: 0;
  margin:0;
  border: none;
  background: none;
  color: inherit;
  font-size: inherit;
  font-weight: normal;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;

  display: inline-block;
  width: 5px;
  height: 20px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: skewY(-45deg);
  -ms-transform: skewY(-45deg);
  transform: skewY(-45deg);
  margin-left: 30px;
}


.lx_list_inquiry_step div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul ,
.lx_list_inquiry_step div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul li {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .lx_list_inquiry_step .link-list:not(.highlight) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 20px 35px;
  }

  .lx_list_inquiry_step .link-list:not(.highlight) li {
    display: inline-block;
    padding: 0 10px;
  }

  .lx_list_inquiry_step .link-list:not(.highlight) li.text-without-link:first-child ~ li:nth-child(even) > span {
    margin: 0;

    display: inline-block;
    width: 40px;
    height: 5px;
    border-left: none;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    margin-bottom: 3px;
  }

}


/*==== IR TOP > 最新イベント ====*/
#sharewithmain .lx_style_ir_latest_event {
}

.lx_style_ir_latest_event {
}

.lx_style_ir_latest_event >*> .link-list {
  padding: 20px;
  background: #f5f5f5;
  margin-bottom: 20px;
}

.lx_style_ir_latest_event >*> .link-list h2 {
  padding-top: 0;
  padding-bottom: 0;
}

.lx_style_ir_latest_event >*> .link-list ul {
  margin-bottom: 0;
}

.lx_style_ir_latest_event >*> .link-list ul li {
  font-size: 18px;
}


/*-- 最新決算資料 --*/
#sharewithmain .lx_style_ir_latest_earnings {
}

/*
.lx_style_ir_latest_earnings .title2 {
padding: 20px 20px 0px;
background: #f5f5f5;
}

.lx_style_ir_latest_earnings .title2 h2 {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
*/

.lx_style_ir_latest_earnings .reuse-component .column1 ,
.lx_style_ir_latest_earnings .reuse-component .column2 ,
.lx_style_ir_latest_earnings .reuse-component .column3 ,
.lx_style_ir_latest_earnings .reuse-component .column4 ,
.lx_style_ir_latest_earnings .reuse-component .column5 {
  margin-bottom: 0;
}

.lx_style_ir_latest_earnings .news-result ,
.lx_style_ir_latest_earnings .news-material {
  padding: 20px;
  background: #f5f7f8;
}
.lx_style_ir_latest_earnings .news-material h2,
.lx_style_ir_latest_earnings .news-material .group_section {
  display: none;
}

.lx_style_ir_latest_earnings .news-material .group_year ~ h2 ,
.lx_style_ir_latest_earnings .news-material .group_year ~ .group_year ,
.lx_style_ir_latest_earnings .news-material dl ~ h2 ,
.lx_style_ir_latest_earnings .news-material dl ~ dl ,
.lx_style_ir_latest_earnings .news-result .group_year ~ h2 ,
.lx_style_ir_latest_earnings .news-result .group_year ~ .group_year ,
.lx_style_ir_latest_earnings .news-result dl ~ h2 ,
.lx_style_ir_latest_earnings .news-result dl ~ dl {
  display: none;
}

.lx_style_ir_latest_earnings .merged_list ~ .multiColumn1 ,
.lx_style_ir_latest_earnings .merged_list ~ .multiColumn2 ,
.lx_style_ir_latest_earnings .merged_list ~ .multiColumn3 ,
.lx_style_ir_latest_earnings .merged_list ~ .multiColumn4 ,
.lx_style_ir_latest_earnings .merged_list ~ .multiColumn5 {
  display: none;
}

.lx_style_ir_latest_earnings .merged_list ,
.lx_style_ir_latest_earnings .news-material dl {
  margin-bottom: 0;
}

.lx_style_ir_latest_earnings .news-result .group_year ,
.lx_style_ir_latest_earnings .news-material .group_year {
  margin-bottom: 0;
}

.lx_style_ir_latest_earnings .news-material dl dt .result-quarter {
}
.lx_style_ir_latest_earnings .news-material dl dt .result-word {
  display: none;
}

.lx_style_ir_latest_earnings .news-result dl dd .filesize ,
.lx_style_ir_latest_earnings .news-material dl dd .filesize {
  display: none;
}

/* h4と同等のスタイル */
.lx_style_ir_latest_earnings .news-result dl dt ,
.lx_style_ir_latest_earnings .news-material dl dt {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit;

  padding-bottom: 5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;

  margin-bottom: 5px;
}

.lx_style_ir_latest_earnings .news-material dl dt::before ,
.lx_style_ir_latest_earnings .news-material dl dt::after {
  content: none;
}

.lx_style_ir_latest_earnings .news-result dl dt .title-quater ,
.lx_style_ir_latest_earnings .news-material dl dt .title-quater {
  display: inline;
}






/*------------------ HOMEページ 設定サンプル ------------------*/
/*==== HOME共通 ====*/

/*----- マルチカラムの上下に線を引く、連続した時は線を重ねる ----*/
#sharewithmain .lx_sample_mcol_topline_01 {
  padding-top: 40px;
  border-top: 1px solid #eee;
}

#sharewithmain .lx_sample_mcol_bottomline_01 {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

#sharewithmain .lx_sample_mcol_bottomline_01 + .lx_sample_mcol_topline_01 {
  margin-top: -1px;
}

/*---- マルチカラムに背景色をつける -----*/
#sharewithmain .lx_sample_mcol_bg_gray01 {
  background: #fafbfb;
}


/*----- 複数マルチカラム灰色背景 ----*/
#sharewithmain .lx_sample_mcol_bg_gray02 {
}

#sharewithmain .lx_sample_mcol_bg_gray02 {
  padding: 25px 25px 0;
  background: #ccc;
  margin-bottom: 50px;
}

#sharewithmain .lx_sample_mcol_bg_gray02 + .lx_sample_mcol_bg_gray02 {
  margin-top: -50px;
}

/* 囲み線テキストを置いた場合は、そこが白色背景 */
.lx_sample_mcol_bg_gray02 .highlight-quoted-text {
  background: #fff;
}



/*-- ニュースティッカー */
#sharewithmain .lx_style_news_ticker {
  padding-top: 0;
  padding-bottom: 0;
}

#sharewithmain .lx_style_news_ticker .column1 {
  margin-bottom: 0;
}

.lx_style_news_ticker .basic-list2:not(.thumnail) {
  margin-bottom: 0;
}


/*-- トピックス（タイル型ニュース） */
#sharewithmain .lx_multi2_col4col2 {
}

@media print, screen and (min-width: 768px) {
  .lx_multi2_col4col2 .basic-list2.thumnail .tabItems li {
    width: calc(100% / 4 - 18px);
  }
}

@media screen and (max-width: 767px) {
  .lx_multi2_col4col2 .basic-list2.thumnail .tabItems {
    margin-right: 0;
  }

  .lx_multi2_col4col2 .basic-list2.thumnail .tabItems li {
    width: calc(100% /2 - 18px);
    margin-left: 9px;
    margin-right: 9px;
  }
}



/*-- ニュース用 狭幅moreボタン --*/
.lx_sample_teaser_narrow01 .teaser.no-img.style1 ,
.lx_sample_teaser_narrow01 .teaser.no-img.highlight ,
.lx_sample_teaser_narrow01 .external-teaser.no-img.highlight,
.lx_sample_teaser_narrow01 .external-teaser.no-img.style1 {
  max-width: 320px;
  width: 50%;
}

/*-- ブロークングリッド用 左寄せ狭幅moreボタン --*/
.lx_sample_teaser_narrow02 .teaser.no-img.style1 ,
.lx_sample_teaser_narrow02 .teaser.no-img.highlight ,
.lx_sample_teaser_narrow02 .external-teaser.no-img.highlight ,
.lx_sample_teaser_narrow02 .external-teaser.no-img.style1 {
  max-width: 200px;
  width: 50%;
  margin-left: 0;
}

/*-- ブロークングリッド用 左寄せ狭幅＋左詰めリンクボタン --*/
.lx_sample_teaser_narrow03 .teaser.no-img.style1 ,
.lx_sample_teaser_narrow03 .teaser.no-img.highlight ,
.lx_sample_teaser_narrow03 .external-teaser.no-img.style1 ,
.lx_sample_teaser_narrow03 .external-teaser.no-img.highlight {
  display: inline-block;
  max-width: 240px;
  width: 50%;
  margin-left: 0;
  margin-right: 20px;
}

/*-- news tab --*/
#sharewithmain .lx_sample_list_tab01 {
}

.lx_sample_list_tab01 div.link-list:not(.highlight) {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.lx_sample_list_tab01 div.link-list:not(.highlight) ul {
  margin: 0;

  display: table-row
}

.lx_sample_list_tab01 div.link-list:not(.highlight) ul li {
  margin: 0;
  padding: 0;
  background: none;

  display: table-cell;
}

.lx_sample_list_tab01 div.link-list:not(.highlight) ul li::before ,
.lx_sample_list_tab01 div.link-list:not(.highlight) ul li::after {
  content: none;
}

.lx_sample_list_tab01 div.link-list:not(.highlight) ul li > span ,
.lx_sample_list_tab01 div.link-list:not(.highlight) ul li > a {
  position: relative;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 60px;
  padding: 5px 5px;
  text-align: center;
  background: #eee;
  text-decoration: none;
}

.lx_sample_list_tab01 div.link-list:not(.highlight) ul li.act > a ,
.lx_sample_list_tab01 div.link-list:not(.highlight) ul li.act > span ,
.lx_sample_list_tab01 div.link-list:not(.highlight) ul li > span:hover ,
.lx_sample_list_tab01 div.link-list:not(.highlight) ul li > a:hover {
  color: #fff;
  background: #000;
}

.lx_sample_list_tab01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul ,
.lx_sample_list_tab01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul li {
  display: block;
  margin-bottom: 10px;
}


/* IE対応 */
@media all and (-ms-high-contrast:none) {
  .lx_sample_list_tab01 div.link-list:not(.highlight) ul li {
    vertical-align: middle;
    height: 60px;
    padding: 5px 5px;
    text-align: center;
    background: #eee;
  }

  .lx_sample_list_tab01 div.link-list:not(.highlight) ul li.act ,
  .lx_sample_list_tab01 div.link-list:not(.highlight) ul li:hover {
    color: #fff;
    background: #000;
  }

  .lx_sample_list_tab01 div.link-list:not(.highlight) ul li > span ,
  .lx_sample_list_tab01 div.link-list:not(.highlight) ul li > a {
    display: block;
    min-height: auto;
    color: inherit;
    background: none;
  }

  .lx_sample_list_tab01 div.link-list:not(.highlight) ul li.act > a ,
  .lx_sample_list_tab01 div.link-list:not(.highlight) ul li.act > span ,
  .lx_sample_list_tab01 div.link-list:not(.highlight) ul li > span:hover ,
  .lx_sample_list_tab01 div.link-list:not(.highlight) ul li > a:hover {
    color: inherit;
    background: none;
  }
}

/*-- comboニュース --*/
#sharewithmain .lx_sample_combo_twin_news {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

@media print, screen and (min-width: 768px) {
  #sharewithmain .lx_sample_combo_twin_news::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 50%;
    height: 100%;
    background: #fafbfb;
    z-index: -1;
  }

  #sharewithmain .lx_sample_combo_twin_news > .column1 {
    width: 50%;
    max-width: 500px;
    padding: 40px 40px 85px 20px;
    margin-right: -1px;
    border-right: 1px solid #eee;
    margin-bottom: 0;
  }

  #sharewithmain .lx_sample_combo_twin_news > .column2 {
    width: 50%;
    max-width: 500px;
    padding: 40px 20px 85px 40px;
    margin-left: 0;
    border-left: 1px solid #eee;
    margin-bottom: 0;
  }

  .lx_sample_combo_twin_news .basic-list2:not(.thumnail) + .teaser.no-img.style1 {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 250px;
  }

  .lx_sample_combo_twin_news > .column1 .basic-list2:not(.thumnail) + .teaser.no-img.style1 {
    margin-left: -250px;
  }

  .lx_sample_combo_twin_news > .column2 .basic-list2:not(.thumnail) + .teaser.no-img.style1 {
    margin-left: 250px;
  }

}

@media screen and (max-width: 767px) {
  #sharewithmain .lx_sample_combo_twin_news > .column1 ,
  #sharewithmain .lx_sample_combo_twin_news > .column2 {
    padding: 40px 0px 20px 0px;
  }

  #sharewithmain .lx_sample_combo_twin_news > .column2 {
    position: relative;
  }

  #sharewithmain .lx_sample_combo_twin_news > .column2::before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: calc(100% + 20px);
    height: 100%;
    background: #fafbfb;
    z-index: -1;
  }
}


/*-- 背景画像付き01 --*/
#sharewithmain .lx_sample_mcol_bg_img01 {
  color: #fff;
  background: url("../../../../../../resources/sw_img/bg/bg_top01.jpg") no-repeat center center;
  background-size: cover;
}

.lx_sample_mcol_bg_img01 .title2 h2 ,
.lx_sample_mcol_bg_img01 .title3 h3 ,
.lx_sample_mcol_bg_img01 .title4 h4 {
  color: #fff;
}





/*==== ブロークングリッド01 ====*/
/*-- PC:第１カラムが左端中段に配置、SP:第１カラムが上で左端に配置 --*/
#sharewithmain .lx_sample_col_grid_01 {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

#sharewithmain .lx_sample_col_grid_01 > .column2 {
  background: #fafafa;
}

/*-- PC:第１カラムが右端中段に配置、SP:第１カラムが上で右端に配置 --*/
#sharewithmain .lx_sample_col_grid_01.lx_mcol_rtl {
}

.lx_sample_col_grid_01 > .column1 .text-section:not(.highlight) ,
.lx_sample_col_grid_01 > .column1 .text-section:not(.highlight) img {
  width: 100%;
  margin-bottom: 0;
}

@media print, screen and (min-width: 768px) {
  #sharewithmain .lx_sample_col_grid_01 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  #sharewithmain .lx_sample_col_grid_01 > .column1 {
    vertical-align: middle;
    max-width: none;
    width: 40%;
    margin-left: 0;
    margin-right: 5%;
  }

  #sharewithmain .lx_sample_col_grid_01 > .column2 {
    vertical-align: middle;
    max-width: 550px;
    width: 55%;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0;
  }

  #sharewithmain .lx_sample_col_grid_01.lx_mcol_rtl > .column1 {
    margin-left: 5%;
    margin-right: 0;
  }

  #sharewithmain .lx_sample_col_grid_01.lx_mcol_rtl > .column2 {
  }
}

@media screen and (max-width: 767px) {
  #sharewithmain .lx_sample_col_grid_01 {
  }

  #sharewithmain .lx_sample_col_grid_01 > .column1 {
    margin-left: 0;
    margin-right: 10%;
    margin-bottom: 20px;
    max-width: none;
    width: 90%;
  }

  #sharewithmain .lx_sample_col_grid_01 > .column2 {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
    max-width: none;
    width: calc(100% - 40px);
  }

  #sharewithmain .lx_sample_col_grid_01.lx_mcol_rtl > .column1 {
    margin-left: 10%;
    margin-right: 0;
  }

  #sharewithmain .lx_sample_col_grid_01.lx_mcol_rtl > .column2 {
  }
}




/*==== ブロークングリッド02 ====*/
/*-- PC:第１カラムが左中段に配置、SP:第１カラムが上で左端に配置 --*/
#sharewithmain .lx_sample_col_grid_02 {
  position: relative;
  margin-bottom: 40px;
}

/*-- PC:第１カラムが右中段に配置、SP:第１カラムが上で右端に配置 --*/
#sharewithmain .lx_sample_col_grid_02.lx_mcol_rtl {
}

.lx_sample_col_grid_02 > .column1 .text-section:not(.highlight) img {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  #sharewithmain .lx_sample_col_grid_02 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #sharewithmain .lx_sample_col_grid_02 > .column1 {
    vertical-align: middle;
    max-width: 450px;
    width: 45%;
    padding-right: 5%;
    margin-left: 0;
    margin-right: 0;
  }

  #sharewithmain .lx_sample_col_grid_02 > .column2 {
    vertical-align: middle;
    max-width: 550px;
    width: 55%;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0;
    padding-right: 50px;
  }

  #sharewithmain .lx_sample_col_grid_02.lx_mcol_rtl > .column1 {
    padding-right: 0;
    padding-left: 5%;
  }

  #sharewithmain .lx_sample_col_grid_02.lx_mcol_rtl > .column2 {
    padding: 40px 0;
    padding-left: 50px;
  }
}

@media screen and (max-width: 767px) {
  #sharewithmain .lx_sample_col_grid_02 {
    padding-left: 0;
    padding-right: 0;
  }

  #sharewithmain .lx_sample_col_grid_02 > .column1 {
    margin-left: 0;
    margin-right: 10%;
    margin-bottom: 5px;
    width: 90%;
  }

  #sharewithmain .lx_sample_col_grid_02 > .column2 {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px;
    width: calc(100% - 40px);
  }

  #sharewithmain .lx_sample_col_grid_02.lx_mcol_rtl > .column1 {
    margin-left: 10%;
    margin-right: 0;
  }

  #sharewithmain .lx_sample_col_grid_02.lx_mcol_rtl > .column2 {
  }
}



/*==== ブロークングリッド03 ====*/
/*-- PC:第１カラムが左端中段に配置、SP:第１カラムが上で左端に配置。PC/SP:第２カラムは第１カラムにオーバーラップ --*/
#sharewithmain .lx_sample_col_grid_03 {
  position: relative;
  padding: 40px 0 20px;
  background: #bbb;
}

/*-- PC:第１カラムが右端中段に配置、SP:第１カラムが上で右端に配置。PC/SP:第２カラムは第１カラムにオーバーラップ --*/
#sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl {
}

.lx_sample_col_grid_03 > .column1 .text-section:not(.highlight) img {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  #sharewithmain .lx_sample_col_grid_03{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  #sharewithmain .lx_sample_col_grid_03 > .column1 {
    vertical-align: middle;
    max-width: none;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  #sharewithmain .lx_sample_col_grid_03 > .column2 {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    max-width: 650px;
    width: 65%;
    margin-left: -150px;
    margin-bottom: 0;
  }

  #sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl > .column1 {
    margin-left: 0;
    margin-right: auto;
  }

  #sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl > .column2 {
    margin-left: 0;
    margin-right: -150px;
  }
}

@media screen and (max-width: 767px) {
  #sharewithmain .lx_sample_col_grid_03 {
    padding-left: 0;
    padding-right: 0;
  }

  #sharewithmain .lx_sample_col_grid_03 > .column1 {
    margin-left: 0;
    margin-right: 10%;
    max-width: none;
    width: 90%;
    margin-bottom: 0;
  }

  #sharewithmain .lx_sample_col_grid_03 > .column2 {
    position: relative;
    margin-top: -60px;
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    margin-bottom: 0;
  }

  #sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl > .column1 {
    margin-left: 10%;
    margin-right: 0;
  }

  #sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl > .column2 {
  }
}



/*==== ブロークングリッド03 ====*/
/*-- PC:第１カラムが左中段に配置、SP:第１カラムが上で左端に配置。PC/SP:第２カラムは第１カラムにオーバーラップ --*/
#sharewithmain .lx_sample_col_grid_04 {
  position: relative;
  padding: 40px 0 20px;
}

/*-- PC:第１カラムが右中段に配置、SP:第１カラムが上で右端に配置。PC/SP:第２カラムは第１カラムにオーバーラップ --*/
#sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl {
}

.lx_sample_col_grid_04 > .column1 .text-section:not(.highlight) img {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  #sharewithmain .lx_sample_col_grid_04 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #sharewithmain .lx_sample_col_grid_04 > .column1 {
    vertical-align: middle;
    max-width: 500px;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  #sharewithmain .lx_sample_col_grid_04 > .column2 {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    max-width: 650px;
    width: 65%;
    margin-left: -150px;
    margin-right: 0;
    margin-bottom: 0;
  }

  #sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl > .column1 {
  }
  #sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl > .column2 {
    margin-left: 0;
    margin-right: -150px;
  }
}

@media screen and (max-width: 767px) {
  #sharewithmain .lx_sample_col_grid_04 {
    padding-left: 0;
    padding-right: 0;
  }

  #sharewithmain .lx_sample_col_grid_04 > .column1 {
    margin-left: 0;
    margin-right: 10%;
    max-width: none;
    width: 90%;
    margin-bottom: 0;
  }

  #sharewithmain .lx_sample_col_grid_04 > .column2 {
    position: relative;
    margin-top: -60px;
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    margin-bottom: 0;
  }

  #sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl > .column1 {
    margin-left: 10%;
    margin-right: 0;
  }
  #sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl > .column2 {
  }
}



/*-- バナー type02 --*/
#sharewithmain .lx_sample_teaser_02 {
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight) ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight) {
  position: relative;
  display: block;
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight) h2 ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight) h2 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight) h2 a {
  margin: 0;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  /*	background: rgba(33, 169, 237, 0.17); */
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: none;
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight) h2 a span {
  display: block;
  font-size: 12px;
  margin: 3px 0;
  letter-spacing: normal;
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 a::before ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight) h2 a::before ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight) h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
  width: 9px;
  height: 15px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center center no-repeat;
  background-size: contain;
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 + a ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight) h2 + a ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight) h2 + a {
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 + a img ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight) h2 + a img ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight) h2 + a img {
  display: block;
  width: 100%;
  opacity: 1;

  -webkit-transition: 0.7s 0.1s;
  -o-transition: 0.7s 0.1s;
  transition: 0.7s 0.1s;
}


.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) p ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight) p ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight) p {
  display: none;
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight):hover h2 a ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight):hover h2 a ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight):hover h2 a {
}

.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.lx_sample_teaser_02 .external-teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.lx_sample_teaser_02 .download-teaser:not(.no-img):not(.highlight):hover h2 + a img {
  opacity: 1;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}


/*-- YouTube用 --*/
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"] ,
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"] {
  position: relative;
}

.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"] img ,
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"] img {
  width: 100%;
}

.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"]::before ,
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0, 0.4) url("../../../../../../resources/sw_img/default/icon_youtube.png") no-repeat center center;
  z-index: 1;
}

.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) h2 a[href*="//www.youtube.com"]::after ,
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) h2 a[href*="//youtu.be"]::after {
  content: none;
}

.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"]:hover::before ,
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"]:hover::before {
  background-color: rgba(0,0,0, 0.2);
}

.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"]:hover img ,
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"]:hover img {
  opacity: 1;
}

.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) h2 + a[href*="//www.youtube.com"]::before ,
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) h2 + a[href*="//youtu.be"]::before ,
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) h2 + a[href*="//www.youtube.com"]:hover::before ,
.lx_sample_teaser_02 div.external-teaser:not(.no-img):not(.highlight) h2 + a[href*="//youtu.be"]:hover::before {
  background-color: transparent;
}


/*-- バナー type03 --*/
#sharewithmain .lx_sample_teaser_03 {
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) {
  position: relative;
  display: block;
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) h2 ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) h2 ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) h2 {
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  z-index: 2;
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) h2 a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  width: 100%;
  min-height: 3em;
  padding: 0.25em 20px;
  background: rgba(0,0,0, 0.2);
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: none;
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) h2 a span {
  display: block;
  font-size: 16px;
  margin: 3px 0;
  letter-spacing: normal;
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) h2 a::before ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) h2 a::before ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
  width: 9px;
  height: 15px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center center no-repeat;
  background-size: contain;
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) h2 + a ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) h2 + a ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) h2 + a {
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) h2 + a img ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) h2 + a img ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) h2 + a img {
  display: block;
  width: 100%;
  /*	opacity: 1; */
}


.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) p ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) p ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) p {
  display: none;
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) h2 a:hover ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) h2 a:hover ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) h2 a:hover ,
.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight):hover h2 a ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight):hover h2 a ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight):hover h2 a {
}

.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.lx_sample_teaser_03 .teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.lx_sample_teaser_03 .external-teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.lx_sample_teaser_03 .download-teaser:not(.no-img):not(.highlight):hover h2 + a img {
  opacity: 0.7;
}


.lx_sample_teaser_03.multiColumn2 .teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_03.multiColumn2 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_03.multiColumn2 .download-teaser:not(.no-img):not(.highlight) h2 a {
  font-size: 24px;
}

.lx_sample_teaser_03.multiColumn2 .teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_03.multiColumn2 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_03.multiColumn2 .download-teaser:not(.no-img):not(.highlight) h2 a span {
  font-size: 16px;
}

.lx_sample_teaser_03.multiColumn3 .teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_03.multiColumn3 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_03.multiColumn3 .download-teaser:not(.no-img):not(.highlight) h2 a {
  font-size: 20px;
}

.lx_sample_teaser_03.multiColumn3 .teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_03.multiColumn3 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_03.multiColumn3 .download-teaser:not(.no-img):not(.highlight) h2 a span {
  font-size: 14px;
}

.lx_sample_teaser_03.multiColumn4 .teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_03.multiColumn4 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_03.multiColumn4 .download-teaser:not(.no-img):not(.highlight) h2 a {
  font-size: 18px;
}

.lx_sample_teaser_03.multiColumn4 .teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_03.multiColumn4 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_03.multiColumn4 .download-teaser:not(.no-img):not(.highlight) h2 a span {
  font-size: 12px;
}




/*-- バナー type04 --*/
#sharewithmain .lx_sample_teaser_04 {
}

.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight) ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight) ,
.lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight) {
  position: relative;
  padding: 20px;
  border: 1px solid #bbb;
}

.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight) h2 ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight) h2 ,
.lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight) h2 {
}

.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight) h2 a {
}

.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight) h2 a span {
}

.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after {
  /*
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
  */
}

.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight) h2 + a ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight) h2 + a ,
.lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight) h2 + a {
}

.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight) h2 + a img ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight) h2 + a img ,
.lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight) h2 + a img {
  display: block;
  width: 100%;
}


.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight) p ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight) p ,
.lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight) p {

}

.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight):hover h2 a ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight):hover h2 a ,
.lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight):hover h2 a {
  text-decoration: underline;
}

.lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight):hover h2 + a img {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .lx_sample_teaser_04 .teaser:not(.no-img):not(.highlight) ,
  .lx_sample_teaser_04 .external-teaser:not(.no-img):not(.highlight) ,
  .lx_sample_teaser_04 .download-teaser:not(.no-img):not(.highlight) {
    padding: 10px;
  }
}



/*-- バナー type05 --*/
#sharewithmain .lx_sample_teaser_05 {
}

.lx_sample_teaser_05 .teaser.no-img.style1 ,
.lx_sample_teaser_05 .external-teaser.no-img.style1 ,
.lx_sample_teaser_05 .download-teaser.no-img.style1 {
  max-width: none;
}

.lx_sample_teaser_05 .teaser.no-img.style1 h2 ,
.lx_sample_teaser_05 .external-teaser.no-img.style1 h2 ,
.lx_sample_teaser_05 .download-teaser.no-img.style1 h2 {
  position: relative;
  background: #fff;
}

.lx_sample_teaser_05 .teaser.no-img.style1 h2::before ,
.lx_sample_teaser_05 .external-teaser.no-img.style1 h2::before ,
.lx_sample_teaser_05 .download-teaser.no-img.style1 h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -30px;
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  background: url("../../../../../../resources/sw_img/image/teaser_img02.png") center center no-repeat;
  background-size: contain;
}


.lx_sample_teaser_05 .teaser.no-img.style1 h2 a ,
.lx_sample_teaser_05 .external-teaser.no-img.style1 h2 a ,
.lx_sample_teaser_05 .download-teaser.no-img.style1 h2 a {
  background: none;
  border: none;
  border-radius: 0;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  width: 100%;
  min-height: 80px;
  padding: 10px 30px 10px 100px;
  font-size: 16px;
  color: #222;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: none;
  border: 1px solid #eee;
}

.lx_sample_teaser_05 .teaser.no-img.style1 h2 a::before ,
.lx_sample_teaser_05 .external-teaser.no-img.style1 h2 a::before ,
.lx_sample_teaser_05 .download-teaser.no-img.style1 h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
}

.lx_sample_teaser_05 .teaser.no-img.style1 h2 a[target="_blank"]::after ,
.lx_sample_teaser_05 .external-teaser.no-img.style1 h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_05 .download-teaser.no-img.style1 h2 a[href*=".pdf"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 20px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_05 .teaser.no-img.style1 p ,
.lx_sample_teaser_05 .external-teaser.no-img.style1 p ,
.lx_sample_teaser_05 .download-teaser.no-img.style1 p {
  margin-top: 5px;
  font-size: 14px;
}

.lx_sample_teaser_05 .teaser.no-img.style1 h2 a:hover ,
.lx_sample_teaser_05 .external-teaser.no-img.style1 h2 a:hover ,
.lx_sample_teaser_05 .download-teaser.no-img.style1 h2 a:hover {
  background-color: #000;
  color: #fff;
}

.lx_sample_teaser_05 .teaser.no-img.style1 h2 a:hover::before ,
.lx_sample_teaser_05 .external-teaser.no-img.style1 h2 a:hover::before ,
.lx_sample_teaser_05 .download-teaser.no-img.style1 h2 a:hover::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg");
}

@media screen and (max-width: 767px) {
  .lx_sample_teaser_05 .teaser.no-img.style1 h2 a ,
  .lx_sample_teaser_05 .external-teaser.no-img.style1 h2 a ,
  .lx_sample_teaser_05 .download-teaser.no-img.style1 h2 a {
    padding-left: 80px;
  }

}


/*-- バナー type06 --*/
#sharewithmain .lx_sample_teaser_06 {
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1 ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1 ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1 {
  position: relative;
  display: block;
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1 h2 ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1 h2 ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1 h2 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1 h2 a ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1 h2 a ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1 h2 a {
  margin: 0;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  /*	background: rgba(33, 169, 237, 0.17); */
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: none;
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1 h2 a span ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1 h2 a span ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1 h2 a span {
  display: block;
  font-size: 12px;
  margin: 3px 0;
  letter-spacing: normal;
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1 h2 a::before ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1 h2 a::before ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1 h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
  width: 9px;
  height: 15px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center center no-repeat;
  background-size: contain;
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1 h2 a[target="_blank"]::after ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1 h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1 h2 + a ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1 h2 + a ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1 h2 + a {
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1 h2 + a img ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1 h2 + a img ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1 h2 + a img {
  display: block;
  width: 100%;
  opacity: 1;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);

  -webkit-transition: 0.7s 0.1s;
  -o-transition: 0.7s 0.1s;
  transition: 0.7s 0.1s;
}


.lx_sample_teaser_06 .teaser:not(.no-img).style1 p ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1 p ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1 p {
  display: none;
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1:hover h2 a ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1:hover h2 a ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1:hover h2 a {
  text-decoration: none;
}

.lx_sample_teaser_06 .teaser:not(.no-img).style1:hover h2 + a img ,
.lx_sample_teaser_06 .external-teaser:not(.no-img).style1:hover h2 + a img ,
.lx_sample_teaser_06 .download-teaser:not(.no-img).style1:hover h2 + a img {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}


/*-- バナー type07 --*/
#sharewithmain .lx_sample_teaser_07 {
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1 ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1 {
  position: relative;
  display: block;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1 h2 ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 h2 ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1 h2 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1 h2 a ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 h2 a ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1 h2 a {
  margin: 0;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  /*	background: rgba(33, 169, 237, 0.17); */
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: none;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1 h2 a span ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 h2 a span ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1 h2 a span {
  display: block;
  font-size: 12px;
  margin: 3px 0;
  letter-spacing: normal;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1 h2 a::before ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 h2 a::before ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1 h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
  width: 9px;
  height: 15px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center center no-repeat;
  background-size: contain;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1 h2 a[target="_blank"]::after ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1 > a ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 > a ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1 > a {
  position: relative;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1 > a::before ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 > a::before ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1 > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;

  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1 h2 + a img ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 h2 + a img ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1 h2 + a img {
  display: block;
  width: 100%;
  opacity: 1;
}


.lx_sample_teaser_07 .teaser:not(.no-img).style1 p ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1 p ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1 p {
  display: none;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1:hover h2 a ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1:hover h2 a ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1:hover h2 a {
  text-decoration: none;
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1:hover > a::before ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1:hover > a::before ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1:hover > a::before {
  background: rgba(0,0,0, 0.3);
}

.lx_sample_teaser_07 .teaser:not(.no-img).style1:hover h2 + a img ,
.lx_sample_teaser_07 .external-teaser:not(.no-img).style1:hover h2 + a img ,
.lx_sample_teaser_07 .download-teaser:not(.no-img).style1:hover h2 + a img {
  opacity: 1;
}


/*-- バナー type08 --*/
#sharewithmain .lx_sample_teaser_08 {
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1 ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1 ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1 {
  position: relative;
  display: block;
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1 h2 ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1 h2 ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1 h2 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1 h2 a ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1 h2 a ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1 h2 a {
  margin: 0;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  /*	background: rgba(33, 169, 237, 0.17); */
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: none;
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1 h2 a span ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1 h2 a span ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1 h2 a span {
  display: block;
  font-size: 12px;
  margin: 3px 0;
  letter-spacing: normal;
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1 h2 a::before ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1 h2 a::before ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1 h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
  width: 9px;
  height: 15px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center center no-repeat;
  background-size: contain;
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1 h2 a[target="_blank"]::after ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1 h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1 h2 + a ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1 h2 + a ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1 h2 + a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1 h2 + a img ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1 h2 + a img ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1 h2 + a img {
  display: block;
  width: 100%;
  opacity: 1;
}


.lx_sample_teaser_08 .teaser:not(.no-img).style1 p ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1 p ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1 p {
  display: none;
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1:hover h2 a ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1:hover h2 a ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1:hover h2 a {
  text-decoration: none;
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1:hover h2 + a ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1:hover h2 + a ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1:hover h2 + a {
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0, 0.4);
  box-shadow: 3px 3px 5px rgba(0,0,0, 0.4);
}

.lx_sample_teaser_08 .teaser:not(.no-img).style1:hover h2 + a img ,
.lx_sample_teaser_08 .external-teaser:not(.no-img).style1:hover h2 + a img ,
.lx_sample_teaser_08 .download-teaser:not(.no-img).style1:hover h2 + a img {
  opacity: 1;
}


/*-- バナー type09 --*/
#sharewithmain .lx_sample_teaser_09 {
}

.lx_sample_teaser_09 .teaser.no-img.style1 ,
.lx_sample_teaser_09 .external-teaser.no-img.style1 ,
.lx_sample_teaser_09 .download-teaser.no-img.style1 {
  max-width: 500px;
  position: relative;
  z-index: 1;
}

.lx_sample_teaser_09 .teaser.no-img.style1 h2 ,
.lx_sample_teaser_09 .external-teaser.no-img.style1 h2 ,
.lx_sample_teaser_09 .download-teaser.no-img.style1 h2 {
  position: relative;
}

.lx_sample_teaser_09 .teaser.no-img.style1 h2 a ,
.lx_sample_teaser_09 .external-teaser.no-img.style1 h2 a ,
.lx_sample_teaser_09 .download-teaser.no-img.style1 h2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 76px;
  padding: 5px 25px;
  padding-right: 45px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  letter-spacing: 0.02em;
  background: #2bccb6;
  background: -o-linear-gradient(right, #21bec9 0%, #55d87c 53%, #81c838 100%);
  background: -webkit-gradient(linear, right top, left top, from(#21bec9), color-stop(53%, #55d87c), to(#81c838));
  background: linear-gradient(-90deg, #21bec9 0%, #55d87c 53%, #81c838 100%);
  border: none;
  -webkit-box-shadow: 2px 1px 10px rgba(32, 35, 37, 0.2);
  box-shadow: 2px 1px 10px rgba(32, 35, 37, 0.2);
  text-decoration: none;
  border-radius: 4px;
}

.lx_sample_teaser_09 .teaser.no-img.style1 h2 a::before ,
.lx_sample_teaser_09 .external-teaser.no-img.style1 h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 7px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr02_white.svg") center center no-repeat;
  background-size: contain;
}

.lx_sample_teaser_09 .teaser.no-img.style1 h2 a[target="_blank"]::after ,
.lx_sample_teaser_09 .external-teaser.no-img.style1 h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
  margin-top: -5px;
}

.lx_sample_teaser_09 .download-teaser.no-img.style1 h2 a[href*=".pdf"]::after ,
.lx_sample_teaser_09 .download-teaser.no-img.style1 h2 a[href*=".xls"]::after ,
.lx_sample_teaser_09 .download-teaser.no-img.style1 h2 a[href*=".zip"]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 20px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_09 .download-teaser.no-img.style1 h2 a[href*=".xls"]::after {
  background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/excel.png");
}

.lx_sample_teaser_09 .download-teaser.no-img.style1 h2 a[href*=".zip"]::after {
  background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/zip.png");
}

.lx_sample_teaser_09 .teaser.no-img.style1 p ,
.lx_sample_teaser_09 .external-teaser.no-img.style1 p ,
.lx_sample_teaser_09 .download-teaser.no-img.style1 p {
  margin-top: 15px;
  font-size: 14px;
}

.lx_sample_teaser_09 .teaser.no-img.style1 h2 a:hover ,
.lx_sample_teaser_09 .external-teaser.no-img.style1 h2 a:hover ,
.lx_sample_teaser_09 .download-teaser.no-img.style1 h2 a:hover {
  background: #2bccb6;
  background: -o-linear-gradient(right, #28cfd7 0%, #98e8ee 100%);
  background: -webkit-gradient(linear, right top, left top, from(#28cfd7), to(#98e8ee));
  background: linear-gradient(-90deg, #28cfd7 0%, #98e8ee 100%);
}


/*-- バナー type10 --*/
.lx_sample_teaser_10 .teaser.no-img.style1 ,
.lx_sample_teaser_10 .external-teaser.no-img.style1 ,
.lx_sample_teaser_10 .download-teaser.no-img.style1 {
  max-width: 500px;
}

.lx_sample_teaser_10 .teaser.no-img.style1 h2 ,
.lx_sample_teaser_10 .external-teaser.no-img.style1 h2 ,
.lx_sample_teaser_10 .download-teaser.no-img.style1 h2 {
  position: relative;
}

.lx_sample_teaser_10 .teaser.no-img.style1 h2 a ,
.lx_sample_teaser_10 .external-teaser.no-img.style1 h2 a ,
.lx_sample_teaser_10 .download-teaser.no-img.style1 h2 a {
  padding: 10px 30px;
  text-align: center;
  font-size: 1rem;
  color: #222;
  background: #fff;
  text-decoration: none;
  border: 1px solid #bbb;
  border-radius: 3px;
}

.lx_sample_teaser_10 .teaser.no-img.style1 h2 a::before ,
.lx_sample_teaser_10 .external-teaser.no-img.style1 h2 a::before ,
.lx_sample_teaser_10 .download-teaser.no-img.style1 h2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
}

.lx_sample_teaser_10 .teaser.no-img.style1 h2 a[target="_blank"]::after ,
.lx_sample_teaser_10 .external-teaser.no-img.style1 h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_10 .download-teaser.no-img.style1 h2 a[href*=".pdf"]::after ,
.lx_sample_teaser_10 .download-teaser.no-img.style1 h2 a[href*=".xls"]::after ,
.lx_sample_teaser_10 .download-teaser.no-img.style1 h2 a[href*=".zip"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 20px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

.lx_sample_teaser_10 .download-teaser.no-img.style1 h2 a[href*=".xls"]::after {
  width: 18px;
  height: 20px;
  background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/excel.png");
}

.lx_sample_teaser_10 .download-teaser.no-img.style1 h2 a[href*=".zip"]::after {
  width: 18px;
  height: 20px;
  background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/zip.png");
}

.lx_sample_teaser_10 .teaser.no-img.style1 p ,
.lx_sample_teaser_10 .external-teaser.no-img.style1 p ,
.lx_sample_teaser_10 .download-teaser.no-img.style1 p {
  margin-top: 10px;
  font-size: 1rem;
}

.lx_sample_teaser_10 .teaser.no-img.style1 h2 a:hover ,
.lx_sample_teaser_10 .external-teaser.no-img.style1 h2 a:hover ,
.lx_sample_teaser_10 .download-teaser.no-img.style1 h2 a:hover {
  background-color: rgba(255,255,255, 0.7);
}






/*-- エリアリンクtype02 --*/
#sharewithmain .lx_sample_arealink_02 {
}


.lx_sample_arealink_02 .internal-link-area:not(.highlight) ,
.lx_sample_arealink_02 .external-link-area:not(.highlight) {
  padding: 10px 10px 5px;
  border: 1px solid #eee;
}

.lx_sample_arealink_02 .internal-link-area:not(.highlight) > a ,
.lx_sample_arealink_02 .external-link-area:not(.highlight) > a {
  /*	color: inherit; */
}

.lx_sample_arealink_02 .internal-link-area img ,
.lx_sample_arealink_02 .external-link-area img {
  margin-right: 10px;
  margin-left: 0;
  margin-bottom: 5px;
}

.lx_sample_arealink_02 .internal-link-area .pos-2 ,
.lx_sample_arealink_02 .external-link-area .pos-2 {
  margin-left: 10px;
  margin-bottom: 5px;
}

.lx_sample_arealink_02 .internal-link-area img.large ,
.lx_sample_arealink_02 .external-link-area img.large {
  margin-bottom: 5px;
}

.lx_sample_arealink_02 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_02 .external-link-area:not(.highlight) > a u {
  text-decoration: none;

  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  margin: 0.25em 0;
}

.lx_sample_arealink_02 .internal-link-area:not(.highlight) > a:hover ,
.lx_sample_arealink_02 .external-link-area:not(.highlight) > a:hover {
}


.lx_sample_arealink_02.multiColumn2 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_02.multiColumn2 .external-link-area:not(.highlight) > a u {
  font-size: 24px;
}

.lx_sample_arealink_02.multiColumn3 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_02.multiColumn3 .external-link-area:not(.highlight) > a u {
  font-size: 20px;
}

.lx_sample_arealink_02.multiColumn4 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_02.multiColumn4 .external-link-area:not(.highlight) > a u {
  font-size: 16px;
  margin: 0;
}



/*-- エリアリンクtype03 --*/
#sharewithmain .lx_sample_arealink_03 {
}

.lx_sample_arealink_03 .internal-link-area:not(.highlight) ,
.lx_sample_arealink_03 .external-link-area:not(.highlight) {
}

.lx_sample_arealink_03 .internal-link-area:not(.highlight) > a ,
.lx_sample_arealink_03 .external-link-area:not(.highlight) > a {
  /*	color: inherit; */
}

.lx_sample_arealink_03 .internal-link-area img ,
.lx_sample_arealink_03 .external-link-area img {
  margin-right: 10px;
  margin-left: 0;
}

.lx_sample_arealink_03 .internal-link-area .pos-2 ,
.lx_sample_arealink_03 .external-link-area .pos-2 {
  margin-left: 10px;
}

.lx_sample_arealink_03 .internal-link-area img.large ,
.lx_sample_arealink_03 .external-link-area img.large {
}

.lx_sample_arealink_03 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_03 .external-link-area:not(.highlight) > a u {
  text-decoration: none;

  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  margin: 0.25em 0;
}

.lx_sample_arealink_03 .internal-link-area:not(.highlight) > a:hover ,
.lx_sample_arealink_03 .external-link-area:not(.highlight) > a:hover {
  text-decoration: underline;
}


.lx_sample_arealink_03.multiColumn2 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_03.multiColumn2 .external-link-area:not(.highlight) > a u {
  font-size: 24px;
}

.lx_sample_arealink_03.multiColumn3 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_03.multiColumn3 .external-link-area:not(.highlight) > a u {
  font-size: 20px;
}

.lx_sample_arealink_03.multiColumn4 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_03.multiColumn4 .external-link-area:not(.highlight) > a u {
  font-size: 16px;
  margin: 0;
}


/*-- エリアリンクtype04 --*/
#sharewithmain .lx_sample_arealink_04 {
}

.lx_sample_arealink_04 .internal-link-area:not(.highlight) ,
.lx_sample_arealink_04 .external-link-area:not(.highlight) {
}

.lx_sample_arealink_04 .internal-link-area:not(.highlight) > a ,
.lx_sample_arealink_04 .external-link-area:not(.highlight) > a {
  padding: 40px 40px;
  background: #fff;

  /*	color: inherit; */
}

.lx_sample_arealink_04 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_04 .external-link-area:not(.highlight) > a u {
  text-decoration: none;

  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  margin: 0.25em 0;
}

.lx_sample_arealink_04 .internal-link-area:not(.highlight) > a > *:last-child::after ,
.lx_sample_arealink_04 .external-link-area:not(.highlight) > a > *:last-child::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  width: 6px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
  margin-left: 10px;
}

.lx_sample_arealink_04 .internal-link-area:not(.highlight) > a:hover ,
.lx_sample_arealink_04 .external-link-area:not(.highlight) > a:hover {
}


@media screen and (max-width: 767px) {
  .lx_sample_arealink_04 .internal-link-area:not(.highlight) > a ,
  .lx_sample_arealink_04 .external-link-area:not(.highlight) > a {
    padding: 20px 20px;
  }
}


/*-- エリアリンクtype05 --*/
#sharewithmain .lx_sample_arealink_05 {
}

.lx_sample_arealink_05 .internal-link-area:not(.highlight) ,
.lx_sample_arealink_05 .external-link-area:not(.highlight) {
}

.lx_sample_arealink_05 .internal-link-area:not(.highlight) > a ,
.lx_sample_arealink_05 .external-link-area:not(.highlight) > a {
  padding: 40px 40px;
  background: #fff;
  border: 1px solid #bbb;

  /*	color: inherit; */
}

.lx_sample_arealink_05 .internal-link-area:not(.highlight) > a u ,
.lx_sample_arealink_05 .external-link-area:not(.highlight) > a u {
  text-decoration: none;

  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  margin: 0.25em 0;
}

.lx_sample_arealink_05 .internal-link-area:not(.highlight) > a > *:last-child::after ,
.lx_sample_arealink_05 .external-link-area:not(.highlight) > a > *:last-child::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  width: 6px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") center center no-repeat;
  background-size: contain;
  margin-left: 10px;
}

.lx_sample_arealink_05 .internal-link-area:not(.highlight) > a:hover ,
.lx_sample_arealink_05 .external-link-area:not(.highlight) > a:hover {
}


@media screen and (max-width: 767px) {
  .lx_sample_arealink_05 .internal-link-area:not(.highlight) > a ,
  .lx_sample_arealink_05 .external-link-area:not(.highlight) > a {
    padding: 20px 20px;
  }
}


/*-- 数字で見るtype01 --*/
#sharewithmain .lx_sample_col_border01 {
}

#sharewithmain .lx_sample_col_border01 > .column1 ,
#sharewithmain .lx_sample_col_border01 > .column2 ,
#sharewithmain .lx_sample_col_border01 > .column3 ,
#sharewithmain .lx_sample_col_border01 > .column4 ,
#sharewithmain .lx_sample_col_border01 > .column5 {
  padding: 20px 20px 0;
  background: #fff;
  border: 1px solid #eee;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #sharewithmain .lx_sample_col_border01 > .column1 ,
  #sharewithmain .lx_sample_col_border01 > .column2 ,
  #sharewithmain .lx_sample_col_border01 > .column3 ,
  #sharewithmain .lx_sample_col_border01 > .column4 ,
  #sharewithmain .lx_sample_col_border01 > .column5 {
    padding: 10px 10px 0;
    margin-bottom: 10px;
  }
}


#sharewithmain .lx_sample_combo_number_pickup01 {
}

.lx_sample_combo_number_pickup01 .title4 h4 {
  text-align: center;
  padding-left: 0;
}

.lx_sample_combo_number_pickup01 .title4 h4::before {
  content: none;
}

.lx_sample_combo_number_pickup01 .text-section.highlight img {
  margin-right: 10px;
}

.lx_sample_combo_number_pickup01 .text-section.highlight img.pos-2 {
  margin-left: 10px;
}


.lx_sample_combo_number_pickup01 .text-section.highlight {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0;
}

.lx_sample_combo_number_pickup01 .text-section.highlight u {
  text-decoration: none;

  display: inline-block;
  margin: 0.25em 0.1em 0 0;
  font-size: 60px;
  font-family: Arial, YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", Meiryo, sans-serif;
}

.lx_sample_combo_number_pickup01.multiColumn2 .text-section.highlight {
  font-size: 30px;
}

.lx_sample_combo_number_pickup01.multiColumn2 .text-section.highlight u {
  font-size: 60px;
}

.lx_sample_combo_number_pickup01.multiColumn3 .text-section.highlight {
  font-size: 24px;
}

.lx_sample_combo_number_pickup01.multiColumn3 .text-section.highlight u {
  font-size: 50px;
}

.lx_sample_combo_number_pickup01.multiColumn4 .text-section.highlight {
  font-size: 16px;
}

.lx_sample_combo_number_pickup01.multiColumn4 .text-section.highlight u {
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .lx_sample_combo_number_pickup01 .text-section.highlight {
    font-size: 20px;
  }

  .lx_sample_combo_number_pickup01 .text-section.highlight u {
    font-size: 40px;
  }

  .lx_sample_combo_number_pickup01.multiColumn2 .text-section.highlight ,
  .lx_sample_combo_number_pickup01.multiColumn3 .text-section.highlight {
    font-size: 20px;
  }

  .lx_sample_combo_number_pickup01.multiColumn2 .text-section.highlight u ,
  .lx_sample_combo_number_pickup01.multiColumn3 .text-section.highlight u {
    font-size: 40px;
  }

  .lx_sample_combo_number_pickup01.multiColumn4 .text-section.highlight {
    font-size: 16px;
  }

  .lx_sample_combo_number_pickup01.multiColumn4 .text-section.highlight u {
    font-size: 24px;
  }
}


/*==== IR calendar type01 ====*/
.lx_sample_table_calendar01 div.shwTable::before {
  content: none;
}

.lx_sample_table_calendar01 div.shwTable .tbCore {
  margin: 0 33px;
  width: auto;
}

.lx_sample_table_calendar01 div.shwTable .tbCore ,
.lx_sample_table_calendar01 div.shwTable .tbCore tbody ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr ,
.lx_sample_table_calendar01 div.shwTable .tbCore td {
  display: block;
  border: none;
  background: none;
}

.lx_sample_table_calendar01 div.shwTable .tbCore::after {
  content:"";
  display:block;
  clear:both;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr {
  position: relative;
  float: left;
  width: calc(100% / 12.5);
  padding: 0;
  margin: 80px 0 120px;
  border: none;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td {
  padding: 0;
  height: auto;
}

/* 月表示 */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(1) {
  display: block;
  margin: 0;
  margin-right: 1px;
  padding: 10px 0;
  text-align: center;
  font-size: 38px;
  font-weight: normal;
  line-height: 1.5;
  font-family: 'Saira Extra Condensed', YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", Meiryo, sans-serif;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr:nth-child(odd) td:nth-child(1) {
  background: #aa0000;
  color: #FFF;
}
.lx_sample_table_calendar01 div.shwTable .tbCore tr:nth-child(even) td:nth-child(1) {
  background: #e4524e;
  color: #FFF;
}

/* 上下キャプション */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4) {
  position: absolute;
  width: 166%;
  left: 50%;
  margin-left: 3px;

  color: #222;
  padding: 2px;
  font-size: 14px;
  line-height: 1.3;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr:last-child td:nth-child(2) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr:last-child td:nth-child(3) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr:last-child td:nth-child(4) {
  width: 120%;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2) {
  bottom: 100%;
  /*	margin-bottom: 1px; */
  padding-bottom: 10px;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3) {
  top: 100%;
  /*	margin-top: 1px; */
  padding-top: 10px;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4) {
  top: 100%;
  /*	margin-top: 1px; */
  padding-top: 55px;
}

/* キャプション左の縦棒 */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2)::before ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3)::before ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4)::before {
  content: "";
  position: absolute;
  left: -5px;
  width: 1px;
  height: 100%;
  border-right: 1px solid #000;
  z-index: -1;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2)::before {
  top: 0;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3)::before ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4)::before {
  bottom: 0;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:empty {
  display: none;
}

/* 上旬 */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbTop:nth-child(2) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbTop:nth-child(3) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbTop:nth-child(4) {
  left: 16%;
}

/* 下旬 */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbBottom:nth-child(2) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbBottom:nth-child(3) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbBottom:nth-child(4) {
  left: 84%;
}


@media screen and (max-width: 767px) {
  .lx_sample_table_calendar01 div.shwTable {
    overflow: visible;
  }

  .lx_sample_table_calendar01 div.shwTable .tbCore {
    margin: 0 5%;
  }

  .lx_sample_table_calendar01 div.shwTable .tbCore tr {
    width: 16.5%;
    width: calc(100% / 6 - 0.5px);
    margin: 50px 0 75px;;
  }

  .lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(1) {
    font-size: 28px;
  }

  .lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2) ,
  .lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3) ,
  .lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4) {
    font-size: 10px;
  }

  .lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2) {
    padding-bottom: 8px;
  }

  .lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3) {
    padding-top: 8px;
  }

  .lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4) {
    padding-top: 48px;
  }
}


/*==== IR calendar type02 ====*/
/* 02は欠番 */


/*==== IR calendar type03 ====*/
.lx_sample_table_calendar03 {
}

.lx_sample_table_calendar03 div.shwTable {
  padding-left: 20px;
  padding-right: 40px;
}

.lx_sample_table_calendar03 div.shwTable .tbCore ,
.lx_sample_table_calendar03 div.shwTable .tbCore * {
  display: block;
  border: none;
  background: none;
  padding-left: 0;
  padding-right: 0;
}


/*
.lx_sample_table_calendar03 div.shwTable .tbCore {
border-top: 1px solid #7e7e7e;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr {
border-bottom: 1px solid #7e7e7e;
}
*/

.lx_sample_table_calendar03 div.shwTable .tbCore tr::after {
  content: "";
  display: block;
  clear: both;
}

.lx_sample_table_calendar03 div.shwTable .tbCore td {
  position: relative;
  float: left;
  width: 8.333%;
  height: calc(1.5rem + 12px * 2);
  background: none;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr {
  /*	border-left: 1px solid #7e7e7e; */
  /*	border-right: 1px solid #7e7e7e; */
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed:first-child {
  border-left: 1px solid #dbdcde;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed {
  border-right: 1px solid #dbdcde;
  padding: 2.5em 0;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed:last-child {
  border-right: 1px solid #dbdcde;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed p {
  position: absolute;
  left: 50%;
  margin-left: -0.5em;
  top: 50%;
  /*	top: calc( (10px + 1.8em + 10px) /2); */
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 1.2em;
  text-align: left;
  line-height: 1.2;
  white-space: nowrap;
  background: rgba(255,255,255,0.5);
  z-index: 1;
  color: #218bc7;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed:last-child p {
  max-width: 100%;
  overflow: hidden;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed p::before {
  content: "●";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.6em;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed.tbLeft p {
  left: 10%;
  margin-left: 0;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed.tbRight p {
  left: 90%;
  margin-left: -1em;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:first-child td {
  white-space: nowrap;
  color: #fff;
  background: #2e3740;
  padding: 12px 0;
}
.lx_sample_table_calendar03 div.shwTable .tbCore tr:first-child td:nth-child(even) {
  background: #454e56;
}
.lx_sample_table_calendar03 div.shwTable .tbCore tr:nth-child(3) {
  background: #f7f8f8;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td {
  white-space: nowrap;
  background: #ddd;
  color: #fff;
}
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(1),
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(2),
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(3) {
  background-color: #218bc7;
}
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(4),
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(5),
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(6) {
  background-color: #1f67a4;
}
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(7),
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(8),
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(9) {
  background-color: #1e4785;
}
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(10),
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(11),
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:nth-child(12) {
  background-color: #1c2664;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:first-child td ,
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td {
  border-right: 1px solid #fff;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:first-child td:first-child ,
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:first-child {
  border-left: 1px solid #fff;
}


.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] ,
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] + td {
  border-right: none;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] + td ,
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] + td + td {
  display: block !important;
  border-left: none;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] p {
  position: absolute;
  left: 150%;
  top: 50%;
  /*	top: calc( (10px + 1.8em + 10px) /2); */
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1.2;
  white-space: nowrap;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .lx_sample_table_calendar03 div.shwTable {
    overflow-x: scroll;
  }

  .lx_sample_table_calendar03 div.shwTable .tbCore {
    width: 750px;
  }

}



/*==== 会社情報 > 沿革 ====*/

/*-- 沿革1 --*/
.lx_sample_table_history01 .vtable-item > table > tbody > tr > th ,
.lx_sample_table_history01 .vtable-item > table > tbody > tr > td {
  vertical-align: top;
  border: 1px solid #ccc;
}

.lx_sample_table_history01 .vtable-item > table > tbody > tr > td {
  background: none;
}


/*-- 沿革2 --*/
.lx_sample_table_history02 .ircalendar-title > table > tbody > tr > th ,
.lx_sample_table_history02 .ircalendar-item > table > tbody > tr > td {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
}


/*--沿革3 --*/
.lx_sample_table_history03 .ircalendar {
  margin-top: 40px;
  margin-bottom: 20px;
}

.lx_sample_table_history03 tr td ,
.lx_sample_table_history03 tr th {
  border: none;
  background: none;
}

.lx_sample_table_history03 .ircalendar-title,
.lx_sample_table_history03 .ircalendar-item {
  position: relative;
  margin-bottom: -10px;
}

.lx_sample_table_history03 .ircalendar-title1,
.lx_sample_table_history03 .ircalendar-item1 {
  position: relative;
}

.lx_sample_table_history03 .ircalendar-item1:not(:empty)::before {
  content: "●";
  position: absolute;
  top: -14px;
  right: -8px;
  color: #ade0ee;
  font-size: 14px;
}

.lx_sample_table_history03 .ircalendar-item:last-child .ircalendar-item1::after {
  content: "▼";
  position: absolute;
  bottom: -15px;
  right: -9px;
  color: #ade0ee;
  font-size: 15px;
}

.lx_sample_table_history03 .ircalendar-title1 th,
.lx_sample_table_history03 .ircalendar-item1 td {
  position: absolute;
  left: 0;
  top: -30px;
}

.lx_sample_table_history03 .ircalendar-title1 > p,
.lx_sample_table_history03 .ircalendar-item1 > p {
  top: -25px;
  right: 20px;
  position: absolute;
  font-size: 30px;
  font-style: italic;
  font-family: inherit;
  -webkit-transform: scale( 1.2 , 1 );
  -ms-transform: scale( 1.2 , 1 );
  transform: scale( 1.2 , 1 );
  color: #c0c0c0;
}

.lx_sample_table_history03 .ircalendar-title2,
.lx_sample_table_history03 .ircalendar-title3,
.lx_sample_table_history03 .ircalendar-item2,
.lx_sample_table_history03 .ircalendar-item3 {
  padding-bottom: 40px;
  top: -20px;
}

.lx_sample_table_history03 .ircalendar-title2,
.lx_sample_table_history03 .ircalendar-item2 {
  border-left: 2px solid #ade0ee;
  position: relative;
}

.lx_sample_table_history03 .ircalendar-title3.has-img > p,
.lx_sample_table_history03 .ircalendar-item3.has-img > p {
  padding-left: 40px;
}


/*==== 会社情報 > 役員紹介 ====*/
/* 役員紹介2 (アコーディオン) */
#sharewithmain .lx_sample_combo_officer02 {
  margin-bottom: 40px;
}

#sharewithmain .lx_sample_combo_officer02 > .column1 {
  margin-bottom: 2px;
}

#sharewithmain .lx_sample_combo_officer02 > .column2 {
  background: #f7f7f7;
  padding: 40px 40px 20px;
  margin-bottom: 0;
}

.lx_sample_combo_officer02 > .column1 .title2.highlight {
  position: relative;
  background: #f7f7f7;
  margin-bottom: 0;
  cursor: pointer;
}

.lx_sample_combo_officer02 > .column1 .title2.highlight h2 {
  padding: 40px 40px;
  color: #222;
  font-size: 16px;
  font-weight: bold;
  margin-right: 80px;
}

.lx_sample_combo_officer02 > .column1 .title2.highlight::before ,
.lx_sample_combo_officer02 > .column1 .title2.highlight::after {
  content: "";
  position: absolute;
  display: block;
  background: #999;

  -webkit-transition: 0.5s 0.1s;
  -o-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

.lx_sample_combo_officer02 > .column1 .title2.highlight::before {
  top: 50%;
  right: 50px;
  width: 24px;
  height: 2px;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.lx_sample_combo_officer02 > .column1 .title2.highlight::after {
  top: 50%;
  right: 50px;
  width: 2px;
  height: 24px;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.lx_sample_combo_officer02.open > .column1 .title2.highlight::after {
  background-color: transparent;
}



/*==== 会社情報 > 拠点案内 ====*/
#sharewithmain .lx_sample_table_basemap01 {
}

.lx_sample_table_basemap01 .vtable-item > table > tbody > tr > th ,
.lx_sample_table_basemap01 .vtable-item > table > tbody > tr > td {
  border-left: none;
  border-right: none;
}

.lx_sample_table_basemap01 .vtable-item > table > tbody > tr > th {
  font-size: 16px;
  font-weight: bold;
}

.lx_sample_table_basemap01 .vtable-item > table > tbody > tr > td.vtable-item2 {
  vertical-align: middle;
}

.lx_sample_table_basemap01 .vtable-item > table > tbody > tr > td.vtable-item2 a {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 20px;
  color: #fff;
  background: #00359f;
  border-radius: 4px;
  text-decoration: none;
}

.lx_sample_table_basemap01 .vtable-item > table > tbody > tr > td.vtable-item2 a::before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 10px;
  height: 14px;
  background: url("../../../../../../resources/sw_img/default/icon_map.png") center center no-repeat;
  background-size: contain;
  margin-right: 1em;
}

.lx_sample_table_basemap01 .vtable-item > table > tbody > tr > td.vtable-item2 a::after {
  content: none;
}

@media screen and (max-width: 767px) {
  .lx_sample_table_basemap01 .vtable-item > table > tbody > tr > td.vtable-item2 a {
    padding: 8px 12px;
    font-size: 0;
  }
}

/*==== アイコンつき見出し風 ====*/
#sharewithmain .lx_sample_htable_icontitle {
}

.lx_sample_htable_icontitle .ircalendar-title > table ,
.lx_sample_htable_icontitle .ircalendar-item > table {
  width: auto;
  margin-bottom: 10px;
  margin-left: -10px;
}

.lx_sample_htable_icontitle .ircalendar-title th ,
.lx_sample_htable_icontitle .ircalendar-item td {
  color: inherit;
  border: none;
  background: none;
  width: auto;

  vertical-align: middle;
  padding: 10px 10px;
  font-size: 20px;
}

.lx_sample_htable_icontitle .ircalendar-title th img ,
.lx_sample_htable_icontitle .ircalendar-item td img {
  margin-bottom: 0;
}


.lx_sample_htable_icontitle .ircalendar-title > table > tbody > tr > th.ircalendar-title1 ,
.lx_sample_htable_icontitle .ircalendar-item > table > tbody > tr > td.ircalendar-item1 {
  width: 100px;
}

@media screen and (max-width: 767px) {
  .lx_sample_htable_icontitle .ircalendar-title > table > tbody > tr > th.ircalendar-title1 ,
  .lx_sample_htable_icontitle .ircalendar-item > table > tbody > tr > td.ircalendar-item1 {
    width: 60px;
  }

  .lx_sample_htable_icontitle br {
    display: none;
  }

}


/*==== promo3 > ページ一覧 ====*/
body[data-current-level="3"] #promos3 .lx_sample_multi3_promos3_pagelist01 {
  display: none;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 {
  border: 1px #ccc solid;
  padding: 20px;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 >.column1 {
  margin-bottom: 0;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 .title2.style1 h2 {
  padding: 0;
  font-size: 24px;
  min-height: 0;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 .title2.style1 h2::before {
  content: none;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 .index-map ,
#promos3 .lx_sample_multi3_promos3_pagelist01 .index-map ul {
  margin-bottom: 0;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 .index-map .indexLevel_0 {
  display: none;
}

.lx_sample_multi3_promos3_pagelist01 .index-map > ul:only-of-type > li > ul > li ,
.lx_sample_multi3_promos3_pagelist01 .index-map > ul + ul.indexLevel_1 > li {
  display: inline-block;
  width: 25%;
}

@media screen and (max-width: 767px) {
  #promos3 .lx_sample_multi3_promos3_pagelist01 {
    width: calc(100% - 20px);
    padding: 10px 0 10px 10px;
    margin-right: 10px;
    margin-bottom: 30px;
    margin-left: 10px;
  }

  #promos3 .lx_sample_multi3_promos3_pagelist01 .title2.style1 h2 {
    font-size: 20px;
  }

  .lx_sample_multi3_promos3_pagelist01 .index-map > ul:only-of-type > li > ul > li ,
  .lx_sample_multi3_promos3_pagelist01 .index-map > ul + ul.indexLevel_1 > li {
    display: inline-block;
    width: 50%;
    padding-right: 10px;
  }

}

/*==== テーブル風カラム ====*/
/* lx_col_mr0必須、4・5カラムはlx_col_sp100推奨 */
#sharewithmain .lx_sample_mcol_table_style {
}


.lx_sample_mcol_table_style > .column1 ,
.lx_sample_mcol_table_style > .column2 ,
.lx_sample_mcol_table_style > .column3 ,
.lx_sample_mcol_table_style > .column4 ,
.lx_sample_mcol_table_style > .column5 {
  padding: 10px 15px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-bottom: -1px;
}

.lx_sample_mcol_table_style > .column1 {
  color: #fff;
  background-color: #006699;
}

.lx_sample_mcol_table_style .text-section ,
.lx_sample_mcol_table_style .link-list ul {
  margin-bottom: 0;
}

.lx_sample_mcol_table_style .link-list ul li {
  padding-top: 0;
}

.lx_sample_mcol_table_style .link-list ul li:not(.highlight)::before {
  top: calc(1.5em / 2 - 12px / 2);
}

@media print, screen and (min-width: 768px) {
  #sharewithmain .lx_sample_mcol_table_style {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
  }

  .lx_sample_mcol_table_style > .column2 ,
  .lx_sample_mcol_table_style > .column3 ,
  .lx_sample_mcol_table_style > .column4 ,
  .lx_sample_mcol_table_style > .column5 {
    border-left: none;
  }
}

/* -------------------------------------------- */
/*  common style*/
/* -------------------------------------------- */
body[data-page-path$="/company"] #wrapper-3,
body[data-page-path$="/business"] #wrapper-3,
body[data-page-path$="/ir"] #wrapper-3,
body[data-page-path$="/recruit"] #wrapper-3 {padding-top: 0;}
body[data-page-path$="/ir"] #wrapper-2 {margin-bottom: 0;}

.lx_bg_blue {background: #1d2b58;}
.lx_bg_note {background: url("../../../../../../resources/sw_img/bg/bg-note.png") left top repeat;}

.lx_column_mb0 > * {
  margin-bottom: 0;
}

/* lx_intro_are */
.lx_intro_area {
  background: url(../../../../../../resources/sw_img/bg/bg-note.png) top center repeat;
}
.lx_intro_area + * {
  margin-top: -50px;
}
.lx_intro_area .column1 {
  margin-bottom: 0;
  position: relative;
}
.lx_intro_area .column1:before,
.lx_intro_area .column1:after {
  content: '';
  display: block;
  position: absolute;
  background: top center no-repeat;
  height: 275px;
}
.lx_intro_area .column1:before{
  background-image: url("../../../../../../resources/sw_img/bg/bg-intro-l.svg");
  width: 300px;
  left: -155px;
  top: 0;
}
.lx_intro_area .column1:after {
  background-image: url("../../../../../../resources/sw_img/bg/bg-intro-r.svg");
  width: 250px;
  right: -245px;
  bottom: -120px;
}
.lx_intro_area .text-section {
  text-align: center;
  padding: 80px 0 100px;
}
.lx_intro_area .text-section h2{
  font-size: 30px;
  font-weight: 900;
  letter-spacing: .25em;
  padding: 0;
  margin-bottom: 30px;
}
.lx_intro_area .text-section h2:before {
  content: none;
}
.lx_intro_area .text-section p {
  line-height: 2;
}
.lx_intro_area .text-section p + p {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .lx_intro_area .column1:before,
  .lx_intro_area .column1:after {
    background-size: contain;
    width: 80px;
    height: 80px;
  }
  .lx_intro_area .column1:before{
    left: 0;
  }
  .lx_intro_area .column1:after{
    right: 0;
    bottom: 30px;
  }
  .lx_intro_area .text-section h2{
    font-size: 22px;
  }
}


/* lx_sitemap_area */
.lx_sitemap_area {padding-top: 70px;}
.lx_sitemap_area .index-map > ul.indexLevel_1 {display: flex;flex-wrap: wrap;margin-left: -20px;}
.lx_sitemap_area .index-map > ul.indexLevel_1 > li {width: calc(25% - 20px);margin-bottom: 20px;margin-left: 20px;margin-right: 0;}
.lx_sitemap_area .index-map > ul.indexLevel_1 > li > .item {
  margin-bottom: 10px;
}
.lx_sitemap_area .index-map > ul.indexLevel_1 > li > .item .news_tx{
  padding: 20px 0;
  text-align: left;
  border: none;
  border-top: 1px solid #000;
  background: none;
  font-size: 20px;
  font-weight: bold;
  border-radius: 0;
  color: #000;
  justify-content: flex-start;
}
.lx_sitemap_area .index-map > ul:first-of-type > li > .item > a .news_tx {
  text-decoration: none;
}
.lx_sitemap_area .index-map > ul:first-of-type > li > .item > a:hover .news_tx {
  text-decoration: underline;
  background: none;
  color: #000;
}
.lx_sitemap_area .index-map > ul:first-of-type > li > .item .news_tx::before {
  content: none;
}
.lx_sitemap_area .index-map > ul > li > ul.indexLevel_2 {
  display: block;
  font-size: 16px;
}
.lx_sitemap_area .index-map > ul > li > ul.indexLevel_2 > li > .item {
  padding-left: 20px;
  margin-bottom: 10px;
}
.lx_sitemap_area .index-map > ul > li > ul.indexLevel_2 > li > .item a {
  text-decoration: none;
}
.lx_sitemap_area .index-map > ul > li > ul.indexLevel_2 > li > .item a:hover {
  text-decoration: underline;
}
.lx_sitemap_area .index-map > ul > li > ul.indexLevel_2 > li > .item::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 2px;
  display: inline-block;
  width: 7px;
  height: 11px;
  background: url(../../../../../../resources/sw_img/icon/icon_arr01.svg) no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .lx_sitemap_area .index-map > ul.indexLevel_1 > li {width: calc( 50% - 20px);}
  .lx_sitemap_area .index-map > ul.indexLevel_1 > li > .item {font-size: 16px;}
  .lx_sitemap_area .index-map > ul > li > ul.indexLevel_2 {font-size: 14px;	}
}


/* -------------------------------------------- */
/*  TOP style*/
/* -------------------------------------------- */
/* .top_block_mv
------------------------------ */
.top_block_mv {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.3%;
}
.top_block_mv:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background:  url("../../../../../../resources/sw_img/top/mv-bg.png") repeat;
}
.top_block_mv iframe {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
}
.top_block_mv .mv-message,#promos3 .mv-message {
	position: absolute !important;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	margin: 3em auto 0;
	z-index: 1;
	text-align: center;
}
.top_block_mv h2,#promos3 h2 {
	color: #fff;
	font-size: 28px;
	letter-spacing: 6px;
	font-weight: 300;
	text-align: center;
}
.top_block_mv h2 span,#promos3 h2 span {
  display: inline-block;
}

.link-group {
	width: 100%;
	max-width: 1000px;
	margin: 2em auto 0;
	padding: 0 10px;
	display: flex;
	justify-content: center;
}
.link-group a {
	position: relative;
	display: block;
	background: none;
	border: solid 1px #fff;
	width: 100%;
	color: #fff;
	text-decoration: none;
	height: 84px;
	line-height: 84px;
	font-size:1.3rem;
	transition-duration: 0.3s;
	font-weight: normal;
}
.link-group a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -5px;
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 12px;
	background: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center center no-repeat;
	background-size: contain;
}
.link-group a:hover {
	color: #000;
	background: #fff;
}
.link-group a:hover::before {
	background: url("../../../../../../resources/sw_img/icon/icon_arr01_black.svg") center center no-repeat;
}

@media screen and (min-width: 768px) {
  .link-group a + a {
	margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .top_block_mv {
    height: 80vh;
    background: url("../../../../../../resources/sw_img/top/mv-sp.jpg") center / cover no-repeat !important;
  }
  .top_block_mv iframe {
    display: none;
  }
  .top_block_mv h2,#promos3 h2 {
    padding: 0 20px;
    font-size: 22px;
  }
  .link-group {
	display: block;
  }
  .link-group a {
	height: 60px;
	line-height: 60px;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	font-size:1.1rem;
  }
  .link-group a + a {
	margin-top: 12px;
  }

}

/* .top_block_ticker
------------------------------ */
.top_block_ticker.ux_slick_multi3_ticker {
  background: #14151b;
  position: relative;
  min-height: 55px;
}
.top_block_ticker.ux_slick_multi3_ticker > div {
  width: 100%;
  max-width: inherit;
}
.top_block_ticker.ux_slick_multi3_ticker .title3 {
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
}
.top_block_ticker.ux_slick_multi3_ticker h3 {
  color: #fff;
  border-left: none;
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
  border-right: 1px solid #8a8a8d;
  white-space: nowrap;
  padding: 0 30px 0 50px;
  margin: 0;
}
.top_block_ticker.ux_slick_multi3_ticker .basic-list2 {
  margin: 0 150px 0 180px;
}
.top_block_ticker.ux_slick_multi3_ticker .basic-list2 .item {
  display: flex;
  align-items: center;
}
.top_block_ticker.ux_slick_multi3_ticker .basic-list2 .item .date {
  bottom: 0;
  display: flex;
  align-items: center;
}
.top_block_ticker.ux_slick_multi3_ticker .basic-list2 .item .c_icon {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -130px;
}
.top_block_ticker.ux_slick_multi3_ticker .basic-list2 .item .d_icon img {
  height: 1.2em;
}
.top_block_ticker.ux_slick_multi3_ticker .tabItems {
  border: none;
}
.top_block_ticker.ux_slick_multi3_ticker .item {
  min-height: 55px
}
.top_block_ticker.ux_slick_multi3_ticker .tabItems a,
.top_block_ticker.ux_slick_multi3_ticker .tabItems a .news_tx {
  color: #fff;
}
.top_block_ticker.ux_slick_multi3_ticker .slick-slide {
  margin-top: 10px;
  padding-bottom: 10px;
}
.top_block_ticker.ux_slick_multi3_ticker .arrow-dots {
  display: block;
}
.top_block_ticker.ux_slick_multi3_ticker .slick-prev,
.top_block_ticker.ux_slick_multi3_ticker .slick-next {
  width: 75px;
  height: 100%	;
  border-left: 1px solid #4f5054 !important;
  top: 0 !important;
  right: 0;
  transition: .3s;
  position: relative;
}
.top_block_ticker.ux_slick_multi3_ticker .slick-prev {
  right: 75px;
}
.top_block_ticker.ux_slick_multi3_ticker .slick-prev:hover,
.top_block_ticker.ux_slick_multi3_ticker .slick-next:hover {
  background-color: #434449 !important;
}
.top_block_ticker.ux_slick_multi3_ticker .slick-prev:before,
.top_block_ticker.ux_slick_multi3_ticker .slick-next:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-left: none;
  border-top: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.top_block_ticker.ux_slick_multi3_ticker .slick-prev:before {transform: rotate(135deg)}
.top_block_ticker.ux_slick_multi3_ticker .slick-next:before {transform: rotate(-45deg)}


@media screen and (max-width: 1200px) {
  .top_block_ticker.ux_slick_multi3_ticker h3 {
    padding-left: 0;
  }
  .top_block_ticker.ux_slick_multi3_ticker .basic-list2 {
    margin-left: 130px;
  }
}
@media screen and (max-width: 999px) {
  .top_block_ticker.ux_slick_multi3_ticker h3,
  .top_block_ticker.ux_slick_multi3_ticker .arrow-dots {
    display: none;
  }
  .top_block_ticker.ux_slick_multi3_ticker .basic-list2 {
    margin: 0
  }
  .top_block_ticker.ux_slick_multi3_ticker .item {
    min-height: inherit;
    padding: 0 !important;
    font-size: 13px;
  }
  .top_block_ticker.ux_slick_multi3_ticker .basic-list2 .item .date{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
  }
  .top_block_ticker.ux_slick_multi3_ticker .basic-list2 .item .c_icon {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    margin-right: 10px;
  }
  .top_block_ticker.ux_slick_multi3_ticker .basic-list2 .item .c_icon span {
    font-size: 12px;
    min-width: 80px;
    margin-right: 0;
  }
}


/* .top_block_intro
------------------------------ */
.top_block_intro {
  background: url("../../../../../../resources/sw_img/top/intro-bg.png") center / auto 100% no-repeat;
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top_block_intro .title2 h2 {
  font-size: 36px;
  font-weight: 900;
  letter-spacing: .35em;
  white-space: nowrap;
  text-indent: -1em;
  margin-left: 1em;

}
.top_block_intro > .column1 {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .top_block_intro {
    background:  url("../../../../../../resources/sw_img/top/intro-bg_sp.png") center / auto 100% no-repeat;
    height: auto;
  }
  .top_block_intro > .column1 {
    padding: 20% 0;
  }
  .top_block_intro .title2 h2 {
    font-size: 26px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .top_block_intro .title2 h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 400px) {
  .top_block_intro .title2 h2 {
    font-size: 18px;
  }
}

/* .top_block_news
------------------------------ */
.top_block_news > .column1 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 0;
}
.top_block_news .title2 h2 {
  font-size: 60px;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.top_block_news .title2 h2:before {
  content:none;
}
@media screen and (min-width: 768px) {
  .top_block_news .teaser.no-img.highlight {
    width: 170px;
    position: absolute;
    right: 0;
    top: 50px;
  }
  .top_block_news .teaser.no-img.highlight h2 a {
    min-height: auto;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (max-width: 767px) {
  .top_block_news > .column1 {
    margin-top: 20px;
  }
  .top_block_news .title2 h2 {
    font-size: 45px;
    text-align: center;
  }
  .top_block_news + div .column1 {
    margin-bottom: 0;
    margin-top: 20px;
  }
  .top_block_news + div .column2 {
    margin-bottom: 40px;
  }
}

/* .top_block_col1
------------------------------ */
.top_block_col1 {
  padding-top: 80px;
  flex-direction: column;
}
.top_block_col1 > div {
  width: 100% !important;
  height: 400px;
  position: relative;
}
.top_block_col1 .teaser {
  height: 100%;
}
.top_block_col1 .teaser > h2 {
  z-index: 1;
  width: 100%;
  width: calc(100% * var(--width-content-base));
  max-width: 1000px;
  max-width: var(--width-content-area);
  margin: auto;
  font-family: 'Raleway', sans-serif;
  position: inherit !important;
}
.top_block_col1 .teaser:not(.no-img).style1 h2 a {
  color: #fff;
  font-size: 20px;
  letter-spacing: .2em;
  margin-left: 20px;
}
.top_block_col1 .teaser:not(.no-img).style1 h2 a:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.top_block_col1 .teaser:not(.no-img).style1 h2 a:hover {
  text-decoration: none;
}
.top_block_col1 .teaser > h2 span {
  font-size: 90px;
  display: block;
  line-height: 1;
  letter-spacing: 4px;
  margin-bottom: 10px;
}

.top_block_col1 .teaser > h2 a:after {
  content: 'MORE';
  font-family: 'Raleway', sans-serif;
  border: 2px solid #fff;
  font-size: 18px;
  display: block;
  text-align: center;
  width: 140px;
  height: auto;
  letter-spacing: 0;
  margin-top: 30px;
  padding: 6px 20px 4px 15px;
  transition: .5s;
  color: #fff;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") center right 15px no-repeat;
  background-size: 6px 10px;
  transition: .3s;
}
.top_block_col1 .teaser:hover > h2 a:after {
  background-color: #fff;
  color: #263756;
  background-image: url("../../../../../../resources/sw_img/icon/icon_arr01.svg");
}
.top_block_col1 .teaser > a {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate3d(40px,0,0);
  overflow: hidden;
  transition: transform .5s cubic-bezier(.19,.82,.27,1);
}
.top_block_col1 .teaser:hover > a {
  transform: translate3d(0,0,0);
}
.top_block_col1 .teaser > a img {
  transition: transform .5s cubic-bezier(.19,.82,.27,1);
}
.top_block_col1 .teaser:hover > a img {
  transform: scale(1.05);
  transform-origin: center;
}
.top_block_col1 .teaser > a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(38, 55, 86, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  transition: .2s;
  z-index: 1;
}
.top_block_col1 .teaser:hover > a:before {

  opacity: 0;
}
.top_block_col1 .teaser > a:hover img {
  opacity: 1;
}
@media screen and (max-width: 999px) {
  .top_block_col1 {
    padding-top: 60px;
  }
  .top_block_col1 > div {
    height: auto;
    padding: 10% 0;
    margin-bottom: 30px;
  }
  .top_block_col1 .teaser {
    margin-bottom: 0;
  }
  .top_block_col1 .teaser:not(.no-img).style1 h2 a{
    font-size: 15px;
  }
  .top_block_col1 .teaser > h2 {
    margin-left: 0;
  }
  .top_block_col1 .teaser > h2 span {
    font-size: 60px;
  }
  .top_block_col1 .teaser > h2 a:after {
    font-size: 15px;
    border-width: 1px;
    width: 100px;
    margin-top: 20px;
  }
  .top_block_col1 .teaser > a {
    position: absolute;
    top: 0;
    right: 0;
    width: 86%;
    height: 100%;
    overflow: hidden;
  }
  .top_block_col1 .teaser > a img {
    position: absolute;
    left: 0;
    top: 0;
    width: auto !important;
    height: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .top_block_col1 .teaser > h2 span {
    font-size: 40px;
  }
}

/* .top_block_banner
------------------------------ */
.top_block_banner > div {
  background: #313f66;
  margin-bottom: 80px;
}
.top_block_banner > div > .teaser {
  margin: 40px 0;
}
.top_block_banner > div > .teaser a {

  margin: 0 10px;
}
.top_block_banner > div > .teaser img {
  width: 100%;
  margin: 0 ;
  transition: .3s;
}
@media screen and (min-width: 768px) {
  .top_block_banner > div:first-child {
    border-left: 30px solid #313f66;
    margin-left: -30px;
    box-sizing: content-box
  }
  .top_block_banner > div:last-child {
    border-right: 30px solid #313f66;
    margin-right: -30px;
    box-sizing: content-box
  }
}
@media screen and (max-width: 767px) {
  .top_block_banner {
    padding-top: 10px;
    padding-bottom: 60px;
  }
  .top_block_banner > div {
    margin-bottom: 0;
  }
  .top_block_banner > div:first-child {
    padding-top: 20px;
  }
  .top_block_banner > div:last-child {
    padding-bottom: 20px;
  }
  .top_block_banner > div > .teaser {
    margin: 5px 40px;
  }
}

/* .lx_top_banner
------------------------------ */
.lx_top_banner {
    margin-top: 20px;
    margin-left: 50px;
    margin-right: 50px;
}
.lx_top_banner + .lx_top_banner {
    margin-top: 10px;
    margin-bottom: 50px;
}
.lx_top_banner > div img {
	width: 100%;
}
.lx_top_banner > div {
    flex: 1;
}
@media screen and (min-width: 768px) {
	.lx_top_banner > div + div {
		margin-left: 20px;
	}
}
@media screen and (max-width: 767px) {
	.lx_top_banner {
		display: block;
	}
	.lx_top_banner + .lx_top_banner {
		margin-bottom: 30px;
	}
	[role="main"] > div.lx_mcol_full.lx_top_banner {
		margin-left: 10px;
		margin-right: 10px;
	}
}


/* .top_block_col2
------------------------------ */
.top_block_col2 {
  margin: 60px 50px 100px;
}
.top_block_col2 > .column1 {
  border-right: 1px solid #fff;
}
.top_block_col2 > .column2 {
  border-left: 1px solid #fff;
}
.top_block_col2 .teaser:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: none;
  transition: .5s;
}
.top_block_col2 .teaser:hover:before {
  background: rgba(53, 87, 158, 0.5);
}
.top_block_col2 .teaser:not(.no-img):not(.highlight) h2 a {
  font-size: 36px;
  text-align: left;
  display: block;
  padding-top: 0;
  letter-spacing: .2em;
}
.top_block_col2 .teaser:not(.no-img):not(.highlight) h2 a span {
  font-size: 90px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  line-height: .7em;
  margin: 0 0 15px;
  letter-spacing: 4px;
}
.top_block_col2 .teaser:not(.no-img):not(.highlight) h2 a:before {
  content: 'MORE';
  font-family: 'Raleway', sans-serif;
  border: 1px solid #fff;
  font-size: 16px;
  display: inline-block;
  bottom: 20px;
  top: auto;
  width: auto;
  height: auto;
  letter-spacing: 0;
  padding: 4px 20px 2px 15px;
  background-size: 6px 10px;
  background-position: center right 5px;
  transition: .5s;
}
.top_block_col2 .teaser:hover:not(.no-img):not(.highlight) h2 a:before {
  background-color: #2b327a;
  border-color: #2b327a;
  color: #fff;
}
@media screen and (max-width: 999px) {
  .top_block_col2 .teaser:not(.no-img):not(.highlight) h2 a{
    font-size: 24px;
  }
  .top_block_col2 .teaser:not(.no-img):not(.highlight) h2 a span {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .top_block_col2 {
    margin-bottom: 60px;
  }
  .top_block_col2 .teaser:not(.no-img):not(.highlight) h2 a,
  .top_block_col2 .teaser:not(.no-img):not(.highlight) h2 a:before{
    font-size: 15px;
  }
  .top_block_col2 .teaser:not(.no-img):not(.highlight) h2 a span {
    font-size: 48px;
    margin-bottom: 10px;
  }
  .top_block_col2 > .column1,
  .top_block_col2 > .column2  {
    border:none;
  }
}

/* -------------------------------------------- */
/*  COMPANY style*/
/* -------------------------------------------- */
.lx_teaser_company .teaser:not(.no-img).style1 {
  flex-direction: row;
}
.lx_teaser_company .teaser:not(.no-img).style1 > * {
  flex:1;
}
.lx_teaser_company .teaser:not(.no-img).style1 > p {
  display: none;
}
.lx_teaser_company .teaser:not(.no-img).style1 > h2 {
  background: url("../../../../../../resources/sw_img/bg/bg-teaser_company.jpg") center right / cover no-repeat #fff;
  display: flex;
  align-items: center;
}
.lx_teaser_company .teaser:not(.no-img).style1 > h2 a {
  margin-left: 50px;
  font-size: 22px;
}
.lx_teaser_company .teaser:not(.no-img).style1 > h2 a:hover {
  text-decoration: none;
}
.lx_teaser_company .teaser:not(.no-img).style1 > h2 a:after {
  content: 'MORE';
  display: block;
  background: url(../../../../../../resources/sw_img/icon/icon_arr01_white.svg) center right 15px / 6px auto no-repeat #2b327a;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  text-align: center;
  padding: 14px;
  max-width: 235px;
  margin-top: 25px;
  transition: .3s;
  border: 1px solid #2b327a;
}
.lx_teaser_company .teaser:not(.no-img).style1 > h2 a:hover:after {
  background-color: #fff;
  color: #2b327a;
  background-image: url(../../../../../../resources/sw_img/icon/icon_arr01.svg);
}
@media screen and (max-width: 767px) {
  .lx_teaser_company .teaser:not(.no-img).style1 {
    flex-direction: column;
  }
  .lx_teaser_company .teaser:not(.no-img).style1 > h2 a {
    margin: 30px auto;
    font-size: 20px;
  }
  .lx_teaser_company .teaser:not(.no-img).style1 > h2 a:after {
    margin-top: 10px;
    max-width: none;
    font-size: 14px;
  }
}


/* -------------------------------------------- */
/*  BUSINESS style*/
/* -------------------------------------------- */
.lx_teaser_business.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 a {
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 18px;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.49) 99%, rgba(0,0,0,0.5) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.49) 99%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.49) 99%,rgba(0,0,0,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );

}
.lx_teaser_business.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 a::before {
  background-color: #b7c0cc;
  width: 30px;
  height: 30px;
  top: auto;
  margin-top: 0;
  right: 0;
  bottom: 0;
  background-size: 6px auto;
  transition: .3s;
}
.lx_teaser_business.lx_sample_teaser_02 .teaser:not(.no-img):not(.highlight) h2 a:hover::before {
  background-image: url(../../../../../../resources/sw_img/icon/icon_arr01_white.svg);
  background-color: #0e1a6d;
}

/* -------------------------------------------- */
/*  RECRUIT style*/
/* -------------------------------------------- */
.lx_teaser_recruit .teaser.no-img.style1 h2 {
  overflow: hidden;
}
.lx_teaser_recruit .teaser.no-img.style1 h2:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s;
  background: url("../../../../../../resources/sw_img/bg/bg-teaser_recruit.png") center / cover no-repeat #fff;
}
.lx_teaser_recruit .teaser.no-img.style1 h2:hover:before {
  transform: scale(1.1)
}
.lx_teaser_recruit .teaser.no-img.style1 h2 a {
  font-size: 26px;
  color: #000;
  background: none;
  min-height: 200px;
  border: 1px solid #b7c0cc;
  justify-content: space-between;
  position: relative;
}
.lx_teaser_recruit .teaser.no-img.style1 h2 a::before {
  background-color: #b7c0cc;
  width: 30px;
  height: 30px;
  top: auto;
  margin-top: 0;
  right: 0;
  bottom: 0;
  background-size: 6px auto;
  transition: .3s;
}
.lx_teaser_recruit .teaser.no-img.style1 h2 a:hover::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg") ;
  background-color: #0e1a6d;
}
@media screen and (max-width: 767px) {
  .lx_teaser_recruit > * {margin-bottom: 20px ;}
  .lx_teaser_recruit .teaser.no-img.style1 h2 a {
    font-size: 22px;
    min-height: 140px;
  }
}

/* -------------------------------------------- */
/*  IR style*/
/* -------------------------------------------- */
/* lx_ir_board */
.lx_ir_board {
  position: relative;
  padding: 80px 0 30px;
  margin-bottom: 80px;
}
.lx_ir_board .ir_slider {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.lx_ir_board .ir_slider li {
  background: center / cover no-repeat;
}
.lx_ir_board .ir_slider .slick-list,
.lx_ir_board .ir_slider .slick-track {
  height: 100%;
}
.lx_ir_board .board_data {
  display: flex;
  position: relative;
}
.lx_ir_board .board_data iframe {
  border: none;
  height: 127px;
}
.lx_ir_board .board_data .frame1 iframe {
  width: 740px;
}
.lx_ir_board .board_data .frame2 {
  display: none;
}
.lx_ir_board .board_data .chart{
  width: 150px;
  border-left: 1px solid #fff;
  padding-left: 30px;
  text-align: center;
}
.lx_ir_board .board_data .chart img {
  margin: 10px 0;
}
.lx_ir_board .board_data .chart a {
  background-color: #fff;
  font-weight: bold;
  padding: 5px ;
  text-decoration: none;
  display: block;
}
.lx_ir_board .board_data .chart a:hover {
  background-color: #ddd;
}
.lx_ir_board .board_data .chart a:after {
  content: '';
  width: 0;
  height: 0;
  display: inline-block;
  margin: 0 0 2px 5px;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #000;
}
.lx_ir_board .basic-list2:not(.thumnail) {
  margin-bottom: 0;
}
.lx_ir_board .basic-list2:not(.thumnail) .tabItems {
  display: flex;
  margin-top: 60px;
}
.lx_ir_board .basic-list2:not(.thumnail) .tabItems li {
  flex: 1;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 0;
}
.lx_ir_board .basic-list2:not(.thumnail) .tabItems li:first-child {
  margin-right: 50px;
}
.lx_ir_board .basic-list2:not(.thumnail) .item {
  padding: 15px 0 25px 15px;
  height: 100%;
}
.lx_ir_board .basic-list2:not(.thumnail) .item > span,
.lx_ir_board .basic-list2:not(.thumnail) .item > span .news_tx ,
.lx_ir_board .basic-list2:not(.thumnail) .item > a,
.lx_ir_board .basic-list2:not(.thumnail) .item > a .news_tx {
  color: #fff;
}
.lx_ir_board .basic-list2:not(.thumnail) .item > span .news_tx ,
.lx_ir_board .basic-list2:not(.thumnail) .item > a .news_tx {
  font-size: 20px;
}
.lx_ir_board .basic-list2:not(.thumnail) .item > a .news_tx:after {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 2px solid #fff;
  transform: rotate(-45deg);
  border-left: none;
  border-top: none;
  margin: 0 0 3px 5px;
  vertical-align: middle;
}
.lx_ir_board .basic-list2:not(.thumnail) .item .date {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  font-size: 14px;
}
.lx_ir_board .basic-list2:not(.thumnail) .item .c_icon span{
  display: none;
}
.lx_ir_news .column1 {
  position: relative;
}
.lx_ir_news .column2 {
  padding-left: 50px;
}
.lx_ir_news .basic-list2:not(.thumnail) {
  margin-bottom: 0;
}
.lx_ir_news .teaser.no-img.highlight {
  position: absolute;
  top: 25px;
  right: 0;
  width: 170px;
  margin: 0;
}
.lx_ir_news .teaser.no-img.highlight h2 a{
  min-height: auto;
  padding: 5px 10px;
}

@media screen and (max-width: 999px) {
  .lx_ir_board {
    padding: 40px 0 0;
  }
  .lx_ir_board .board_data{
    flex-direction: column;
  }
  .lx_ir_board .board_data iframe{
    margin: 0 auto;
    display: block;
  }
  .lx_ir_board .board_data .frame1 {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
  }
  .lx_ir_board .board_data .frame1 iframe {
    width: 266px;
  }
  .lx_ir_board .board_data .frame2 {
    display: block;
    width: 440px;
    margin: 20px auto;
    overflow: hidden;
  }
  .lx_ir_board .board_data .frame2 iframe {
    width: 740px;
    margin-left: -300px;
  }
  .lx_ir_board .board_data .chart {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: none;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .lx_ir_board .board_data .chart img {
    margin: 0 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .lx_ir_board {
    margin-bottom: 40px;
  }
  .lx_ir_board .basic-list2:not(.thumnail) .tabItems {
    display: block;
    margin-top: 30px;
  }
  .lx_ir_board .basic-list2:not(.thumnail) .tabItems li:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .lx_ir_board .basic-list2:not(.thumnail) .item > a .news_tx {
    font-size: 16px;
  }
  .lx_ir_news .column2 {
    padding-left: 0;
  }
  .lx_ir_news .teaser.no-img.highlight {
    width: 100px;
  }
}
@media screen and (max-width: 499px) {
  .lx_ir_board .board_data .frame2 iframe {
    margin-left: -330px;
    transform: scale(.7);
  }
}






/*==== カルーセル：スライド メイン用 （縦横比固定型） ====*/
/* スライドエリアと画像サイズに合わせて、各設定値を変更する事 */


/* アロー・ドットを含む枠 */
#sharewithmain * .ux_slick_mcol_2 {
	position: relative;
/*	padding-bottom: 50px; */
}

/* スライドの枠 */
#sharewithmain * .ux_slick_mcol_2 .slick-slider {
	overflow: hidden;
}

/* 各スライド要素の枠 */
#sharewithmain * .ux_slick_mcol_2 .slick-slide {
	overflow: hidden;
/*	max-height: 440px; */
}

#sharewithmain * .ux_slick_mcol_2 .slick-slide > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: none;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	margin: 0;
	font-size: 34px;
}

#sharewithmain * .ux_slick_mcol_2 .slick-slide .text-section em {
	font-style: normal;
	font-family: "Roboto", sans-serif;
}

#sharewithmain * .ux_slick_mcol_2 .slick-slide .text-section u {
	text-decoration: none;
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 5px;
	background: #fff;
}

/* PCを第１カラム、SPを第２カラム用とする */
@media print, screen and (min-width: 768px) {
	#sharewithmain * .ux_slick_mcol_2 .slick-slide::before {
		content: "";
		display: block;
		padding-top: calc((100% - 40px * 2) / 920 * 420);
	}
	#sharewithmain * .ux_slick_mcol_2 .slick-slide > .column2 {
		display: none;
	}
	#sharewithmain * .ux_slick_mcol_2 .slick-slide img {
		width: calc(100% - 80px);
		margin: 0 40px;
	}

	#sharewithmain * .ux_slick_mcol_2 .slick-slide .text-section > div {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		transform: none;
		margin: 0;
		font-size: 32px;
	}
}

@media screen and (max-width: 767px) {
	#sharewithmain * .ux_slick_mcol_2 .slick-slide::before {
		content: "";
		display: block;
		padding-top: calc(100% / 920 * 420);
	}
	#sharewithmain * .ux_slick_mcol_2 .slick-slide > .column1 {
		display: none;
	}

	#sharewithmain * .ux_slick_mcol_2 .slick-slide img {
		width: 100%;
	}
	#sharewithmain * .ux_slick_mcol_2 .slick-slide .text-section > div {
		font-size: 21px;
	}
}

#sharewithmain * .ux_slick_mcol_2 .slick-slide >* >*:first-child ,
#sharewithmain * .ux_slick_mcol_2 .slick-slide img {
	margin-bottom: 0;
}


/* アローをドットの左右に配置する場合 */
#sharewithmain * .ux_slick_mcol_2 .arrow-dots {
	position: absolute;
	left: 50%;
	bottom: 25px;
	display: inline-block;
	padding: 5px 25px;
	-webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
}

#sharewithmain * .ux_slick_mcol_2 .slick-dots {
	top: auto;
	bottom: auto;
	position: static;

	display: none;
	width: 100%;
	white-space: nowrap;
}

/* アローをドットと別個に配置する場合 */
/*
#sharewithmain * .ux_slick_mcol_2 .arrow-dots {
}

#sharewithmain * .ux_slick_mcol_2 .slick-dots {
	position: absolute;
	left: 50%;
	bottom: 15px;
	padding: 5px 25px;
	-webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);

	display: none;
	white-space: nowrap;
}
*/


#sharewithmain * .ux_slick_mcol_2 .slick-dots li {
	margin: 0;
}

#sharewithmain * .ux_slick_mcol_2 .slick-dots li button {
	display: block;
	width: 50px;
	height: 4px;
}

#sharewithmain * .ux_slick_mcol_2 .slick-dots li button::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	display: block;
	width: 40px;
	height: 4px;
	background: #222;
	border: 1px solid #ccc;
}

#sharewithmain * .ux_slick_mcol_2 .slick-dots li.slick-active button::before {
	background: #fff;
}


#sharewithmain * .ux_slick_mcol_2 .slick-prev ,
#sharewithmain * .ux_slick_mcol_2 .slick-next {
	margin: 0;

	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	z-index: 1;
	opacity: 1;
}

#sharewithmain * .ux_slick_mcol_2 .slick-prev {
	left: 0px;
}
#sharewithmain * .ux_slick_mcol_2 .slick-next {
	right: 0px;
}

#sharewithmain * .ux_slick_mcol_2 .slick-prev::before ,
#sharewithmain * .ux_slick_mcol_2 .slick-next::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("../../../../../../resources/sw_img/icon/slide-prev.png") no-repeat center center;
	background-size: contain;
}

#sharewithmain * .ux_slick_mcol_2 .slick-next::before {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}


@media print, screen and (min-width: 768px) {
}


@media screen and (max-width: 767px) {
}

/* 印刷時は、スライド機能をオフって、アクティブ画像をそのまま配置 */
@media print {
	#sharewithmain * .ux_slick_mcol_2 .slick-slide {
		left: 0 !important;
		min-height: auto !important;
		width: 100% !important;
		display: none !important;
	}
	#sharewithmain * .ux_slick_mcol_2 .slick-slide.slick-active {
		display: block !important;
	}

	#sharewithmain * .ux_slick_mcol_2 .slick-slide > div {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;	
		min-width: auto !important;
		-webkit-transform: none !important;
		    -ms-transform: none !important;
		        transform: none !important;
		margin: 0 !important;
	}
	#sharewithmain * .ux_slick_mcol_2 .slick-slide::before {
		content: none !important;
	}

	#sharewithmain * .ux_slick_mcol_2 .slick-list {
		height: auto !important;
	}
	#sharewithmain * .ux_slick_mcol_2 .slick-track {
		width: auto !important;
		height: auto !important;
		-webkit-transform: none !important;
		    -ms-transform: none !important;
		        transform: none !important;
	}
}




/*==== EN TOP ====*/
/*-- top message --*/
#sharewithmain .lx_entop_mcol_message {
	position: relative;
	margin-top: 40px;
	align-items: center;
}

#sharewithmain .lx_entop_mcol_message::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("../../../../../../resources/sw_img/entop/message_side_text.png") no-repeat left top;
	background-size: contain;
	z-index: 5;
}

#sharewithmain .lx_entop_mcol_message > .column1 ,
#sharewithmain .lx_entop_mcol_message > .column2 {
	z-index: 10;
}

@media print, screen and (min-width: 768px) {
	#sharewithmain .lx_entop_mcol_message::before {
		content: "";
		position: absolute;
		top: 20px;
		left: 0;
		display: block;
		width: calc(500px + (100% - 1000px) / 2);
		height: 1053px;
		background: url("../../../../../../resources/sw_img/entop/bg_message.png") no-repeat right top;
	}

	body:not(.in-editor) #sharewithmain .lx_entop_mcol_message > .column1 {
		height: 520px;
		overflow: hidden;
	}
}

@media screen and (max-width: 767px) {
	#sharewithmain .lx_entop_mcol_message {
		min-height: auto;
		padding: 0;
		margin-top: 20px;
		margin-bottom: 50px;
	}

	#sharewithmain .lx_entop_mcol_message::before {
		content: "";
		position: absolute;
		left: 0;
		top: calc(100% - 6px);
		display: block;
		width: 100vw;
		height: calc(100vw / 750 * 802);
		transform: translate(0, -50%);
		background: url("../../../../../../resources/sw_img/entop/bg_message_sp.png") no-repeat left center;
		background-size: contain;
	}

	#sharewithmain .lx_entop_mcol_message::after {
		height: calc(100% - 15px);
		background-position: right -5% top;
	}

	#sharewithmain .lx_entop_mcol_message > .column1 {
		position: relative;
		width: calc(37%);
		margin: 0;
		margin-bottom: 0;
	}
	#sharewithmain .lx_entop_mcol_message > .column2 {
		width: calc(63%);
		margin: 0;
		padding-right: 15px;
	}

	.lx_entop_mcol_message > .column1 .text-section {
		margin-bottom: 0;
	}

	.lx_entop_mcol_message > .column1 .text-section img {
		height: 90vw;
		margin: 0;
		object-fit: cover;
		object-position: right top;
	}
}

.lx_entop_mcol_message .title3.style1 h3 {
	border: none;
	margin: 0;
	padding: 0;

	display: inline-block;
	padding: 2px 10px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em;
	background: #1d2a87;
	font-family: "Roboto", sans-serif;
	margin-bottom: 25px;
}

.lx_entop_mcol_message .text-section {
	font-family: "Roboto", YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 68px;
	font-weight: bold;
	line-height: 1.024;
	letter-spacing: 0.02em;
}

.lx_entop_mcol_message .text-section em {
	font-style: normal;
	color: #1d2a87;
	font-size: 87px;
	line-height: 1.052;
	font-family: inherit;
}

@media screen and (max-width: 767px) {
	.lx_entop_mcol_message .title3.style1 h3 {
		font-size: calc(100vw / 750 * 24);
	}

	.lx_entop_mcol_message .text-section {
		font-size: calc(100vw / 750 * 68);
	}

	.lx_entop_mcol_message .text-section em {
		font-size: calc(100vw / 750 * 92);
	}
}


.lx_entop_mcol_message .teaser.no-img.style1 ,
.lx_entop_mcol_message .external-teaser.no-img.style1 ,
.lx_entop_mcol_message .download-teaser.no-img.style1 {
	max-width: 256px;
	margin-top: 40px;
/*	margin-right: 0; */
}

.lx_entop_mcol_message .teaser.no-img.style1 h2 a ,
.lx_entop_mcol_message .external-teaser.no-img.style1 h2 a ,
.lx_entop_mcol_message .download-teaser.no-img.style1 h2 a {
	border: 1px solid #d1d1d1;
	background-color: #fff;
	color: #2b327a;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.lx_entop_mcol_message .teaser.no-img.style1 h2 a:hover ,
.lx_entop_mcol_message .external-teaser.no-img.style1 h2 a:hover ,
.lx_entop_mcol_message .download-teaser.no-img.style1 h2 a:hover {
	border: 1px solid #2b327a;
	background-color: #2b327a;
	color: #fff;
}

.lx_entop_mcol_message .teaser.no-img.style1 h2 a::before ,
.lx_entop_mcol_message .external-teaser.no-img.style1 h2 a::before ,
.lx_entop_mcol_message .download-teaser.no-img.style1 h2 a::before {
	background-image: url("../../../../../../resources/sw_img/icon/icon_arr01.svg");
}

.lx_entop_mcol_message .teaser.no-img.style1 h2 a:hover::before ,
.lx_entop_mcol_message .external-teaser.no-img.style1 h2 a:hover::before ,
.lx_entop_mcol_message .download-teaser.no-img.style1 h2 a:hover::before {
	background-image: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg");
}

@media screen and (max-width: 767px) {
	.lx_entop_mcol_message .teaser.no-img.style1 ,
	.lx_entop_mcol_message .external-teaser.no-img.style1 ,
	.lx_entop_mcol_message .download-teaser.no-img.style1 {
		margin-top: 0;
	}
}

/*-- IR・company --*/
.lx_entop_mcol_banner {
	position: relative;
	padding-bottom: 30px;
	z-index: 10;
}

@media print, screen and (min-width: 768px) {
	.lx_entop_mcol_banner > .column1 {
		margin-top: 100px;
	}
}

@media screen and (max-width: 767px) {
	#sharewithmain .lx_entop_mcol_banner > .column1 ,
	#sharewithmain .lx_entop_mcol_banner > .column2 {
		width: calc(100% - 35px);
		margin: 0;
	}

	#sharewithmain .lx_entop_mcol_banner > .column1 {
		margin-right: 35px;
		margin-bottom: 15px;
	}
	#sharewithmain .lx_entop_mcol_banner > .column2 {
		margin-left: 35px;
	}
}

.lx_entop_mcol_banner .teaser:not(.no-img).style1 ,
.lx_entop_mcol_banner .external-teaser:not(.no-img).style1 ,
.lx_entop_mcol_banner .download-teaser:not(.no-img).style1 {
	position: relative;
}

.lx_entop_mcol_banner .teaser:not(.no-img).style1 h2 ,
.lx_entop_mcol_banner .external-teaser:not(.no-img).style1 h2 ,
.lx_entop_mcol_banner .download-teaser:not(.no-img).style1 h2  {
	position: static;
}

.lx_entop_mcol_banner .teaser:not(.no-img).style1 h2 a ,
.lx_entop_mcol_banner .external-teaser:not(.no-img).style1 h2 a ,
.lx_entop_mcol_banner .download-teaser:not(.no-img).style1 h2 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 10px 70px;
	color: #fff;
	font-size: 60px;
	text-decoration: none;
	text-shadow: 0 0 10px rgba(2,2,2, 0.44);
	z-index: 1;
}

.lx_entop_mcol_banner .teaser:not(.no-img).style1 h2 a span ,
.lx_entop_mcol_banner .external-teaser:not(.no-img).style1 h2 a span ,
.lx_entop_mcol_banner .download-teaser:not(.no-img).style1 h2 a span {
	font-family: "Roboto", sans-serif;
}

.lx_entop_mcol_banner .teaser:not(.no-img).style1 h2 a::before ,
.lx_entop_mcol_banner .external-teaser:not(.no-img).style1 h2 a::before ,
.lx_entop_mcol_banner .download-teaser:not(.no-img).style1 h2 a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 70px;
	margin-top: -19px;
	display: inline-block;
	vertical-align: middle;
	width: 38px;
	height: 38px;
	background: url("../../../../../../resources/sw_img/entop/icon_arr02.svg") center center no-repeat;
	background-size: contain;
}

.lx_entop_mcol_banner .teaser:not(.no-img).style1 > a img ,
.lx_entop_mcol_banner .external-teaser:not(.no-img).style1 > a img ,
.lx_entop_mcol_banner .download-teaser:not(.no-img).style1 > a img {
	transition: transform .5s cubic-bezier(.19,.82,.27,1);
	opacity: 1;
}

.lx_entop_mcol_banner .teaser:not(.no-img).style1:hover > a img ,
.lx_entop_mcol_banner .external-teaser:not(.no-img).style1:hover > a img ,
.lx_entop_mcol_banner .download-teaser:not(.no-img).style1:hover > a img {
	transform: scale(1.1);
	opacity: 1;
}

@media screen and (max-width: 767px) {
	.lx_entop_mcol_banner .teaser:not(.no-img).style1 h2 a ,
	.lx_entop_mcol_banner .external-teaser:not(.no-img).style1 h2 a ,
	.lx_entop_mcol_banner .download-teaser:not(.no-img).style1 h2 a {
		padding: 10px 40px;
		font-size: 35px;
	}

	.lx_entop_mcol_banner .teaser:not(.no-img).style1 h2 a::before ,
	.lx_entop_mcol_banner .external-teaser:not(.no-img).style1 h2 a::before ,
	.lx_entop_mcol_banner .download-teaser:not(.no-img).style1 h2 a::before {
		right: 30px;
		margin-top: -18px;
		width: 36px;
		height: 36px;
	}

	.lx_entop_mcol_banner .teaser:not(.no-img).style1 > a img ,
	.lx_entop_mcol_banner .external-teaser:not(.no-img).style1 > a img ,
	.lx_entop_mcol_banner .download-teaser:not(.no-img).style1 > a img {
/*		aspect-ratio: calc( 680 / 440 ); */
		width: calc(100vw - 35px);
		height: calc((100vw - 35px) / 680 * 440);
		calc((100vw - 35px) / 680 * 440)
		object-fit: cover;
	}
}


/*-- product --*/
.lx_entop_mcol_product {
	position: relative;
	padding-top: 50px;
	padding-bottom: 10px;
	background: url("../../../../../../resources/sw_img/entop/bg_products.png") no-repeat center center;
	background-size: cover;
}

@media screen and (max-width: 767px) {
	.lx_entop_mcol_product {
		padding-top: 35px;
	}
}

.lx_entop_mcol_product::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	display: block;
	max-width: 90%;
	width: 647px;
	height: 124px;
	background: url("../../../../../../resources/sw_img/entop/products_top_text.png") center center no-repeat;
	background-size: contain;
	transform: translate(-50%, 0);
}

@media screen and (max-width: 767px) {
	.lx_entop_mcol_product::before {
		top: -64px;
	}
}

.lx_entop_mcol_product .title3.style1 h3 {
	border: none;
	margin: 0;
	padding: 0;

	text-align: center;
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	font-family: "Roboto", sans-serif;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.lx_entop_mcol_product .title3.style1 h3 {
		font-size: 35px;
	}
}

.lx_entop_mcol_product .teaser.no-img.style1 ,
.lx_entop_mcol_product .external-teaser.no-img.style1 ,
.lx_entop_mcol_product .download-teaser.no-img.style1 {
	max-width: 256px;
	margin-top: 40px;
/*	margin-right: 0; */
}

.lx_entop_mcol_product .teaser.no-img.style1 h2 a ,
.lx_entop_mcol_product .external-teaser.no-img.style1 h2 a ,
.lx_entop_mcol_product .download-teaser.no-img.style1 h2 a {
	border: 1px solid #d1d1d1;
	background-color: #fff;
	color: #2b327a;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.lx_entop_mcol_product .teaser.no-img.style1 h2 a:hover ,
.lx_entop_mcol_product .external-teaser.no-img.style1 h2 a:hover ,
.lx_entop_mcol_product .download-teaser.no-img.style1 h2 a:hover {
	border: 1px solid #2b327a;
	background-color: #2b327a;
	color: #fff;
}

.lx_entop_mcol_product .teaser.no-img.style1 h2 a::before ,
.lx_entop_mcol_product .external-teaser.no-img.style1 h2 a::before ,
.lx_entop_mcol_product .download-teaser.no-img.style1 h2 a::before {
	background-image: url("../../../../../../resources/sw_img/icon/icon_arr01.svg");
}

.lx_entop_mcol_product .teaser.no-img.style1 h2 a:hover::before ,
.lx_entop_mcol_product .external-teaser.no-img.style1 h2 a:hover::before ,
.lx_entop_mcol_product .download-teaser.no-img.style1 h2 a:hover::before {
	background-image: url("../../../../../../resources/sw_img/icon/icon_arr01_white.svg");
}