@charset "utf-8";
/*------------------ based on 19/02/14 */
/* > 1%, last 4 versions, Firefox ESR */
/*------------------------------------ */


/*------------------------------------- 
base.css 差分
-------------------------------------*/
.quoted-text blockquote ol li ,
.highlight-quoted-text ol li ,
.text-section ol li ,
.internal-link-area ol li ,
.external-link-area ol li ,
.download-link-area ol li ,
.faq-item ol li ,
.vtable-item ol li ,
.ircalendar-title ol li ,
.ircalendar-item ol li {
	margin-top: .5em;
}


.link-list .download-link-text a.d_icon img,
.link-list-url .download-link-url a.d_icon img ,
.news-result span.d_icon img ,
.news-yuho span.d_icon img ,
.news-presentation span.d_icon img ,
.news-material span.d_icon img {
	max-width: 16px;
}


@media print, screen and (min-width: 768px) {
	body[id=index] [role="main"] > div > .column1 ,
	.layout_indexbox .reuse-main-area > div > .column1 {
		font-size: 20px;
	}

	body[id=lp] #wrapper-2 ,
	body[id=lp] #wrapper-3 {
		padding: 0;
		width: auto;
		min-width: calc(1000px + 40px);
	}

	/*-- ワイドモード --*/
	body[id=wide] #wrapper-2 ,
	body[id=wide] #wrapper-3 ,
	body[id=lp] #wrapper-2 ,
	body[id=lp] #wrapper-3 {
		padding: 0;
		width: auto;
		min-width: calc(1000px + 40px);
	}

	body[id=wide] #page-intro ,
	body[id=lp] #page-intro {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	body[id=wide] [role="main"] > .multiColumn1 ,
	body[id=wide] [role="main"] > .multiColumn2 ,
	body[id=wide] [role="main"] > .multiColumn3 ,
	body[id=wide] [role="main"] > .multiColumn4 ,
	body[id=wide] [role="main"] > .multiColumn5 ,
	body[id=lp] [role="main"] > .multiColumn1 ,
	body[id=lp] [role="main"] > .multiColumn2 ,
	body[id=lp] [role="main"] > .multiColumn3 ,
	body[id=lp] [role="main"] > .multiColumn4 ,
	body[id=lp] [role="main"] > .multiColumn5 {
		display: block;
		width: 100%;
		font-size: 0;
		text-align: center;
	}

	body[id=wide] [role="main"] > div > .column1 ,
	body[id=wide] [role="main"] > div > .column2 ,
	body[id=wide] [role="main"] > div > .column3 ,
	body[id=wide] [role="main"] > div > .column4 ,
	body[id=wide] [role="main"] > div > .column5 ,
	body[id=lp] [role="main"] > div > .column1 ,
	body[id=lp] [role="main"] > div > .column2 ,
	body[id=lp] [role="main"] > div > .column3 ,
	body[id=lp] [role="main"] > div > .column4 ,
	body[id=lp] [role="main"] > div > .column5 {
		margin-right: 0;
		float: none;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		font-size: 20px;
	}

	body[id=wide] [role="main"] > div > div.empty ,
	body[id=lp] [role="main"] > div > div.empty {
		display: none;
	}

	body[id=wide] [role="main"] > .multiColumn1 > .column1,
	body[id=lp] [role="main"] > .multiColumn1 > .column1 {
		width: 1000px;
	}

	body[id=wide] [role="main"] > .multiColumn2 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn2 > .column2 ,
	body[id=lp] [role="main"] > .multiColumn2 > .column1 ,
	body[id=lp] [role="main"] > .multiColumn2 > .column2 {
		width: 490px;
	}
	body[id=wide] [role="main"] > .multiColumn2 > .column1 ,
	body[id=lp] [role="main"] > .multiColumn2 > .column1 {
		margin-right: 20px;
	}

	body[id=wide] [role="main"] > .multiColumn3 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn3 > .column2 ,
	body[id=wide] [role="main"] > .multiColumn3 > .column3 ,
	body[id=lp] [role="main"] > .multiColumn3 > .column1 ,
	body[id=lp] [role="main"] > .multiColumn3 > .column2 ,
	body[id=lp] [role="main"] > .multiColumn3 > .column3 {
		width: 320px;
	}
	body[id=wide] [role="main"] > .multiColumn3 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn3 > .column2 ,
	body[id=lp] [role="main"] > .multiColumn3 > .column1 ,
	body[id=lp] [role="main"] > .multiColumn3 > .column2 {
		margin-right: 20px;
	}

	body[id=wide] [role="main"] > .multiColumn4 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn4 > .column2 ,
	body[id=wide] [role="main"] > .multiColumn4 > .column3 ,
	body[id=wide] [role="main"] > .multiColumn4 > .column4 ,
	body[id=lp] [role="main"] > .multiColumn4 > .column1 ,
	body[id=lp] [role="main"] > .multiColumn4 > .column2 ,
	body[id=lp] [role="main"] > .multiColumn4 > .column3 ,
	body[id=lp] [role="main"] > .multiColumn4 > .column4 {
		width: 235px;
	}
	body[id=wide] [role="main"] > .multiColumn4 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn4 > .column2 ,
	body[id=wide] [role="main"] > .multiColumn4 > .column3 ,
	body[id=lp] [role="main"] > .multiColumn4 > .column1 ,
	body[id=lp] [role="main"] > .multiColumn4 > .column2 ,
	body[id=lp] [role="main"] > .multiColumn4 > .column3 {
		margin-right: 20px;
	}

	body[id=wide] [role="main"] > .multiColumn5 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column2 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column3 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column4 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column5 ,
	body[id=lp] [role="main"] > .multiColumn5 > .column1 ,
	body[id=lp] [role="main"] > .multiColumn5 > .column2 ,
	body[id=lp] [role="main"] > .multiColumn5 > .column3 ,
	body[id=lp] [role="main"] > .multiColumn5 > .column4 ,
	body[id=lp] [role="main"] > .multiColumn5 > .column5 {
		width: 188px;
	}
	body[id=wide] [role="main"] > .multiColumn5 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column2 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column3 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column4 ,
	body[id=lp] [role="main"] > .multiColumn5 > .column1 ,
	body[id=lp] [role="main"] > .multiColumn5 > .column2 ,
	body[id=lp] [role="main"] > .multiColumn5 > .column3 ,
	body[id=lp] [role="main"] > .multiColumn5 > .column4 {
		margin-right: 15px;
	}

}

@media handheld, only screen and (max-width: 767px) {
	/*-- ワイドモード --*/
	body[id=wide] #wrapper-3,
	body[id=lp] #wrapper-3 {
		padding-left: 0;
		padding-right: 0;
	}

	body[id=wide] [role="main"] > div > div.empty ,
	body[id=lp] [role="main"] > div > div.empty {
		display: none;
	}

	body[id=wide] [role="main"] > .multiColumn1 ,
	body[id=wide] [role="main"] > .multiColumn2 ,
	body[id=wide] [role="main"] > .multiColumn3 ,
	body[id=wide] [role="main"] > .multiColumn4 ,
	body[id=wide] [role="main"] > .multiColumn5 ,
	body[id=lp] [role="main"] > .multiColumn1 ,
	body[id=lp] [role="main"] > .multiColumn2 ,
	body[id=lp] [role="main"] > .multiColumn3 ,
	body[id=lp] [role="main"] > .multiColumn4 ,
	body[id=lp] [role="main"] > .multiColumn5 {
		display: block;
		padding: 0 5px;
		text-align: center;
	}

	body[id=wide] [role="main"] > div > .column1 ,
	body[id=wide] [role="main"] > div > .column2 ,
	body[id=wide] [role="main"] > div > .column3 ,
	body[id=wide] [role="main"] > div > .column4 ,
	body[id=wide] [role="main"] > div > .column5 ,
	body[id=lp] [role="main"] > div > .column1 ,
	body[id=lp] [role="main"] > div > .column2 ,
	body[id=lp] [role="main"] > div > .column3 ,
	body[id=lp] [role="main"] > div > .column4 ,
	body[id=lp] [role="main"] > div > .column5 {
		text-align: left;
	}
}

/* class名が設定されてjsが設定されていない場合の編集画面救済措置 */
.mgnlEditor ~* .edit-only:not(.visible):not(.processed) {
	display: block !important;
}

/* 新マージ対応(merge_result.js ver8以降用 */
.layout_merge_source.processed {
	display: none !important;
}

.layout_merge_source:not(.visible):not(.processed) > .column2 ,
.layout_merge_source:not(.visible):not(.processed) > .column3 ,
.layout_merge_source:not(.visible):not(.processed) > .column4 ,
.layout_merge_source:not(.visible):not(.processed) > .column5 {
	display: none !important;
}





/* --------------------------------------
基本設定
-------------------------------------- */

@media screen and (min-width: 768px) {
  html {min-width: calc(1000px + 40px);}
}

/* 游ゴシック/游明朝 を使わない */
body {font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}

@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
    local('Yu Gothic Medium'), /* Chrome用 */
    local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
    local('Yu Gothic');     /* Chrome用 */
}

/* font-sizeは14pxが規準です */
body {
  color: #000;
  font-size: 20px;
}
body:not([data-page-path^="/ja/index"]),
body:not([data-page-path^="/en/index"]){
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 270px;}
body.bg-default,
body[data-page-path^="/vtecPublic/"]{
  background-image: url(../../../../../../resources/sw_img/common/bg_dotted_w.jpg);
}
body.bg-recruit {
  background-image: url(../../../../../../resources/sw_img/recruit/bg_recruit.jpg);
}

body[data-page-path="/ja/corporate"],
body[data-page-path="/ja/product"],
body[data-page-path="/ja/our_business"],
body[data-page-path="/ja/ir"],
body[data-page-path="/ja/recruit"],
body[data-page-path="/ja/tech"],
body[data-page-path="/en/corporate"],
body[data-page-path="/en/product"],
body[data-page-path="/en/our_business"],
body[data-page-path="/en/ir"],
body[data-page-path="/en/recruit"],
body[data-page-path="/en/tech"]{background-position: center 640px;}


a:link ,
a:visited {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

a:hover ,
a:active {
  text-decoration: underline;
  transition: .2s;
}



/*------------------------------------- 
グリットレイアウト
-------------------------------------*/
#html1 {
}

/*-- コンテンツエリア --*/
#wrapper-2 {
  margin-top: 220px;
  margin-bottom: 20px;
  overflow: hidden;
}
body[data-page-path="/ja/index"] #wrapper-2,
body[data-page-path="/en/index"] #wrapper-2 {
  margin-top: 0 !important;
  margin-bottom: 0;
}
body[data-page-path="/ja/corporate"] #wrapper-2,
body[data-page-path="/ja/product"] #wrapper-2,
body[data-page-path="/ja/our_business"] #wrapper-2,
body[data-page-path="/ja/ir"] #wrapper-2,
body[data-page-path="/ja/recruit"] #wrapper-2,
body[data-page-path="/ja/tech"] #wrapper-2,
body[data-page-path="/en/corporate"] #wrapper-2,
body[data-page-path="/en/product"] #wrapper-2,
body[data-page-path="/en/our_business"] #wrapper-2,
body[data-page-path="/en/ir"] #wrapper-2,
body[data-page-path="/en/recruit"] #wrapper-2,
body[data-page-path="/en/tech"] #wrapper-2 {
  margin-top: 650px;
}


#nav {
  float: right;
}

#wrapper-3 {
  float: left;
}

#sharewithmain {
}


/*-- コンテンツ下エリア --*/
#promos3 {
}


/*-- サイドナビエリア --*/
#promos1 {
}

#nav-box {
  margin-bottom: 40px;
  border: 1px solid #ececec;
}

#promos2 {
}


/* サイドナビ表示なし */
.col-subcol #wrapper-3 {
}

.col-subcol #nav {
}


/*------------------------------------- 
フッターエリア
-------------------------------------*/
/*-- セクションフッター --*/
#section-site-info {
}

#section-site-info-box {
}

/*-- フッター --*/
#site-info {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background: #ececec;
  padding: 50px 0 30px;
}
#site-info a {
}
#site-info a:hover {
  color: #999999;
  transition: .3s;
}

#site-info-box {
  width: 90%;
  max-width: 1000px;
  margin: auto;
}

#site-info .area-footer-sitemap > div > div {
  display: flex;
  flex-wrap: wrap;
}
#site-info .area-footer-sitemap > div > div > div {
  margin: 0;
  width: calc((100% - 90px) / 4);
  margin-bottom: 50px;
  margin-right: 30px;
}
#site-info .area-footer-sitemap > div > div > div:nth-child(3n) {
  margin-right: 0;
}
#site-info .area-footer-sitemap > div > div > div > div > div > a{
  border-bottom: 1px solid #d50000;
  font-weight: bold;
  padding-bottom: 15px;
  line-height: 1.2;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end;
}
#site-info .area-footer-sitemap > div > div > div ul {
  font-size: 18px;
}
#site-info .area-footer-sitemap > div > div > div ul li {
  margin-top: 10px;
}
#site-info .area-footer-sitemap > div > div > div.layout_double_size_column {
  width: calc((100% - 90px) / 2);
}
/*2カラム*/
#site-info .area-footer-sitemap div.layout_double_size_column ul {
  display: flex;
  flex-wrap: wrap;
}
#site-info .area-footer-sitemap div.layout_double_size_column ul li {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  /*サブリンク*/
  #site-info .area-footer-link .teaser {
    width: 200px;
    margin: 40px 0 20px;
  }
  #site-info .area-footer-link .link-list li{
    display: inline-block;
    font-size: 16px;
    padding: 0 1em;
    border-left: 1px solid #000;
  }
  #site-info .area-footer-link .link-list ul li:last-child{
    border-right: 1px solid #000;
  }
  /*コピーライト*/
  #site-info .area-footer-copyright {
    font-size: 16px;
    text-align: right;
    margin-top: -20px;
  }
}


/*------------------------------------- 
ヘッダエリア
-------------------------------------*/
/*-- 画像とテキストの場合のみ --*/
#branding ,
#logo ,
#nav-meta {
  display: none;
}

/*-- 更新日表示 --*/
#pub-date {
  width: 1000px;
  margin: auto;
}

#pub-date p {
  text-align: right;
}

/*-- セクションヘッダー（総合トップ・スペシャル以外） --*/
#section-header {
  margin: 30px auto 20px auto;
  width: 1000px;
  background: #0d8ccc;
  border-radius: 5px;
  overflow: hidden;
}

#section-header h5 {
}

#section-header p {
}


/*------------------------------------- 
ぱんくず
-------------------------------------*/
/* 4箇所ある枠の内1か所に入力 */
.bread-crumb {
  margin: auto;
  padding: 15px 0px;
  margin-top: 30px;
  font-size: 18px;
  background-color: #f6f5f5;
}
body[data-page-path="/ja/index"] .bread-crumb,
body[data-page-path="/en/index"] .bread-crumb {margin-top: 0;}

.bread-crumb > * {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.bread-crumb ol:after ,
.bread-crumb:after {
  content: "";
  display: block;
  clear: both;
}

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

.bread-crumb h5 ,
.bread-crumb h5 p ,
.bread-crumb h5 span ,
.bread-crumb ol li {
  float: left;
}

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

.bread-crumb ol li:last-child:after {
  content: none;
}

/* -- TOP書き換え -- */
.bread-crumb ol li:first-child a {
  font-size: 0;
}
#header.ja ~ * .bread-crumb ol li:first-child a:before ,
#header.ja ~ .bread-crumb ol li:first-child a:before {
  content: "HOME";
  font-size: 18px;
}
#header.en ~ * .bread-crumb ol li:first-child a:before ,
#header.en ~ .bread-crumb ol li:first-child a:before {
  content: "HOME";
  font-size: 18px;
}

body[data-page-path="/ja/index"] .bread-crumb ol li:nth-child(2),
body[data-page-path="/en/index"] .bread-crumb ol li:nth-child(2) {display: none;}


/* -----------------------------
グローバルナビ
--------------------------------- */
/*-- ページプロパティから設定可 --*/
#nav-global {
  overflow: hidden;
  margin: 20px auto;
  width: 1000px;
  min-width: 1000px;
  min-height: 69px;

  display: none;
}

#nav-global ul {
  position: relative;
  z-index: 100;
  /*background: #1c1c1c url("../../../../../../resources/templating-kit/themes/pop/img/bgs/nav-global-line.png") 0 95% repeat-x;*/
  float: left;
  width: 100%;
  margin: 0 0 24px 0;
  list-style: none;
}
#nav-global.plus-navsub ul {
  border-bottom: none;
}
#nav-global li {
  float: left;
  margin: 2px 10px 0 0;
  padding-bottom: 0.355em;
  font-size: 150%;
  font-weight: bold;
}
#nav-global li a,
#nav-global li a:visited,
#nav-global li strong {
  display: block;
  float: left;
  color: #072D74;
  text-decoration: none;
}
/* on + open */
#nav-global li.on,
#nav-global li.open {
  background: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/nav-global.png") 50% 100% no-repeat;
}
#nav-global li strong,
#nav-global li.open a,
#nav-global li.on a {
  background: #7F9BDA;
  border: #FFFFFF 1px solid;
}
#nav-global li strong span,
#nav-global li.open a span {
  padding-right: 10px;
}
#nav-global li span,
#nav-global li.open a span {
  float: left;
  margin-left: 5px;
  padding: .4em 10px .355em 5px;
}
/* hover */
#nav-global li a:hover,
#nav-global li a:active,
#nav-global li a:focus {
  /*background: #ec1549;
  border-radius: 5px; NIR*/
}
/* 2nd level horizontal subnav */
#nav-global ul ul {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 2.4em;
  width: 940px;
}
#nav-global li li,
#nav-global li li.on {
  background: none;
  font-size: 100%;
}
#nav-global li.open li span,
#nav-global li.open li a,
#nav-global li.open li strong{
  background: none;
  font-weight: normal;
}
#nav-global li.open a {
  text-decoration: none;
}
#nav-global li.open li.on a span,
#nav-global li.open li strong span {
  font-weight: bold;
  color: #ff3062;
}
#nav-global li li a:hover,
#nav-global li li a:active,
#nav-global li li a:focus,
#nav-global li li a:hover span,
#nav-global li li a:active span,
#nav-global li li a:focus span {
  background: none;
  color: #ff3062;
}

#nav-global-box{
}

#nav-global-box .open {
}

#nav-global-box .on {
}

#nav-global.plus-navsub {
  min-height: 6.8em;
  border-bottom: 1px solid #4a4a4a;
}


/*------------------------------------- 
サイドナビ
-------------------------------------*/
/*-- ページプロパティから設定可 --*/
#nav-box input ,
#nav-box label {
  display: none;
}

#nav-box h6 {
  display: none;
}

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

#nav-box ul.navLevel_1 li a,
#nav-box ul.navLevel_1 li h5 > strong {
  position: relative;
}
#nav-box ul.navLevel_1 li a:before,
#nav-box ul.navLevel_1 li h5 > strong:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  display: block;
  width: 6px;
  height: 10px;
  background-image: url("../../../../../../resources/sw_img/common/icon_arrow_r.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#nav-box ul.navLevel_1 li a:hover:before,
#nav-box ul.navLevel_1 li h5 > strong:before {
  background-image: url("../../../../../../resources/sw_img/common/icon_arrow_w.png");
}

/*1階層*/
#nav-box ul.navLevel_1 {
  line-height: 1.2;
}

#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 > h5 > strong,
#nav-box ul.navLevel_1 > li > h5 > a,
#nav-box ul.navLevel_1 > li > strong ,
#nav-box ul.navLevel_1 > li > a {
  display: block;
  padding: 16px 25px 16px 15px;
  font-size: 22px;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px solid #ececec;
  background-color: #fff;
}

#nav-box ul.navLevel_1 > li > h5 > strong:before,
#nav-box ul.navLevel_1 > li > h5 > a:before,
#nav-box ul.navLevel_1 > li > strong:before ,
#nav-box ul.navLevel_1 > li > a:before {
  width: 10px;
  height: 17px;
}

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

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

/*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 > h5  > strong,
#nav-box ul.navLevel_2 > li > h5  > a ,
#nav-box ul.navLevel_2 > li > strong,
#nav-box ul.navLevel_2 > li > a {
  display: block;
  padding: 14px 25px 14px 15px;
  background: #fff;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px solid #ececec;
}


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


/*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 > h5 > strong ,
#nav-box ul.navLevel_3 > li > h5 > a ,
#nav-box ul.navLevel_3 > li > strong ,
#nav-box ul.navLevel_3 > li > a {
  position: relative;
  display: block;
  padding: 14px 22px 14px 12px;
  padding-left: 32px;
  background: #f6f5f5;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px solid #ececec;
}

#nav-box ul.navLevel_3 > li > h5 > strong:before ,
#nav-box ul.navLevel_3 > li > h5 > a:before ,
#nav-box ul.navLevel_3 > li > strong:before ,
#nav-box ul.navLevel_3 > li > a:before {
  /*
  content: ">";
  position: absolute;
  left: 18px;
  */
}

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


/*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 > h5 > strong ,
#nav-box ul.navLevel_4 > li > h5 > a ,
#nav-box ul.navLevel_4 > li > strong ,
#nav-box ul.navLevel_4 > li > a {
  display: block;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px solid #ececec;
}

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

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


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


/* -----------------------------
コンテンツエリア
--------------------------------- */
/*------- リンクテキスト ----------*/
.quoted-text blockquote a ,
.highlight-quoted-text a ,
.text-section a ,
.faq-item a ,
.vtable-item a ,
.ircalendar-title a ,
.ircalendar-item a {
}

/*------- 別窓アイコン ----------*/
.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 {
  content: "";
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 14px;
  height: 12px;
  vertical-align: baseline;
  margin: 0 5px;
}

/*------- PDFアイコン ----------*/
.quoted-text blockquote a[href$=".pdf"]:after ,
.highlight-quoted-text a[href$=".pdf"]:after ,
.text-section a[href$=".pdf"]:after ,
.faq-item a[href$=".pdf"]:after ,
.vtable-item a[href$=".pdf"]:after ,
.ircalendar-title a[href$=".pdf"]:after ,
.ircalendar-item a[href$=".pdf"]:after ,
.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 {
  content: "";
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 23px;
  vertical-align: middle;
  margin: 0 5px;
}


/*------------------------------------- 
見出し
-------------------------------------*/
/*-- ページ概要エリア --*/
#page-intro {
  width: 100%;
  min-width: 1040px;
  /*	margin-bottom: 20px;*/
  height: 130px;
  position: absolute;
  left: 0;
  top: 140px;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  animation: intro 0s cubic-bezier(0,0,0,0) 1s forwards;
  opacity: 0;
}
.mgnlEditor + #page-intro {display: block;position:relative;left: auto;top: auto;min-width: 100%;height: auto;opacity: 1;}
@keyframes intro { 0% {opacity: 0;}	100% {opacity: 1;} }

@media screen and (min-width: 768px) {
  body[data-page-path="/ja/corporate"] #page-intro,
  body[data-page-path="/ja/product"] #page-intro,
  body[data-page-path="/ja/our_business"] #page-intro,
  body[data-page-path="/ja/ir"] #page-intro,
  body[data-page-path="/ja/recruit"] #page-intro,
  body[data-page-path="/ja/tech"] #page-intro,
  body[data-page-path="/en/corporate"] #page-intro,
  body[data-page-path="/en/product"] #page-intro,
  body[data-page-path="/en/our_business"] #page-intro,
  body[data-page-path="/en/ir"] #page-intro,
  body[data-page-path="/en/recruit"] #page-intro,
  body[data-page-path="/en/tech"] #page-intro {height: 500px;}
}

body[data-page-path="/ja/corporate"] #page-intro,
body[data-page-path="/en/corporate"] #page-intro {background-image: url(../../../../../../resources/sw_img/mv/mv-corporate.jpg);}
body[data-page-path="/ja/product"] #page-intro,
body[data-page-path="/en/product"] #page-intro,
body[data-page-path="/ja/our_business"] #page-intro,
body[data-page-path="/en/our_business"] #page-intro {background-image: url(../../../../../../resources/sw_img/mv/mv-product.jpg);}
body[data-page-path="/ja/ir"] #page-intro,
body[data-page-path="/en/ir"] #page-intro {background-image: url(../../../../../../resources/sw_img/mv/mv-ir.jpg);}
body[data-page-path="/ja/recruit"] #page-intro,
body[data-page-path="/en/recruit"] #page-intro {background-image: url(../../../../../../resources/sw_img/mv/mv-recruit.jpg);}
body[data-page-path="/ja/tech"] #page-intro,
body[data-page-path="/en/tech"] #page-intro {background-image: url(../../../../../../resources/sw_img/mv/mv-tech.jpg);}

/* -- ページタイトルをテキストで表示 -- */
#page-intro > h1 {
  width: 90%;
  max-width: 1000px;
  margin: auto;
  color: #000;
  font-size: 50px;
  font-weight: bold;
  line-height: 1.2;
}
body[data-page-path="/ja/corporate"] #page-intro > h1,
body[data-page-path="/ja/product"] #page-intro > h1,
body[data-page-path="/ja/our_business"] #page-intro > h1,
body[data-page-path="/ja/ir"] #page-intro > h1,
body[data-page-path="/ja/recruit"] #page-intro > h1,
body[data-page-path="/ja/tech"] #page-intro > h1,
body[data-page-path="/en/corporate"] #page-intro > h1,
body[data-page-path="/en/product"] #page-intro > h1,
body[data-page-path="/en/our_business"] #page-intro > h1,
body[data-page-path="/en/ir"] #page-intro > h1,
body[data-page-path="/en/recruit"] #page-intro > h1,
body[data-page-path="/en/tech"] #page-intro > h1 {color: #fff;}

/*第二階層英語表示*/
body[data-page-path="/ja/corporate"] #page-intro > h1,
body[data-page-path="/ja/product"] #page-intro > h1,
body[data-page-path="/ja/our_business"] #page-intro > h1,
body[data-page-path="/ja/ir"] #page-intro > h1,
body[data-page-path="/ja/recruit"] #page-intro > h1,
body[data-page-path="/ja/tech"] #page-intro > h1 {
  font-size: 35px;
}
body[data-page-path="/en/corporate"] #page-intro > h1,
body[data-page-path="/en/product"] #page-intro > h1,
body[data-page-path="/en/our_business"] #page-intro > h1,
body[data-page-path="/en/ir"] #page-intro > h1,
body[data-page-path="/en/recruit"] #page-intro > h1,
body[data-page-path="/en/tech"] #page-intro > h1 {
  font-size: 70px;
}
body[data-page-path="/ja/corporate"] #page-intro > h1 br,
body[data-page-path="/ja/product"] #page-intro > h1 br,
body[data-page-path="/ja/our_business"] #page-intro > h1 br,
body[data-page-path="/ja/ir"] #page-intro > h1 br,
body[data-page-path="/ja/recruit"] #page-intro > h1 br,
body[data-page-path="/ja/tech"] #page-intro > h1 br,
body[data-page-path="/en/corporate"] #page-intro > h1 br,
body[data-page-path="/en/product"] #page-intro > h1 br,
body[data-page-path="/en/our_business"] #page-intro > h1 br,
body[data-page-path="/en/ir"] #page-intro > h1 br,
body[data-page-path="/en/recruit"] #page-intro > h1 br,
body[data-page-path="/en/tech"] #page-intro > h1 br {
  display: none;
}
body[data-page-path="/ja/corporate"] #page-intro > h1:before,
body[data-page-path="/ja/product"] #page-intro > h1:before,
body[data-page-path="/ja/our_business"] #page-intro > h1:before,
body[data-page-path="/ja/ir"] #page-intro > h1:before,
body[data-page-path="/ja/recruit"] #page-intro > h1:before,
body[data-page-path="/ja/tech"] #page-intro > h1:before {
  display: block;
  font-size: 70px;
  margin-bottom: 10px;
}
body[data-page-path="/ja/corporate"] #page-intro > h1:before {content:"About V-Technology";}
body[data-page-path="/ja/product"] #page-intro > h1:before {content:"Products & Service";}
body[data-page-path="/ja/our_business"] #page-intro > h1:before {content:"Products & Service";}
body[data-page-path="/ja/ir"] #page-intro > h1:before {content:"Investor Relations";}
body[data-page-path="/ja/recruit"] #page-intro > h1:before {content:"Recruiting";}
body[data-page-path="/ja/tech"] #page-intro > h1:before {content:"Technologies, R&D";}

body[data-page-path="/ja/corporate"] #page-intro > h1:after,
body[data-page-path="/ja/product"] #page-intro > h1:after,
body[data-page-path="/ja/our_business"] #page-intro > h1:after,
body[data-page-path="/ja/ir"] #page-intro > h1:after,
body[data-page-path="/ja/recruit"] #page-intro > h1:after,
body[data-page-path="/ja/tech"] #page-intro > h1:after,
body[data-page-path="/en/corporate"] #page-intro > h1:after,
body[data-page-path="/en/product"] #page-intro > h1:after,
body[data-page-path="/en/our_business"] #page-intro > h1:after,
body[data-page-path="/en/ir"] #page-intro > h1:after,
body[data-page-path="/en/recruit"] #page-intro > h1:after,
body[data-page-path="/en/tech"] #page-intro > h1:after {
  content: '';
  display: inline-block;
  width: 200px;
  height: 10px;
  background-color: #fff;
  vertical-align: .25em;
}
/*ir*/
body[data-page-path^="/ja/ir"] #page-intro > h1,
body[data-page-path^="/ja/recruit"] #page-intro > h1,
body[data-page-path^="/ja/tech"] #page-intro > h1, 
body[data-page-path^="/en/ir"] #page-intro > h1,
body[data-page-path^="/en/recruit"] #page-intro > h1,
body[data-page-path^="/en/tech"] #page-intro > h1 {
  color: #000;
}
body[data-page-path="/ja/ir"] #page-intro > h1:after,
body[data-page-path="/ja/recruit"] #page-intro > h1:after,
body[data-page-path="/ja/tech"] #page-intro > h1:after,
body[data-page-path="/en/ir"] #page-intro > h1:after,
body[data-page-path="/en/recruit"] #page-intro > h1:after,
body[data-page-path="/en/tech"] #page-intro > h1:after  {
  background-color: #000;
}


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

#page-intro .titleImage h1 {
}

#page-intro .titleImage h1 img {
  width: auto;
}

/* -- 日付（ニュース・マルチ2） -- */
#page-intro .text-meta {
  color: inherit;
  display: none;
}

/*-------------- 中見出し(共通) ------------*/
.text-section h2 ,
.link-list h2,
.link-list-url h2,
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt ,
.title2:not(.highlight) h2 {
  padding: 15px 0;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
  border-bottom: solid 3px #ececec;
  box-sizing: border-box;

  margin-bottom: 20px;
}

.text-section h2:before ,
.link-list h2:before,
.link-list-url h2:before,
.news-result dl dt:before ,
.news-yuho dl dt:before ,
.news-presentation dl dt:before ,
.news-material dl dt:before ,
.title2:not(.highlight) h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  display: block;
  width: 100px;
  height: 3px;
  background-color: #d50000;
}

/*-------------- 小見出し --------------*/
/* -- 見出しh2レベル -- */
.title2.highlight h2 {
}

.title2:last-child h2 {
  margin-bottom: 0px;
}


/* -- 見出しh3レベル -- */
.title3:not(.highlight) h3{

  font-size: 25px;
  font-weight: bold;
  line-height: 1.2;
  border-bottom: #efefef 2px solid;
  padding: 8px 8px 6px 0;

  margin-bottom: 12px;
}

.title3.highlight h3 {
}


/* -- 見出しh4レベル -- */
.title4:not(.highlight) h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  padding: 10px 0;
}

.title4.highlight h4 {
}


/*------------------------------------- 
テキスト・画像
-------------------------------------*/
/*-------------- 緊急お知らせエリア --------------*/
/* 総合トップ・サイトトップのみ、コンテンツエリア外に１つのみ */
.quoted-text {
  width: 1000px;
  margin: 20px auto;
}

.quoted-text blockquote {
  background: none;
  padding: 10px;
  border: #F00 2px solid;
}

/*-------------- 囲み線ありテキスト --------------*/
.highlight-quoted-text {
  /*	border: #FFCC00 3px solid;*/
  background-color: #efefef;
  padding: 15px 20px;
  margin: 0 auto 20px;
}

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

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

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

.faq-list > ul {
}

.faq-list > ul > li {
  clear: both;
  margin-bottom: 30px;
  min-height: 25px;
}

.faq-list h3,
.faq-item {
  position: relative;
  padding: 25px 25px 25px 60px;
  border: 1px solid #ececec;
}
.faq-list h3 {
  font-weight: bold;
  border-bottom: none;
}
.faq-item {
}

.faq-list h3:before,
.faq-item:before {
  content: "";
  display: block;
  position: absolute;
  left: 25px;
  top: 30px;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.faq-list h3:before {
  background-image: url(../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/icon-q.png);
}
.faq-item:before {
  background-image: url(../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/icon-a.png);
}

/*-- FAQを出しっぱなしにする設定 --*/
.faq-list h3 a {
  cursor: inherit;
}
.faq-list > ul > li {
  height: auto !important;
}
.faq-item {
  display: block !important;
}


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

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

.anchor-link a {
  display: block;
  border-bottom: 1px solid transparent;
}
.anchor-link a:hover {
  border-color: #999999;
  text-decoration: none;
  color: #999999;
}

.anchor-link a:before {
  content: "";
  /*
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  width: 0;
  height: 0;
  border: solid 4px transparent;
  border-top: solid 5px #ff1a00;
  */
  display: block;
  position: absolute;
  top: 6px;
  left: 7px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #d70000;
  border-right: 2px solid #d70000;
  transform: translateX(0%) rotate(135deg);
}

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

/* テキストのみ／テキストと画像 */
.teaser h2 ,
.external-teaser h2 ,
.download-teaser h2 {
  margin-bottom: 5px;
}

.teaser h2 a ,
.external-teaser h2 a ,
.download-teaser h2 a {
}

.teaser p ,
.external-teaser p ,
.download-teaser p {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* 画像のみ／テキストと画像 */
.teaser > a ,
.external-teaser > a ,
.download-teaser > a {
}

.teaser > a img ,
.external-teaser > a img ,
.download-teaser > a img {
}


/*-------------- バナー（共通設定）メインエリア用 --------------*/
[role="main"] .teaser.no-img ,
[role="main"] .external-teaser.no-img,
[role="main"] .download-teaser.no-img {
  max-width: 500px;
}

/* テキストのみ／テキストと画像 */
[role="main"] .teaser h2 ,
[role="main"] .external-teaser h2 {
  margin-bottom: 5px;
}

[role="main"] .teaser h2 a ,
[role="main"] .external-teaser h2 a {
  padding: 15px 40px 15px 20px;
  text-align: center;
  font-size: 25px;
  position: relative;
  text-decoration: none;
}

[role="main"] .teaser:not(.highlight) h2 a ,
[role="main"] .external-teaser:not(.highlight) h2 a  {
  color: #fff;
  background: #d50000;
}

[role="main"] .teaser.highlight h2 a ,
[role="main"] .external-teaser.highlight h2 a {
  box-sizing: border-box;
  border: 1px solid #cccccc;
}

[role="main"] .teaser h2 a:before ,
[role="main"] .external-teaser h2 a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  display: block;
  width: 10px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

[role="main"] .teaser:not(.highlight) h2 a:before ,
[role="main"] .external-teaser:not(.highlight) h2 a:before{
  background-image: url("../../../../../../resources/sw_img/common/icon_arrow_w.png");
}

[role="main"] .teaser.highlight h2 a:before ,
[role="main"] .external-teaser.highlight h2 a:before {
  background-image: url("../../../../../../resources/sw_img/common/icon_arrow_r.png");
}

/* 別窓 */
[role="main"] .teaser h2 a[target="_blank"]:before ,
[role="main"] .external-teaser h2 a[target="_blank"]:before {
  width: 16px;
  height: 16px;
}

[role="main"] .teaser:not(.highlight) h2 a[target="_blank"]:before ,
[role="main"] .external-teaser:not(.highlight) h2 a[target="_blank"]:before {
  background-image: url("../../../../../../resources/sw_img/common/icon_blank_w.png");
}

[role="main"] .teaser.highlight h2 a[target="_blank"]:before ,
[role="main"] .external-teaser.highlight h2 a[target="_blank"]:before {
  background-image: url("../../../../../../resources/sw_img/common/icon_blank_r.png");
}

[role="main"] .teaser:not(.highlight) h2 a:hover ,
[role="main"] .external-teaser:not(.highlight) h2 a:hover {
  background-color: #970000;
}

[role="main"] .teaser.highlight h2 a:hover ,
[role="main"] .external-teaser.highlight h2 a:hover,
[role="main"] .download-teaser.no-img:not(.highlight) h2 a:hover {
  color: #d50000;
  background-color: #f3f3f3;
}


/* ----- 内部・外部バナー（テキストのみ）　メインエリア用 ----- */

/*
[role="main"] .teaser.no-img ,
[role="main"] .external-teaser.no-img {
max-width: 500px;
}

[role="main"] .teaser.no-img:not(.highlight) h2 ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 {
}
[role="main"] .teaser.no-img h2 a ,
[role="main"] .external-teaser.no-img h2 a {
padding: 15px 40px 15px 20px;
text-align: center;
font-size: 25px;
position: relative;
text-decoration: none;
}

[role="main"] .teaser.no-img:not(.highlight) h2 a ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 a {
color: #fff;
background: #d50000;
}

[role="main"] .teaser.no-img.highlight h2 a ,
[role="main"] .external-teaser.no-img.highlight h2 a {
box-sizing: border-box;
border: 1px solid #cccccc;
}

[role="main"] .teaser.no-img h2 a:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
display: block;
width: 10px;
height: 17px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

/*
[role="main"] .teaser.no-img:not(.highlight) h2 a:before {
background-image: url("../../../../../../resources/sw_img/common/icon_arrow_w.png");
}

[role="main"] .teaser.no-img.highlight h2 a:before {
background-image: url("../../../../../../resources/sw_img/common/icon_arrow_r.png");
}

[role="main"] .external-teaser.no-img h2 a:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
display: block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

[role="main"] .external-teaser.no-img:not(.highlight) h2 a:before {
background-image: url("../../../../../../resources/sw_img/common/icon_blank_w.png");
}

[role="main"] .external-teaser.no-img.highlight h2 a:before {
background-image: url("../../../../../../resources/sw_img/common/icon_blank_r.png");
}
*/

/*
[role="main"] .teaser.no-img:not(.highlight) h2 a[target="_blank"]:after ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]:after {
content: "";
background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat;
background-size: contain;
display: inline-block;
width: 14px;
height: 12px;
vertical-align: middle;
margin-left: 5px;
}
*/

/*
[role="main"] .teaser.no-img:not(.highlight) p ,
[role="main"] .external-teaser.no-img:not(.highlight) p {
}

[role="main"] .teaser.no-img:not(.highlight) h2 a:hover ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 a:hover {
background-color: #970000;
}

[role="main"] .teaser.no-img.highlight h2 a:hover ,
[role="main"] .external-teaser.no-img.highlight h2 a:hover {
color: #d50000;
background-color: #f3f3f3;
}
*/


/* お問い合わせ専用 チェックボックスつきテキスト */
[role="main"] .external-teaser.with-checkbox:not(.highlight) p {
  text-align: center;
}

[role="main"] .external-teaser.with-checkbox:not(.highlight) input[type=checkbox] {
  vertical-align: middle;
}

/* お問い合わせ専用 リンク無効時 */
[role="main"] .external-teaser.with-checkbox.disabled:not(.highlight) h2 a {
  background-color: #ccc;
  color: #999;
}


/* ----- 内部バナー　プロモス1用 ----- */
#promos1 .teaser.no-img ,
#promos1 .teaser.no-img h2 {
  margin-bottom: 0;
}


/* ----- 内部・外部バナー（テキストと画像）　メインエリア用 ----- */
[role="main"] .teaser:not(.no-img) ,
[role="main"] .external-teaser:not(.no-img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

[role="main"] .teaser:not(.no-img) > * ,
[role="main"] .external-teaser:not(.no-img) > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

[role="main"] .teaser:not(.no-img) h2 ,
[role="main"] .external-teaser:not(.no-img) h2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
/*

[role="main"] .teaser:not(.no-img) h2 a ,
[role="main"] .external-teaser:not(.no-img) h2 a {
padding: 15px 40px 15px 20px;
text-align: center;
font-size: 25px;
color: #fff;
background: #d50000;
position: relative;
text-decoration: none;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 a:before,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
display: block;
width: 10px;
height: 17px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("../../../../../../resources/sw_img/common/icon_arrow_w.png");
}
[role="main"] .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:before,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:before{
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
display: block;
width: 16px;
height: 16px;
background-image: url("../../../../../../resources/sw_img/common/icon_blank_w.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
*/

/*
[role="main"] .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after {
content: "";
background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat;
background-size: contain;
display: inline-block;
width: 14px;
height: 12px;
vertical-align: middle;
margin-left: 5px;
}
*/

[role="main"] .teaser:not(.no-img) h2 + a ,
[role="main"] .external-teaser:not(.no-img) h2 + a {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: block;
}

[role="main"] .teaser:not(.no-img) h2 + a img ,
[role="main"] .external-teaser:not(.no-img) h2 + a img {
  display: block;
  width: 100%;
}


[role="main"] .teaser:not(.no-img) p ,
[role="main"] .external-teaser:not(.no-img) p {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 a:hover ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:hover {
  background-color: #970000;
  color: #fff;
}





/* ----- ダウンロードバナー（テキストのみ）　メインエリア用 ----- */
[role="main"] .download-teaser.no-img:not(.highlight) {
}

[role="main"] .download-teaser.no-img:not(.highlight) h2 {
}

[role="main"] .download-teaser.no-img:not(.highlight) h2 a {
  padding: 15px 20px;
  text-align: center;
  font-size: 25px;
  position: relative;
  text-decoration: none;
  box-sizing: border-box;
  border: 1px solid #cccccc;
}

[role="main"] .download-teaser.no-img:not(.highlight) h2 a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  display: block;
  width: 10px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../../../../../resources/sw_img/common/icon_arrow_r.png");
}

[role="main"] .download-teaser.no-img:not(.highlight) p {
}


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

.internal-link-area:not(.highlight) img,
.external-link-area:not(.highlight) img{
  max-width:100%;
  width:100%;
  height:auto;
  margin:0 auto;
  transition:.2s ease-out;
  float: none;
}

.internal-link-area:not(.highlight) p,
.external-link-area:not(.highlight) p{
  width:100%;
  background:#d50000;
  color:#fff;
  font-size:25px;
  font-weight:bold;
  padding:24px 50px 24px 15px;
  letter-spacing:0.1rem;
  text-align:center;
  position: relative;
}

.internal-link-area:not(.highlight) p:before,
.external-link-area:not(.highlight) p:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.internal-link-area:not(.highlight) p:before {
  width: 10px;
  height: 17px;
  background-image: url("../../../../../../resources/sw_img/common/icon_arrow_w.png");
}
.external-link-area:not(.highlight) p:before {
  width: 16px;
  height: 16px;
  background-image: url("../../../../../../resources/sw_img/common/icon_blank_w.png");
}

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

/*-- マウスオーバー --*/
.internal-link-area:not(.highlight) > a:hover ,
.external-link-area:not(.highlight) > a:hover {
  opacity: 0.7;
}


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

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

/*-- マウスオーバー --*/
.internal-link-area.highlight > a:hover ,
.external-link-area.highlight > a:hover {
  opacity: 0.7;
}


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

.download-link-area:not(.highlight) img{
  max-width:100%;
  width:100%;
  height:auto;
  margin:0 auto;
  transition:.2s ease-out;
  float: none;
}

.download-link-area:not(.highlight) p{
  width:100%;
  /*
  background:#d50000;
  color:#fff;
  */
  border: 1px solid #cccccc;
  box-sizing: border-box;
  font-size:25px;
  font-weight:bold;
  padding:24px 34px;
  letter-spacing:0.1rem;
  text-align:center;
  position: relative;
}

.download-link-area:not(.highlight) p:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  display: block;
  width: 10px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../../../../../resources/sw_img/common/icon_arrow_r.png");
}

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

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

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


/*------------------------------------- 
リスト
-------------------------------------*/
/* 共通設定 決算短信・有報・最新決算・説明会資料（自動連携）、リンクリスト（手動） */

.link-list:not(.highlight) ul,
.link-list-url ul ,
.news-result dl ,
.news-yuho dl ,
.news-presentation dl ,
.news-material dl {
  margin-bottom: 20px;
}

/*-- 副見だし --*/
.link-list:not(.highlight) h2,
.link-list-url h2 ,
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt {
}

.link-list:not(.highlight) ul li[class] ,
.link-list-url ul li[class] ,
.news-result dl dd ,
.news-yuho dl dd ,
.news-presentation dl dd ,
.news-material dl dd {
  position: relative;
  padding-top: 10px;
  margin-bottom: 5px;
}

.link-list:not(.highlight) a,
.link-list-url a {
  border-bottom: 1px solid transparent;
}
.link-list:not(.highlight) a:hover,
.link-list-url a:hover {
  border-color: #999999;
  text-decoration: none;
  color: #999999;
}

/* ダウンロード以外 */
.link-list:not(.highlight) .internal-link-text:not(.highlight) ,
/*.link-list:not(.highlight) .external-link-text:not(.highlight) ,*/
.link-list:not(.highlight) .text-without-link:not(.highlight) ,
.link-list-url .internal-link-text:not(.highlight) ,
/*.link-list-url .external-link-text:not(.highlight) ,*/
.news-result dl dd.merged.no-download:not(.highlight) ,
.news-yuho dl dd.merged.no-download:not(.highlight) ,
.news-presentation dl dd.merged.no-download:not(.highlight) ,
.news-material dl dd.merged.no-download:not(.highlight) {
  padding-left: 24px;
}

/* リンクアイコン（ダウンロード以外） */
.link-list:not(.highlight) .internal-link-text:not(.highlight):before ,
/*.link-list:not(.highlight) .external-link-text:not(.highlight):before ,*/
.link-list:not(.highlight) .text-without-link: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.merged.no-download:not(.highlight):before ,
.news-yuho dl dd.merged.no-download:not(.highlight):before ,
.news-presentation dl dd.merged.no-download:not(.highlight):before ,
.news-material dl dd.merged.no-download:not(.highlight):before {
  content: "";
  position: absolute;
  top: calc(10px + 1.6em / 2 - 17px / 2);
  left: 6px;
  display: inline-block;
  width: 9px;
  height: 16px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") no-repeat center center;
  background-size: contain;
}

/* 外窓アイコン（ダウンロード以外） */
.link-list:not(.highlight) .internal-link-text a[target="_blank"]:before ,
.link-list:not(.highlight) .external-link-text a[target="_blank"]:before ,
.link-list-url .internal-link-text a[target="_blank"]:before ,
.link-list-url .external-link-text a[target="_blank"]:before ,
.news-result dl dd.merged.no-download a[target="_blank"]:before ,
.news-yuho dl dd.merged.no-download a[target="_blank"]:before ,
.news-presentation dl dd.merged.no-download a[target="_blank"]:before ,
.news-material dl dd.merged.no-download a[target="_blank"]:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0 8px 0 0;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat;
  background-size: contain;
}


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

/* ハイライト表示のリンクのＬ字アイコン */
.link-list:not(.highlight) .internal-link-text.highlight:before ,
.link-list:not(.highlight) .external-link-text.highlight:before ,
.link-list:not(.highlight) .download-link-text.highlight:before ,
.link-list:not(.highlight) .text-without-link.highlight:before ,
.link-list-url .internal-link-text.highlight:before ,
.link-list-url .external-link-text.highlight:before ,
.link-list-url .download-link-url.highlight:before ,
.news-result dl dd.merged.highlight:before ,
.news-yuho dl dd.merged.highlight:before ,
.news-presentation dl dd.merged.highlight:before ,
.news-material dl dd.merged.highlight:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 10px;
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

/* リンクテキスト */
.link-list:not(.highlight) .internal-link-text a ,
.link-list:not(.highlight) .external-link-text a ,
.link-list:not(.highlight) .download-link-text a:not(.d_icon) ,
.link-list:not(.highlight) .text-without-link span ,
.link-list-url .internal-link-text a ,
.link-list-url .external-link-text a ,
.link-list-url .download-link-url 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) {
}

.d_icon img {width: auto;height: 1em;max-width: none;}

/* PDFアイコンを強制的に後ろに配置 */
/*
.link-list .download-link-text a.d_icon.front[href$=".pdf"] ,
.link-list-url .download-link-url a.d_icon.front[href$=".pdf"] ,
.news-result dl dd .d_icon.pdf_front ,
.news-yuho dl dd .d_icon.pdf_front ,
.news-presentation dl dd .d_icon.pdf_front ,
.news-material dl dd .d_icon.pdf_front {
display: none;
}

.link-list .download-link-text a.d_icon + a:not(.d_icon)[href$=".pdf"]:after ,
.link-list-url .download-link-url a.d_icon + a:not(.d_icon)[href$=".pdf"]:after ,
.news-result dl dd .d_icon.pdf_front + a:not(.d_icon):after ,
.news-yuho dl dd .d_icon.pdf_front + a:not(.d_icon):after ,
.news-presentation dl dd .d_icon.pdf_front + a:not(.d_icon):after ,
.news-material dl dd .d_icon.pdf_front + a:not(.d_icon):after {
content: "";
background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
background-size: contain;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
margin-left: 5px;
}
*/


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

.link-list.highlight h2 {
}

.link-list.highlight ul {
}

.link-list.highlight ul li[class] {
}

.link-list.highlight ul li[class] a {
}


/*------------------------------------- 
表組・テーブル・財務ハイライト(表組)・配当金(表組)
-------------------------------------*/
/*-- table共通 --*/

/* セル */
/* 枠線とセル内余白を指定 */
.shwTable table.htCore tr td ,
th, td {
  color: inherit;
  padding: 10px 15px;
  border: 1px solid #cccccc;
}
/* 背景色を指定 */
.htCore tr td ,
th, td {
  background: #fff;
}

/* 空セルの高さ保障 */
.tbCore tr td {
  height: calc(5px * 2 + 1.6em);
}

/* 見出し */
/* 背景色と文字色を指定 */
.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.tableRowHead ,
.shwTable table tr td.tableColumnHead ,
td.tbRowHead ,
td.tbColumnHead ,
th {
  background-color: #efefef;
  font-weight: bold;
}

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

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

/* 見出し中の太字 */
.vtable-item > table > tbody > tr > th strong ,
.ircalendar-title > table > tbody > tr > th strong {
  font-weight: normal;
}


/* お問い合わせを表組風に */
/* 枠線とセル内余白（セル相当）、背景色と文字色(見出し列相当)を指定 */
.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: 10px 15px;
  border: 1px solid #cccccc;

  text-align: left;
  vertical-align: middle;
  background-color: #f2f1ee;
}

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

.vtable-item > table > tbody > tr > th {
  width: 12.5%;
}

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

.ircalendar-title > table > tbody > tr > th.ircalendar-title1 ,
.ircalendar-item > table > tbody > tr > td.ircalendar-item1  {
  width: 12.5%;
}

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

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

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

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


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

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

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

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


/*==== 表組 横幅auto設定 ====*/
.layout_table_autowidth .highlights-table table th ,
.layout_table_autowidth .highlights-table table td ,
.layout_table_autowidth .highlights-alltable-2nd table th ,
.layout_table_autowidth .highlights-alltable-2nd table td {
  word-break: keep-all;
  white-space: nowrap;
}

.layout_table_autowidth .haitou-table-2nd table th ,
.layout_table_autowidth .haitou-table-2nd table td {
  word-break: keep-all;
  white-space: nowrap;
}

.layout_table_autowidth tr th ,
.layout_table_autowidth tr td {
  word-break: keep-all;
  white-space: nowrap;
}

/*-- スワイプアイコン --*/
.layout_table_autowidth .shwTable ,
.layout_table_autowidth .highlights-table ,
.layout_table_autowidth .highlights-alltable-2nd ,
.layout_table_autowidth .haitou-table-2nd ,
.layout_table_autowidth .icon-swip {
  position: relative;
}

.layout_table_autowidth .shwTable ,
.layout_table_autowidth .highlights-table ,
.layout_table_autowidth .highlights-alltable-2nd ,
.layout_table_autowidth .haitou-table-2nd {
  overflow-x: scroll;
}

.layout_table_autowidth .shwTable:before ,
.layout_table_autowidth .highlights-table:before ,
.layout_table_autowidth .highlights-alltable-2nd:before ,
.layout_table_autowidth .haitou-table:before ,
.layout_table_autowidth .haitou-table-2nd:before ,
.layout_table_autowidth .icon-swip:before {
  content: '';
  z-index:50;
  position: absolute;
  top: 20%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  background: url("../../../../../../resources/sw_img/icon_swip.png") no-repeat center center;
  background-size: contain;
  opacity: 0.3;
}

.layout_table_autowidth .icon-swip.no-scroll:before ,
.layout_table_autowidth .icon-swip-done:before {
  content: none !important;
}



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

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

/* -- グラフ データラベル 文字影設定 -- */
/* -- (IEではこの設定は効ない。グラフテーマの設定が優先される) -- */
.highcharts-data-labels text {
  /*	text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF !important; */
  text-shadow: none !important;
}

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

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

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

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

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

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


/*------------------------------------- 
ニュース
-------------------------------------*/
/*-- ver2 ニュース一覧・ニュース一覧（カテゴリ）・英文書一覧・英文書一覧（カテゴリ） --*/
.news-list-2nd ,
.news-list-tabbed-2nd ,
.news-english-2nd ,
.news-english-tabbed-2nd {
  position: relative;
  margin-bottom: 20px;
}

.news-list-2nd ul ,
.news-list-tabbed-2nd ul ,
.news-english-2nd ul ,
.news-english-tabbed-2nd ul {
  padding-top: 1px;
}

/* -- 1つのリリース -- */
.news-list-2nd ul li ,
.news-list-tabbed-2nd ul li ,
.news-english-2nd ul li ,
.news-english-tabbed-2nd ul li {
  position: relative;

  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCCCCC;
}

.news-list-2nd ul li h3 ,
.news-list-tabbed-2nd ul li h3 ,
.news-english-2nd ul li h3 ,
.news-english-tabbed-2nd ul li h3 {
  position: relative;
  display: block; 
  padding-left: 0px;
  padding-top: 0px;
  padding-left: 14.2em;
}

/*-- 画像 --*/
.news-list-2nd ul li .n_img ,
.news-list-tabbed-2nd ul li .n_img ,
.news-english-2nd ul li .n_img ,
.news-english-tabbed-2nd ul li .n_img {
}

/* -- リリースのテキスト -- */
.news-list-2nd ul li .news_tx ,
.news-list-tabbed-2nd ul li .news_tx ,
.news-english-2nd ul li .news_tx ,
.news-english-tabbed-2nd ul li .news_tx {
}

.news-list-2nd ul li .news_tx a ,
.news-list-tabbed-2nd ul li .news_tx a ,
.news-english-2nd ul li .news_tx a ,
.news-english-tabbed-2nd ul li .news_tx a {
  /*	color: inherit; */
}

/* -- 日付 -- */
.news-list-2nd ul li .date ,
.news-list-tabbed-2nd ul li .date ,
.news-english-2nd ul li .date ,
.news-english-tabbed-2nd ul li .date {
  position: absolute;
  top: 0;
  left: 0;
}

/* -- カテゴリアイコン -- */
.news-list-2nd ul li .c_icon ,
.news-list-tabbed-2nd ul li .c_icon ,
.news-english-2nd ul li .c_icon ,
.news-english-tabbed-2nd ul li .c_icon {
  position: absolute;
  top: 0;
  left: 7.2em;
}

/* -- ファイルアイコン -- */
.news-list-2nd ul li .d_icon ,
.news-list-tabbed-2nd ul li .d_icon ,
.news-english-2nd ul li .d_icon ,
.news-english-tabbed-2nd ul li .d_icon {
  margin-left: 5px;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.news-list-2nd ul li .det_tx ,
.news-list-tabbed-2nd ul li .det_tx ,
.news-english-2nd .det_tx ,
.news-english-tabbed-2nd .det_tx {
  display: none;
}

/* -- 続きを読む -- */
.news-list-2nd ul li .det_tx em.more ,
.news-list-tabbed-2nd ul li .det_tx em.more ,
.news-english-2nd .det_tx em.more ,
.news-english-tabbed-2nd .det_tx em.more {
  display: none;
}


/*-- ver2 最新ニュース・最新ニュース（カテゴリ） --*/
.news-latest-2nd ,
.news-latest-tabbed-2nd {
  position: relative;
  margin-bottom: 20px;
}

.news-latest-2nd ul ,
.news-latest-tabbed-2nd ul {
  padding-top: 1px;
}

/* -- 1つのリリース -- */
.news-latest-2nd ul li ,
.news-latest-tabbed-2nd ul li {
  position: relative;

  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCCCCC;
}

.news-latest-2nd ul li h3 ,
.news-latest-tabbed-2nd ul li h3 {
  position: relative;
  display: block; 
  padding-top: 0px;
  padding-left: 14.2em;
}

/*-- 画像 --*/
.news-latest-2nd ul li .n_img ,
.news-latest-tabbed-2nd ul li .n_img {
}

/* -- リリースのテキスト -- */
.news-latest-2nd ul li .news_tx ,
.news-latest-tabbed-2nd ul li .news_tx {
}

.news-latest-2nd ul li .news_tx a ,
.news-latest-tabbed-2nd ul li .news_tx a {
  /*	color: inherit; */
}

/* -- 日付 -- */
.news-latest-2nd ul li .date ,
.news-latest-tabbed-2nd ul li .date {
  position: absolute;
  top: 0;
  left: 0;
}

/* -- カテゴリアイコン -- */
.news-latest-2nd ul li .c_icon ,
.news-latest-tabbed-2nd ul li .c_icon {
  position: absolute;
  top: 0;
  left: 7.2em;
}

/* -- ファイルアイコン -- */
.news-latest-2nd ul li .d_icon ,
.news-latest-tabbed-2nd ul li .d_icon {
  margin-left: 5px;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.news-latest-2nd ul li .det_tx ,
.news-latest-tabbed-2nd ul li .det_tx {
  display: none;
}

/* -- 続きを読む -- */
.news-latest-2nd ul li .det_tx em.more ,
.news-latest-tabbed-2nd ul li .det_tx em.more {
  display: none;
}

/* -- 全てのニュース -- */
.news-latest-2nd .all ,
.news-latest-tabbed-2nd .all {
  margin-top: 10px;
  position: relative;
}

.news-latest-2nd .all a ,
.news-latest-tabbed-2nd .all a {
  display: block;
  padding-left: 18px;
  background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 5px;
}


/*-- 中見出し(h2)の下にある場合 --*/
.title2 ~ .news-latest-2nd .all ,
.title2 ~ .news-latest-tabbed-2nd .all {
  position: absolute;
  top: -50px;
  right: 0;
  margin: 0;
  display: block;
}

/* テキスト変更 */
/*
.news-latest-2nd .all a ,
.news-latest-tabbed-2nd .all a {
font-size: 0;
}

.news-latest-2nd .all a:after ,
.news-latest-tabbed-2nd .all a:after {
font-size: 14px;
display: block;
}

#header.ja ~ div .news-latest-2nd .all a:after ,
#header.ja ~ div .news-latest-tabbed-2nd .all a:after {
content: "一覧へ";
}

#header.en ~ div .news-latest-2nd .all a:after ,
#header.en ~ div .news-latest-tabbed-2nd .all a:after {
content: "List";
}
*/


/*-------------- タブ共通 --------------*/
/* -- 年度タブ -- */
p.yearTabs {
  margin-bottom: 20px;
  font-size: 0;
}

p.yearTabs a {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #CCCCCC;
  margin-right: 5px;
  margin-bottom: 5px;
}

p.yearTabs a.active {
  font-weight: bold;
}

p.yearTabs a:hover ,
p.yearTabs a.active {
  background-color: #dddddd;
}


/* -- カテゴリタブ -- */
p.tabs{
  margin-bottom: 20px;
  font-size: 0;
}

p.tabs a {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #CCCCCC;
  margin-right: 5px;
  margin-bottom: 5px;
}

p.tabs a.active {
  font-weight: bold;
}

p.tabs a:hover ,
p.tabs a.active {
  background-color: #dddddd;
}

/* アクティブなカテゴリタブをアイコン色と同色にする */
/*
p.tabs a.allTab:hover ,
p.tabs a.allTab.active {
}
p.tabs a.tekijiTab:hover ,
p.tabs a.tekijiTab.active {
color: #FFF;
background-color: #2980b9;
}
p.tabs a.resultTab:hover ,
p.tabs a.resultTab.active {
color: #FFF;
background-color: #e67e22;
}
p.tabs a.gyousekiTab:hover ,
p.tabs a.gyousekiTab.active {
color: #FFF;
background-color: #f1c40f;
}
p.tabs a.prTab:hover ,
p.tabs a.prTab.active {
color: #FFF;
background-color: #c2185b;
}
p.tabs a.irTab:hover ,
p.tabs a.irTab.active {
color: #FFF;
background-color: #1abc9c;
}
p.tabs a.governanceTab:hover ,
p.tabs a.governanceTab.active {
color: #FFF;
background-color: #34495e;
}
p.tabs a.yuhoTab:hover ,
p.tabs a.yuhoTab.active {
color: #FFF;
background-color: #16a085;
}
p.tabs a.syosyuTab:hover ,
p.tabs a.syosyuTab.active {
color: #FFF;
background-color: #e74c3c;
}
p.tabs a.noneTab:hover ,
p.tabs a.noneTab.active {
color: #FFF;
background-color: #9b59b6;
}
*/


/*-------------- テキスト化カテゴリアイコン (ver2専用) --------------*/
/*
.news-list-2nd ul li .c_icon ,
.news-list-tabbed-2nd ul li .c_icon ,
.news-english-2nd ul li .c_icon ,
.news-english-tabbed-2nd ul li .c_icon ,
.news-latest-2nd ul li .c_icon ,
.news-latest-tabbed-2nd ul li .c_icon {
display: block;
}

.news-list-2nd ul li .c_icon:before ,
.news-list-tabbed-2nd ul li .c_icon:before ,
.news-english-2nd ul li .c_icon:before ,
.news-english-tabbed-2nd ul li .c_icon:before ,
.news-latest-2nd ul li .c_icon:before ,
.news-latest-tabbed-2nd ul li .c_icon:before {
display: block;
width: 76px;
height: 24px;
line-height: 1;
font-size: 11px;
text-align: center;
padding-top: 7px;
margin-top: -2px;

color: #fff;
background: #646464;
}

.news-list-2nd ul li .c_icon img ,
.news-list-tabbed-2nd ul li .c_icon img ,
.news-english-2nd ul li .c_icon img ,
.news-english-tabbed-2nd ul li .c_icon img ,
.news-latest-2nd ul li .c_icon img ,
.news-latest-tabbed-2nd ul li .c_icon img {
display: none;
}

.news-list-2nd ul li.tekijiElm .c_icon:before ,
.news-list-tabbed-2nd ul li.tekijiElm .c_icon:before ,
.news-english-2nd ul li.tekijiElm .c_icon:before ,
.news-english-tabbed-2nd ul li.tekijiElm .c_icon:before ,
.news-latest-2nd ul li.tekijiElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.tekijiElm .c_icon:before {
content: "適時開示";
}

.news-list-2nd ul li.resultElm .c_icon:before ,
.news-list-tabbed-2nd ul li.resultElm .c_icon:before ,
.news-english-2nd ul li.resultElm .c_icon:before ,
.news-english-tabbed-2nd ul li.resultElm .c_icon:before ,
.news-latest-2nd ul li.resultElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.resultElm .c_icon:before {
content: "決算";
}

.news-list-2nd ul li.gyousekiElm .c_icon:before ,
.news-list-tabbed-2nd ul li.gyousekiElm .c_icon:before ,
.news-english-2nd ul li.gyousekiElm .c_icon:before ,
.news-english-tabbed-2nd ul li.gyousekiElm .c_icon:before ,
.news-latest-2nd ul li.gyousekiElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.gyousekiElm .c_icon:before {
content: "業績";
}

.news-list-2nd ul li.prElm .c_icon:before ,
.news-list-tabbed-2nd ul li.prElm .c_icon:before ,
.news-english-2nd ul li.prElm .c_icon:before ,
.news-english-tabbed-2nd ul li.prElm .c_icon:before ,
.news-latest-2nd ul li.prElm .c_icon:before ,
.news-latest-tabbed-2nd ul.prElm li .c_icon:before {
content: "PR";
}

.news-list-2nd ul li.irElm .c_icon:before ,
.news-list-tabbed-2nd ul li.irElm .c_icon:before ,
.news-english-2nd ul li.irElm .c_icon:before ,
.news-english-tabbed-2nd ul li.irElm .c_icon:before ,
.news-latest-2nd ul li.irElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.irElm .c_icon:before {
content: "IR";
}

.news-list-2nd ul li.governanceElm .c_icon:before ,
.news-list-tabbed-2nd ul li.governanceElm .c_icon:before ,
.news-english-2nd ul li.governanceElm .c_icon:before ,
.news-english-tabbed-2nd ul li.governanceElm .c_icon:before ,
.news-latest-2nd ul li.governanceElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.governanceElm .c_icon:before {
content: "ガバナンス";
}

.news-list-2nd ul li.yuhoElm .c_icon:before ,
.news-list-tabbed-2nd ul li.yuhoElm .c_icon:before ,
.news-english-2nd ul li.yuhoElm .c_icon:before ,
.news-english-tabbed-2nd ul li.yuhoElm .c_icon:before ,
.news-latest-2nd ul li.yuhoElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.yuhoElm .c_icon:before {
content: "有報";
}

.news-list-2nd ul li.syosyuElm .c_icon:before ,
.news-list-tabbed-2nd ul li.syosyuElm .c_icon:before ,
.news-english-2nd ul li.syosyuElm .c_icon:before ,
.news-english-tabbed-2nd ul li.syosyuElm .c_icon:before ,
.news-latest-2nd ul li.syosyuElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.syosyuElm .c_icon:before {
content: "招集通知";
}

.news-list-2nd ul li.noneElm .c_icon:before ,
.news-list-tabbed-2nd ul li.noneElm .c_icon:before ,
.news-english-2nd ul li.noneElm .c_icon:before ,
.news-english-tabbed-2nd ul li.noneElm .c_icon:before ,
.news-latest-2nd ul li.noneElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.noneElm .c_icon:before {
content: "その他";
}
*/


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

.rss-content em {
  font-style: normal;
  float: right;
  margin-bottom: 10px;
}

.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-list:not(.thumnail) ,
.basic-list-english:not(.thumnail) {
}

.basic-list:not(.thumnail) ul.tabItems ,
.basic-list-english:not(.thumnail) ul.tabItems {
  border-top: 1px solid #ececec;
}

/* -- 1つのリリース -- */
.basic-list:not(.thumnail) ul.tabItems li ,
.basic-list-english:not(.thumnail) ul.tabItems li {
  position: relative;

  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ececec;
}

.basic-list:not(.thumnail) ul.tabItems li h3 ,
.basic-list-english:not(.thumnail) ul.tabItems li h3 {
  position: relative;
  display: block; 
  padding-top: 0px;
  padding-left: 12.8em;
}

.basic-list:not(.thumnail) ul.tabItems li a ,
.basic-list-english:not(.thumnail) ul.tabItems li a {
  font-weight: normal;
}

/* -- リリースのテキスト -- */
.basic-list:not(.thumnail) ul.tabItems li .news_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li .news_tx {
}

/* -- 日付 -- */
.basic-list:not(.thumnail) ul.tabItems li .date ,
.basic-list-english:not(.thumnail) ul.tabItems li .date {
  position: absolute;
  top: 0;
  left: 0;

  color: #333;
}

/* -- カテゴリアイコン -- */
.basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  /*	margin-left: -120px;*/
  position: absolute;
  left: 130px;

  /* 縦並び */
  width: 130px;
  /*	float: left;*/

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

/* ２カラムはSPと同じ表示 */
.multiColumn2 .basic-list:not(.thumnail) ul.tabItems li h3 ,
.multiColumn2 .basic-list-english:not(.thumnail) ul.tabItems li h3 {
  padding-top: 1.6em;
  padding-left: 0;
}

.multiColumn2 .basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.multiColumn2 .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
  width: auto;
  float: none;
  display: block;
  margin-left: 0;

  margin-top: -1.6em;
  min-height: 1.6em;
  padding-left: 6.8em;
}

/* -- ファイルアイコン -- */
.basic-list:not(.thumnail) ul.tabItems li .d_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .d_icon {
}

/* NEWアイコン */
/* js制御される為、displayの設定は不可 */
.basic-list:not(.thumnail) ul.tabItems li .n_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .n_icon {
  margin: 0 0.5em;
}

.basic-list:not(.thumnail) ul.tabItems li .n_icon:before ,
.basic-list-english:not(.thumnail) ul.tabItems li .n_icon:before {
  content: "NEW";
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #bf9f51;
}

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


/*----------- サムネイルあり -----------*/
.basic-list.thumnail ,
.basic-list-english.thumnail {
}

.basic-list.thumnail ul.tabItems ,
.basic-list-english.thumnail ul.tabItems {
  font-size: 0;
  text-align: left;
  margin-right: -18px;
}

/* PCでは１行に３つづつで、画像が上側、テキストは下側に配置 */
.basic-list.thumnail ul.tabItems li ,
.basic-list-english.thumnail ul.tabItems li {
  cursor: inherit;
  font-size: 14px;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;

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

.basic-list.thumnail .n_img ,
.basic-list-english.thumnail .n_img {
  width: 100%;
  margin-bottom: 10px;
}

/* 日付、カテゴリアイコンを非表示 */
.basic-list.thumnail ul.tabItems li .date ,
.basic-list-english.thumnail ul.tabItems li .date {
  display: none;
}

.basic-list.thumnail ul.tabItems li .c_icon ,
.basic-list-english.thumnail ul.tabItems li .c_icon {
  position: static;
  margin: 10px 0 0;
}

.basic-list.thumnail ul.tabItems li a ,
.basic-list-english.thumnail ul.tabItems li a {
  color: #000;
  text-decoration: none;
}

.basic-list.thumnail ul.tabItems li a:hover img ,
.basic-list-english.thumnail ul.tabItems li a:hover img {
  -ms-opacity: 0.8;
  opacity: 0.8;
}

/* NEWアイコン */
/* js制御される為、displayの設定は不可 */
.basic-list.thumnail ul.tabItems li .n_icon ,
.basic-list-english.thumnail ul.tabItems li .n_icon {
  position: absolute;
  top: 0;
  right: 0;
}

.basic-list.thumnail ul.tabItems li .n_icon:before ,
.basic-list-english.thumnail ul.tabItems li .n_icon:before {
  content: "NEW";
  display: block;
  padding: 3px 10px;
  font-size: 12px;
  color: #fff;
  background: #ff5445;
}

/* 非公開アイコンテキスト */
/* タイルの形が崩れない様に上に載せている */
.basic-list.thumnail ul li .note_tx ,
.basic-list-english.thumnail ul li .note_tx {
  position: absolute;
  z-index: 1;
}

.basic-list.thumnail ul.tabItems li h3 ,
.basic-list-english.thumnail ul.tabItems li h3 {
  overflow: hidden;
}

/* ニューステキスト */
.basic-list.thumnail ul.tabItems li .news_tx ,
.basic-list-english.thumnail ul.tabItems li .news_tx {
  display: block;
}

/* 概要テキスト */
.basic-list.thumnail ul.tabItems li .det_tx ,
.basic-list-english.thumnail ul.tabItems li .det_tx {
  display: none;
}

/* 製品用  product-tabs  */
.product-tabs .basic-list.thumnail ul.tabItems li,
.product-tabs .basic-list-english.thumnail ul.tabItems li {
  width: calc(100% / 2 - 18px);
}
.product-tabs .basic-list.thumnail ul.tabItems li .news_tx,
.product-tabs .basic-list-english.thumnail ul.tabItems li .news_tx {
  display: block;
  white-space: pre;
  position: absolute;
  bottom: 50%;
  margin-left: 10px;
  font-weight: normal;
  font-size: 20px;
  font-size: 1.2em;
  text-shadow: 0px 0px 3px #f1f0ed, 0px 0px 3px #f1f0ed, 0px 0px 3px #f1f0ed;
}

.product-tabs .basic-list.thumnail ul.tabItems li h3:before ,
.product-tabs .basic-list-english.thumnail ul.tabItems li h3:before {
  content: "PRODUCTS";
  position: absolute;
  top: 10px;
  left: 30px;
  font-weight: bold;
  color: #bbb;
}

.product-tabs .basic-list.thumnail ul.tabItems li h3:after ,
.product-tabs .basic-list-english.thumnail ul.tabItems li h3:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 10px;
  background: #cc0033;
  height: 1px;
  width: 10px;
}


/* 概要テキスト */
.product-tabs .basic-list.thumnail ul.tabItems li .det_tx,
.product-tabs .basic-list-english.thumnail ul.tabItems li .det_tx {
  display: block;
  position: absolute;
  top: 59%;
  margin-left: 10px;
  margin-top: -14px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  text-shadow: 0px 0px 3px #f1f0ed, 0px 0px 3px #f1f0ed, 0px 0px 3px #f1f0ed;
}



/*----------- タブ(絞込み) -----------*/
.basic-list .countTab ,
.basic-list-english .countTab ,
.basic-list .clearTab ,
.basic-list-english .clearTab {
  display: none;
}

.basic-list .yearTabs ,
.basic-list-english .yearTabs {
  margin-bottom: 20px;
  padding: 0px 0px 5px;
  border-bottom: 1px solid #ddd;
}

.basic-list .tabs ,
.basic-list-english .tabs {
  margin-bottom: 40px;
}

.basic-list .tabs > ul > li[aria-hidden="false"] ,
.basic-list-english .tabs > ul > li[aria-hidden="false"] {
  display: block;
  margin-bottom: 10px;
  padding: 0px 0px 5px;
  border-bottom: 1px solid #ddd;
}

.basic-list .yearTabs span:before ,
.basic-list-english .yearTabs span:before ,
.basic-list .tabs span:before ,
.basic-list-english .tabs span:before {
  display: inline-block;
  padding: 5px 20px;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #000;
}

.basic-list .yearTabs span[active="true"]:before ,
.basic-list-english .yearTabs span[active="true"]:before ,
.basic-list .tabs span[active="true"]:before ,
.basic-list-english .tabs span[active="true"]:before {
  background: #ddd;
}

.basic-list .yearTabs span:hover:before ,
.basic-list-english .yearTabs span:hover:before ,
.basic-list .tabs span:hover:before ,
.basic-list-english .tabs span:hover:before {
  background: #ddd;
}

/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list .tabs ul[data-category-level="1"] > li > span ,
.basic-list-english .tabs ul[data-category-level="1"] > li > span {
  display: none;
}

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


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

.basic-list .c_icon span:before ,
.basic-list-english .c_icon span:before {
  display: inline-block;
  margin-right: 10px;
  margin-top: 3px;

  width: 105px;
  height: 24px;
  line-height: 1;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  padding-top: 6px;

  color: #fff;
  /*	background: #646464;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* カテゴリ設定で設定した名称と、アイコン上の文字を変えたい場合は */
/* contentで上書きする。個別に背景色等を設定する場合も同様 */
/* ↓サンプル */
.basic-list .c_icon span.tekiji:before ,
.basic-list-english .c_icon span.tekiji:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_press.png");
}

.basic-list .c_icon span.result:before ,
.basic-list-english .c_icon span.result:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_tanshin.png"); 
}

.basic-list .c_icon span.gyouseki:before ,
.basic-list-english .c_icon span.gyouseki:before {
  	content: ""; 
  	background-image: url("../../../../../../resources/sw_img/common/icon_category_gyouseki.png");
}

.basic-list .c_icon span.pr:before ,
.basic-list-english .c_icon span.pr:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_pr.png");
}

.basic-list .c_icon span.ir:before ,
.basic-list-english .c_icon span.ir:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_ir.png");
}

.basic-list .c_icon span.governance:before ,
.basic-list-english .c_icon span.governance:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_governance.png");
}

.basic-list .c_icon span.yuho:before ,
.basic-list-english .c_icon span.yuho:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_yuho.png");
}

.basic-list .c_icon span.meeting:before ,
.basic-list-english .c_icon span.meeting:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_meeting.png");
}

.basic-list .c_icon span.none:before ,
.basic-list-english .c_icon span.none:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_other.png");
}

.basic-list .c_icon span.info:before ,
.basic-list-english .c_icon span.info:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_info.png");
}

.basic-list .c_icon span.ir_news:before ,
.basic-list-english .c_icon span.ir_news:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_ir_news.png");
}

.basic-list .c_icon span.notice:before ,
.basic-list-english .c_icon span.notice:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_notice.png");
}

.basic-list .c_icon span.document:before ,
.basic-list-english .c_icon span.document:before {
  content: ""; 
    background-image: url("../../../../../../resources/sw_img/common/icon_category_document.png");
}

.basic-list .c_icon span.irsr:before ,
.basic-list-english .c_icon span.irsr:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_irsr.png");
}

.basic-list .c_icon span.other_en:before ,
.basic-list-english .c_icon span.other_en:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_other_en.png");
}

.basic-list .c_icon span.judo:before ,
.basic-list-english .c_icon span.judo:before {
  content: ""; 
  background-image: url("../../../../../../resources/sw_img/common/icon_category_judo.png");
}


/* マルチ２一覧 カテゴリをフラット選択に */
.layout_flat_category .basic-list .tabs li.allall ,
.layout_flat_category .basic-list-english .tabs li.allall ,
.layout_flat_category .basic-list .tabs span.allall ,
.layout_flat_category .basic-list-english .tabs span.allall {
  display: inline;
}

.layout_flat_category .basic-list .tabs li.all ,
.layout_flat_category .basic-list-english .tabs li.all {
  display: none;
}

.layout_flat_category .basic-list .tabs > ul > li[aria-hidden="false"] ,
.layout_flat_category .basic-list-english .tabs > ul > li[aria-hidden="false"] {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

.layout_flat_category .basic-list .tabs ,
.layout_flat_category .basic-list-english .tabs {
  /*
  padding: 10px 10px 5px;
  border: 1px solid #ddd;
  */
}



/*------------------------------------- 
メディア
-------------------------------------*/
/*------------- flash --------------*/
.flash-animation {
  margin: auto;
  text-align: center;
}

.flash-animation embed {
  width: 100%;
  height: 100%;
}

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

div.video dl {
  width: 100%;
}

div.video dl dt {
  text-align: center;
  margin-bottom: 5px;
}

div.video dl dt video {
  width: auto;
  max-width: 100%;
}

div.video dl dd {
}

/* -- 動画キャプション -- */
div.video dl dd.caption {
}

/* -- 動画コピーライト -- */
div.video dl dd.copyright {
}

/* -- 動画ディスクリプション -- */
div.video dl dd.longdesc {
  /*	display: none; */
}


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

div.audio dl {
  width: 80%;
  margin: auto;
}

div.audio dl dt {
  margin-bottom: 5px;
}

div.audio dl dt audio {
  width: 100%;
}

div.audio dl dd {
}

/* -- 音声キャプション -- */
div.audio dl dd.caption {
}

/* -- 音声コピーライト -- */
div.audio dl dd.copyright {
}

/* -- 音声ディスクリプション -- */
div.audio dl dd.longdesc {
  /*	display: none; */
}


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

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

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

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


/*-------------- iframe表示 --------------*/
.disp-external-page {
}

.disp-external-page iframe {
  border: none;
  display: block;
  width: 100%;
  height: 800px;
  margin: auto;
}

.iframe-wrap .iframe {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .iframe-wrap .iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .iframe-wrap .iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}


/*------------------------------------- 
サイトマップ
-------------------------------------*/
/*-------------- サイトマップ --------------*/
.sitemap {
  display: inline-block;
  vertical-align: top;
  width: 48.5%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.sitemap:nth-child(even) {
  margin-right: 0;
}

/* -- 第１階層(ja)・第２階層 -- */
.sitemap > h2 {
  line-height: 1.2;
  font-weight: bold;
  border: #CCC 1px solid;
  margin-bottom: 12px;
  padding: 15px 20px 15px;
}

.sitemap > h2 a {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  display: block;
  padding-right: 20px;
}
.sitemap > h2 a:before {
  content: '';
  width: 10px;
  height: 17px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") no-repeat center;
  background-size: cover;
}
.sitemap > h2 a:hover {
  opacity: 0.7;
}

/* -- 第３階層 -- */
.sitemap > ul {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 2%;
}
.sitemap > ul:nth-child(odd) { /* 最初にh2がある為、奇数が左側 */
  margin-right: 0;
}

.sitemap > ul > li {
  padding-left: 12px;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
  margin-left: 8px;
  margin-bottom: 5px;
}

/* -- 第４階層 -- */
.sitemap > ul > li > ul {
  margin-top: 10px;
}

.sitemap > ul > li > ul > li {
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
  padding-left: 12px;
  margin-left: 8px;
  margin-bottom: 5px;
}

/* -- 第５階層以降は非表示 -- */
.sitemap > ul > li > ul > li > ul {
  display: none;
}


/*-------------- 正規化版サイトマップ --------------*/
.sitemap-1st {
  font-size: 0;
}

.sitemap-1st > ul > li  {
  display: inline-block;
  vertical-align: top;
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: 20px;
}
.sitemap-1st > ul > li:nth-child(even) {
  margin-right: 0;
}

/* -- 第１階層(ja)・第２階層 -- */
.sitemap-1st > a ,
.sitemap-1st > ul > li > a {

  line-height: inherit;
  font-size: 20px;

  display: block;
  font-weight: bold;
  border: #CCC 1px solid;
  margin-bottom: 12px;
  padding: 15px 40px 15px 20px;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
}
.sitemap-1st > a:before ,
.sitemap-1st > ul > li > a:before {
  content: '';
  width: 10px;
  height: 17px;
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") no-repeat center;
  background-size: cover;
}

/* -- 第３階層 -- */
.sitemap-1st ul.siteLevel_2 > li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 20px;
}
.sitemap-1st ul.siteLevel_2 > li:nth-child(even) {
  margin-right: 0;
}

.sitemap-1st ul.siteLevel_2 > li > a {
  font-size: 18px;
  font-weight: bold;
  display: block;
  padding-left: 12px;
  margin-left: 8px;
  margin-bottom: 5px;
}

/* -- 第４階層 -- */
.sitemap-1st ul.siteLevel_3 {
  margin-top: 10px;
}

.sitemap-1st ul.siteLevel_3 > li {
  margin-top: 10px;
}

.sitemap-1st ul.siteLevel_3 > li > a {
  font-size: 14px;
  font-weight: normal;
  display: block;
  padding-left: 12px;
  margin-left: 8px;
  margin-bottom: 5px;
}
.sitemap-1st ul.siteLevel_3 > li > a:before {
  content: '- ';
}

/* -- 第５階層以降は非表示 -- */
.sitemap-1st ul.siteLevel_4 {
  display: none;
}


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

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

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

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

.footer-link-list h4 {
}

.footer-link-list ul {
}

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

.footer-link-list ul li {
}


/*-------------- 内部フッタリンク --------------*/
/*-------------- 外部フッタリンク --------------*/
.footer-link-list ul li.footer-link-internal ,
.footer-link-list ul li.footer-link-external {
  background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") 6px 0.4em no-repeat;
  padding-left: 18px;
}
.footer-link-list ul li.footer-link-internal a ,
.footer-link-list ul li.footer-link-external a {
}

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


/* --------------------------------------
フォーム
-------------------------------------- */
/* FORMS
-------------------- */
/*
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input,
textarea,
select {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.validity-alert {
  font-family: 'arial', 'helvetica', 'sans-serif';
  font-size: 14px;
}
textarea {
  font-family: 'arial', 'helvetica', 'sans-serif';
}
.form-box {
  /*	width: 95%; */
  /*	padding: 0 20px; */
  margin: auto;
}
.form-wrapper {
  clear: both;
  margin: auto;
}

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

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

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

.form-wrapper fieldset {
  border: none;
  margin: 5px 0 30px 0;
}
.form-wrapper fieldset > h2 {
  margin-bottom: 10px;
  padding: 5px 10px;
  color: #333;
  background-color: #CCCCCC;
}
.form-wrapper p.required {
  text-align: right;
}
/*.form-wrapper*/ #Check p.required {
  display: none;
}
.form-wrapper p.required span,
.form-wrapper dfn {
  color: #ec1549;
  font-weight: bold;
  font-style: normal;
}


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

/* mod for short elements */
.form-wrapper fieldset fieldset.mod .form-item {
  float: left;
  clear: none;
  margin-right: 15px;
}
.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;
}

/* Submit */
.form-wrapper div.button-wrapper {
  width: 100%;
  position: relative;
  border: none;
  padding: 10px 0 5px 0;
  text-align: center;
}
.form-wrapper fieldset div.button-wrapper em {
  float: right;
  margin-top: -24px;
  font-size: 140%;
}
.new-search .button,  /* button outside button-wrapper */
.form-wrapper div.button-wrapper input { /* button */
  right: auto;
  width: auto;
  margin: 5px;
  padding: 15px 40px 15px 20px;
  /*color: #fff;*/
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  background: url("../../../../../../resources/sw_img/common/icon_arrow_w.png") 95% center no-repeat #d50000;
  background-size: 10px 17px;
  border: none;
  position: relative;
  transition: .2s;
  /*
  font-size: 120%;
  border-radius: 5px;

  background: #eaeaea;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dedede), color-stop(0.00, #f7f7f7));
  background: -webkit-linear-gradient(#f7f7f7, #dedede);
  background: -o-linear-gradient(#f7f7f7, #dedede);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dedede));
  background: linear-gradient(#f7f7f7, #dedede);
  */
}

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

.form-summary table {
}

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

.form-summary table td {
  /*	border: solid #7F9BDA 1px; */
  /*	padding: 5px 10px; */
  white-space: pre;
  white-space: pre-line;
  word-break: break-word;
  width: 70%;
}

.form-summary table td:first-child {
  /*	color: #333;  */
  /*	background-color: #efefef; */
  /*	font-weight: bold; */
  /*	text-align: left; */
  width: 30%;
}

.new-search .button {  /* button outside button-wrapper */
  padding-top: 3px;
  padding-bottom: 4px;
}
.new-search .button:hover,
.new-search .button:active,
.new-search .button:focus,
.form-wrapper div.button-wrapper input:hover,
.form-wrapper div.button-wrapper input:active,
.form-wrapper div.button-wrapper input:focus {
  background-color: #970000;
  /*color: #fff;*/
}
/* 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;
}

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

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

.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 {
  margin: 20px 0;
  font-weight: bold;
}
.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 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%;
}

/* 右セル */
.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: 5px;
  margin-bottom: 5px;
  padding: 5px 5px;
}


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


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

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

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



/* --------------------------------------
個別設定
-------------------------------------- */
/* -- スマホ -- */
.sp_navi {
  display: none;
}

#panel2-sw ,
.panel2-sw ,
.panel2-btn {
  display: none;
}


/* google search */
.gsc-control-cse ,
.gsc-control-cse * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
}

.gsc-control-cse {
  line-height: 1;
}


/*-- 上に戻るリンク 設定例：scroll.js用 --*/
#site-info .topcontrol ,
#topcontrol {
  position: fixed;
  font-size: 0;
  height: 0;
  width: 100%;
  max-width: calc(1000px + (51px + 50px) *2);
  /*	max-width: 1162px; */
  left: 50%;
  bottom: -50px;
  opacity: 0.3;
  z-index: 10000;

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


#site-info .topcontrol.visible ,
#topcontrol.visible {
  bottom: 15px;
  opacity: 1;
}

/* 画像を使用する場合 */
#site-info .topcontrol a ,
#topcontrol a {
  position: relative;
  right: 50px;
  bottom: 50px;
  cursor: pointer;
  margin: auto;

  display: block;
  width: 70px;
  height: 35px;
  background: url("../../../../../../resources/sw_img/common/btn_return_top.png") no-repeat center top;
  background-size: contain;
}

#site-info .topcontrol.visible a ,
#topcontrol.visible a {
  width: 70px;
  height: 35px;

  transition: 0s;
}

/* 画像を使用しない場合
#site-info .topcontrol a ,
#topcontrol a {
position: relative;
right: 50px;
bottom: 50px;
cursor: pointer;
margin: auto;

display: block;
width: 51px;
height: 42px;
background: rgba(0,0,0, 0.53);
}

#site-info .topcontrol a:before ,
#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);
}
*/

#site-info .toTop ,
#toTop {
  text-align: right;
  margin: 3em 20px 80px;
}

#site-info .toTop a ,
#toTop a {
  padding-left: 1.44em;
  display: inline-block;
  position: relative;
  overflow: visible;
}

#site-info .toTop a:before ,
#toTop a:before {
  content: "";
  margin-top: -0.3em;
  border-top: 0.1em solid #e50000;
  border-right: 0.1em solid #e50000;
  width: 0.7em;
  height: 0.7em;
  position: absolute;
  top: 0.85em;
  left: 0;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

#site-info .toTop ,
#toTop {
  display: none;
}


/* -------------------------------------------- */
/*  ヘッダー　*/
/* -------------------------------------------- */
@media screen and (min-width: 768px) {
  #header {
    height: 80px;
  }
  body[data-page-path="/ja/index"] #header, 
  body[data-page-path="/en/index"] #header {
    height: 0;
  }

  #promos3 .area-sp-header {
    display: none !important;
  }

  #promos3 .area-pc-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: calc(1000px + 40px);
    height: 140px;
    background: #fff;
    z-index: 10001;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box;
    transition: .2s ease-in;
  }

  #promos3 .area-pc-header > div {
    position: relative;
    /*	width: calc(1000px + 40px);*/
    height: 80px;
  }

  /* ヘッダーロゴ */
  #promos3 .area-logo {
    position: absolute;
    width: 290px;
    height: 140px;
    top: 0;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease-in;
  }
  #promos3 .area-logo img {
    margin: 0;
    width: 100%;
  }
  #promos3 .area-logo a:hover img {
    transition: .2s;
  }

  /* ヘッダーサブリンク */
  #promos3 .area-header-link {
    position: absolute;
    right: 30px;
    top: 35px;
    font-size: 14px;
    font-weight: bold;
    transition: .2s ease-in;
  }


  /* ヘッダーグロナビ */
  #promos3 .area-gnavi {
    text-align: right;
    padding-right: 30px;
    padding-top: 75px;
    transition: .2s ease-in;
  }
  #promos3 .area-gnavi a:hover,
  #promos3 .area-gnavi a.within,
  #promos3 .area-gnavi a.act {
    transition: .2s;
    color: #d50000;
  }

  #promos3 .area-gnavi [class^="gnavi-"],
  #promos3 .area-gnavi [class*=" gnavi-"] {
    display: inline-block;
    margin-left: 2em;
    font-weight: bold;
    vertical-align: top;

  }
  #promos3 .area-gnavi [class^="gnavi-"]:hover,
  #promos3 .area-gnavi [class*=" gnavi-"]:hover {
    height: 70px;
  }

  /* メガドロップ */
  #promos3 .area-gnavi .no-img + .reuse-component {
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 140px;
    width: 100%;
    max-height: 0;
    opacity: 0;
    z-index: 10;
    transform: translateY(-20px);
  }
  #promos3 .area-gnavi [class^="gnavi-"]:hover .no-img + .reuse-component,
  #promos3 .area-gnavi [class*=" gnavi-"]:hover .no-img + .reuse-component{
    opacity: 1;
    transition: .8s;
    max-height: none;
    min-height: 265px;
    transform: translateY(0px);
  }
  #promos3 .area-gnavi .no-img + .reuse-component:before,
  #promos3 .area-gnavi .no-img + .reuse-component:after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
  }
  #promos3 .area-gnavi .no-img + .reuse-component:before{
    height: 50px;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
  }
  #promos3 .area-gnavi .no-img + .reuse-component:after {
    background-color: #fff;
    top: 0;
    z-index: 1;
    height: calc(100% - 50px);
  }

  #promos3 .area-gnavi .no-img + .reuse-component > div {
    width: 100%;
    max-width: 1000px;
    padding: 50px 0 100px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 5;
  }
  #promos3 .area-gnavi .no-img + .reuse-component > div > a{
    width: 300px;
    height: 165px;
    padding: 0 20px 0 50px;
    margin: 0;
    font-size: 22px;
    line-height: 1.4;
    color: #fff;
    display: flex;
    align-items: center;
    position: relative;
    background: url("../../../../../../resources/sw_img/common/icon_arrow_w.png") 20px center no-repeat;
    background-size: 10px;
  }
  #promos3 .area-gnavi .gnavi-3 .no-img + .reuse-component > div > a,
  #promos3 .area-gnavi .gnavi-4 .no-img + .reuse-component > div > a,
  #promos3 .area-gnavi .gnavi-5 .no-img + .reuse-component > div > a {
    color: #000;
    background: url("../../../../../../resources/sw_img/common/icon_arrow_b.png") 20px center no-repeat;
    background-size: 10px;
  }

  #promos3 .area-gnavi .no-img + .reuse-component > div > a:before{
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
  }
  #promos3 .area-gnavi .no-img + .reuse-component ul{
    width: calc(100% - 350px);
    margin: 0 0 0 50px;
  }
  #promos3 .area-gnavi .no-img + .reuse-component ul li {
    display: inline-block;
    margin-right: 2em;
    margin-bottom: 1em;
  }
  #promos3 .area-gnavi .no-img + .reuse-component ul li a:before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    margin-top: 6px;
    width: 10px;
    height: 17px;
    background-image: url("../../../../../../resources/sw_img/common/icon_arrow_r.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

  }

  /*メガドロ画像設定*/
  #promos3 .area-gnavi .gnavi-1 .no-img + .reuse-component > div > a:before{background-image: url(../../../../../../resources/sw_img/mv/mv-corporate-sub.jpg);}
  #promos3 .area-gnavi .gnavi-2 .no-img + .reuse-component > div > a:before{background-image: url(../../../../../../resources/sw_img/mv/mv-product-sub.jpg);}
  #promos3 .area-gnavi .gnavi-3 .no-img + .reuse-component > div > a:before{background-image: url(../../../../../../resources/sw_img/mv/mv-ir-sub.jpg);}
  #promos3 .area-gnavi .gnavi-4 .no-img + .reuse-component > div > a:before{background-image: url(../../../../../../resources/sw_img/mv/mv-recruit-sub.jpg);}
  #promos3 .area-gnavi .gnavi-5 .no-img + .reuse-component > div > a:before{background-image: url(../../../../../../resources/sw_img/mv/mv-tech-sub.jpg);}
}

/* コンパクトヘッダー */
#promos3 .area-pc-header.js-scroll {height: 80px;}
#promos3 .area-pc-header.js-scroll .area-logo {width: 220px;height: 70px;}
#promos3 .area-pc-header.js-scroll .area-header-link {display: none;}
#promos3 .area-pc-header.js-scroll .area-gnavi {padding-top: 25px;}
#promos3 .js-scroll .area-gnavi .no-img + .reuse-component {top: 80px;}


@media print, screen and (min-width: 768px) and (max-width: 1200px) {
  #promos3 .area-gnavi [class^="gnavi-"],
  #promos3 .area-gnavi [class*=" gnavi-"] {
    margin-left: 1em;
  }
  #promos3 .area-gnavi [class^="gnavi-"] > div > div h2,
  #promos3 .area-gnavi [class*=" gnavi-"] > div > div h2 {
    font-size: 18px;
  }
}


#promos3 .area-header-link > div > div > div {
  display: inline-block;
  margin-left: 2em;
}
#promos3 .area-header-link > div > div > div a:before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 5px;
}
#promos3 .area-header-link > div > div > div a:hover,
#promos3 .area-header-link > div > div > div a.within,
#promos3 .area-header-link > div > div > div a.act {
  transition: .2s;
  color: #d50000;
}

#promos3 .area-contact a:before {
  width: 18px;
  height: 13px;
  background-image: url("../../../../../../resources/sw_img/common/icon_mail.png");
}
#promos3 .area-sitemap a:before {
  width: 19px;
  height: 14px;
  background-image: url("../../../../../../resources/sw_img/common/icon_sitemap.png");
}
#promos3 .area-lang-navi a:before {
  width: 14px;
  height: 14px;
  background-image: url("../../../../../../resources/sw_img/common/icon_lang.png");
}

/* search-box */
#promos3 .area-search-box .gsc-search-box {
  width: 280px;
  height: 30px;
  overflow: hidden;
} 
#promos3 .area-search-box .gsc-search-box .gsc-input td {
  /*
  display: inline-block;
  width: 50%;
  background-color: #ccc;
  */
}
#promos3 .area-search-box .gsc-search-box input {
  border: 1px solid #ececec !important;
  height: 30px !important;
  width: 250px !important;
  padding: 0 10px !important;
}
#promos3 .area-search-box table.gsc-search-box > * > * > td {
  display: inline-block;
  vertical-align: top;
}
#promos3 .area-search-box .gsc-search-box .gsc-search-button {
  background-color: #d70000;
  width: 30px;
  height: 30px;
}
#promos3 .area-search-box .gsc-search-box .gsc-search-button svg {
  width: 50%;
}
#promos3 .area-search-box .gsc-search-box .gsc-clear-button {
  display: none;
}




/* -------------------------------------------- */
/* スライドMV */
/* -------------------------------------------- */
#promos3 .area-slider {background-color: #000;}

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

  [data-page-marker~="with-slider"] #mv ,
  #promos3 .area-slider {
    display: block;
    width: 100%;
    min-width: 1040px;
    padding-bottom: 45%;
    min-height: 470px;
    max-height: 865px;
    position: relative;
  }

  #promos3 .area-slider  {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }
  #promos3 .area-slider * {height: 100%;}

  #promos3 .area-slider > .column1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
  }

  #area-slider .slick-slide {
    webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: transform .8s, opacity .8s !important;
    -moz-transition: transform .8s, opacity .8s !important;
    transition: transform .8s, opacity .8s !important;
  }

  #area-slider .slick-slide > div > div:nth-child(2) {
    display: none;
  }

  #area-slider .slick-current {
    webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  #area-slider .slick-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE*/
    transition: .2s;
  }

  /*-- メインビジュアル --*/
  [data-page-marker~="with-mv"] #page-intro > h1 {
    color: #fff;
    position: absolute;
    top: 210px;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    height: auto;
    z-index: 1;
  }

  [data-page-marker~="with-mv"] #mv ,
  #promos3 .area-mv {
    display: block;
    width: 100%;
    min-width: 1040px;
    height: 280px;
    position: relative;
    margin-bottom: 40px;
  }

  #promos3 .area-mv  {
    position: absolute;
    top: 120px;
    left: 0;
    overflow: hidden;
  }

  #promos3 .area-mv > .column1 {
    margin: auto;
    height: auto;

    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 1400px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #promos3 .area-mv img {
    width: 100%;
  }

  /* slick-dots */
  #area-slider .slick-dots {
    bottom: 50%;
    /*	margin-bottom: -250px;*/
    padding: 9px 0;
    height: auto;
    width: 160px;
    right: 0;
    transform: translateY(50%)
  }
  #area-slider .slick-dots li {
    display: block;
    height: 30px;
    width: 60%;
    margin: 0 0 0 auto;
  }
  #area-slider .slick-dots li + li {
    margin-top: 15%;
  }
  #area-slider .slick-dots li.slick-active {
    width: 100%;
    height: 50px;
  }
}


/* slick-dots */
#area-slider .slick-dots li {
  border-bottom: 1px solid #fff;
}

#area-slider .slick-dots li button {
  /*
  border-radius: 50%;
  background: rgba(0, 162, 88, 0.3);
  width: 8px;
  height: 8px;
  */
  margin: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 80%;
}
#area-slider .slick-dots li:nth-child(1) button {background-image: url(../../../../../../resources/sw_img/top/icon_number1_w.png);} 
#area-slider .slick-dots li:nth-child(2) button {background-image: url(../../../../../../resources/sw_img/top/icon_number2_w.png);} 
#area-slider .slick-dots li:nth-child(3) button {background-image: url(../../../../../../resources/sw_img/top/icon_number3_w.png);} 
#area-slider .slick-dots li:nth-child(4) button {background-image: url(../../../../../../resources/sw_img/top/icon_number4_w.png);} 
#area-slider .slick-dots li:nth-child(5) button {background-image: url(../../../../../../resources/sw_img/top/icon_number5_w.png);} 
#area-slider .slick-dots li:nth-child(6) button {background-image: url(../../../../../../resources/sw_img/top/icon_number6_w.png);} 
#area-slider .slick-dots li:nth-child(7) button {background-image: url(../../../../../../resources/sw_img/top/icon_number7_w.png);} 

#area-slider .slick-dots li.slick-active {
  border-color: #d50000;
}
#area-slider .slick-dots li.slick-active:nth-child(1) button {background-image: url(../../../../../../resources/sw_img/top/icon_number1_r.png);} 
#area-slider .slick-dots li.slick-active:nth-child(2) button {background-image: url(../../../../../../resources/sw_img/top/icon_number2_r.png);} 
#area-slider .slick-dots li.slick-active:nth-child(3) button {background-image: url(../../../../../../resources/sw_img/top/icon_number3_r.png);} 
#area-slider .slick-dots li.slick-active:nth-child(4) button {background-image: url(../../../../../../resources/sw_img/top/icon_number4_r.png);} 
#area-slider .slick-dots li.slick-active:nth-child(5) button {background-image: url(../../../../../../resources/sw_img/top/icon_number5_r.png);} 
#area-slider .slick-dots li.slick-active:nth-child(6) button {background-image: url(../../../../../../resources/sw_img/top/icon_number6_r.png);} 
#area-slider .slick-dots li.slick-active:nth-child(7) button {background-image: url(../../../../../../resources/sw_img/top/icon_number7_r.png);} 

/* nextback */
#area-slider .slick-prev, 
#area-slider .slick-next,
#area-slider .slick-prev:hover, 
#area-slider .slick-next:hover,
#area-slider .slick-prev:focus , 
#area-slider .slick-next:focus {
  background-color: #d50000 !important;
  width: 176px;
  height: 84px !important;
  bottom: 0;
  top: auto;
  left: auto;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 40% ;
}
#area-slider .slick-next,
#area-slider .slick-next:hover,
#area-slider .slick-next:focus  {
  right: 0;
  background-image: url(../../../../../../resources/sw_img/top/slide-arrow-next.png);
}
#area-slider .slick-prev,
#area-slider .slick-prev:hover,
#area-slider .slick-prev:focus  {
  right: 175px;
  background-image: url(../../../../../../resources/sw_img/top/slide-arrow-prev.png);
}
#area-slider .slick-next:hover,
#area-slider .slick-prev:hover {
  background-color: #970000 !important;
}
#area-slider .slick-prev:after {
  content: '';
  width: 1px;
  height: 60%;
  margin: auto;
  display: block;
  background-color: #fff;
  position: absolute;
  right: 1px;
  top: 0;
  bottom: 0;
}
#area-slider .slick-next:before,
#area-slider .slick-prev:before {
  content: none;
}
#area-slider .slick-next:before {
  /*
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  */
}
#area-slider .slick-prev:before {
  /*
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  */
}



/*-- 装飾用 --*/


/*-- タブ風スタイル --*/
.layout_link_tabstyle01 div.link-list:not(.highlight) {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul {
  margin: 0;

  display: table-row
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class] {
  margin: 0;
  padding: 0;
  background: none;

  display: table-cell;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class]:before {
  content: none;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a {
  position: relative;
  overflow: visible;
  display: block;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ececec;
  background-color: #fff;
  /*	border-bottom: 5px solid #dbdcdc;*/
}
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  display: block;
  width: 6px;
  height: 10px;
  background-image: url("../../../../../../resources/sw_img/common/icon_arrow_r.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:before {
content: "";
position: absolute;
left: 50%;
top: 100%;
display: block;
width: 0;
height: 0;
border: 15px solid transparent;
border-top: 15px solid #dbdcdc;
margin-left: -15px;
}
*/

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a ,
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover {
  color: #fff;
  background-color:#d50000;
  border-color: #d50000;
  /*	border-bottom-color: #00a258;*/

}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a:before ,
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover:before {
  border-top-color: #00a258;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul ,
.layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul li[class] {
  display: block;
  margin-bottom: 10px;
}


/* -------------------------------------------- */
/* TOPページ */
/* -------------------------------------------- */
[class*=" top-area-"] {background-position: center top;	background-repeat: no-repeat;	background-size: cover;}
[class*=" top-area-"] h2 {text-align: center;	border-bottom: none; font-weight: normal;}
[class*=" top-area-"] h2:before {	content: none;}
[class*=" top-area-"] h2 + p {text-align: center;}

/* top-mv-news
------------------------------ */
.top-mv-news {background-color: #000;}
.top-mv-news .basic-list:not(.thumnail) ul.tabItems,
.top-mv-news .basic-list:not(.thumnail) ul.tabItems li{border: none;}
.top-mv-news .basic-list:not(.thumnail) ul.tabItems li h3 {padding: 0;display: block;}
.top-mv-news .basic-list:not(.thumnail) ul.tabItems li a,
.top-mv-news .basic-list:not(.thumnail) ul.tabItems li span {color: #fff;}
.top-mv-news .basic-list:not(.thumnail) ul.tabItems li a {display: inline-block;width: 100%;}
.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .news_tx {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .date{width: 110px;}*/
.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .c_icon {position: relative;left: auto;}

.top-mv-news > div:nth-child(3),
.top-mv-news > div:nth-child(3) * {margin-bottom: 0;}

/*詳細ボタン*/
.top-mv-news .teaser.no-img:not(.highlight) h2 a {padding: 5px 0;background-color: #404040;border-radius: 5vw;}
.top-mv-news .teaser.no-img:not(.highlight) h2 a:hover {background-color: #363636;}
.top-mv-news .teaser.no-img:not(.highlight) h2 a:before {content: none;}

/**/
.top-mv-news .note_tx {position: absolute;left: 0;top: 0;font-size: .8em;}

/* top-area-product
------------------------------ */
.top-area-product .internal-link-area {position: relative;overflow: hidden;}
/*.top-area-product .internal-link-area p {background: none;position: absolute;top: 0;padding: 0;display: flex;justify-content: flex-end;align-items: center;flex-direction:column;height: 100%;}*/
.top-area-product .internal-link-area p {background: none;padding: 0;}
.top-area-product .internal-link-area p:before {content: none;}
body[data-page-path="/ja/index"] .top-area-product #internal-link-area-3 p{font-feature-settings:"palt";}
.top-area-product .teaser {clear: both;}

/* top-area-process
------------------------------ */
.top-area-process {	color: #fff;}

/* top-area-news
------------------------------ */
.top-area-news .link-list:not(.highlight) .internal-link-text:not(.highlight) {padding: 0;text-align: right;}
.top-area-news .link-list:not(.highlight) .internal-link-text:not(.highlight):before{content: none}
.top-area-news .link-list:not(.highlight) .internal-link-text:not(.highlight) a {background-color: #d6cebc;font-size: 16px;padding: 3px 10px;width: 140px;border-radius: 2em;display: inline-block;text-align: center;border: none;position: relative;color: #000;}
.top-area-news .link-list:not(.highlight) .internal-link-text:not(.highlight) a:hover {color: inherit;background-color: #b2a88e;}
.top-area-news .link-list:not(.highlight) .internal-link-text:not(.highlight) a:after {
  position: absolute;
  content: "";
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* top-area-about
------------------------------ */
.top-area-about {color: #fff;}

/* top-area-judo
------------------------------ */
.top-area-judo {color: #fff;}
.top-area-judo .external-teaser {margin-bottom: 0;}


/* for--pc
------------------------------ */
@media screen and (min-width: 768px) {

  [class*=" top-area-"] {	padding: 100px 0 80px; }
  [class*=" top-area-"] h2 {font-size: 50px;}
  [class*=" top-area-"] h2 + p {margin-bottom: 40px;}

  body[data-page-path="/ja/index"] #promos3 .area-pc-header,
  body[data-page-path="/en/index"] #promos3 .area-pc-header {background: url("../../../../../../resources/sw_img/top/header-bg.png") repeat-x left top;background-size: auto 100%; border-color: transparent;color: #fff;}
  body[data-page-path="/ja/index"] #promos3 .area-pc-header .area-gnavi .no-img + .reuse-component,
  body[data-page-path="/en/index"] #promos3 .area-pc-header .area-gnavi .no-img + .reuse-component { color: #000;}
  body[data-page-path="/ja/index"] #promos3 .area-pc-header .area-search-box .gsc-search-box input,
  body[data-page-path="/en/index"] #promos3 .area-pc-header .area-search-box .gsc-search-box input {color: #000 !important;}

  body[data-page-path="/ja/index"] #promos3 .area-pc-header.js-scroll,
  body[data-page-path="/en/index"] #promos3 .area-pc-header.js-scroll {background: #fff;border-color: #cccccc;color: #000;}

  /* top-mv-news
  ------------------------------ */
  .top-mv-news {height: 95px;overflow: hidden;display: flex !important;align-items: center;}
  .top-mv-news > div {margin: 0;}
  .top-mv-news > div:nth-child(1) {border-right: 1px solid #fff;margin:0 40px 0 0!important;width: 220px !important;}
  .top-mv-news > div:nth-child(1) * {margin-bottom: 0;}
  .top-mv-news > div:nth-child(2) {width: calc(100% - 460px) !important;overflow: hidden;}
  .top-mv-news > div:nth-child(3) {width: 240px !important;}
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems {margin-top: 25px;}
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems li h3 {display:flex;align-items: center;}
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems li a:hover {text-decoration: none;opacity: .7;}
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems li .date{position: relative;left: auto;top: auto;vertical-align: top;display: inline-block;}
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems li .c_icon{padding: 0;margin-left: 20px;display: inline-block;}
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems li .news_tx {max-width: calc(100% - 500px);display: inline-block;}
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems li .d_icon {vertical-align: super;}
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems li .d_icon img {margin-top: 3px;}
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems li .filesize,
  .top-mv-news .basic-list:not(.thumnail) ul.tabItems li .n_icon {vertical-align: super;}

  /*詳細ボタン*/
  .top-mv-news .teaser.no-img {max-width: 150px;}
  .top-mv-news .teaser.no-img:not(.highlight) h2 a {font-size: 16px;}

  /* top-area-product
  ------------------------------ */
  .top-area-product {	background-image: url(../../../../../../resources/sw_img/common/bg_dotted_w.jpg);padding-bottom: 50px;}
  #sharewithmain .top-area-product > .column1 {font-size:0; text-align:center;}
  .top-area-product > .column1 >* {font-size:1rem;}
  .top-area-product .text-section h2 br {display: none;}
  .top-area-product .internal-link-area { width: calc((100% - 40px) / 2); display: inline-block; margin: 0;	padding: 0;}
  .top-area-product .internal-link-area { margin-right: 20px; }
  .top-area-product .internal-link-area +  .internal-link-area { margin-left: 20px; margin-right: 0; }
  .top-area-product .internal-link-area p {font-size: 35px;}
  .top-area-product .internal-link-area p:before {width: 160px;height: 160px;}
  .top-area-product .teaser h2 {padding-top: 50px;}

  /* top-area-process
  ------------------------------ */
  .top-area-process {	background-image: url(../../../../../../resources/sw_img/common/bg_dotted_b.jpg);background-color: #000;margin-top: 80px;}
  .top-area-process .internal-link-area {	width: calc((100% - 40px) / 2); float: left;}
  .top-area-process .internal-link-area + .internal-link-area {margin-left: 40px;} 

  /* top-area-news
  ------------------------------ */
  .top-area-news .teaser {margin-top: 50px;}

  /* top-area-about
  ------------------------------ */
  .top-area-about {	background-image: url(../../../../../../resources/sw_img/common/bg_dotted_b.jpg);background-color: #000;}
  .top-area-about .teaser {	width: calc((100% - 40px) / 2); float: left;}
  .top-area-about .teaser + .teaser {margin-left: 40px;} 
  .top-area-about .teaser.no-img h2 a {padding-top: 50px;padding-bottom: 50px;}

  /* top-area-judo
  ------------------------------ */
  .top-area-judo {	background-image: url(../../../../../../resources/sw_img/common/bg_dotted_blur.jpg);}

}


/* -------------------------------------------- */
/* 製品ページ */
/* -------------------------------------------- */
body[data-page-marker~="style-product"] .text-section.highlight.has-img h2 {position: absolute;left: 50px;top: 60px;border-bottom: none;margin: 0;padding: 0;font-weight: normal;}
body[data-page-marker~="style-product"] .text-section.highlight.has-img h2 span {font-size: 50px;font-weight: bold;display: block;}
body[data-page-marker~="style-product"] .text-section.highlight.has-img h2:before {content: 'PRODUCTS';display: block;position: relative;left: auto;top: auto;width: auto;height: auto;background-color: transparent;font-size: 25px;color: #c2c1be;padding-left: 20px;margin-bottom: 30px;font-weight: bold;}
body[data-page-marker~="style-product"] .text-section.highlight.has-img h2:after {content: '';width: 13px;height: 3px;display: block;background-color: #d50000;position: absolute;left: 0;top: .5em;}


/* -------------------------------------------- */
/* IRページ */
/* -------------------------------------------- */
body[data-page-path="/ja/ir"] .teaser.no-img.highlight h2 a,
body[data-page-path="/ja/ir"] .external-teaser.no-img.highlight h2 a, 
body[data-page-path="/en/ir"] .teaser.no-img.highlight h2 a,
body[data-page-path="/en/ir"] .external-teaser.no-img.highlight h2 a {border: 3px solid #ececec;}
.ir-sitemap .teaser.no-img.highlight h2 {margin-bottom: 0;}
.ir-sitemap .teaser.no-img.highlight h2 a {font-size: 1.2em;}
.ir-sitemap .teaser {margin-bottom: 0;}
.ir-sitemap .teaser + .link-list {border: 3px solid #ececec;border-top: none;background-color: #fff;margin-top: -1px;position: relative;z-index: 1;}
.ir-sitemap .teaser + .link-list > ul {padding: 20px; margin-bottom: 0;}

@media screen and (min-width: 768px) {
  .xcalendar + div {margin-bottom: 60px;}
}

/* -------------------------------------------- */
/* 採用ページ */
/* -------------------------------------------- */
.recruit-intro .text-section p:first-child {font-size: 48px;}
.recruit-intro .text-section p:first-child:after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 4px;
  background-color: #d50000;
  margin-top: 15px;
}
.recruit-intro .text-section p:nth-child(n + 2) {	font-size: 24px; line-height: 2.6em;}
.recruit-intro .text-section p:nth-child(n + 2) + p{margin-bottom: 1.5em;}


/* -------------------------------------------- */
/* LP */
/* -------------------------------------------- */
body#lp {background: none !important;}
body#lp #wrapper-2 {margin-top: 60px;margin-bottom: 0;}
body#lp #page-intro {display: none ;}
body#lp .bread-crumb {margin-top: 0;}

body#lp #sharewithmain > div {padding: 80px 0;}
body#lp #sharewithmain > div h2 {border-bottom: none;font-size: 50px;font-weight: normal;text-align: center;}
body#lp #sharewithmain > div h2:before {content: none;}
body#lp #sharewithmain > div h2 + p {margin-bottom: 40px;}
body#lp #sharewithmain > div .text-section.highlight {color: #fff;}

/* mv
------------------------------ */
body#lp [class*=" area-lp-mv-"] {padding: 0 !important;}
body#lp [class*=" area-lp-mv-"] * {margin: 0 !important;}
body#lp [class*=" area-lp-mv-"] > div {width: 100% !important;}
body#lp .area-lp-mv-sp{display: none !important;}
/* 編集画面 */
body#lp .mgnlEditorBar + div + .area-lp-mv-sp{display: block !important;}

/* bg
------------------------------ */
.bg_dot_w {background: url(../../../../../../resources/sw_img/common/bg_dotted_w.jpg) top center no-repeat;background-size: cover;}
.bg_dot_b {background: url(../../../../../../resources/sw_img/common/bg_dotted_b.jpg) top center no-repeat #000;background-size: cover;}
.multiColumn1.bg-red,
.multiColumn2.bg-red .column1{background-color: #ff0000;}
.multiColumn1.bg-v,
.multiColumn2.bg-v .column1{background-image: url(../../../../../../resources/sw_img/judo/judo_bg1.png);background-position: left top; background-repeat: no-repeat;background-size: cover;}

/* multiColumn2
------------------------------ */
body#lp .multiColumn2 {padding: 0 !important;}
body#lp .multiColumn2 > * {margin: 0 !important;}
body#lp .multiColumn2 .column1 .text-section {padding: 10% 8%;height: 100%;}
body#lp .multiColumn2 .column2 > * {height: 100%;}
body#lp .multiColumn2 .column2 * {margin-bottom: 0 !important;}

@media screen and (min-width: 768px) {
  body#lp .multiColumn2 > * {width: 50% !important;}
  body#lp .multiColumn2 .text-section img {width: auto;	height: 100%;	object-fit: cover;font-family: 'object-fit: cover;'; /*IE*/}

}