@charset "euc-jp";
/*	どこでも使用可能
/*-------------------------------------------*/
:root {
  --contents-width: 1000px;
  --main-color: #5c88ae;
  --deep-color: #28526b;
  --menu-hover: #bed6e9;
  --light-gray: #f4f4f4;
  --link-color: #06c;
  --link-hover-color: #090;
  --impact-color: #c00;
}


/*	フォントサイズ
/*-------------------------------------------*/



/*	見出し
/*-------------------------------------------*/
.tit_common {
  background: var(--main-color);
  border-left: 8px solid #3a6283;
  color: #fff;
  font-size: 1.8em;
  font-weight: bold;
  padding: .1em .5em;
  margin-bottom: 1em;
}


/*	リンク
/*-------------------------------------------*/
a,
a:visited {
  text-decoration: none;
  color: var(--link-color);
}
a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}
a:hover img {
  filter: Alpha(Opacity=70);
  opacity: 0.7;
}

/*	余白
/*-------------------------------------------*/
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}

.box-linespacing p + p {
  margin-top: 1em;
}


/*	レイアウト
/*-------------------------------------------*/
html {
  font-size: 10px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

body {
  background: #fff;
  border-top: 1rem solid var(--main-color);
  color: #333;
  font-size: 1.4rem;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
}
header {
  margin: 0 auto;
  width: var(--contents-width);
}



/*	header
/*-------------------------------------------*/
header {
  padding: 1rem 0 2rem;
  font-size: 1.6rem;
}
.logo {
  width: 190px;
  margin-bottom: 1rem;
}
.logo a {
  background: url(../img/common/logo.png) 0 0 no-repeat;
  background-size: cover;
  display: block;
  height: 34px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.menu-main {
  align-items: center;
  background: #ddd;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  gap: 0 1px;
  padding: 0 1px;
}
.gnav-mm {
  background: #fff;
  cursor: pointer;
  flex: 1;
  text-align: center;
}
.gnav-mm > a,
.gnav-mm > span {
  background: #fff;
  color: #333;
  display: block;
  margin: 0 1px;
  padding: 1em 0;
  transition: all .4s;
}
.gnav-mm a {
  display: block;
  transition: all .4s;
}
.gnav-mm a:hover {
  text-decoration: none;
}
.gnav-mm:hover > span,
.gnav-mm > a:hover {
  background: var(--menu-hover);
}

#gojyuon #gnav_01.gnav-mm a,
#cemical #gnav_01.gnav-mm a,
#kakouhou #gnav_02.gnav-mm a,
#casc #gnav_03.gnav-mm a,
#corp #gnav_04.gnav-mm a {
  background: var(--menu-hover);
}


#gnav_01.gnav-mm {
  position: relative;
  z-index: 10;
}
.menu-sub {
  background: var(--menu-hover);
  display: none;
  position: absolute;
  transition: all .4s;
  width: var(--contents-width);
}

#gnav_01.gnav-mm:hover .menu-sub {
  display: flex;
  justify-content: last;
  gap: 0 4rem;
}
.gnav-sm {
  font-size: 1.4rem;
  font-weight: normal;
  padding: 1em;
}
.gnav-sm a {
  color: #333;
  display: block;
  border-bottom: 2px solid var(--deep-color);
}
.gnav-sm a:hover {
  font-weight: bold;
  border-bottom-color: #fff;
}
#gnav_01.gnav-mm:has(ul.gnav-sm:hover) {
  background: var(--menu-hover);
}

/*	footer
/*-------------------------------------------*/
footer {
  background: var(--main-color);
}
.wrp_fotter {
  grid-column: 1/3;
  grid-row: 3/4;
  margin: 0 auto;
  position: relative;
  width: var(--contents-width);
  padding: 2em 0;
}
.wrp_fotter a {
  text-decoration: none;
}

.footer_menu {
  display: grid;
  grid-template-rows: repeat(auto, 2);
  grid-template-columns: repeat(1fr, 4);
  gap: .5em 1em;
  margin: 1em 2em;
}

.fmenu-home {
  grid-column: 1 / 5;
  grid-row: 1 / 2;
}
.fmenu-contents {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.fmenu-eve {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}
.fmenu-search {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

.fmenu-search ul {
  display: flex;
  flex-direction: column;
}
.fmenu-search ul li:first-child {
  order: 3;
}
.fmenu-search ul li:nth-child(2) {
  order: 1;
}
.fmenu-search ul li:nth-child(3) {
  order: 2;
}
.fmenu-search ul li:nth-child(4) {
  order: 4;
}
.fmenu-search ul li:nth-child(5) {
  order: 5;
}

.footer_menu,
.footer_menu a {
  color: #fff;
}
.footer_menu a,
.footer_menu a:visited {
  color: #fff;
  text-decoration: underline;
}
.footer_menu a:hover {
  text-decoration: none;
}

.footer_menu dl {
  display: block;
}
.footer_menu dd + dt {
  margin-top: 1.5em;
}
.footer_menu dt {
  font-weight: bold;
}
.footer_menu ul {
  list-style-type: disc;
  margin-left: 1.5em;
}
.footer_menu li:not(:first-child),
.footer_menu dd li:first-child {
  margin-top: .3em;
}

/* 上に戻る */
.wrp_fotter .link_top {
  font-size: 12px;
  height: 80px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -5.4em;
  width: 10em;
}
.wrp_fotter .link_top a {
  background: var(--main-color);
  border-radius: 1em 1em 0 0;
  color: #fff;
  display: block;
  padding: 1em 0;
  text-align: center;
}
.wrp_fotter .link_top a::before {
  background: #fff;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  content: "";
  display: block;
  height: calc(4em / 2);
  margin: 0 auto;
  width: 4em;
}

.wrp_fotter .link_top a:hover {
  text-decoration: underline;
}

/* コピーライト */
.wrp_copyrights {
  background: #fff;
  align-items: center;
  display: flex;
  gap: 0 2em;
  grid-column: 1/3;
  grid-row: 4/5;
  justify-content: center;
  padding: 0.5em 0;
}

.cright_atengineer {
  display: block;
  text-align: center;
}
.cright_atengineer::before {
  aspect-ratio: 213/33;
  background: url(../com-img/footer_logo.gif) 0 0 no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: auto;
  margin: 0 auto 2px;
  width: 130px;
}

/*	パンくず
/*-------------------------------------------*/
.wrp_navigation {
  font-size: small;
  line-height: 2em;
  margin: 0 auto 2rem;
  width: var(--contents-width);
}
#topic-path {
  display: block;
}
#topic-path li {
  display: inline-block;
}
#topic-path li:not(:last-child)::after {
  content: ">";
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

#topic-path li a,
#topic-path li a:hover,
#topic-path li a:visited {
  text-decoration: none;
}

/*	コンテンツ
/*-------------------------------------------*/
.box-contents {
  margin: 0 auto;
  width: var(--contents-width);
}
.content-chunks {
  margin: 0 auto 4em;
  width: calc(var(--contents-width) * .8);
}
.box-contents_inn {
  margin: 0 auto 4em;
  width: calc(var(--contents-width) * .8);
}
.txt-justify {
  text-align: justify;
}


/*	引き継ぎ分：適度に削除
/*-------------------------------------------*/
/* ヘッダー */


.regist {
  font-size: 13px;
  background-color: white;
  width: 200px;
  float: left;
  line-height: 20px;
  text-align: center;
}
.regist img {
  margin-bottom: 4px;
}

.top_area {
  display: none;
}

.mail_link {
  text-align: right;
  margin: -2px 0 0 0;
  padding: 5px;
  font-size: 13px;
}

/* フリーワード検索 */
.search_freeword {
  background-image: url(../img/common/box_freesearch_top.gif);
  background-position: center top;
  background-repeat: no-repeat;
  clear: both;
  height: 70px;
  overflow: hidden;
  padding-left: 10px;
  position: relative;
}
.search_freeword p {
  padding: 11px 0 0 0;
  margin: 0 0 1px 195px;
  color: #444;
  font-size: 12px;
}
.search_freeword form {
  margin-bottom: 16px;
}
.search_freeword form .text {
  margin-bottom: 3px;
  margin-left: 52px;
  width: 390px;
  padding: 2px 2px 2px 8px;
  color: #888;
}










.wrp_about {
  display: none;
}
.wrp_about img {
  margin-bottom: 5px;
}
.wrp_about p {
  text-align: left;
  line-height: 120%;
  margin-right: 8px;
  margin-left: 8px;
}
.wrp_side_menu_l .wrp_grid {
  background: #f4f4f4;
  margin: 0 0 3rem 0;
  padding: 15px 10px;
  text-align: center;
}
.wrp_grid li:nth-child(2) {
  margin-bottom: 15px;
}

/* メインコンテンツ */







/*フリーワード検索結果*/
.nmz_search_result h2 {
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  background-image: url(../img/common/bkg_common_dot.png);
  background-repeat: repeat;
  background-position: left top;
  padding-left: 7px;
  border-left-width: 8px;
  border-left-style: solid;
  border-left-color: #3a6283;
  font-size: 110%;
  margin-bottom: 8px;
}

.nmz_search_result p {
  color: #444;
  font-size: 13px;
  padding: 0px 8px 8px 8px;
}
.nmz_search_result dl {
  margin-bottom: 32px;
}

.nmz_search_result .company {
  font-size: 13px;
  margin-bottom: 8px;
  padding: 16px 8px 0px 8px;
}
.nmz_search_result .company dt a {
  font-size: 15px;
  padding-right: 24px;
  color: #0066cc;
  text-decoration: none;
  font-weight: bold;
}
.nmz_search_result .company dt a:hover {
  color: #009900;
}
.nmz_search_result .company dd {
  line-height: 130%;
  margin: 3px 0 5px;
  padding-left: 8px;
}

/*素材検索結果*/
.sozai_search_result h2 {
  font-size: 14px;
  line-height: 150%;
  color: #ffffff;
  padding: 2px;
  border: 1px solid #666666;
  background-color: #4b5a96;
  text-align: center;
}
.sozai_search_result p {
  color: #222;
  font-size: 13px;
  padding: 0px 8px 0px 8px;
  margin: 0;
}
.sozai_search_result dl {
  margin: 16px 0 16px 16px;
}
.sozai_search_result dl dt {
  margin-bottom: 5px;
}

/***** 外部ニュース *****/
.related-news {
  border: 1px solid #ddd;
  box-sizing: border-box;
  height: calc(16px * 1.4 * 12);
  margin-bottom: 3em;
}

.list-related-news {
  list-style: none;
  margin: 1em;
  padding: 0;
}

.list-related-news li {
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5em;
  text-align: justify;
}

.list-related-news li:not(:first-child) {
  margin-top: 0.5em;
}

.rn-date {
  margin: 0;
}

.rn-url::before {
  content: "\a";
  white-space: pre;
}

.rn-url {
  font-size: 12px;
  color: #666;
}

.distributor {
  margin: 0;
  text-align: right;
}

.distributor a {
  color: #333;
  text-decoration: none;
}

.distributor a::before {
  content: "【";
}

.distributor a::after {
  content: "】";
}