@charset "utf-8";
/*---------------- based on 2022/10/28 */
/* > 1%, last 4 versions, Firefox ESR */
/*------------------------------------ */

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

.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: YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic",'UD Shin Go Regular', 'Noto Sans JP',  -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;
}
*/


/* 背景設定 */
body[data-page-path="/ja/index"],
body[data-page-path="/tokon/index"],
body[data-page-path="/en/index"] {background: #fff;}
body[data-page-path="/ja/index"]::before,
body[data-page-path="/tokon/index"]::before,
body[data-page-path="/en/index"]::before{
  content: '';
  position: absolute;
  display: block;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 830px;
  background: url("../../../../../../resources/sw_img/top/top-bg.jpg") center bottom / cover no-repeat;
}
body {
  background: url("../../../../../../resources/sw_img/bg/main_bg.jpg") center top / contain no-repeat #fff;
}
@media screen and (max-width: 767px) {
  body[data-page-path="/ja/index"]::before,
  body[data-page-path="/tokon/index"]::before,
  body[data-page-path="/en/index"]::before{height: 160vw;}
  body {
    background-size: auto 100vw;
  }
}

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

body {
  color: #222;
  line-height: 1.75;
}


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


/* リンク */
a:link ,
a:visited {
  color: #4967bd;
  text-decoration: none;
}

a:hover ,
a:active ,
a:focus {
  color: #4967bd;
  text-decoration: underline;
}


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

.bread-crumb ol {
  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;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

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

.bread-crumb h5:empty {
  display: none;
}

/* 各階層 */
.bread-crumb h5 ,
.bread-crumb h5 p ,
.bread-crumb h5 span ,
.bread-crumb ol li {
  display: inline-block;
}

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

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

.bread-crumb a:hover {
}


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

.bread-crumb strong {
}


@media print, screen and (min-width: 768px) {
  .bread-crumb:not(.edited) {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(75, 106, 190, 0.6);
  }

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

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



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

/*------------------------------------- 
サイドナビ（ローカルナビ）
ページプロパティに設定あり
-------------------------------------*/
#nav .on-leaf:after {
  /*	border-bottom: 1px solid rgba(198, 208, 235, 0.7);*/
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  display: block;
  background: rgba(198, 208, 235, 0.7);
  margin-top: 15px;
}
#nav-box {
}

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

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

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

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

  }

  /*-- メインエリア上に設置するパターン --*/
  #nav-box {
    /*		position: relative;*/
    font-size: 0;
    margin: auto;
    width: 100%;
    padding: 15px 20px;

  }

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

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


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

  #nav-box li {
  }

  #nav-box br {
    display: none;
  }

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

    position: relative;
    text-align: center;
    color: #000; 
    line-height: 1.25;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
  }

  #nav-box a[target="_blank"]::after {
    content: "";
    display: inline-block;
    vertical-align: baseline;
    width: 14px;
    height: 14px;
    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: #4967bd;
  }

  #nav-box a:hover {
    color: #4967bd;
  }


  /* 現在地を含むフォルダーを表示 */
  #nav-box.within ,
  #nav-box .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-box.within > ul ,
  #nav-box .within > ul {
    padding-right: 20px;
    display: inline-block;
    text-align: left;
  }

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

  /* 親階層・現階層を区切る仕切り線、＋現階層の左端の線の目隠し */
  /*
  #nav-box.within > ul:not(.navLevel_1)::before ,
  #nav-box .within > ul:not(.navLevel_1)::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 40px;
  height: calc(100% - 10px);
  background: #fff;
  border-left: 1px solid #999;
  z-index: 1;
}
  */

  /* 現階層＝兄弟ページ */
  #nav-box.within > ul > li ,
  #nav-box .within > ul > li {
    position: relative;
    display: inline-block;
    margin: 6px 0;
  }

  #nav-box.within > ul > li > a ,
  #nav-box.within > ul > li > strong ,
  #nav-box .within > ul > li > a ,
  #nav-box .within > ul > li > strong {
    display: inline-block;
  }

  /* パターンA: 前後に枠線で区切り線 */
  #nav-box.within > ul ,
  #nav-box .within > ul {
    padding-left: 20px;
  }

  #nav-box.within > ul > li ,
  #nav-box .within > ul > li {
    /*		border-left: 1px solid #c1c1c1;*/
    border-right: 1px solid #4967bd;
    /*		margin-left: -1px;*/
  }

  #nav-box.within > ul > li > a ,
  #nav-box.within > ul > li > strong ,
  #nav-box .within > ul > li > a ,
  #nav-box .within > ul > li > strong {
    margin: 0 20px;
    line-height: 1;
  }

  /* パターンB: 前側に区切り文字 */
  /*
  #nav-box.within > ul > li ,
  #nav-box .within > ul > li {
  margin-left: 40px;
}

  #nav-box.within > ul > li::before ,
  #nav-box .within > ul > li::before {
  content: "/";
  position: absolute;
  top: 0;
  right: 100%;
  display: block;
  width: 40px;
  text-align: center;
  color: #e7e7e7;
  font-size: 14px;
  line-height: 1.25;
}
  */

  /* 現在地の親ページ */
  #nav-box.within > a ,
  #nav-box.within > strong ,
  #nav-box .within > a ,
  #nav-box .within > strong {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    margin: 0;
    color: #4967bd;
    font-size: 18px;
    font-weight: bold;
    margin-right: 60px;
  }

  /* 孫ページは非表示 */
  #nav-box.within > ul ul ,
  #nav-box .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 {
    position: relative;
    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 {
    position: relative;
    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 {
    position: relative;
    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 ,
.lead-section ,
.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 ,
.lead-section a ,
.uni-table a {
  /*	word-break: normal; */
  /*	word-break: break-word; */
  /*	word-wrap : break-word; */
  /*	overflow-wrap : break-word; */
  line-height: inherit;
}

.quoted-text blockquote a:hover ,
.highlight-quoted-text a:hover ,
.text-section a:hover ,
.faq-item a:hover ,
.vtable-item a:hover ,
.ircalendar-title a:hover ,
.ircalendar-item a:hover ,
.lead-section a:hover ,
.uni-table a:hover {
  /*	text-decoration: none; */
}


/*-- 文中リンクの別窓アイコン --*/
.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: 14px;
  height: 14px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin: 0 0.5em
}

/*-- 文中リンクの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: baseline;
  width: 18px;
  height: 20px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  margin: 0 0.5em;
}



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

/* -- ページタイトルをテキストで表示 -- */
.page-intro-wrapper {
  position: relative;
  width: 100%;
}

.page-intro {
  max-width: calc(1170px + 40px);
  padding: 0 20px;
  margin: auto;
}

.page-intro > .h1 {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  /*	min-height: 216px;*/
  min-height: 340px;
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  padding: 70px 0 40px;
}

/* サブタイトルが下の場合 */
/* 通常：そのまま、span１つ：spanがサブタイトル、span２つ：下のspanがサブタイトル */
/*
.page-intro > .h1 > span:only-of-type ,
.page-intro > .h1 > span + span {
margin-top: 10px;
display: block;
color: #999;
font-size: 22px;
font-weight: normal;
}
*/

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

  .page-intro > .h1 {
    min-height: 120px;
    font-size: 22px;
    padding: 10px 0;
  }

  /*
  .page-intro > .h1 > span:only-of-type ,
  .page-intro > .h1 > span + span {
  font-size: 14px;
}
  */
}

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

/* 見出し背景 */
.page-intro-wrapper .intro-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: -1;
}

.page-intro-wrapper .intro-bg > div {
  display: none;
}

.page-intro-wrapper .intro-bg img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;

  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

[data-promos1="has-img"] .page-intro-wrapper {

}
@media screen and (min-width: 768px) {
  .page-intro-wrapper {
    margin-top: -90px;
  }
}

[data-promos1="has-img"] .page-intro > .h1 {
  color: #fff;
}


[data-promos1="has-img"] .page-intro-wrapper .intro-bg > .text {
  position: absolute;
  top: 25%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: calc(1170px + 40px);
  display: block;
  width: 100%;
  height: auto;
  padding: 0 20px;

  color: #fff;
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 1.25;
}

[data-promos1="has-img"] .page-intro-wrapper .intro-bg > .text em {
  font-style: normal;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 60px;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  [data-promos1="has-img"] .page-intro-wrapper .intro-bg > .text {
    font-size: 16px;
  }

  [data-promos1="has-img"] .page-intro-wrapper .intro-bg > .text em {
    font-size: 30px;
  }
}


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

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

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

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

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

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

/* ニュースページ カテゴリアイコン表示用(要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;
}


/* HOME 見出しh1非表示 */
[data-page-marker~="sitetop"] .page-intro-wrapper ,
[data-page-marker~="sitetop"] #page-intro > h1 ,
[data-page-marker~="sitetop"] #page-intro .titleImage {
  display: none;
}

/*-------------- 中見出し ------------*/
.text-section h2 ,
.link-list h2 ,
.link-list-url h2 ,
.news-result h2 ,
.news-yuho h2 ,
.news-presentation h2 ,
.news-material h2 ,
.title2 {
  position: relative;
  margin-top: 2em;
  font-size: 32px;
  line-height: 1.33;
}

.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt ,
.title3 {
  position: relative;
  margin-top: 1.5em;
  font-size: 26px;
  line-height: 1.33;
}

.title4 {
  position: relative;
  margin-top: 1em;
  font-size: 22px;
  line-height: 1.33;
}

.title2 p ,
.title3 p ,
.title4 p {
  font-size: 14px;
}

.title2 p + h2 ,
.title3 p + h3 ,
.title4 p + h4 ,
.title2 h2 + p ,
.title3 h3 + p ,
.title4 h4 + p {
  margin-top: 5px;
}

.title2 dl ,
.title3 dl ,
.title4 dl {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  max-height: 60%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.title2 dl + h2 ,
.title3 dl + h3 ,
.title4 dl + h4 ,
.title2 dl + div ,
.title3 dl + div ,
.title4 dl + div {
  margin-left: 80px;
}



/*-- (共通) --*/
.text-section h2 ,
.link-list h2 ,
.link-list-url h2 ,
.news-result h2 ,
.news-yuho h2 ,
.news-presentation h2 ,
.news-material h2 ,
.title2.style1 {
  margin-top: 2em;
  padding-left: 20px;
  color: #222;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.02em;
  border-top: 1px solid #dbe1f2;
  border-bottom: 1px solid #dbe1f2;
  padding-top: 14px;
  padding-bottom: 14px;
}


.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::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: calc(100% - 28px);
  background: #4c69be;
  margin: 14px 0;
}


/*-- 見出しh3レベル --*/
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt ,
.title3.style1 {
  margin-top: 1.6em;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  background: #edf2ff;
  border-bottom: 1px solid #4c69be;
}

/*-- 見出しh4レベル --*/
.title4.style1 {
  margin-top: 1.7em;
  color: #4c69be;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.33;
  margin-bottom: -0.75em;
}


@media screen and (max-width: 767px) {
  .text-section h2 ,
  .link-list h2 ,
  .link-list-url h2 ,
  .news-result h2 ,
  .news-yuho h2 ,
  .news-presentation h2 ,
  .news-material h2 ,
  .title2.style1 {
    font-size: 26px;
  }

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

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


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

.title3.style2 {
}

.title4.style2 {
}


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

.title3.style3 {
}

.title4.style3 {
}



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

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

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

@media print, screen and (min-width: 768px) {
  .lx_title_center_pc .title2 ,
  .lx_title_center_pc .title3 ,
  .lx_title_center_pc .title4 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .lx_title_center_pc .title2::before ,
  .lx_title_center_pc .title2::after ,
  .lx_title_center_pc .title3::before ,
  .lx_title_center_pc .title3::after ,
  .lx_title_center_pc .title4::before ,
  .lx_title_center_pc .title4::after {
    content: none;
  }
}

@media screen and (max-width: 767px) {
  .lx_title_center_sp .title2 ,
  .lx_title_center_sp .title3 ,
  .lx_title_center_sp .title4 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .lx_title_center_sp .title2::before ,
  .lx_title_center_sp .title2::after ,
  .lx_title_center_sp .title3::before ,
  .lx_title_center_sp .title3::after ,
  .lx_title_center_sp .title4::before ,
  .lx_title_center_sp .title4::after {
    content: none;
  }
}


/*-- 上マージン調整用 ---*/
.lx_title_mt0 .title2 ,
.lx_title_mt0 .title3 ,
.lx_title_mt0 .title4 {
  margin-top: 0;
}

.lx_title_mt20 .title2 ,
.lx_title_mt20 .title3 ,
.lx_title_mt20 .title4 {
  margin-top: 20px;
}



/*------------------------------------- 
パーツ共通マージン
-------------------------------------*/

/*---------- 先頭カラム内見出し ----------*/
@media print, screen and (min-width: 768px) {
  [role="main"] > *:first-child > * > .title2:first-child ,
  [role="main"] > *:first-child > * > .title3:first-child ,
  [role="main"] > *:first-child > * > .title4:first-child ,
  [role="main"] > *:first-child > * > .text-section:first-child h2 {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  [role="main"] > *:first-child > *:first-child > .title2:first-child ,
  [role="main"] > *:first-child > *:first-child > .title3:first-child ,
  [role="main"] > *:first-child > *:first-child > .title4:first-child ,
  [role="main"] > *:first-child > *:first-child > .text-section:first-child h2 {
    margin-top: 30px;
  }
}

/*-- 先頭カラム内見出し --*/
[role="main"] > *:first-child > * > .news-result h2:first-child ,
[role="main"] > *:first-child > * > .news-yuho h2:first-child ,
[role="main"] > *:first-child > * > .news-presentation h2:first-child ,
[role="main"] > *:first-child > * > .news-material h2:first-child {
  margin-top: 30px;
}

/*-- パーツ共通 --*/
.highlight-quoted-text ,
.lead-section ,
.text-section ,
.faq-list ,
.anchor-link ,
.teaser ,
.external-teaser ,
.download-teaser ,
.internal-link-area ,
.external-link-area ,
.download-link-area ,
.news-result .group_year dl ,
.news-yuho .group_year dl ,
.news-presentation .group_year dl ,
.news-material .group_year dl ,
.link-list:not(.highlight) ul ,
.link-list.highlight ul ,
.link-list-url ul ,
.vertical-table ,
.ircalendar ,
.shwTable ,
.uni-table ,
.basic-list2:not(.thumnail) ,
.basic-list2.thumnail ,
div.video ,
div.audio ,
div.map ,
div.youtube {
  margin-top: 30px;
}

.teaser ,
.external-teaser ,
.download-teaser ,
.graph {
  margin-bottom: 20px;
}



/*------------------------------------- 
テキスト・画像
-------------------------------------*/
/*-------------- 緊急お知らせエリア --------------*/
/* 総合トップ・サイトトップのみ、コンテンツエリア外に１つのみ */
.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: 1170px;
    margin-left: auto;
    margin-right: auto;
  }
}

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


/*-------------- 囲み線ありテキスト --------------*/
.highlight-quoted-text {
  background: #edf2ff;
  padding: 25px 35px;
}

.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.catch {
  font-size: 46px;
  font-weight: bold;
}

.lead-section.lead {
  font-size: 22px;
}

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

.lead-section.style1 {
}

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

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


/*-------------- テキストと画像 --------------*/
.text-section {
}


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

.lx_text_img_lay_under .text-section.highlight {
  position: static;
  margin: 0;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; /* エフェクト対策 */
}

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


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

.faq-list > ul {
}

.faq-list > ul > li {
  clear: both;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: -1px;
}

.faq-list h3 {
  position: relative;
}

.faq-list h3::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0px;
  display: block;
  width: 70px;
  height: 30px;
  background: url("../../../../../../resources/sw_img/icon/icon_q.png") center center no-repeat;
  background-size: contain;
}

.faq-list h3 a {
  display: block;
  color: inherit;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  padding: 25px 55px 25px 70px;
}


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

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

.faq-list h3 a::before {
  top: 50%;
  right: 40px;
  width: 18px;
  height: 2px;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.faq-list h3 a::after {
  top: 50%;
  right: 40px;
  width: 2px;
  height: 18px;
  -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;
  color: inherit;
  font-size: 18px;
  font-weight: normal;
  /*	min-height: 35px; */
  padding: 0px 0px 0px 80px;
  border-left: 5px solid #dbe1f2;
  margin-left: 35px;
  margin-bottom: 30px;
}

.faq-item::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 35px;
  display: block;
  width: 20px;
  height: 24px;
  background: url("../../../../../../resources/sw_img/icon/icon_a.png") center center no-repeat;
  background-size: 20px 24px;
}


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

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

.anchor-link a {
  position: relative;
  display: block;
  color: inherit;
  font-size: 1rem;
  font-weight: bold;
  padding-left: 20px;
}

.anchor-link a::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0px;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 8px;
  background: url("../../../../../../resources/sw_img/icon/icon_anchor.svg") center center no-repeat;
  background-size: contain;
}


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

/* 横並びにするクラス名 */
.lx_anchor_inline .anchor-link {
  display: inline-block;
  margin-right: 20px;
}

@media print, screen and (min-width: 768px) {
  .lx_anchor_inline_pc .anchor-link {
    display: inline-block;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lx_anchor_inline_sp .anchor-link {
    display: inline-block;
    margin-right: 20px;
  }
}


/*-------------- バナー（共通設定） --------------*/
.teaser ,
.external-teaser ,
.download-teaser {
}


/* サブタイトルが上の場合 */
/* 通常：そのまま、span１つ：spanが非表示、span２つ：上のspanのみ非表示 */
/*
.teaser h2 a > span:only-of-type ,
.external-teaser h2 a > span:only-of-type ,
.download-teaser h2 a > span:only-of-type ,
.teaser h2 a > span:first-child:not(:only-of-type) ,
.external-teaser h2 a > span:first-child:not(:only-of-type) ,
.download-teaser h2 a > span:first-child:not(:only-of-type) {
display: none;
}
*/

/* サブタイトルが下の場合 */
/* 通常：そのまま、span１つ：spanが非表示、span２つ：下のspanのみ非表示 */
/*
.teaser h2 a > span:only-of-type ,
.external-teaser h2 a > span:only-of-type ,
.download-teaser h2 a > span:only-of-type ,
.teaser h2 a > span + span ,
.external-teaser h2 a > span + span ,
.download-teaser h2 a > span + span {
display: none;
}
*/

/* ----- 内部・外部バナー（テキストのみ）　スタイルＡ ----- */
/* ----- ダウンロードバナー（テキストのみ）　スタイルＡ ----- */
.teaser.no-img.style1 ,
.external-teaser.no-img.style1 ,
.download-teaser.no-img.style1 {
}

@media print, screen and (min-width: 768px) {
  .teaser.no-img.style1 ,
  .external-teaser.no-img.style1 ,
  .download-teaser.no-img.style1 ,
  .teaser.no-img.style2 ,
  .external-teaser.no-img.style2 ,
  .download-teaser.no-img.style2 {
    max-width: calc((1170px - 60px) / 3);
  }
}

.teaser.no-img h2 ,
.external-teaser.no-img h2 ,
.download-teaser.no-img h2 {
  position: relative;
  border-radius: 10em;
  overflow: hidden;
  border: 1px solid transparent;
}

.teaser.no-img h2:hover ,
.external-teaser.no-img h2:hover ,
.download-teaser.no-img h2:hover {
  border: 1px solid #4967bd;
}

.teaser.no-img h2:before ,
.external-teaser.no-img h2:before ,
.download-teaser.no-img h2:before ,
.teaser.no-img.style1 h2:before ,
.external-teaser.no-img.style1 h2:before ,
.download-teaser.no-img.style1 h2:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: .4s;
  background: #4967bd;
  background: -o-linear-gradient(right, #a1b4e6 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#a1b4e6), to(#4967bd));
  background: linear-gradient(-90deg, #a1b4e6 0%, #4967bd 100%);
}

.teaser.no-img.style2 h2:before ,
.external-teaser.no-img.style2 h2:before ,
.download-teaser.no-img.style2 h2:before {
  background: #072e9c;
  background: -o-linear-gradient(right, #4967bd 0%, #072e9c 100%);
  background: -webkit-gradient(linear, right top, left top, from(#4967bd), to(#072e9c));
  background: linear-gradient(-90deg, #4967bd 0%, #072e9c 100%);
}


.teaser.no-img h2:hover:before ,
.external-teaser.no-img h2:hover:before ,
.download-teaser.no-img h2:hover:before ,
.teaser.no-img.style1 h2:hover:before ,
.external-teaser.no-img.style1 h2:hover:before ,
.download-teaser.no-img.style1 h2:hover:before {
  opacity: 0;
}

.teaser.no-img h2 a ,
.external-teaser.no-img h2 a ,
.download-teaser.no-img h2 a ,
.teaser.no-img.style1 h2 a ,
.external-teaser.no-img.style1 h2 a ,
.download-teaser.no-img.style1 h2 a {
  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-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 10px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.05em;

  transition: .4s;
  /*
  background: #4967bd;
  background: -o-linear-gradient(right, #a1b4e6 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#a1b4e6), to(#4967bd));
  background: linear-gradient(-90deg, #a1b4e6 0%, #4967bd 100%);
  */
  text-decoration: none;
}
.teaser.no-img.style2 h2 a ,
.external-teaser.no-img.style2 h2 a ,
.download-teaser.no-img.style2 h2 a {
  transition: .4s;
  /*
  background: #072e9c;
  background: -o-linear-gradient(right, #4967bd 0%, #072e9c 100%);
  background: -webkit-gradient(linear, right top, left top, from(#4967bd), to(#072e9c));
  background: linear-gradient(-90deg, #4967bd 0%, #072e9c 100%);
  */
}

.teaser.no-img h2 a::before ,
.external-teaser.no-img h2 a::before ,
.download-teaser.no-img h2 a::before ,
.teaser.no-img.style1 h2 a::before ,
.external-teaser.no-img.style1 h2 a::before ,
.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: 5px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr02_white.svg") center center no-repeat;
  background-size: contain;
}

.teaser.no-img.style1 h2 a[target="_blank"]::before ,
.external-teaser.no-img.style1 h2 a[target="_blank"]::before {
  /*	content: none; */
}

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

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

.download-teaser.no-img h2 a[href*=".pdf"]::after ,
.download-teaser.no-img h2 a[href*=".xls"]::after ,
.download-teaser.no-img h2 a[href*=".zip"]::after ,
.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: 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;
}

.download-teaser.no-img h2 a[href*=".xls"]::after,
.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");
}

.download-teaser.no-img h2 a[href*=".zip"]::after,
.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");
}

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

.teaser.no-img h2 a:hover ,
.external-teaser.no-img h2 a:hover ,
.download-teaser.no-img h2 a:hover  ,
.teaser.no-img.style1 h2 a:hover ,
.external-teaser.no-img.style1 h2 a:hover ,
.download-teaser.no-img.style1 h2 a:hover {
  color: #4967bd;
  background: #fff;

  /*
  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%);
  */
}
.teaser.no-img.style2 h2 a:hover ,
.external-teaser.no-img.style2 h2 a:hover ,
.download-teaser.no-img.style2 h2 a:hover {
  color: #072e9c;
  border-color: #072e9c;
}

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

/*-- チェックボックスつきテキストバナー --*/
.teaser.no-img.with-checkbox ,
.teaser:not(.no-img).with-checkbox ,
.external-teaser.no-img.with-checkbox ,
.external-teaser:not(.no-img).with-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

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

.teaser.no-img.with-checkbox p ,
.teaser:not(.no-img).with-checkbox p ,
.external-teaser.no-img.with-checkbox p ,
.external-teaser:not(.no-img).with-checkbox p {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  margin-bottom: 10px;
  text-align: center;
  font-size: 1rem;
}

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

/* リンク無効時 */
.teaser.no-img.with-checkbox.disabled h2:hover ,
.teaser:not(.no-img).with-checkbox.disabled h2:hover ,
.external-teaser.no-img.with-checkbox.disabled h2:hover ,
.external-teaser:not(.no-img).with-checkbox.disabled h2:hover {
  border: 1px solid transparent;
}

.teaser.no-img.with-checkbox.disabled h2 a ,
.teaser:not(.no-img).with-checkbox.disabled h2 a ,
.external-teaser.no-img.with-checkbox.disabled h2 a ,
.external-teaser:not(.no-img).with-checkbox.disabled h2 a {
  background: #ccc;
  color: #999;
}

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


/*-- ニュース詳細ページ用 一覧に戻るボタン --*/
#promos3 >*> .teaser.no-img.style1 ,
#promos3 >*> .external-teaser.no-img.style1 ,
#promos3 >*> .download-teaser.no-img.style1 {
  /*	max-width: 400px; */
}

#promos3 >*> .teaser.no-img.style1 h2 a ,
#promos3 >*> .external-teaser.no-img.style1 h2 a ,
#promos3 >*> .download-teaser.no-img.style1 h2 a {
}

#promos3 >*> .teaser.no-img.style1 h2 a::before ,
#promos3 >*> .external-teaser.no-img.style1 h2 a::before ,
#promos3 >*> .download-teaser.no-img.style1 h2 a::before {
  right: auto;
  left: 25px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

body:not(.in-editor) #promos3 >*> .teaser.no-img.style1 ,
body:not(.in-editor) #promos3 >*> .external-teaser.no-img.style1 ,
body:not(.in-editor) #promos3 >*> .download-teaser.no-img.style1 {
  display: none;
}

body.multi3[data-page-marker~="news-folder"] #promos3 >*> .teaser.no-img.style1 ,
body.multi3[data-page-marker~="news-folder"] #promos3 >*> .external-teaser.no-img.style1 ,
body.multi3[data-page-marker~="news-folder"] #promos3 >*> .download-teaser.no-img.style1 {
  display: block;
}



/* ----- 内部・外部バナー（テキストと画像）　スタイルＡ ----- */
/* ----- ダウンロードバナー（テキストと画像）　スタイルＡ ----- */
.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;
  margin-top: 20px;
}

.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: 20px;
  color: #4967bd;
  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: 14px;
  height: 14px;
  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: 20px 0 0;
  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;
}

.teaser > a img, .external-teaser > a img, .download-teaser > a img {transition: .4s}


/*== テキストバナー 左寄せ・右寄せ ==*/
.lx_teaser_halign_left .teaser.no-img ,
.lx_teaser_halign_left .external-teaser.no-img ,
.lx_teaser_halign_left .download-teaser.no-img ,
.lx_teaser_halign_left .teaser:not(.no-img) ,
.lx_teaser_halign_left .external-teaser:not(.no-img) ,
.lx_teaser_halign_left .download-teaser:not(.no-img) {
  width: fit-content;
  margin-left: 0;
  margin-right: auto;
}

.lx_teaser_halign_right .teaser.no-img ,
.lx_teaser_halign_right .external-teaser.no-img ,
.lx_teaser_halign_right .download-teaser.no-img ,
.lx_teaser_halign_right .teaser:not(.no-img) ,
.lx_teaser_halign_right .external-teaser:not(.no-img) ,
.lx_teaser_halign_right .download-teaser:not(.no-img) {
  width: fit-content;
  margin-right: 0;
  margin-left: auto;
}

@media print, screen and (min-width: 768px) {
  .lx_teaser_halign_left_pc .teaser.no-img ,
  .lx_teaser_halign_left_pc .external-teaser.no-img ,
  .lx_teaser_halign_left_pc .download-teaser.no-img ,
  .lx_teaser_halign_left_pc .teaser:not(.no-img) ,
  .lx_teaser_halign_left_pc .external-teaser:not(.no-img) ,
  .lx_teaser_halign_left_pc .download-teaser:not(.no-img) {
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
  }

  .lx_teaser_halign_right_sp .teaser.no-img ,
  .lx_teaser_halign_right_sp .external-teaser.no-img ,
  .lx_teaser_halign_right_sp .download-teaser.no-img ,
  .lx_teaser_halign_right_sp .teaser:not(.no-img) ,
  .lx_teaser_halign_right_sp .external-teaser:not(.no-img) ,
  .lx_teaser_halign_right_sp .download-teaser:not(.no-img) {
    width: fit-content;
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .lx_teaser_halign_left_pc .teaser.no-img ,
  .lx_teaser_halign_left_pc .external-teaser.no-img ,
  .lx_teaser_halign_left_pc .download-teaser.no-img ,
  .lx_teaser_halign_left_pc .teaser:not(.no-img) ,
  .lx_teaser_halign_left_pc .external-teaser:not(.no-img) ,
  .lx_teaser_halign_left_pc .download-teaser:not(.no-img) {
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
  }

  .lx_teaser_halign_right_sp .teaser.no-img ,
  .lx_teaser_halign_right_sp .external-teaser.no-img ,
  .lx_teaser_halign_right_sp .download-teaser.no-img ,
  .lx_teaser_halign_right_sp .teaser:not(.no-img) ,
  .lx_teaser_halign_right_sp .external-teaser:not(.no-img) ,
  .lx_teaser_halign_right_sp .download-teaser:not(.no-img) {
    width: fit-content;
    margin-right: 0;
    margin-left: auto;
  }
}


/*------ 内部・外部 エリアリンク ------*/
/*------ ダウンロード エリアリンク ------*/
/*------ 内部・外部 エリアリンク（ハイライト表示） ------*/
.internal-link-area:not(.highlight) ,
.external-link-area:not(.highlight) ,
.download-link-area:not(.highlight) ,
.internal-link-area.highlight ,
.external-link-area.highlight ,
.download-link-area.highlight {
}

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

.internal-link-area:not(.highlight) > a:hover ,
.external-link-area:not(.highlight) > a:hover ,
.download-link-area:not(.highlight) > a:hover ,
.internal-link-area.highlight > a:hover ,
.external-link-area.highlight > a:hover ,
.download-link-area.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: 18px;
  height: 20px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  margin: 0 5px;
}

/* -- テキスト先頭に虫眼鏡アイコンを付ける -- */
.download-link-area:not(.highlight) > a[data-modaal-scope] > p:first-child::before ,
.download-link-area:not(.highlight) > a[data-modaal-scope] > img + p::before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 16px;
  height: 16px;
  background: url("../../../../../../resources/sw_img/default/icon_glass.svg") center center no-repeat;
  background-size: contain;
  margin: 0 10px;
}


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


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

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

.index-map > ul:first-of-type > li > .item > a{
  overflow: hidden;
  border-radius: 100px;
  display: block;
  border: 1px solid transparent;
}
.index-map > ul:first-of-type > li > .item > a:hover{
  border: 1px solid #4967bd;
}
.index-map > ul:first-of-type > li > .item > a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #4967bd;
  background: -o-linear-gradient(right, #a1b4e6 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#a1b4e6), to(#4967bd));
  background: linear-gradient(-90deg, #a1b4e6 0%, #4967bd 100%);
  transition: .4s;
  opacity: 1;
}
.index-map > ul:first-of-type > li > .item > a:hover:before {
  opacity: 0;
}

/* 画像なし */
.index-map > ul:first-of-type > li > .item .news_tx {
  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-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 10px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: .4s;
}

.index-map > ul:first-of-type > li > .item .news_tx::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 10px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr02_white.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: 14px;
  height: 14px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.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 {
  color: #4967bd;

  background: #fff;
  /*
  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%);
  */
}

.index-map > ul:first-of-type > li > .item > a:hover .news_tx::before {
  background-image: url("../../../../../../resources/sw_img/icon/icon_arr02.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;
  background: none;
  min-height: auto;
  height: auto;

  position: relative;
  display: block;
  padding: 5px 0px;
  text-align: left;
  font-size: 20px;
  color: inherit;
  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: -10px;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 19px;
  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: #4967bd;
  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-top: 30px;
}

.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: 30px;
  color: inherit;
  font-size: 1rem;
  margin-top: 5px;
}

.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.75em / 2 - 19px / 2);
  left: 6px;
  display: inline-block;
  width: 15px;
  height: 19px;
  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;
  color: inherit;
}

.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: 14px;
  height: 14px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") 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;
}



/*------------------------------------- 
リスト
-------------------------------------*/
/* 年度区切りの上マージンは、リンクリストと同じく、パーツ共通の上マージン */
.news-result .group_year dl ,
.news-yuho .group_year dl ,
.news-presentation .group_year dl ,
.news-material .group_year dl ,
.link-list:not(.highlight) ul ,
.link-list.highlight ul ,
.link-list-url ul {
}

/* 決算短信・有報・説明会資料（自動連携） */
.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 {
}

/* 最新決算資料（自動連携）は、四半期見出しに下マージン */
.news-material dl dt {
  margin-bottom: 20px;
}

.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 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;
  /*	margin-top: 5px; */
  margin-bottom: 5px;
}

/* パターンA：ダウンロードもアイコンをつける場合 */
.link-list 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 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(0px + 1.75em / 2 - 19px / 2);
  left: 2px;
  display: inline-block;
  width: 12px;
  height: 19px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") no-repeat center center;
  background-size: contain;
}

/* パターンB：ダウンロードにリンクアイコンをつけない場合 */
/*
.link-list li.internal-link-text:not(.highlight) ,
.link-list li.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 li.internal-link-text:not(.highlight)::before ,
.link-list li.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.75em / 2 - 19px / 2);
left: 2px;
display: inline-block;
width: 15px;
height: 19px;
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: 50px;
}

/* ハイライト表示のリンクのＬ字アイコン */
.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: 6px;
  left: 30px;
  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) {
  color: inherit;
}

/* 外窓アイコン（ダウンロードにはつけない） */
.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: 14px;
  height: 14px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin: 0 0.5em;
}


/*-- リンクリスト（ハイライト表示） --*/
.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 {
}



/*------------------------------------- 
表組・テーブル・財務ハイライト(表組)・配当金(表組)
-------------------------------------*/
/*-- 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 #dfe0e4;
}
/* 背景色を指定 */
.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 ,
.shwTable td.tbColumnHead ,
.uni-table.style1 td.tbColumnHead ,
.vtable-item > table > tbody > tr > th ,
th {
  text-align: left;
  vertical-align: middle;
  background-color: #f5f5f5;
  color: inherit;
  font-weight: bold;
}

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


/* マルチセル スタイルB */
/* 見出し列 */
.uni-table.style2 td.tbColumnHead {
  text-align: left;
  vertical-align: middle;
  background-color: #eee;
  color: inherit;
  font-weight: bold;
}

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

/* テーブル縦・横の枠線を重ねる */
.vtable-item > table ,
.ircalendar-title > table ,
.ircalendar-item > table {
  margin-top: -1px;
}

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

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

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

  .lx_table_style_vertical_sp .vtable-item > table > tbody > tr > th::after ,
  .lx_table_style_vertical_sp .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-top: 5px;
}

/* -- 表組 -- */
.shwTable {
}

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

/*-------------- マルチセル --------------*/
.uni-table {
}


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

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

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

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

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



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

/*-------------- グラフ --------------*/
.graph {
  margin-top: 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-top: 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-top: 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) {
}

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

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

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

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

.basic-list2:not(.thumnail) .item {
  position: relative;
  display: block; 
  padding-top: 2em;
  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: inherit;
}

.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: -2em;
  min-height: 2em;
  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"] ,
.basic-list2:not(.thumnail) .item .c_icon span[data-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: 100px;
  height: 24px;
  line-height: 1.25;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding: 4px 5px 0;

  color: #466ddc;
  /*	background: #e8f3d2;*/
  border: 1px solid #466ddc;
}

.basic-list2:not(.thumnail) .item .c_icon span.none,
.basic-list2:not(.thumnail) .item .c_icon span[data-category-group="topics"] {
  border: none;
  color: #fff;
}
.basic-list2:not(.thumnail) .item .c_icon span.certification {
  background: #466ddc;
}
.basic-list2:not(.thumnail) .item .c_icon span.recruit {
  background: #46dc9e;
}
.basic-list2:not(.thumnail) .item .c_icon span.organization {
  background: #b3dc46;
}
.basic-list2:not(.thumnail) .item .c_icon span.media {
  background: #46b7dc;
}
.basic-list2:not(.thumnail) .item .c_icon span.important_notice {
  background: #dc6246;
}
.basic-list2:not(.thumnail) .item .c_icon span.none {
  background: #a4a8b5;
}
/*
.basic-list2:not(.thumnail) .item .c_icon span[data-category-group="renkei"] {
background: #996464;
}

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


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

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

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

    /* 縦並び */
    width: 120px;
    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 ,
.lx_multi3_no_c_icon .basic-list2.thumnail .item .c_icon {
  display: none;
}

.lx_multi3_no_c_icon .basic-list2.thumnail .item {
  padding-bottom: 0;
}

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


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

.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: -5px;
  right: 0;
}

/*----------- カテゴリアイコン -----------*/
/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list2.thumnail .item .c_icon span[category-level="1"] ,
.basic-list2.thumnail .item .c_icon span[data-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: 40px auto 0;
  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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;

  padding: 5px 5px;
  font-size: 14px;
  color: #4967bd;
  background: #fff;
  border: 1px solid #4967bd;
  /*	border-radius: 4px;*/

  transition: .4s;
}

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

.basic-list2 .pager .pageBtn > span[data-page="prev"] ,
.basic-list2 .pager .pageBtn > span[data-page="next"] {
  /*	border: 1px solid #000;*/
}

.basic-list2 .pager .pageBtn > span[data-page="prev"]::before ,
.basic-list2 .pager .pageBtn > span[data-page="next"]::before {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  display: block;
  width: 8px;
  height: 12px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr02.svg") no-repeat center center;
  background-size: contain;
}

.basic-list2 .pager .pageBtn > span[data-page="prev"]::before {
  transform: scaleX(-1);
}

/*
.basic-list2 .pager .pageBtn > span[data-page="prev"]:hover ,
.basic-list2 .pager .pageBtn > span[data-page="next"]:hover {
color: #fff;
background: #000;
}

.basic-list2 .pager .pageBtn > span[data-page="prev"]:hover::before ,
.basic-list2 .pager .pageBtn > span[data-page="next"]:hover::before {
background-image: url("../../../../../../resources/sw_img/icon/icon_arr02_white.svg");
}
*/



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

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


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

.basic-list2 .infoPanel .clearTab span {
  display: inline-block;
  padding: 1px 0px;
  text-align: center;
  color: inherit;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.25;
  border-bottom: 1px solid #666;
}

.basic-list2 .infoPanel .countTab {
  display: block;
  text-align: center;
  color: inherit;
  font-size: 16px;
  font-weight: bold;
}

.basic-list2 .infoPanel .countTab .total ,
.basic-list2 .infoPanel .countTab .view {
  vertical-align: middle;
  font-size: 24px;
  letter-spacing: 0;
}


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

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

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

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

  min-width: 110px;
  padding: 5px 10px;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #ddd;

  transition: .4s;
}

.basic-list2 .tabs span {
  min-width: 160px;
  padding: 10px 10px;
  font-size: 17px;
  font-weight: bold;

}

.basic-list2 .yearTabs span[active] ,
.basic-list2 .tabs span[active] ,
.basic-list2 .yearTabs span:hover ,
.basic-list2 .tabs span:hover {
  color: #4967bd;
  background: #edf2ff;
  border-color: #4967bd;
  z-index: 1;
}

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

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



/* 年・カテゴリ見出しを表示する場合 */
/*
.basic-list2 .yearTabs::before {
content: "掲載年";
}

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

.basic-list2 .tabs > ul > li.allall ,
.basic-list2 .tabs > ul > li.pickup {
display: none;
}

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

.basic-list2 .yearTabs::before ,
.basic-list2 .tabs > ul  > li > span:not(.allall) {
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 .yearTabs ,
.basic-list2 .tabs {
padding-left: 105px;
}

.basic-list2 .yearTabs::before ,
.basic-list2 .tabs > ul > li > span:not(.allall) {
margin-left: -105px;
}
}

@media screen and (max-width: 767px) {
.basic-list2 .yearTabs::before ,
.basic-list2 .tabs > ul > li > span:not(.allall) {
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;
}


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

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

.lx_multi3_combine_tab_ir .basic-list2 .tabs li.renkei ul ,
.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) {
}

.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.75em / 2 - 19px / 2);
  left: 2px;
  display: inline-block;
  width: 15px;
  height: 19px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") no-repeat center center;
  background-size: contain;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems .item > a {
  color: #4967bd;
}


/*==== マルチ３一覧 テーブル風に (アイコン後ろ) ====*/
#sharewithmain .lx_multi3_tablestyle01 {
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .tabItems {
  border: none;
}

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

  border: 1px solid #ccc;
  margin-bottom: -1px;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item {
  position: relative;
  padding: 0;
  padding: 20px;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item > a ,
.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item > span {
  display: inline;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item > a .news_tx {
  color: #4967bd;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item::before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 19px;
  background: url("../../../../../../resources/sw_img/icon/icon_arr01.svg") no-repeat center center;
  background-size: contain;
  margin-top: -10px;
  margin-right: 3px;
}


.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item .date {
  display: none;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item .c_icon {
  padding: 0;
  margin: 0;

  float: right;
  width: 150px;
  margin: -20px -20px -20px 20px;
  padding: 10px 10px 10px 20px;
  text-align: center;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item .c_icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  margin-left: -20px;
  display: block;
  width: 1px;
  height: 100%;
  background: #ccc;
}



/*------------------------------------- 
メディア
-------------------------------------*/
/*-------------- 動画 --------------*/
/* .videoとしてはいけない */
div.video {
}


/*-------------- 音声 --------------*/
/* .audioとしてはいけない */
div.audio {
}



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

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: 1170px;
  margin: auto;
}

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

#sharewithmain .lx_style_sitemap .index-map .item > span ,
#sharewithmain .lx_style_sitemap .index-map .item > a {
  display: inline;
  color: #4967bd;
}

#sharewithmain .lx_style_sitemap .index-map .item > a[target="_blank"] .news_tx::after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 14px;
  height: 14px;
  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: -10px;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 19px;
  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.75em / 2);
  left: 0;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 19px;
  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.75em / 2);
  left: 0;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 19px;
  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-link-list {
}


/*-------------- 内部フッタリンク --------------*/
/*-------------- 外部フッタリンク --------------*/
.footer-link-list ul li.footer-link-internal ,
.footer-link-list ul li.footer-link-external {
}


/* --------------------------------------
フォーム
-------------------------------------- */
/* 枠線と背景色 */
@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 {
    /*		margin-top: 20px; */
  }

  .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;
  }
}


#step-by-step {
  display: none;
}


.form-box {
  margin: 40px auto 0;
}

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

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

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


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

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

  .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 form[id="Inquiry"] p.required {
  display: block;
}

.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;
  width: auto;
  border: none;
  padding: 16px 70px;
  margin: 0 10px;

  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.05em;
  background: #4967bd;
  background: -o-linear-gradient(right, #a1b4e6 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#a1b4e6), to(#4967bd));
  background: linear-gradient(-90deg, #a1b4e6 0%, #4967bd 100%);
  text-decoration: none;
  border-radius: 10em;
  border: 1px solid transparent;

  outline: none;
  cursor: pointer;
}

.form-wrapper div.button-wrapper input:hover ,
.form-wrapper div.button-wrapper input:active ,
.form-wrapper div.button-wrapper input:focus {
  color: #4967bd;
  background: #fff;
  border: 1px solid #4967bd;
  /*
  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%);
  */
}


/* 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"] {
  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/default/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/default/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/default/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/default/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: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse nowrap;
  flex-flow: row-reverse nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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;
}

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

@media screen and (max-width: 767px) {
  .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 > .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) ,
  .on-sp > .h-column1:nth-child(1) ,
  .on-sp > .h-column2:nth-child(2) ,
  .on-sp > .h-column3:nth-child(3) ,
  .on-sp > .h-column4:nth-child(4) ,
  .on-sp > .h-column5:nth-child(5) ,
  .on-sp > .h-column1 >*> *:not(.mgnlEditor) ,
  .on-sp > .h-column2 >*> *:not(.mgnlEditor) ,
  .on-sp > .h-column3 >*> *:not(.mgnlEditor) ,
  .on-sp > .h-column4 >*> *:not(.mgnlEditor) ,
  .on-sp > .h-column5 >*> *:not(.mgnlEditor) {
    display: none !important;
  }
}

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


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

/*------------- デスクトップ用ヘッダー -------------*/
@media print, screen and (min-width: 768px) {
  #pagetop {
    height: 90px;
  }
}

/* ヘッダーパネルをページ上部に固定 */
#header .on-pc .hx_panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  /*
  background: #fff;
  border-bottom: 1px solid #eee;
  */
  z-index: 1001;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body:not(.in-editor) #pagetop.pad ~* #header .on-pc .hx_panel {
  position: fixed;
}

/* 印刷時、ヘッダー固定 */
@media print {
  #header .on-pc .hx_panel {
    position: absolute !important;
  }
}

/* グロナビをページ上部に固定 */
#header .on-pc .hx_gnavi_box {
  position: absolute;
  top: 75px;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* ヘッダーパネル(グロナビ・メガドロップを除く) */
#header .on-pc .hx_panel >* {
  /*	max-width: calc(1170px + 40px); */
  /*	padding: 0 20px; */
  height: 100%;
  margin: auto;
  /*	overflow: hidden; */
}

#header .on-pc .hx_panel >* >* {
  position: relative;
}


/* ロゴ */
#header .on-pc .hx_logo {
  position: absolute;
  top: 5px;
  left: 15px;
  height: 100px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#header .on-pc .hx_logo >* >* >* >*  {
  position: absolute;
  top: 10px;
  left: 0;
  /*
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  */
}

#header .on-pc .hx_logo >* >* >* > .h-column2 {
  display: none;
}

#header .on-pc .hx_logo a {
  display: block;
  width: 340px;
  padding: 5px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#header .on-pc .hx_logo a img {
  display: block;
  max-width: none;
  width: 100%;
  margin: 0;
}

/*ロゴ（トーコン）*/
#header .on-pc .hx_logo_tokon {
  position: absolute;
  top: 20px;
  left: 15px;
  height: 20px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#header .on-pc .hx_logo_tokon >* >* >* >*  {
  position: absolute;
  top: 10px;
  left: 0;
}

#header .on-pc .hx_logo_tokon >* >* >* > .h-column2 {
  display: none;
}

#header .on-pc .hx_logo_tokon a {
  display: block;
  width: 160px;
  padding: 5px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#header .on-pc .hx_logo_tokon a img {
  display: block;
  max-width: none;
  width: 100%;
  margin: 0;
}


/* サブパネル */
#header .on-pc .hx_sub_panel {
  position: absolute;
  top: 15px;
  right: 20px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

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

#header .on-pc .hx_sub_panel >* >* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#header .on-pc .hx_lang_navi ,
#header .on-pc .hx_utility_link ,
#header .on-pc .hx_search_box ,
#header .on-pc .hx_search_btn {
  /*	float: left; */
  margin-left: 20px;
}



/* 検索窓 */
#header .on-pc .hx_search_box {
  font-size: 16px;
}

/* 検索ダイアログ */
#header .on-pc .hx_search_btn {
}

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

#header .on-pc .hx_search_btn .search_btn:hover {
  opacity: 0.7;
}

#header .on-pc .hx_search_btn .search_btn span {
  display: block;
  width: 21px;
  height: 21px;
  background: url("../../../../../../resources/sw_img/icon/icon_search.png") no-repeat center center;
  background-size: contain;
}

/* 言語ナビ */
#header .on-pc .hx_lang_navi {
}

#header .on-pc .hx_lang_navi .h-link-list ul {
}

#header .on-pc .hx_lang_navi .h-link-list li {
  position: relative;
  display: inline-block;
  margin-left: 15px;
}

#header .on-pc .hx_lang_navi .h-link-list li.highlight {
  /*	display: none; */
}

#header .on-pc .hx_lang_navi .h-link-list li > a ,
#header .on-pc .hx_lang_navi .h-link-list li > span {
  color: #666;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

#header .on-pc .hx_lang_navi .h-link-list li > a:hover ,
#header .on-pc .hx_lang_navi .h-link-list li.highlight > a ,
#header .on-pc .hx_lang_navi .h-link-list li.highlight > span {
  color: #4967bd;
  border-bottom-color: #4967bd;
}


/* ヘッダーユーティリティリンク */
#header .on-pc .hx_utility_link .h-link-list li {
  position: relative;
  display: inline-block;
  margin-left: 15px;
}

#header .on-pc .hx_utility_link .h-link-list li > a ,
#header .on-pc .hx_utility_link .h-link-list li > span {
  color: inherit;
  font-size: 14px;
}

#header .on-pc .hx_utility_link .h-teaser ,
#header .on-pc .hx_utility_link .h-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;
}

#header .on-pc .hx_utility_link .h-teaser >*,
#header .on-pc .hx_utility_link .h-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;
}

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

/* お問い合わせリンク・エントリーボタン */
#header .on-pc .hx_contact_link {
  float: left;
  margin-left: 20px;
}

#header .on-pc .hx_contact_link .h-link-list ul ,
#header .on-pc .hx_contact_link .h-index-map > ul {
}

#header .on-pc .hx_contact_link .h-link-list ul li ,
#header .on-pc .hx_contact_link .h-index-map > ul > li {
  display: inline-block;
}

#header .on-pc .hx_contact_link .h-link-list ul li > span ,
#header .on-pc .hx_contact_link .h-link-list ul li > a,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > span ,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > a {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 145px;
  min-height: 40px;
  padding: 5px 10px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #4967bd;
  background: -o-linear-gradient(right, #4967bd 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#4967bd), to(#4967bd));
  background: linear-gradient(-90deg, #4967bd 0%, #4967bd 100%);
  text-decoration: none;
  border-radius: 10em;
  margin-left: 25px;
  margin-top: 5px;
}
#header .on-pc .hx_contact_link .h-link-list ul li > span:before ,
#header .on-pc .hx_contact_link .h-link-list ul li > a:before,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > span:before ,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > a:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../../../../../../resources/sw_img/icon/icon_mail.png") center center no-repeat;
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

#header .on-pc .hx_contact_link .h-link-list ul li > a:hover ,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > a:hover {
  /*
  background: #4967bd;
  background: -o-linear-gradient(right, #4967bd 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#4967bd), to(#4967bd));
  background: linear-gradient(-90deg, #4967bd 0%, #4967bd 100%);
  */
}


/*お問い合わせ*/
#header .on-pc .hx_contact_link .h-link-list ul li > a:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #4967bd;
  background: -o-linear-gradient(right, #a1b4e6 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#a1b4e6), to(#4967bd));
  background: linear-gradient(-90deg, #a1b4e6 0%, #4967bd 100%);
  opacity: 1;
  transition: .4s;
}
#header .on-pc .hx_contact_link .h-link-list ul li > a:hover:after {
  opacity: 0;
}
#header .on-pc .hx_contact_link .h-link-list ul li > a span {
  position: relative;
  z-index: 1;
}



/* グロナビ */
#header .on-pc .hx_gnavi_box > * {
  /* 中央揃え */
  /*	max-width: calc(1170px + 40px);  */
  /*	padding: 0 20px; */
  margin: auto;

  /* 左側のロゴ領域 */
  margin-left: 380px;

  /* 右側のユーティリティエリア */
  margin-right: 20px;
}

#header .on-pc .hx_gnavi_box > * > * {
  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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  */
  /* 右揃え */
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 55px;
}

#header .on-pc .hx_gnavi_box > * > * > * {
  display: inline-block;
  margin: 0 0px;
}


/* グロナビ要素（メガドロップつき） */
#header .on-pc .hx_gnavi >*> .h-teaser.no-img ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img {
  position: relative;
  padding-left: 30px;
}

/*
#header .on-pc .hx_gnavi >*> .h-teaser.no-img::before ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img::before {
content: "|";
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 55px;
text-align: center;
color: #b6b6b6;
font-size: 15px;
font-weight: bold;
line-height: 1.25;
}
*/

#header .on-pc .hx_gnavi:first-child >*> .h-teaser.no-img ,
#header .on-pc .hx_gnavi:first-child >*> .h-external-teaser.no-img {
  padding-left: 0;
}
#header .on-pc .hx_gnavi:first-child >*> .h-teaser.no-img::before ,
#header .on-pc .hx_gnavi:first-child >*> .h-external-teaser.no-img::before {
  content: none;
}

#header .on-pc .hx_gnavi >*> .h-teaser.no-img h2 ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img h2 {
}

#header .on-pc .hx_gnavi >*> .h-teaser.no-img h2 a ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img h2 a {
  position: relative;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 0;
  text-align: center;
  font-size: 16px;
  color: inherit;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: none;
}

#header .on-pc .hx_gnavi >*> .h-teaser.no-img h2 a::before ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img h2 a::before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
}

#header .on-pc .hx_gnavi >*> .h-teaser.no-img h2 a[target="_blank"]::after ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img h2 a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background: url("../../../../../../resources/sw_img/icon/linkout.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

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

/* マウスオーバー */
#header .on-pc .hx_gnavi:hover >*> .h-teaser.no-img h2 a ,
#header .on-pc .hx_gnavi:hover >*> .h-external-teaser.no-img h2 a {
}

#header .on-pc .hx_gnavi:hover >*> .h-teaser.no-img h2 a::before ,
#header .on-pc .hx_gnavi:hover >*> .h-external-teaser.no-img h2 a::before {
  background: #222;
}

/* 現在地 */
#header .on-pc .hx_gnavi >*> .h-teaser.no-img h2 a.act ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img h2 a.act ,
#header .on-pc .hx_gnavi >*> .h-teaser.no-img h2 a.within ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img h2 a.within {
}

#header .on-pc .hx_gnavi >*> .h-teaser.no-img h2 a.act::before ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img h2 a.act::before ,
#header .on-pc .hx_gnavi >*> .h-teaser.no-img h2 a.within::before ,
#header .on-pc .hx_gnavi >*> .h-external-teaser.no-img h2 a.within::before {
  background: #222;
}



/* メガドロップメニュー */
#header .on-pc .hx_gnavi >*> .reuse-main-area {
}

#header .on-pc .hx_gnavi >* > .reuse-main-area {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 40px !important;
  width: 100%;
  padding: 0;
  color: #fff;

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

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


  z-index: 100;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

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

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


#header .on-pc .hx_gnavi >* > .reuse-main-area::after {
  content: "";
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(220,229,253,1) 100%);
  z-index: -1;
}


#header .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;
  max-width: calc(1170px + 40px);
  padding: 0 10px;
  margin: 0 auto 20px;
}
#header .on-pc .hx_gnavi >* > .reuse-main-area > *:first-child {
  margin-top: 20px;
}
#header .on-pc .hx_gnavi >* > .reuse-main-area > *:last-child {
  margin-bottom: 40px;
}

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

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

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


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

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


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

#header .on-pc .hx_gnavi * * .h-teaser.no-img.style2 h2 a ,
#header .on-pc .hx_gnavi * * .h-external-teaser.no-img.style2 h2 a {
  position: relative;
  display: inline-block;
  color: inherit;
  font-size: 30px;
  line-height: 1.25;
}

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

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

#header .on-pc .hx_gnavi * * .h-teaser.no-img.style1 h2 a::before ,
#header .on-pc .hx_gnavi * * .h-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 メガドロップ */
#header .on-pc .hx_gnavi * * .h-teaser:not(.no-img).style1 ,
#header .on-pc .hx_gnavi * * .h-external-teaser:not(.no-img).style1 ,
#header .on-pc .hx_gnavi * * .h-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;
}


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

#header .on-pc .hx_gnavi * * .h-teaser:not(.no-img).style1 h2 ,
#header .on-pc .hx_gnavi * * .h-external-teaser:not(.no-img).style1 h2 ,
#header .on-pc .hx_gnavi * * .h-download-teaser:not(.no-img).style1 h2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

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

#header .on-pc .hx_gnavi * * .h-teaser:not(.no-img).style1 h2 a::before ,
#header .on-pc .hx_gnavi * * .h-external-teaser:not(.no-img).style1 h2 a::before ,
#header .on-pc .hx_gnavi * * .h-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);
}

#header .on-pc .hx_gnavi * * .h-teaser:not(.no-img).style1 h2 a[target="_blank"]::after ,
#header .on-pc .hx_gnavi * * .h-external-teaser:not(.no-img).style1 h2 a[target="_blank"]::after {
  border: none;

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

#header .on-pc .hx_gnavi * * .h-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;
}

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

#header .on-pc .hx_gnavi * * .h-teaser:not(.no-img).style1 h2 + a img ,
#header .on-pc .hx_gnavi * * .h-external-teaser:not(.no-img).style1 h2 + a img ,
#header .on-pc .hx_gnavi * * .h-download-teaser:not(.no-img).style1 h2 + a img {
  display: block;
}


#header .on-pc .hx_gnavi * * .h-teaser:not(.no-img).style1 p ,
#header .on-pc .hx_gnavi * * .h-external-teaser:not(.no-img).style1 p ,
#header .on-pc .hx_gnavi * * .h-download-teaser:not(.no-img).style1 p {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#header .on-pc .hx_gnavi * * .h-teaser:not(.no-img).style1 h2 a:hover ,
#header .on-pc .hx_gnavi * * .h-external-teaser:not(.no-img).style1 h2 a:hover ,
#header .on-pc .hx_gnavi * * .h-download-teaser:not(.no-img).style1 h2 a:hover {
  border-bottom-color: #fff;
}


/* インデックス・サイトマップ・リンクリスト on メガドロップ */
#header .on-pc .hx_gnavi * * .h-link-list ,
#header .on-pc .hx_gnavi * * .h-index-map {
  font-size: 0;
}

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

/* 折り返し(逆N型2列) */
/*#header .on-pc .hx_gnavi * * .ux_fold_imap_col2 .h-link-list ul ,*/
#header .on-pc .hx_gnavi * * .ux_fold_imap_col2 .h-index-map > ul.indexLevel_1 {
  width: calc(50% - 10px);
  margin-right: 10px;
}

/* 折り返し(逆N型3列) */
/*#header .on-pc .hx_gnavi * * .ux_fold_imap_col3 .h-link-list ul ,*/
#header .on-pc .hx_gnavi * * .ux_fold_imap_col3 .h-index-map > ul.indexLevel_1 {
  width: calc(33.33% - 10px);
  margin-right: 10px;
}

/* 折り返し(逆N型4列) */
/*#header .on-pc .hx_gnavi * * .ux_fold_imap_col4 .h-link-list ul ,*/
#header .on-pc .hx_gnavi * * .ux_fold_imap_col4 .h-index-map > ul.indexLevel_1 {
  width: calc(25% - 10px);
  margin-right: 10px;
}

/* インデックス・サイトマップ・リンクリスト on メガドロップ */
/* 第２階層 */
#header .on-pc .hx_gnavi * * .h-link-list li.highlight ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 {
  margin-top: 15px;
  border-bottom: 1px solid #4967bd;
  padding-bottom: 5px;
}

#header .on-pc .hx_gnavi * * .h-link-list li.highlight > a ,
#header .on-pc .hx_gnavi * * .h-link-list li.highlight > span ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 > li > .item > a ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 > li > .item > span {
  display: inline-block;
  color: #4967bd;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 0.025em;
}

#header .on-pc .hx_gnavi * * .h-link-list li.highlight > a::before ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 > li > .item > a::before {
}

#header .on-pc .hx_gnavi * * .h-link-list li.highlight > a:hover ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 > li > .item > a:hover {
}

/* 第３階層 */
#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li {
  position: relative;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
  padding-left: 50px;
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight)::before ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li::before {
  content: "／";
  position: absolute;
  top: auto;
  left: 0;
  width: 50px;
  text-align: center;
  font-size: 16px;
  color: #4967bd;
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight):first-child ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li:first-child {
  padding-left: 0;
}
#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight):first-child::before ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li:first-child::before {
  content: none;
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) > a ,
#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) > span ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li > .item > a ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li > .item > span {
  display: inline-block;
  text-align: center;
  color: #4967bd;
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px solid transparent;
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) > a::before ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li > .item > a::before {
}

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

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) > a:hover ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li > .item > a:hover {
}

/* 第４階層 */
#header .on-pc .hx_gnavi * * .h-index-map ul.indexLevel_2 {
  display: none;
}


/* コンパクトヘッダー */
#pagetop.float ~* #header .on-pc .hx_panel {
  height: 75px;
  background: #fff;
}

#pagetop.float ~* #header .on-pc .hx_gnavi_box {
  top: 65px;
}

#pagetop.float ~* #header .on-pc .hx_sub_panel {
  opacity: 0;
  z-index: -1;
}

#pagetop.float ~* #header .on-pc .hx_logo {
  height: 65px;
}
#pagetop.float ~* #header .on-pc .hx_logo a{
  padding-top: 0;
}
#pagetop.float ~* #header .on-pc .hx_logo >* >* >* >* {
  top: 5px;
}
#pagetop.float ~* #header .on-pc .hx_gnavi >* > .reuse-main-area {
  top: 65px;
}
#pagetop.float ~* #header .on-pc .hx_logo_tokon {top: 13px;}

/*------------- スマホ用ヘッダー -------------*/
@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%;
    background: #fff;
    z-index: 1111;
  }

  #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: 17px;
    left: 9px;
    width: 22px;
    height: 2px;
    margin: 0;
    background: #000;

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

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

  .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: .2s;
    -o-transition: .2s;
    transition: .2s;
  }

  .panel2-btn-title {
    overflow: hidden;
    display: block;
    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: .4s .2s;
    -o-transition: .4s .2s;
    transition: .4s .2s;
  }


  /* -- 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;
    -o-transition: .2s;
    transition: .2s;
  }

  #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: .2s .2s;
    -o-transition: .2s .2s;
    transition: .2s .2s;
  }

  #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: .4s .2s;
    -o-transition: .4s .2s;
    transition: .4s .2s;
  }

  /*------------------ ヘッダー ------------------*/
  #pagetop {
    height: 60px;
  }
}

/* ヘッダーパネル */
#header .on-sp .hx_panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  border-bottom: 1px solid #eee;
  z-index: 1010;
}

/* ロゴ */
#header .on-sp .hx_logo {
}

#header .on-sp .hx_logo >* >* >* >*  {
  position: absolute;
  top: 5px;
  left: 10px;
  width: calc(100% - 120px);
}

#header .on-sp .hx_logo >* >* >* > .h-column2 {
  display: none;
}

#header .on-sp .hx_logo a {
  display: block;
  width: auto;
  height: 50px;
  padding: 5px;
}

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

/* ロゴ（トーコン） */
#header .on-sp .hx_logo_tokon {
}

#header .on-sp .hx_logo_tokon >* >* >* >*  {
  position: absolute;
  top: 5px;
  left: 10px;
  width: calc(100% - 120px);
}

#header .on-sp .hx_logo_tokon >* >* >* > .h-column2 {
  display: none;
}

#header .on-sp .hx_logo_tokon a {
  display: flex;
  width: auto;
  height: 50px;
  padding: 5px;
  align-items: center;
}

#header .on-sp .hx_logo_tokon a img {
  display: block;
  max-width: 130px;
  max-height: 100%;
  margin: 0;
}

/* 検索窓 */
#header .on-sp .hx_search_box {
  font-size: 16px;
}

/* 検索ダイアログ */
#header .on-sp .hx_search_btn {
  position: absolute;
  top: 20px;
  right: 65px;
}

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

#header .on-sp .hx_search_btn .search_btn span {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../../../../../../resources/sw_img/default/icon_glass.svg") no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

/* メニュー */
/* 60pxはヘッダーの高さ分 */
#header .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: 1000;
  background: #4c69be;
  /*	background: rgba(255, 255, 255, 0.9); */
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s;

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

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

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

#header .on-sp .hx_menu >* > * {
  padding-bottom: 20px;
}


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

/* 共通 */
#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map .item {
  color: #fff;
  background: #585757;
  border-bottom: 1px solid #494949;
}

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

#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li > a[target="_blank"]::after ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map .item > a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 14px;
  height: 14px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") no-repeat center center;
  background-size: contain;
  margin: 0 8px;
}

#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li > a:hover ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map .item > a:hover {
}

/* 親階層 */
#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li.highlight ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_0 > li > .item {
}

#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li.highlight > a ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li.highlight > span ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_0 > li > .item > a ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_0 > li > .item > span {
  padding-right: 50px;
}

#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li.highlight > a::before ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li.highlight > span::before ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_0 > li > .item > a::before ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-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);
}


/* 子階層 */
#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li:not(.highlight) ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_1 > li > .item {
}

#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li:not(.highlight) > a ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li:not(.highlight) > span ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_1 > li > .item > a ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_1 > li > .item > span {
  padding: 10px 30px;
  padding-right: 60px;
}

#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li:not(.highlight) > a::before ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li:not(.highlight) > span::before ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_1 > li > .item > a::before ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-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);
}

#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li:not(.highlight) > a br ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-link-list li:not(.highlight) > span br ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_1 > li > .item > a br ,
#header .on-sp .ux_click_open .hx_gnavi_box .h-index-map ul.indexLevel_1 > li > .item > span br {
  display: none;
}

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


/* 開閉ボタン */
#header .on-sp .ux_click_open .hx_gnavi_box .ux_accordion > .h-column1 {
  position: relative;
}

#header .on-sp .ux_click_open .hx_gnavi_box .ux_accordion > .h-column1 .h-title4 {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 70px;
  height: 100%;
  z-index: 1;
  color: transparent;
  font-size: 0;
}

#header .on-sp .ux_click_open .hx_gnavi_box .ux_accordion > .h-column1 .h-title4 h4 {
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

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

#header .on-sp .ux_click_open .hx_gnavi_box .ux_accordion > .h-column1 .h-title4 h4::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#header .on-sp .ux_click_open .hx_gnavi_box .ux_accordion.open > .h-column1 .h-title4 h4::after {
  opacity: 0;
}

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


/* 3way-navi */
#header .on-sp .ux_navi_3way .hx_gnavi_box {
}

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

#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map ul.open {
  left: 0;
}

#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map ul.active {
  overflow-y: scroll;
}


/* 各要素共通 */
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item > a ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item > span ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-link-list li > a ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-link-list li > span {
  position: relative;
  display: block;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  padding: 15px 20px;
  padding-left: 40px;
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid rgb(255,255,255,.3);
}

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

#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item > a[href*=".pdf"]::after ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-link-list li > a[href*=".pdf"]::after {
  content: none;
}

#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item > a .filesize ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-link-list li > a em {
  font-style: normal;
  font-size: 75%;
}

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

#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item:not(.gn-to-folder):not(.gn-folder-top) > a::before ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-link-list li > a::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -5px;
  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);
}

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

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

/* ↓階層フォルダへ */
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item.gn-to-folder > a ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item.gn-to-folder > span {
  padding-right: 40px;
  color: #fff;
  font-weight: bold;
}

#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item.gn-to-folder > a::before ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item.gn-to-folder > span::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  display: block;
  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);
}

/* ↑階層へ(BACK) */
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item.gn-back > span {
  padding-left: 40px;
  color: #4c69be;
  font-weight: bold;
  background: rgb(255,255,255,.7);
}

#header .on-sp .ux_navi_3way .hx_gnavi_box .h-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: 1px solid #4c69be;
  border-left: 1px solid #4c69be;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* フォルダトップ */
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item.gn-folder-top > a ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item.gn-folder-top > span {
  /*	padding-left: 40px; */
  font-size: 16px;
  color: #fff;
  background: #2c4896;
}

#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item.gn-folder-top > a::before ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map .item.gn-folder-top > span::before {
  /*
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #4967bd;
  border-left: 2px solid #4967bd;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  */
}


/* 第２階層 */
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map > .item > a ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map > .item > span ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-link-list li > a ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-link-list li > span {
}

/* 第３階層以下 */
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map ul .item:not(.gn-to-folder):not(.gn-folder-top) > a ,
#header .on-sp .ux_navi_3way .hx_gnavi_box .h-index-map ul .item:not(.gn-back) > span {
}




/* メニュー内サブエリア */
#header .on-sp .hx_sub_menu {
}


/* お問い合わせリンク・エントリーボタン */
#header .on-sp .hx_contact_link {
  /*
  float: left;
  width: 50%;
  */
}
#header .on-sp .hx_contact_link a {
  font-size: 15px;
  text-align: center;
  display: block;
  border-radius: 10em;
  color: #fff;
  background: rgb(255,255,255,.2);
  /*
  background: -o-linear-gradient(right, #a1b4e6 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#a1b4e6), to(#4967bd));
  background: linear-gradient(-90deg, #a1b4e6 0%, #4967bd 100%);
  */
  padding: 10px;
  margin: 20px;
  vertical-align: middle;
}
#header .on-sp .hx_contact_link a:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../../../../../../resources/sw_img/icon/icon_mail.png) center center no-repeat;
  margin-right: 5px;
}

#header .on-sp .hx_contact_link .h-index-map > ul {
}

#header .on-sp .hx_contact_link .h-index-map > ul > li {
  position: relative;
}

#header .on-sp .hx_contact_link .h-index-map > ul > li > .item > a ,
#header .on-sp .hx_contact_link .h-index-map > ul > li > .item > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  min-height: 45px;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #777;
}

/* ヘッダーユーティリティリンク集 */
#header .on-sp .hx_utility_link {
  float: left;
  width: 50%;
}

#header .on-sp .hx_utility_link .h-link-list ul {
}

#header .on-sp .hx_utility_link .h-link-list ul li {
  position: relative;
}

#header .on-sp .hx_utility_link .h-link-list ul li > a ,
#header .on-sp .hx_utility_link .h-link-list ul li > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  min-height: 45px;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #444;
}

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

#header .on-sp .hx_utility_link .h-teaser ,
#header .on-sp .hx_utility_link .h-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;
}

#header .on-sp .hx_utility_link .h-teaser >*,
#header .on-sp .hx_utility_link .h-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;
}

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


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

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

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

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

#header .on-sp .hx_lang_navi .h-link-list ul li > a ,
#header .on-sp .hx_lang_navi .h-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;
}

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



/*------------- レスポンシブフッター -------------*/
#footer {
  background: #4967bd;
  margin-top: 220px;
  position: relative;
}
#footer:before {
  content: '';
  display: block;
  width: 100%;
  height: 120px;
  position: absolute;
  top: -120px;
  left: 0;
  background: url("../../../../../../resources/sw_img/bg/footer_top.svg") center top / cover no-repeat;
}
@media screen and (max-width: 767px) {
  #footer {
    margin-top: 120px;
  }
  #footer:before {
    height: 40px;
    top: -40px;
    background-size: auto 40px;
  }
}

/* 各背景色 */
#footer .fx_frame5 {
}

#footer .fx_frame4 {
  color: #463535;
  background: url("../../../../../../resources/sw_img/bg/footer_bg.svg") right 50px bottom no-repeat;
}
#footer .fx_frame4.bg-size {
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #footer .fx_frame4 {
    background-position: center bottom;
    background-size: 50%;
  }
}

#footer .fx_frame3 {
  background: #efefef;
  color: #222;
}

#footer .fx_frame2 {
  background: #405db1;
  color: #fff;
}

#footer .fx_frame1 {
  color: #fff;
}


@media print, screen and (min-width: 768px) {
  #footer .fx_frame5 > * ,
  #footer .fx_frame4 > * ,
  #footer .fx_frame3 > * ,
  #footer .fx_frame2 > * ,
  #footer .fx_frame1 > * {
    max-width: calc(1170px + 40px);
    padding: 0 20px;
    margin: auto;
  }

  #footer .fx_frame3 > * > * {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

}

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


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

#footer .fx_banner .f-text-section {
  font-size: 1rem;
}

@media print, screen and (min-width: 768px) {
  /* カラム割 */
  #footer .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(1170px + 40px);
    padding: 0 10px;
    margin: 0 auto;
  }

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

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

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

  #footer .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;
  }

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

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

  #footer .fx_banner >*>*> *> .f-column1 {
    width: 100%;
  }

}


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

@media print, screen and (min-width: 768px) {
  /* 枠 */
  /*
  #footer .fx_sitemap >* {
  display: table;
  width: 100%;
  table-layout: fixed;
}
  #footer .fx_sitemap >* >* {
  display: table-row;
}
  #footer .fx_sitemap >* >* >* {
  display: table-cell;
  vertical-align: top;
  width: 10%;
}
  */
  #footer .fx_sitemap >* >* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #footer .fx_sitemap >* >* >* {
    width: calc(100% / 4); 
    margin: 0;
    margin-top: 10px;
  }

  #footer .fx_sitemap >* >* >*:last-child {
    margin-right: auto;
  }

  #footer .fx_sitemap >* >* > .fx_sitemap_w100 {
    width: 100%;
  }

  #footer .fx_sitemap >* >* >* >* {
    margin-right: 30px;
  }

  /* 共通 */
  #footer .fx_sitemap .f-link-list li ,
  #footer .fx_sitemap .f-index-map li > .item {
    position: relative;
    line-height: 1.2;
  }

  #footer .fx_sitemap .f-link-list li > a ,
  #footer .fx_sitemap .f-link-list li > span ,
  #footer .fx_sitemap .f-index-map .item > a ,
  #footer .fx_sitemap .f-index-map .item > span {
    display: inline-block;
    color: inherit;
    line-height: 1.5;
    text-decoration: none;
    /*		border-bottom: 1px solid transparent; */
  }

  #footer .fx_sitemap .f-link-list li > a:hover ,
  #footer .fx_sitemap .f-index-map .item > a:hover {
    text-decoration: underline;
    /*		border-bottom-color: currentColor; */
  }

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

  /* 第２階層(カテゴリトップ) */
  #footer .fx_sitemap .f-link-list li.highlight + li {
    margin-bottom: 20px;
  }
  #footer .fx_sitemap .f-link-list li.highlight ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item {
    margin-top: 15px;
    padding-left: 18px;
    margin-bottom: 10px;
  }

  #footer .fx_sitemap .f-link-list li.highlight > a ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item > a ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item > span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
  }
  #footer .fx_sitemap .f-link-list li.highlight > span {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: -10px;
  }

  /* 第３階層 */
  #footer .fx_sitemap .f-link-list li:not(.highlight) ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item {
    margin-top: 8px;
    padding-left: 20px;
  }

  #footer .fx_sitemap .f-link-list li:not(.highlight) > a ,
  #footer .fx_sitemap .f-link-list li:not(.highlight) > span ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item > a ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item > span {
    font-size: 16px;
    color: #fff;
    padding-left: 1em;
  }
  #footer .fx_sitemap .f-link-list li:not(.highlight) > a:before ,
  #footer .fx_sitemap .f-link-list li:not(.highlight) > span:before ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item > a:before ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item > span:before {
    content: '-';
    display: inline-block;
    margin-right: 5px;
    margin-left: -1em;
  }

  /* 第４階層 */
  #footer .fx_sitemap .f-index-map ul.indexLevel_2 {
    display: none;
  }

  #footer .fx_sitemap .f-title4 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #footer .fx_sitemap {
    padding: 10px 0 10px;
  }

  #footer .fx_sitemap >* {
    padding: 0 10px;
  }

  #footer .fx_sitemap .f-link-list li > a ,
  #footer .fx_sitemap .f-link-list li > span ,
  #footer .fx_sitemap .f-index-map .item > a ,
  #footer .fx_sitemap .f-index-map .item > span {
    display: inline-block;
    color: inherit;
    font-size: 12px;
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
    text-decoration: none;
  }

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

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


  #footer .fx_sitemap .f-link-list li.highlight > span {
    display: none !important;
  }
  #footer .fx_sitemap .f-link-list li.highlight ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item {
    margin-bottom: 10px;
  }

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

  #footer .fx_sitemap .f-link-list li.highlight > a ,
  #footer .fx_sitemap .f-link-list li.highlight > span ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item > a ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item > span {
    border: none;

    position: relative;
    display: block;
    padding: 12px 15px;
    font-size: 14px;
    margin-bottom: 0;

    color: #fff;
  }

  #footer .fx_sitemap .f-index-map {
    display: none !important;
  }
  #footer .fx_sitemap .f-index-map ul.indexLevel_1 {
    padding: 15px 0;
  }

  #footer .fx_sitemap .f-link-list li:not(.highlight) ,
  #footer .fx_sitemap .f-index-map ul.indexLevel_1 > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
  }

  #footer .fx_sitemap .f-index-map ul.indexLevel_2 {
    display: none;
  }

  /* アコーディオン */
  #footer .fx_sitemap .ux_accordion > .f-column1 {
    position: relative;
  }

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

  #footer .fx_sitemap .ux_accordion > .f-column1 .f-title4::before ,
  #footer .fx_sitemap .ux_accordion > .f-column1 .f-title4::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor;
  }

  #footer .fx_sitemap .ux_accordion > .f-column1 .f-title4::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  #footer .fx_sitemap .ux_accordion.open > .f-column1 .f-title4::after {
    opacity: 0;
  }

  #footer .fx_sitemap .ux_accordion .f-link-list li.highlight > a ,
  #footer .fx_sitemap .ux_accordion .f-link-list li.highlight > span ,
  #footer .fx_sitemap .ux_accordion .f-index-map ul.indexLevel_0 > li > .item > a ,
  #footer .fx_sitemap .ux_accordion .f-index-map ul.indexLevel_0 > li > .item > span {
    margin-right: 50px;
  }

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



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

#footer .fx_logo a {
  display: block;
  width: 160px;
  height: 34px;
}

#footer .fx_logo a img {
  display: block;
  width: 100%;
}

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

  #footer .fx_logo a {
    float: right;
  }
}

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

/* お問い合わせリンク・エントリーボタン */
#footer .fx_contact_link {
  padding: 25px 0;
}

#footer .fx_contact_link .f-link-list ul ,
#footer .fx_contact_link .f-index-map > ul {
  text-align: center;
}

#footer .fx_contact_link .f-link-list ul li ,
#footer .fx_contact_link .f-index-map > ul > li {
  display: inline-block;
}

#footer .fx_contact_link .f-link-list ul li > span ,
#footer .fx_contact_link .f-link-list ul li > a ,
#footer .fx_contact_link .f-index-map > ul > li > .item > span ,
#footer .fx_contact_link .f-index-map > ul > li > .item > a {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 240px;
  min-height: 60px;
  padding: 5px 10px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background: #81c838;
  background: -o-linear-gradient(right, #21bec9 0%, #55d87c 50%, #81c838 100%);
  background: -webkit-gradient(linear, right top, left top, from(#21bec9), color-stop(50%, #55d87c), to(#81c838));
  background: linear-gradient(-90deg, #21bec9 0%, #55d87c 50%, #81c838 100%);
  text-decoration: none;
  border-radius: 4px;
}

#footer .fx_contact_link .f-link-list ul li > a:hover ,
#footer .fx_contact_link .f-index-map > ul > li > .item > a:hover {
  background: #28cfd7;
  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%);
}

@media screen and (max-width: 767px) {
  #footer .fx_contact_link {
    padding-top: 0;
  }
}


/* フッターリンク集2 */
#footer .fx_link2 {
  padding: 10px 0;
}

#footer .fx_link2 .f-link-list ul {
  padding: 10px 0;
  text-align: center;
}

#footer .fx_link2 .f-link-list li {
  display: inline-block;
}

#footer .fx_link2 .f-link-list li + li {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid currentColor;
}

#footer .fx_link2 .f-link-list li > a ,
#footer .fx_link2 .f-link-list li > span {
  color: inherit;
  font-size: 16px;
  font-weight: bold;
}

#footer .fx_link2 .f-link-list li > a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

#footer .fx_link2 .f-link-list li > a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  #footer .fx_link2 .f-link-list li > a ,
  #footer .fx_link2 .f-link-list li > span {
    font-size: 12px;
  }
}


/* フッターリンク集1 */
#footer .fx_link1 {
  padding: 10px 0;
}

#footer .fx_link1 .f-link-list ul {
  padding: 10px 0;
  text-align: center;
}

#footer .fx_link1 .f-link-list li {
  display: inline-block;
  line-height: 1;
}

#footer .fx_link1 .f-link-list li + li {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #9bade0;
}
@media screen and (max-width: 767px) {
  #footer .fx_link1 .f-link-list li + li {
    margin: 5px 0 5px 20px;
  }
}

#footer .fx_link1 .f-link-list li > a ,
#footer .fx_link1 .f-link-list li > span {
  color: inherit;
  font-size: 14px;
}

#footer .fx_link1 .f-link-list li > a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background: url("../../../../../../resources/sw_img/icon/linkout_white.png") center center no-repeat;
  background-size: contain;
  margin-left: 5px;
}

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

@media screen and (max-width: 767px) {
  #footer .fx_link1 .f-link-list li > a ,
  #footer .fx_link1 .f-link-list li > span {
    font-size: 12px;
  }
}


/* コピーライト */
#footer .fx_copyright {
  padding: 15px 0;
}

#footer .fx_copyright .f-text-section {
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #footer .fx_copyright .f-text-section {
    font-size: 12px;
  }
}



/* 印刷時、フッター非表示 */
@media print {
  #footer {
    /*		margin: 0; */
  }

  #footer .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;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

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;
  }
}



/*==== スクロールエフェクト ====*/
/*-- 出現アニメーション(新) --*/
/* クラス名はfadeObjX1～9まで */
.fadeObjX {
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}

.fadeObjX.visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 1s 1.5s;
  -o-transition: 1s 1.5s;
  transition: 1s 1.5s;
}

.fadeObjX.visible.fadeObjX1 {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.fadeObjX.visible.fadeObjX2 {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.fadeObjX.visible.fadeObjX3 {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.fadeObjX.visible.fadeObjX4 {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.fadeObjX.visible.fadeObjX5 {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}


/* 印刷時はスクロールエフェクトoff */
@media print {
  .fadeObjX {
    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;
  z-index: 200;

  -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;
}

#site-info .topcontrol > div {
  position: relative;
  width: 100%;
  margin: auto;
}

#site-info .topcontrol a {
  position: absolute;
  bottom: 0;
  right: 15px;
}

/* 画像を使用する場合 */
#site-info .topcontrol a {
  display: block;
  width: 50px;
  height: 50px;
  background: url("../../../../../../resources/sw_img/default/pagetop.png") no-repeat center center;
  background-size: contain;
}

#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(1170px + (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: 10px;
  border-radius: 10%;
  background: #FFF;
  z-index: 1000;
}

.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: 5000;
  opacity: 0;
  visibility: hidden;
}

#dialog_search.open {
  opacity: 1;
  visibility: visible;
}

#dialog_search .close_box {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

#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: 20px;
  height: calc(1.15rem + 0px);
  border: 12px solid #000;
  background: #000 url("../../../../../../resources/sw_img/default/icon_glass_white.svg") 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 ,
#sharewithmain * .ux_slick_mcol_mv {
  position: relative;
  /*	padding-bottom: 50px; */
}

/* スライドの枠 */
#html1 .ux_slick_mcol_mv .slick-slider ,
#sharewithmain * .ux_slick_mcol_mv .slick-slider {
  overflow: hidden;
}

/* 各スライド要素の枠 */
#html1 .ux_slick_mcol_mv .slick-slide ,
#sharewithmain * .ux_slick_mcol_mv .slick-slide {
  overflow: hidden;
  /*	max-height: 440px; */
}

/* 各スライド要素の縦横比の設定 */
#html1 .ux_slick_mcol_mv .slick-slide::before ,
#sharewithmain * .ux_slick_mcol_mv .slick-slide::before {
  content: "";
  display: block;
  padding-top: calc(100% / 1170 * 580);
}

@media screen and (max-width: 767px) {
  #html1 .ux_slick_mcol_mv .slick-slide::before ,
  #sharewithmain * .ux_slick_mcol_mv .slick-slide::before {
    padding-top: calc(100% / 750 * 900);
  }
}

#html1 .ux_slick_mcol_mv .slick-slide > div ,
#sharewithmain * .ux_slick_mcol_mv .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%);
}

/* PCを第１カラム、SPを第２カラム、用とする */
@media print, screen and (min-width: 768px) {
  #html1 .ux_slick_mcol_mv .slick-slide.multiColumn2 > .column2 ,
  #sharewithmain * .ux_slick_mcol_mv .slick-slide.multiColumn2 > .column2 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #html1 .ux_slick_mcol_mv .slick-slide.multiColumn2 > .column1 ,
  #sharewithmain * .ux_slick_mcol_mv .slick-slide.multiColumn2 > .column1 {
    display: none;
  }
}

#html1 .ux_slick_mcol_mv .slick-slide >* >*:first-child ,
#html1 .ux_slick_mcol_mv .slick-slide img ,
#sharewithmain * .ux_slick_mcol_mv .slick-slide >* >*:first-child ,
#sharewithmain * .ux_slick_mcol_mv .slick-slide img {
  margin-top: 0;
}

#html1 .ux_slick_mcol_mv .slick-slide img ,
#sharewithmain * .ux_slick_mcol_mv .slick-slide img {
  width: 100%;
}




/* 動画。chrome対策：下端10pxに目隠し */
#html1 .ux_slick_mcol_mv .video-box ,
#sharewithmain * .ux_slick_mcol_mv .video-box {
  position: relative;
  text-align: center;
  background: #fff;
}

#html1 .ux_slick_mcol_mv .video-box::before ,
#sharewithmain * .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 ,
#sharewithmain * .ux_slick_mcol_mv .video-box video {
  width: 100%;
  max-width: 1200px;
}


/* アローをドットの左右に配置する場合 */
#html1 .ux_slick_mcol_mv .arrow-dots ,
#sharewithmain * .ux_slick_mcol_mv .arrow-dots {
  position: absolute;
  right: 0;
  bottom: -25px;
  display: inline-block;
  /*
  padding: 5px 25px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  */
}
@media screen and (max-width: 767px) {
  #html1 .ux_slick_mcol_mv .arrow-dots {
    left: 0;
  }
}

#html1 .ux_slick_mcol_mv .slick-dots ,
#sharewithmain * .ux_slick_mcol_mv .slick-dots {
  top: auto;
  bottom: auto;
  position: static;

  display: none;
  width: 100%;
  white-space: nowrap;
}

/* アローをドットと別個に配置する場合 */
/*
#html1 .ux_slick_mcol_mv .arrow-dots ,
#sharewithmain * .ux_slick_mcol_mv .arrow-dots {
}

#html1 .ux_slick_mcol_mv .slick-dots ,
#sharewithmain * .ux_slick_mcol_mv .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;
}
*/


#html1 .ux_slick_mcol_mv .slick-dots li ,
#sharewithmain * .ux_slick_mcol_mv .slick-dots li {
  margin: 0;
}

#html1 .ux_slick_mcol_mv .slick-dots li button ,
#sharewithmain * .ux_slick_mcol_mv .slick-dots li button {
  display: block;
  width: 26px;
  height: 10px;
}

#html1 .ux_slick_mcol_mv .slick-dots li button::before ,
#sharewithmain * .ux_slick_mcol_mv .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: 10px;
  height: 10px;
  background: #fff;
  border-radius: 5px;
}

#html1 .ux_slick_mcol_mv .slick-dots li.slick-active button::before ,
#sharewithmain * .ux_slick_mcol_mv .slick-dots li.slick-active button::before {
  background: #4967bd;
}


#html1 .ux_slick_mcol_mv .slick-prev ,
#html1 .ux_slick_mcol_mv .slick-next ,
#sharewithmain * .ux_slick_mcol_mv .slick-prev ,
#sharewithmain * .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 ,
#sharewithmain * .ux_slick_mcol_mv .slick-prev {
  left: 0px;
}
#html1 .ux_slick_mcol_mv .slick-next ,
#sharewithmain * .ux_slick_mcol_mv .slick-next {
  right: 0px;
}

#html1 .ux_slick_mcol_mv .slick-prev::before ,
#html1 .ux_slick_mcol_mv .slick-next::before ,
#sharewithmain * .ux_slick_mcol_mv .slick-prev::before ,
#sharewithmain * .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 ,
#sharewithmain * .ux_slick_mcol_mv .slick-next::before {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}


@media print, screen and (min-width: 768px) {
  #html1 .ux_slick_mcol_mv {
    /* ヘッダーの背景にも見える様にする */
    /*		margin-top: -112px; */
  }
}


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

/* 印刷時は、スライド機能をオフって、アクティブ画像をそのまま配置 */
@media print {
  #html1 .ux_slick_mcol_mv .slick-slide ,
  #sharewithmain * .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 ,
  #sharewithmain * .ux_slick_mcol_mv .slick-slide.slick-active {
    display: block !important;
  }

  #html1 .ux_slick_mcol_mv .slick-slide > div ,
  #sharewithmain * .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 ,
  #sharewithmain * .ux_slick_mcol_mv .slick-slide::before {
    content: none !important;
  }

  #html1 .ux_slick_mcol_mv .slick-list ,
  #sharewithmain * .ux_slick_mcol_mv .slick-list {
    height: auto !important;
  }
  #html1 .ux_slick_mcol_mv .slick-track ,
  #sharewithmain * .ux_slick_mcol_mv .slick-track {
    width: auto !important;
    height: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
}


/*==== マルチ３一覧(サムネイルなし) ニュースティッカー ====*/
#sharewithmain .ux_slick_multi3_ticker .slick-slide {
  margin-top: 15px;
  padding-bottom: 15px;
}


/*==== マルチ３一覧(サムネイル付き) タイル型ニューススライド ====*/
/* 設定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: 100px;
  width: 50px;
  height: 50px;
  z-index: 1;

  transition: .4s;
  /*	opacity: 0.5;*/

}

#sharewithmain .ux_slick_multi3_tile .slick-prev {
  left: -25px;
}
#sharewithmain .ux_slick_multi3_tile .slick-next {
  right: -25px;
}

#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: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

#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: .7;
}

@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;
    top: 80px;
  }

  #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: 0px;
  }
  #sharewithmain .ux_slick_multi3_tile .slick-next {
    right: 0px;
  }
}


/*==== マルチ３カテゴリ設定用 ====*/
#site-info .ox_multi3_listing > *:not(.mgnlEditor) {
  display: none;
}



/*==== 外部サイト警告ダイアログ ====*/
#site-info .ux_modal_outer_link > *:not(.mgnlEditor) {
  display: none;
}

.dialog-outer-link {
  z-index: 310;
}

.dialog-outer-link + .modaal-overlay {
  z-index: 300;
  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: 14px;
  height: 14px;
  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: 14px;
height: 14px;
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;
  }
}



/*==== クッキー警告ダイアログ ====*/
#page404 #site-info .ux_popup_cookie_warning {
  display: none !important;
}

#site-info .ux_popup_cookie_warning {
  position: fixed;
  right: 0;
  bottom: 0;
  /*	width: 100%; */
  max-height: 350px;
  background-color: rgba(240, 240, 240, 0.85);
  border-bottom: 1px solid #ccc;
  z-index: 100;
  -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: #4967bd;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.375;
  cursor: pointer;
  transition: .4s;
}
#site-info .ux_popup_cookie_warning .title4.highlight h4:hover {
  background-color: #3551a0;
}

@media print, screen and (min-width: 768px) {
  #site-info .ux_popup_cookie_warning {
    min-width: calc(1170px + 40px);
  }

  #site-info .ux_popup_cookie_warning > div {
    width: calc(1170px + 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 ,
.ax_lang_link a.hidden {
  display: none;
}

.ax_lang_link {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: block;
  z-index: 10;
}

/*-- 言語切り替えボタンスタイル --*/
.ax_lang_link div {
  display: block;
  font-size: 0;
  line-height: 1.5;
  border-radius: 50px;
  overflow: hidden;
}

.ax_lang_link a ,
.ax_lang_link span {
  display: inline-block;
  vertical-align: top;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: inherit;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  background: #fff;
}

.ax_lang_link a:not(:last-child) ,
.ax_lang_link span:not(:last-child) {
  border-right: 1px solid #eee;
}

.ax_lang_link a:first-child ,
.ax_lang_link span:first-child {
  padding-left: 15px;
}

.ax_lang_link a:last-child ,
.ax_lang_link span:last-child {
  padding-right: 15px;
}

.ax_lang_link .active {
  /*	border-bottom: 2px solid #000; */
  background: rgba(255,255,255, 0.9);
}
.ax_lang_link .inactive {
}

.ax_lang_link a:hover {
  background: rgba(255,255,255, 0.7);
}

@media screen and (max-width: 767px) {
  .ax_lang_link {
    right: 10px;
  }

  .ax_lang_link a ,
  .ax_lang_link span {
    font-size: 12px;
  }
}



/*== 別エリアをモーダルダイアログ ==*/
body:not(.in-editor) .ux_modal1_teaser > .column1 > .reuse-main-area ,
body:not(.in-editor) .ux_modal2_teaser > .column2 > .reuse-main-area ,
body:not(.in-editor) .ux_modal3_teaser > .column3 > .reuse-main-area ,
body:not(.in-editor) .ux_modal4_teaser > .column4 > .reuse-main-area ,
body:not(.in-editor) .ux_modal5_teaser > .column5 > .reuse-main-area ,
body.in-editor .ux_modal1_teaser > .column1 > .reuse-main-area > *:not(.mgnlEditor) ,
body.in-editor .ux_modal2_teaser > .column2 > .reuse-main-area > *:not(.mgnlEditor) ,
body.in-editor .ux_modal3_teaser > .column3 > .reuse-main-area > *:not(.mgnlEditor) ,
body.in-editor .ux_modal4_teaser > .column4 > .reuse-main-area > *:not(.mgnlEditor) ,
body.in-editor .ux_modal5_teaser > .column5 > .reuse-main-area > *:not(.mgnlEditor) {
  display: none;
}

/*-- 先頭カラム内見出し --*/
@media print, screen and (min-width: 768px) {
  .modal-main-area [role="document"] > *:first-child > * > .title2:first-child ,
  .modal-main-area [role="document"] > *:first-child > * > .title3:first-child ,
  .modal-main-area [role="document"] > *:first-child > * > .title4:first-child ,
  .modal-main-area [role="document"] > *:first-child > * > .text-section:first-child h2 {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .modal-main-area [role="document"] > *:first-child > *:first-child > .title2:first-child ,
  .modal-main-area [role="document"] > *:first-child > *:first-child > .title3:first-child ,
  .modal-main-area [role="document"] > *:first-child > *:first-child > .title4:first-child ,
  .modal-main-area [role="document"] > *:first-child > *:first-child > .text-section:first-child h2 {
    margin-top: 30px;
  }
}



/*==== タブ切り替え ====*/
#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 {
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}

.lx_accordion_02 .title2 h2 ,
.ux_accordion_result .news-result h2 ,
.ux_accordion_result .news-yuho h2 ,
.ux_accordion_result .news-presentation h2 ,
.ux_accordion_result .news-material h2 {
  cursor: pointer;
}

.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: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
  display: block;
  width: 35px;
  height: 35px;
  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::before ,
.ux_accordion_result .news-result h2.open::before ,
.ux_accordion_result .news-yuho h2.open::before ,
.ux_accordion_result .news-presentation h2.open::before ,
.ux_accordion_result .news-material h2.open::before {
  -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 {
  margin-top: 20px;
  position: relative;
  color: inherit;
  padding: 1px 25px 20px;
  background: #f5f5f5;
}

.ux_accordion_result .news-material dl:first-child dt {
  margin-top: 20px;
}


/*------------------ 全ページ共通 特殊設定 ------------------*/
/*==== 背景黒 ====*/
/* 素材ページ等で白いロゴを見える様にする */
body#bg-black {
  background: #000;
}


/*==== タブ風スタイル ====*/
/* ux_justify_list_itemも共に設定する */
/* リンクリスト(非ハイライト)：現在ページがアクティブ */
/* リンクリスト(ハイライト)：サブアイテム(ハイライト)がアクティブ */
#sharewithmain .lx_list_tabstyle01 {
}

.lx_list_tabstyle01 .link-list:not(.highlight) ,
.lx_list_tabstyle01 .link-list.highlight {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 20px;
  padding-bottom: 20px;
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul ,
.lx_list_tabstyle01 .link-list.highlight ul {
  margin: 0;

  display: table-row
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul li ,
.lx_list_tabstyle01 .link-list.highlight ul li {
  margin: 0;
  padding: 0;
  background: none;

  display: table-cell;
  height: 76px;

  position: relative;
  background: #edf2ff;
}
.lx_list_tabstyle01 .link-list:not(.highlight) ul li:not(.act):before ,
.lx_list_tabstyle01 .link-list.highlight ul li:not(.act):before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #4967bd;
  background: -o-linear-gradient(right, #a1b4e6 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#a1b4e6), to(#4967bd));
  background: linear-gradient(-90deg, #a1b4e6 0%, #4967bd 100%);
  transition: .4s;
  opacity: 0;
}
.lx_list_tabstyle01 .link-list:not(.highlight) ul li:hover:not(.act):before ,
.lx_list_tabstyle01 .link-list.highlight ul li:hover:not(.act):before {
  opacity: 1;
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul li + li ,
.lx_list_tabstyle01 .link-list.highlight ul li + li {
  border-left: 1px solid #fff;
}

.lx_list_tabstyle01 .link-list ul li:not(.highlight)::before ,
.lx_list_tabstyle01 .link-list ul li:not(.highlight)::after ,
.lx_list_tabstyle01 .link-list ul li.highlight::before ,
.lx_list_tabstyle01 .link-list ul li.highlight::after {
  content: none;
}

.lx_list_tabstyle01 .link-list ul li:not(.highlight) > span ,
.lx_list_tabstyle01 .link-list ul li:not(.highlight) > a ,
.lx_list_tabstyle01 .link-list ul li.highlight > span ,
.lx_list_tabstyle01 .link-list ul li.highlight > a {
  position: relative;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100%;
  margin: 0;
  padding: 5px 5px;
  text-align: center;
  font-size: 16px;
  color: #222;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-decoration: none;
  /*	background: #edf2ff;*/
  border-bottom: 1px solid #e4e4e4;
  transition: .4s;
}

.lx_list_tabstyle01 .link-list ul li:not(.highlight) > span::before ,
.lx_list_tabstyle01 .link-list ul li:not(.highlight) > a::before ,
.lx_list_tabstyle01 .link-list ul li.highlight > span::before ,
.lx_list_tabstyle01 .link-list ul li.highlight > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: none;
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > span ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > a ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li > span:hover ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li > a:hover ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > span ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > a ,
.lx_list_tabstyle01 .link-list.highlight ul li > span:hover ,
.lx_list_tabstyle01 .link-list.highlight ul li > a:hover {
  color: #fff;
  /*
  background: #4967bd;
  border-color: transparent;
  background: -o-linear-gradient(right, #a1b4e6 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#a1b4e6), to(#4967bd));
  background: linear-gradient(-90deg, #a1b4e6 0%, #4967bd 100%);
  */
}
.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > span ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > a {
  background: #4967bd;
  border-color: transparent;
  background: -o-linear-gradient(right, #a1b4e6 0%, #4967bd 100%);
  background: -webkit-gradient(linear, right top, left top, from(#a1b4e6), to(#4967bd));
  background: linear-gradient(-90deg, #a1b4e6 0%, #4967bd 100%);
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > span::before ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > a::before ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li > span:hover::before ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li > a:hover::before ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > span::before ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > a::before ,
.lx_list_tabstyle01 .link-list.highlight ul li > span:hover::before ,
.lx_list_tabstyle01 .link-list.highlight ul li > a:hover::before {
  /*
  background: #81c838;
  background: -o-linear-gradient(right, #21bec9 0%, #55d87c 50%, #81c838 100%);
  background: -webkit-gradient(linear, right top, left top, from(#21bec9), color-stop(50%, #55d87c), to(#81c838));
  background: linear-gradient(-90deg, #21bec9 0%, #55d87c 50%, #81c838 100%);
  */
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > span:hover::before ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > a:hover::before ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > span:hover::before ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > a:hover::before {
  /*
  background: #28cfd7;
  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%);
  */
}

/* 2つ目（ページ下部に配置） */
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list ul li:not(.highlight) > span ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list ul li:not(.highlight) > a ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list ul li.highlight > span ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list ul li.highlight > a {
  border-bottom: none;
  border-top: 1px solid #e4e4e4;
}

.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list ul li:not(.highlight) > span::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list ul li:not(.highlight) > a::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list ul li.highlight > span::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list ul li.highlight > a::before {
  top: auto;
  bottom: 0;
}

.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > span ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > a ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list:not(.highlight) ul li > span:hover ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list:not(.highlight) ul li > a:hover ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list.highlight ul li.highlight > span ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list.highlight ul li.highlight > a ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list.highlight ul li > span:hover ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list.highlight ul li > a:hover {
  border-color: transparent;
}

.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > span::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > a::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list:not(.highlight) ul li > span:hover::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list:not(.highlight) ul li > a:hover::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list.highlight ul li.highlight > span::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list.highlight ul li.highlight > a::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list.highlight ul li > span:hover::before ,
.lx_list_tabstyle01 ~ .lx_list_tabstyle01 .link-list.highlight ul li > a:hover::before {
}

/* 編集画面  */
.lx_list_tabstyle01 .link-list .mgnlEditorBar[aria-hidden="false"] + ul ,
.lx_list_tabstyle01 .link-list .mgnlEditorBar[aria-hidden="false"] + ul li {
  display: block;
  margin-bottom: 10px;
}



/*==== お問い合わせフォーム進捗表示スタイル ====*/
#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;
  }

}

/*==== お問い合わせフォーム進捗表示スタイル type02 ====*/
#sharewithmain .lx_list_inquiry_step02 {
}

.lx_list_inquiry_step02 .link-list:not(.highlight) {
}

#sharewithmain .lx_list_inquiry_step02 .link-list ul {
  width: 100%;
  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;
  margin-bottom: 20px;
}

#sharewithmain .lx_list_inquiry_step02 .link-list .mgnlEditorBar[aria-hidden="false"] + ul {
  display: block;
}

#sharewithmain .lx_list_inquiry_step02 .link-list ul li {
  padding: 0;
  margin: 0;

  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background: #777;
  padding-right: 45px;
  margin-right: 20px;
}
#sharewithmain .lx_list_inquiry_step02 .link-list ul li:first-child {
}
#sharewithmain .lx_list_inquiry_step02 .link-list ul li:last-child {
  margin-right: 0;
}

#sharewithmain .lx_list_inquiry_step02 .link-list ul li::before {
  border: none;

  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: -40px;
  display: block;
  width: 200px;
  height: 200px;
  background: #777;
  border-top: 100px solid #fff;
  border-right: 100px solid #fff;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateX(50%) rotate(45deg);
  -ms-transform: translateX(50%) rotate(45deg);
  transform: translateX(50%) rotate(45deg);
}
#sharewithmain .lx_list_inquiry_step02 .link-list ul li:last-child::before {
}

#sharewithmain .lx_list_inquiry_step02 .link-list ul li.highlight ,
#sharewithmain .lx_list_inquiry_step02 .link-list ul li.highlight::before {
  background: #333;
}

#sharewithmain .lx_list_inquiry_step02 .link-list ul li > span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 10px 10px;
  color: #fff;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #sharewithmain .lx_list_inquiry_step02 .link-list ul li {
    padding-right: 15px;
    margin-right: 5px;
  }

  #sharewithmain .lx_list_inquiry_step02 .link-list ul li::before {
    right: -20px;
    width: 200px;
    height: 200px;
    border-top: 100px solid #fff;
    border-right: 100px solid #fff;
    -webkit-transform: scaleX(0.5) translateX(50%) rotate(45deg);
    -ms-transform: scaleX(0.5) translateX(50%) rotate(45deg);
    transform: scaleX(0.5) translateX(50%) rotate(45deg);
  }

  #sharewithmain .lx_list_inquiry_step02 .link-list ul li > span {
    padding: 5px 5px;
    font-size: 12px;
  }
}


/*==== 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 {
  margin-top: 0;
  padding-left: 0;
}

.lx_style_ir_latest_event >*> .link-list h2::before ,
.lx_style_ir_latest_event >*> .link-list h2::after {
  content: none;
}

.lx_style_ir_latest_event >*> .link-list ul {
  margin-top: 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 {
  margin-top: 0;
}

.lx_style_ir_latest_earnings .title2::before ,
.lx_style_ir_latest_earnings .title2::after {
  content: none;
}

.lx_style_ir_latest_earnings .news-result ,
.lx_style_ir_latest_earnings .news-material {
  padding: 5px 20px 20px;
  background: #f5f5f5;
}

.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 ,
.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 .news-result dl dt ,
.lx_style_ir_latest_earnings .news-material h2 {
  display: none;
}

.lx_style_ir_latest_earnings .news-result dl ,
.lx_style_ir_latest_earnings .news-material dl {
  margin-top: 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 h2 ,
.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-result h2::before ,
.lx_style_ir_latest_earnings .news-result h2::after ,
.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;
}

.lx_style_news_ticker .basic-list2:not(.thumnail) {
  margin-top: 0;
}

.lx_style_news_ticker .basic-list2:not(.thumnail) .tabItems {
  border: none;
  padding-top: 0;
}



/*-- トピックス（タイル型ニュース） */
#sharewithmain .lx_multi3_col4pc ,
#sharewithmain .lx_multi3_col2sp {
}

@media print, screen and (min-width: 768px) {
  .lx_multi3_col4pc .basic-list2.thumnail .tabItems li {
    width: calc(100% / 4 - 18px);
  }
}

@media screen and (max-width: 767px) {
  .lx_multi3_col2sp .basic-list2.thumnail .tabItems {
    margin-right: 0;
  }

  .lx_multi3_col2sp .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 .external-teaser.no-img.style1 {
  max-width: 320px;
  width: 50%;
}

/*-- ブロークングリッド用 左寄せ狭幅moreボタン --*/
.lx_sample_teaser_narrow02 .teaser.no-img.style1 ,
.lx_sample_teaser_narrow02 .external-teaser.no-img.style1 {
  max-width: 200px;
  width: 50%;
  margin-left: 0;
}


/*-- news tab --*/
[role="main"] .lx_sample_list_tab01 {
  margin-top: 20px;
}

.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 100px 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 100px 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 ====*/
/*-- 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.lx_mcol_rtl {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  #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: 0;
  }

  #sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl > .column2 {
    margin-left: auto;
    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 {
  }
}





/*-- 数字で見る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: 1px 20px 20px;
  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: 1px 10px 10px;
    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', 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.75rem + 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 #7e7e7e;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed {
  border-right: 1px dotted #7e7e7e;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed:last-child {
  border-right: 1px solid #7e7e7e;
}

.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;
}

.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;
  color: #000066;
  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: #000066;
  font-weight: bold;
  padding: 12px 0;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td {
  white-space: nowrap;
  background: #ddd;
  font-weight: bold;
}

.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 #7e7e7e;
}

.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 #7e7e7e;
}


.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;
  }

}



/*==== 会社情報 > 沿革 ====*/

/*--沿革03 --*/
.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;
}

/*==== 沿革04 ====*/
.lx_sample_table_history04 {
  margin-top: 20px;
}

.lx_sample_table_history04 + .lx_sample_table_history04 {
  margin-top: 0px;
}

@media print, screen and (min-width: 768px) {
  .lx_sample_table_history04 > * {
    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;
    /*		align-items: flex-start; */
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .lx_sample_table_history04 .ircalendar {
    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(10% + 1px);
    margin: 0;
    margin-right: -1px;
  }

  .lx_sample_table_history04 .ircalendar > * {
    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;
  }

  .lx_sample_table_history04 .ircalendar-title > table ,
  .lx_sample_table_history04 .ircalendar-item > table {
    height: 100%;
  }

  .lx_sample_table_history04 .ircalendar-title > table > tbody > tr > th ,
  .lx_sample_table_history04 .ircalendar-item > table > tbody >tr > td {
    vertical-align: middle;
    text-align: left;
  }


  .lx_sample_table_history04 .vertical-table {
    width: 90%;
    margin: 0;
  }

  .lx_sample_table_history04 .vtable-item > table > tbody > tr > th {
    width: 11.25% !important;
  }
  .lx_sample_table_history04 .vtable-item > table > tbody > tr > td {
    width: 88.75% !important;
  }

  /* 左列がデフォルト２行の場合の高さ保証 */
  .lx_sample_table_history04 .vtable-item:only-child > table > tbody > tr > th ,
  .lx_sample_table_history04 .vtable-item:only-child > table > tbody > tr > td {
    height: 93px;
    vertical-align: middle;
  }

}

@media screen and (max-width: 767px) {
  .lx_sample_table_history04 .ircalendar {
    margin-top: 0;
  }
}


/*==== 会社情報 > 役員紹介 ====*/
/* 役員紹介2 (アコーディオン) */
#sharewithmain .lx_sample_combo_officer02 {
  margin-top: 40px;
}

#sharewithmain .lx_sample_combo_officer02 > .column1 {
  margin-bottom: 2px;
}

#sharewithmain .lx_sample_combo_officer02 > .column3 {
  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 a[href*="//www.google.co.jp/maps/"] ,
.lx_sample_table_basemap01 a[href*="//goo.gl/maps/"] {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 20px;
  color: #fff;
  background: #00359f;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
}

.lx_sample_table_basemap01 a[href*="//www.google.co.jp/maps/"]::before ,
.lx_sample_table_basemap01 a[href*="//goo.gl/maps/"]::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 a[href*="//www.google.co.jp/maps/"]::after ,
.lx_sample_table_basemap01 a[href*="//goo.gl/maps/"]::after {
  content: none;
}

@media screen and (max-width: 767px) {
  .lx_sample_table_basemap01 a[href*="//www.google.co.jp/maps/"] ,
  .lx_sample_table_basemap01 a[href*="//goo.gl/maps/"] {
    padding: 8px 12px;
    font-size: 0;
  }
}



/*==== 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推奨 */
.lx_mcol_table_style01 {
}

.lx_mcol_table_style01 > .column1 ,
.lx_mcol_table_style01 > .column2 ,
.lx_mcol_table_style01 > .column3 ,
.lx_mcol_table_style01 > .column4 ,
.lx_mcol_table_style01 > .column5 {
  margin-top: -1px;
  margin-right: -1px;
}

.lx_mcol_table_style01:not(.lx_table_no_pad) > .column1 ,
.lx_mcol_table_style01:not(.lx_table_no_pad) > .column2 ,
.lx_mcol_table_style01:not(.lx_table_no_pad) > .column3 ,
.lx_mcol_table_style01:not(.lx_table_no_pad) > .column4 ,
.lx_mcol_table_style01:not(.lx_table_no_pad) > .column5 {
  padding: 15px 15px;
}

.lx_mcol_table_style01:not(.lx_table_no_border) > .column1 ,
.lx_mcol_table_style01:not(.lx_table_no_border) > .column2 ,
.lx_mcol_table_style01:not(.lx_table_no_border) > .column3 ,
.lx_mcol_table_style01:not(.lx_table_no_border) > .column4 ,
.lx_mcol_table_style01:not(.lx_table_no_border) > .column5 {
  border: 1px solid #dfe0e4;
}

.lx_mcol_table_style01:not(.lx_table_no_bg) > .column1 ,
.lx_mcol_table_style01:not(.lx_table_no_bg) > .column2 ,
.lx_mcol_table_style01:not(.lx_table_no_bg) > .column3 ,
.lx_mcol_table_style01:not(.lx_table_no_bg) > .column4 ,
.lx_mcol_table_style01:not(.lx_table_no_bg) > .column5 {
  background-color: #fff;
}

/* 見出し列 */
.lx_mcol_table_style01:not(.thead):not(.lx_table_no_bg) > .column1 {
  background-color: #f5f5f5;
  font-weight: bold;
}

/* 見出し行 */
.lx_mcol_table_style01.thead:not(.lx_table_no_bg) > .column1 ,
.lx_mcol_table_style01.thead:not(.lx_table_no_bg) > .column2 ,
.lx_mcol_table_style01.thead:not(.lx_table_no_bg) > .column3 ,
.lx_mcol_table_style01.thead:not(.lx_table_no_bg) > .column4 ,
.lx_mcol_table_style01.thead:not(.lx_table_no_bg) > .column5 {
  background-color: #eee;
  font-weight: bold;
}

.lx_mcol_table_style01 .text-section ,
.lx_mcol_table_style01 .link-list ul {
  margin-top: 0;
}

.lx_mcol_table_style01 .link-list ul li {
  padding-top: 0;
}

.lx_mcol_table_style01 .text-section.highlight img {
  margin: 0;
}

@media print, screen and (min-width: 768px) {
  #sharewithmain .lx_mcol_table_style01 {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
  }

  .lx_mcol_table_style01 > .column2 ,
  .lx_mcol_table_style01 > .column3 ,
  .lx_mcol_table_style01 > .column4 ,
  .lx_mcol_table_style01 > .column5 {
    border-left: none;
  }
}

/*-- テーブル風カラム SPスワイプ設定 --*/
.lx_mcol_table_swipable {
}

@media screen and (max-width: 767px) {
  .lx_mcol_table_swipable > .column1 {
    overflow-x: scroll;
  }

  .lx_mcol_table_swipable >*> .reuse-main-area {
    width: 1170px;
    padding-top: 1px;
  }

  .lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
  }

  .lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 > .column2 ,
  .lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 > .column3 ,
  .lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 > .column4 ,
  .lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 > .column5 {
    border-left: none;
  }

  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn2 > .column1 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn2 > .column2 {
    width: calc(100% / 2);
    max-width: none;
  }

  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn3 > .column1 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn3 > .column2 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn3 > .column3 {
    width: calc(99.9999% / 3);
    max-width: none;
  }

  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn4 > .column1 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn4 > .column2 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn4 > .column3 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn4 > .column4 {
    width: calc(100% / 4);
    max-width: none;
  }

  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn5 > .column1 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn5 > .column2 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn5 > .column3 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn5 > .column4 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .multiColumn5 > .column5 {
    width: calc(100% / 5);
    max-width: none;
  }


  /*-- カラム分割比率 1:1:2・1:2:1・2:1:1 --*/
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio112.multiColumn3 > .column1 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio112.multiColumn3 > .column2 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio121.multiColumn3 > .column1 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio121.multiColumn3 > .column3 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio211.multiColumn3 > .column2 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio211.multiColumn3 > .column3 {
    width: calc(100% / 4);
  }
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio112.multiColumn3 > .column3 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio121.multiColumn3 > .column2 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio211.multiColumn3 > .column1 {
    width: calc(100% / 2);
  }


  /*-- カラム分割比率 1:2:2・2:1:2・2:2:1 --*/
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio122.multiColumn3 > .column1 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio212.multiColumn3 > .column2 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio221.multiColumn3 > .column3 {
    width: calc(100% / 5);
  }
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio122.multiColumn3 > .column2 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio122.multiColumn3 > .column3 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio212.multiColumn3 > .column1 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio212.multiColumn3 > .column3 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio221.multiColumn3 > .column1 ,
  .lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio221.multiColumn3 > .column2 {
    width: calc(100% / 5 * 2);
  }
}


/*==== スクロールボックス ====*/
.lx_col1_scrollbox > .column1 ,
.lx_col2_scrollbox > .column2 ,
.lx_col3_scrollbox > .column3 ,
.lx_col4_scrollbox > .column4 ,
.lx_col5_scrollbox > .column5 {
  max-height: 200px;
  overflow-y: scroll;
}




/* -------------------------------------------- */
/*  ■■■ TOP ■■■ */
/* -------------------------------------------- */
/* .lx_top_title */
.lx_top_title .title2.style2 h2 { font-size: 24px;color: #4967bd;font-weight: bold;}
.lx_top_title .title2.style2 h2 span {font-size: 72px;color: #222; font-family: 'Manrope','Zen Kaku Gothic New', sans-serif;display: block;}
.lx_top_title .text-section {font-weight: bold;}

@media screen and (max-width: 767px) {
  .lx_top_title .title2.style2 {margin-top: 1em;}
  .lx_top_title .title2.style2 h2{ font-size: 20px;text-align: center;}
  .lx_top_title .title2.style2 h2 span{font-size: 36px;margin-bottom: 5px;}
}

/* .lx_top_more */
.lx_top_more .teaser.no-img.style1 {max-width: 260px;}
@media screen and (min-width: 768px) {
  .lx_top_more .teaser.no-img.style1 {margin-left: 0;}
}
@media screen and (max-width: 767px) {
  .lx_top_more .teaser.no-img.style1 a {font-size: 16px;}
}


/* mv
------------------------------ */
.lx_top_mv {
  width: 100%;
  width: calc(100% * var(--width-content-base));
  max-width: 1170px;
  max-width: var(--width-content-area);
  margin: auto;
  margin-top: 20px;
}
.lx_top_mv .teaser, 
.lx_top_mv .external-teaser, 
.lx_top_mv .download-teaser {margin-bottom: 0;}


/* service
------------------------------ */
.lx_top_service {background: linear-gradient(0deg, rgba(237,242,255,1) 0%, rgba(255,255,255,0) 100%);padding-bottom: 80px;margin-top: 100px;}
.lx_top_service > .column3 .teaser,
.lx_top_service > .column4 .teaser,
.lx_top_service > .column5 .teaser{margin-top: 50px;}


@media screen and (min-width: 768px) {
  .lx_top_service > .column1 .text-section.highlight {float: left;width: 50%;}
  .lx_top_service > .column1 .text-section.highlight img {margin-left: -20px;}
  .lx_top_service > .column1 > *:not(:first-child) {width: 48%;margin-left: 52% !important;margin-top: 20px;}
  .lx_top_service > .column1 .text-section:not(.highlight) {margin-top: 30px;margin-bottom: 40px;}
  .lx_top_service > .column1 .text-section:not(.highlight)::after {content: none;}
}


/* topics
------------------------------ */
.lx_top_topics {background: url("../../../../../../resources/sw_img/top/topics-bg.svg") center bottom / contain no-repeat ;position: relative;padding-bottom: 100px;}
.lx_top_topics:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(237,242,255);background: linear-gradient(0deg, rgba(237,242,255,1) 0%, rgba(255,255,255,1) 100%);z-index: -1;}
.lx_top_topics > .column1 {position: relative;}
.lx_top_topics .teaser.no-img.style1 {width: 260px;}
@media screen and (min-width: 768px) {
  .lx_top_topics .teaser.no-img.style1 {position: absolute;right: 0;top: 90px;}
}


/* about
------------------------------ */
.lx_top_about {background: url("../../../../../../resources/sw_img/top/about-bg.svg") right bottom / auto 100% no-repeat;padding-top: 80px;margin-bottom: 100px;}
.lx_top_about .title2.style2 {margin-top: 10px;}
.lx_top_about > .column2 .text-section {margin-top: 30px;margin-bottom: 40px;}


/* company
------------------------------ */
.lx_top_company {background: url("../../../../../../resources/sw_img/top/company-main-img.jpg") center top / cover no-repeat;min-height: 500px;display: flex;align-items: center;}
.lx_top_company .title2.style2 {margin-top: 0;}


/* service
------------------------------ */
.lx_top_recruit {background: url("../../../../../../resources/sw_img/top/recruit-main-img.jpg") center top / cover no-repeat;min-height: 500px;display: flex;align-items: center;}
@media screen and (min-width: 768px) {
  .lx_top_recruit > .column1 {text-align: right;}
  .lx_top_recruit .title2.style2 {display: inline-block;text-align: left;}
  .lx_top_recruit .teaser.no-img.style1 {margin-left: auto;margin-right: 0;}
}


/* lx_top_banner
------------------------------ */
.lx_top_banner {margin-top: 60px;}
.lx_top_banner + .lx_top_banner {margin-top: 0;}
.lx_top_banner > * > * {border: 1px solid #a8b8e1;background: #edf2ff;}
.lx_top_banner > * > * a {display: flex !important;align-items: center;}
.lx_top_banner > * > * a p {font-size: 11px;color: #4967bd;line-height: 1.3;}
.lx_top_banner > * > * a p strong {font-size: 14px;display: block;margin-bottom: 8px;}
.lx_top_banner > * > * a img {margin-right: 20px;margin-bottom: 0;}





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

  /* mv
  ------------------------------ */
  .lx_top_mv {margin-top: 0;}

  /* service
  ------------------------------ */
  .lx_top_service {margin-top: 60px;padding-bottom: 30px;}
  .lx_top_service > .column3 {margin-top: 30px;}
  .lx_top_service > .column3 .teaser,
  .lx_top_service > .column4 .teaser,
  .lx_top_service > .column5 .teaser{margin-top: 0px;}

  /* topics
  ------------------------------ */
  .lx_top_topics {padding-bottom: 50px;}
  .lx_top_topics .teaser.no-img.style1 a {font-size: 16px;}

  /* about
  ------------------------------ */
  .lx_top_about {background-position: center bottom;background-size: 80% auto;margin-bottom: 50px;padding-top: 20px;}
  .lx_top_about .title2.style2 {margin-top: 1em;}

  /* company
  ------------------------------ */
  .lx_top_company {min-height: 300px;}

  /* service
  ------------------------------ */
  .lx_top_recruit {min-height: 300px;}

  /* lx_top_banner
  ------------------------------ */
  .lx_top_banner {margin-top: 30px;}
}



@media screen and (min-width: 768px) {
  .lx_btn_260 .teaser.no-img.style1 {margin-left: 0;max-width: 260px;}
}


/* -------------------------------------------- */
/*  ■■■ service ■■■ */
/* -------------------------------------------- */
.lx_service_link {background: url("../../../../../../resources/sw_img/top/about-bg.svg") center bottom / auto 100% no-repeat;padding-top: 30px;margin-bottom: 50px;}
.lx_service_link .teaser:not(.no-img).style1 h2 {display: none;}
.lx_service_contact {margin-top: 80px;position: relative;}
.lx_service_contact:before {content: '';background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(237,242,255,1) 100%);position: absolute;z-index: -1;display: block;width: 100%;height: 100%;}
.lx_service_contact > .column1 {background: #fff;margin-top: 80px;padding-top: 20px;position: relative;margin-bottom: 20px;padding-bottom: 50px;}
.lx_service_contact > .column1:before {content: '';width: 100%;height: 100%;background: linear-gradient(0deg, rgba(73,103,189,1) 0%, rgba(237,242,255,1) 100%);position: absolute;left: -20px;bottom: -20px;z-index: -1;}
.lx_service_contact .title3 h3 {color: #4967bd;font-size: 24px;text-align: center;font-weight: bold;}
.lx_service_contact .title3 h3 span {color: #222; display: block;font-size: 60px;font-family: 'Manrope','Zen Kaku Gothic New', sans-serif;margin-bottom: 10px;}
.lx_service_contact .teaser.no-img.style2 {margin-top: 50px;}

@media screen and (max-width: 767px) {
  .lx_service_contact .title3 h3 {font-size: 20px;}
  .lx_service_contact .title3 h3 span {font-size: 36px;margin-bottom: 5px;}
  .lx_service_contact .teaser.no-img.style2 {margin: 30px 30px 0;}
}


/* -------------------------------------------- */
/*  ■■■ recruit ■■■ */
/* -------------------------------------------- */
.lx_recruit_lead p strong {font-size: 46px !important;}
.lx_recruit_lead p + p {font-size: 22px;margin-top: 10px;margin-bottom: 50px;}
.lx_recruit_mynavi {margin-top: 40px;margin-bottom: 40px;padding-top: 20px;padding-bottom: 30px;align-items: center;}
.lx_recruit_mynavi .title3 {margin-top: 0;}
.lx_recruit_mynavi .title3 h3 {font-size: 40px;color: #fff;font-weight: bold;}
.lx_recruit_news {margin-bottom: 70px;}
.lx_recruit_news .basic-list2:not(.thumnail) {margin-top: 0;}
.lx_recruit_news .basic-list2:not(.thumnail) .item .c_icon {display: none;}
.lx_recruit_btn .internal-link-area:not(.highlight) > a {background: #4967bd;color: #fff;font-size: 20px;font-weight: bold;display: flex;align-items: center;}
.lx_recruit_btn .internal-link-area:not(.highlight) > a img {margin: 0;}
.lx_recruit_btn .internal-link-area:not(.highlight) > a img + p {flex: 1;text-align: center;margin: 10px;}
.lx_recruit_about_title {margin-top: 100px;margin-bottom: 30px;}
.lx_recruit_about_title > .column1 {border-top: #020202 solid 1px;font-size: 20px;}
.lx_recruit_about_title > .column1:before {content: '';width: 16em;height: 3px;background: #4967bd;display: block;margin: 0 auto;}
.lx_recruit_about_title p {font-weight: bold;font-size: 20px;color: #4c69be;text-align: center;}
.lx_recruit_about_title p strong {font-size: 48px;color: #222;}
.lx_recruit_about .title4 {display: flex;align-items: center;}
.lx_recruit_about .title4 dl {position: relative;top: auto;left: auto;width: auto;max-height: none;transform: none;}
.lx_recruit_about .title4 h4 {margin-left: 18px;}
.lx_recruit_about + .lx_recruit_about {margin-top: 20px;margin-bottom: 50px;}
.lx_recruit_text p {text-align: center;font-size: 22px;}

@media screen and (min-width: 768px) {
  .lx_recruit_lead p strong br {display: none;}
}

@media screen and (max-width: 767px) {
  .lx_recruit_lead p strong {font-size: 28px !important;line-height: 1.4;}
  .lx_recruit_lead p + p  {font-size: 20px;margin-bottom: 30px;}
  .lx_recruit_mynavi {margin-bottom: 0;}
  .lx_recruit_mynavi .title3 h3 {font-size: 26px;text-align: center;margin-top: 20px;}
  .lx_recruit_news {margin-bottom: 20px;}
  .lx_recruit_news .basic-list2:not(.thumnail) .item {padding-top: 0;}
  .lx_recruit_btn .internal-link-area:not(.highlight) > a {font-size: 18px;}
  .lx_recruit_about_title {margin-top: 80px;margin-bottom: 0;}
  .lx_recruit_about_title > .column1:before {width: 12em;}
  .lx_recruit_about_title p {font-size: 18px;}
  .lx_recruit_about_title p strong {font-size: 38px;}
  .lx_recruit_about .title4 dl img {width: 60px;}
  .lx_recruit_text p {font-size: 18px;}
}


/* -------------------------------------------- */
/*  ■■■ case ■■■ */
/* -------------------------------------------- */
.lx_case_slide .title2 h2 {text-align: center;font-weight: bold;font-size: 40px;font-family: 'Manrope','Zen Kaku Gothic New', sans-serif;}
.lx_case_slide .basic-list2.thumnail li.no-img .item::before {margin-bottom: 20px;}
.lx_case_slide .basic-list2.thumnail .item {position: relative;}
.lx_case_slide .basic-list2.thumnail .item:hover:before {opacity: .7;}
.lx_case_slide .basic-list2.thumnail .item > a:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}
.lx_case_slide .basic-list2.thumnail .item .news_tx {font-size: 20px;font-weight: bold;color: #4967bd;}
.lx_case_slide .basic-list2.thumnail .item .c_icon {position: relative;bottom: auto;}
.lx_case_slide .basic-list2.thumnail .item .c_icon span {color: #466ddc;border-color: #466ddc;}
.lx_case_search {background: #edf2ff;padding-bottom: 50px;margin-top: 70px;margin-bottom: 70px;}
.lx_case_search .title2 h2 {text-align: center;font-weight: bold;font-size: 40px;}

@media screen and (max-width: 767px) {
  .lx_case_slide .title2 h2 {font-size: 26px;}
  .lx_case_slide .basic-list2.thumnail .item {padding-bottom: 20px;}
  .lx_case_slide .basic-list2.thumnail .item .news_tx {font-size: 18px;}
  .lx_case_search {margin-top: 0;margin-bottom: 20px;}
  .lx_case_search .title2 {margin-top: 50px;}
  .lx_case_search .title2 h2 {font-size: 26px;}
  .lx_case_search .teaser {margin-bottom: 0;}
}


/* -------------------------------------------- */
/*  ■■■ tokon ■■■ */
/* -------------------------------------------- */
.lx_tokon_mv {
  width: 100%;
  width: calc(100% * var(--width-content-base));
  max-width: 1170px;
  max-width: var(--width-content-area);
  margin: auto;
  margin-top: 20px;
}
.lx_tokon_mv .text-section {margin-top: 0 !important;}
.lx_tokon_mv .multiColumn2 > * {width: 100% !important;}
.lx_tokon_mv .multiColumn2 > .column1 {display: block;}
.lx_tokon_mv .multiColumn2 > .column2 {display: none;}
@media screen and (max-width: 767px) {
  .lx_tokon_mv {margin-top: 0;}
  .lx_tokon_mv .multiColumn2 > .column1 {display: none;}
  .lx_tokon_mv .multiColumn2 > .column2 {display: block;}
}