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

  muratec-net.css
  2024.07.22
  
---------------------------------------*/
html, body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1;
}
h1, h2, h3, h4, h5, h6, h7, address {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
}
div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  border: 0;
}
table, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
}
hr {
  margin: 0;
  padding: 0;
}
iframe {
  margin: 0;
  padding: 0;
}
form, label {
  margin: 0;
  padding: 0;
}
fieldset, input, button, select, optgroup, option, textarea, legend {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br, ins, del, a, img, object {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: inherit;
}
html, body, div, span, address, em, strong, dfn, cite, abbr, acronym, blockquote, q, sub, sup, p, ins, del, ul, ol, li, dl, dt, dd, caption, th, td, input, button, select, optgroup, option, textarea, label, legend {
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
pre, code, samp, kbd, var {
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
/*--------------------------------------

  /common/css/common.css
  
---------------------------------------*/
html {
  overflow-y: scroll;
}
body, html {
  width: 100%;
  font-size: 13px;
  *font-size: small;
  *font: x-small;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color: #212121;
  background: none;
  background-color: #efefef;
  text-align: center;
}
#wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  background: none;
  background-color: #fff;
  text-align: left;
}
p {
  font-size: 100%;
  color: #212121;
}
/*--------------------------------------
  sideArea
---------------------------------------*/
#sideAreaWrap {
  background: url(../gif/sidearea_bg.gif) top left repeat-y;
  width: 221px;
}
#sideArea {
  width: 220px;
  background: url(../gif/sidearealist_bg.gif) top left repeat-y;
}
#sideArea ul {
  width: 220px;
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
}
#sideArea ul li {
  width: 220px;
  margin: 0;
  padding: 0;
  display: inline;
}
#sideArea ul li p {
  line-height: 1.4;
}
/*--------------------------------------
  mainArea
---------------------------------------*/
#mainArea {
  width: 779px;
}
#mainAreaTopType03 {
  height: auto;
}
#mainAreaBottom {
  width: 779px;
  height: 82px;
  vertical-align: bottom;
  background: none;
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
}
#mainAreaBottom .pageTop {
  text-align: right;
  padding: 20px 30px 20px 29px;
}
#panListWrap {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e4e4e4;
}
#panList {
  padding: 15px 30px 15px 29px;
  line-height: 1.4;
}
#panList p.pantop {
  float: left;
  margin: 0 5px 0 0;
  font-size: 85%;
}
#panList p.pan {
  background: url(../gif/pan_arrow.gif) 0 0.2em no-repeat;
  padding: 0 0 0 7px;
  margin: 0 5px 0 0;
  float: left;
  font-size: 85%;
}
#mainContent {
  position: relative;
}
#mainContentMiddle {
  background: url(../gif/maincontentmiddle_bgtop.gif) top left no-repeat;
}
#mainPic {
  position: relative;
  top: -3px;
  margin: 0 0 -3px 0;
}
/* noLmenu */
body#noLmenu #mainAreaWrap {
  background: none;
}
body#noLmenu #mainArea {
  width: 1000px;
}
body#noLmenu #mainAreaTopType01 {
  background: none;
}
body#noLmenu #panListWrap {
  background: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border-bottom: 1px solid #e4e4e4;
}
body#noLmenu #panList {
  width: 940px;
  background: none;
  padding: 15px 30px;
}
body#noLmenu #mainContent {
  background: none;
}
body#noLmenu #mainAreaBottom {
  background: none;
  width: 1000px;
  height: 82px;
}
body#noLmenu #mainContent h2 {
  margin: 50px 0 40px;
  padding: 0 30px 0 29px;
  font-size: 197%;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1;
  color: #212121;
}
body#noLmenu h3 {
  margin: 20px 30px 30px 29px;
  padding: 0;
  font-size: 153.9%;
  font-weight: bold;
  line-height: 1.4;
  color: #445e85;
}
body#noLmenu .indListWrap {
  width: 940px;
  margin: 0 0 30px 0;
  padding: 0 30px;
}
table.privacy {
  margin: 20px 0 0 0;
  background-color: #fff;
}
body#noLmenu ol.indList {
  list-style: none;
  margin: 0;
  padding: 0 30px 0 29px;
}
body#noLmenu ol.indList li p {
  margin: 0;
  padding: 10px 0 10px 15px;
  color: #212121;
}
body#noLmenu ul.indList02 {
  list-style: none;
  margin: 0;
}
body#noLmenu ul.indList02 li p {
  margin: 0;
  padding: 15px 0;
  color: #212121;
  background: none;
  border-bottom: 1px dotted #e4e4e4;
}
body#noLmenu ul.indList02 li p.line-none {
  border: none;
}
body#noLmenu ul.indList02 ul li p {
  margin: 0;
  padding: 10px 0 0;
  color: #212121;
  background: none;
  border: none;
}
body#noLmenu p.siteTxt {
  margin: 0 30px 50px 29px;
}
body#noLmenu p.siteTxt20 {
  margin: 0 30px 20px 29px;
}
body#noLmenu p.siteTxt30 {
  margin: 0 30px 30px 29px;
}
body#noLmenu .plugin {
  margin: 0 30px 10px 29px;
}
p.cautionTxt {
  margin: 0 30px 20px 29px;
}
/*--------------------------------------
  mainArea
---------------------------------------*/
.subMenuA01 {
  width: 720px;
  margin: 0 30px 0 29px;
  text-align: left;
  border-bottom: 1px solid #6A82A3;
  background: url(../gif/mainarea_bg_001-2.gif) no-repeat left top;
}
.subMenuA01Inner {
  clear: both;
  padding: 15px;
}
.subMenuA01Inner ul li {
  margin: 0 20px 0 0;
  font-size: 100%;
  list-style: none;
}
.subMenuA01Inner ul li a {
  color: #fff;
}
.subMenuA01Inner p {
  font-weight: bold;
  color: #fff;
}
.subMenuA01 ul {
  padding: 5px 0 15px;
}
.subMenuA01 ul li {
  float: left;
}
.subMenuA01 ul li.on {
  font-size: 108%;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #fff;
}
/*--------------------------------------
  header
---------------------------------------*/
#header {
  width: 1000px;
  height: 118px;
  background: url(../gif/header_bg.gif) top left no-repeat;
}
#header {
  position: relative;
}
#header h1 {
  position: absolute;
  top: 14px;
  left: 0;
}
#header_dept {
  width: 1000px;
  height: 91px;
  background: url(../gif/header_bg.gif) top left no-repeat;
}
#header_dept {
  position: relative;
}
#header_dept h1 {
  position: absolute;
  top: 14px;
  left: 0;
}
#header_navi {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
}
#header_navi {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
}
ul#main_nav {
  margin: 0;
  padding: 0;
}
ul#main_nav li {
  float: left;
  margin: 0;
  padding: 7px 12px 2px;
  font-size: 85%;
  line-height: 1.2;
  color: #212121;
  list-style: none;
}
#main_nav li a:hover {
  text-decoration: underline;
}
#main_nav li.corp, #main_nav li.dept, #main_nav li.sitemap, #main_nav li.global {
  background: url(../gif/header_navi_line-2.gif) no-repeat 0 7px;
}
#main_nav li.corp ul {
  position: absolute;
  top: 21px;
  left: 54px;
  margin: 0;
  padding: 16px 20px 12px 20px;
  background-color: #e4e4e4;
  z-index: 1000;
}
#main_nav li.dept ul {
  position: absolute;
  top: 21px;
  left: 161px;
  padding: 16px 20px 12px 20px;
  background-color: #e4e4e4;
  z-index: 1000;
}
#main_nav li.global ul {
  position: absolute;
  top: 21px;
  left: 229px;
  margin: 0;
  padding: 16px 20px 12px 20px;
  background-color: #e4e4e4;
  z-index: 1000;
}
#main_nav ul li {
  float: none;
  margin: 0 0 12px 0;
  padding: 0 15px 0 7px;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  background: url(../gif/nav_arrow.gif) no-repeat 0 0.3em;
}
#main_nav ul li:last-child {
  margin-bottom: 0;
}
#main_nav ul li:hover {
  background-color: transparent;
}
#main_nav a {
  color: #212121;
  text-decoration: none;
}
#main_nav ul li a:hover {
  text-decoration: underline;
}
#header ul#globalNavi {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 651px;
  height: 26px;
  position: absolute;
  top: 92px;
  right: 0;
}
#header ul#globalNavi li {
  margin: 0;
  padding: 0;
  float: left;
}
li.corp, li.dept, li.global {
  cursor: pointer;
}
#main_nav li.corp:hover, #main_nav li.dept:hover, #main_nav li.global:hover {
  background-color: #e4e4e4;
}
#main_nav li.corp:hover ul, #main_nav li.dept:hover ul, #main_nav li.global:hover ul {
  display: block;
}
/* searchArea */
#searchArea {
  position: absolute;
  top: 55px;
  right: 0;
  width: 220px;
  margin: 0;
  padding: 0;
}
.mt-site-search-form input[type="search"] {
  width: 170px;
  margin: 0;
  padding: 4px 5px;
  vertical-align: bottom;
  border-top: 1px solid #cdcdcd;
  border-right: none;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
}
.mt-site-search-form .mt-site-search-form__button {
  width: 50px;
  margin: 0;
  padding: 5px;
  color: #fff;
  border: none;
  background-color: #333;
  cursor: pointer;
}
#search-result {
  margin: 40px 30px 60px;
}
.mt-site-search-result__message {
  margin: 20px 0 30px;
  padding: 10px 20px;
  background-color: #ededed;
}
.mt-site-search-result__list {
  margin-left: 20px;
}
.mt-site-search-result-item {
  width: 80%;
  margin: 0 0 40px;
}
.mt-site-search-result-item__label {
  margin-bottom: 10px;
  font-size: 123.1%;
}
.mt-site-search-result-item__url {
  margin-bottom: 10px;
  font-size: 100%;
}
.mt-site-search-result-item__excerpt {
  font-size: 108%;
}
.mt-site-search__pagination {
  text-align: center;
}
li.mt-site-search-pagination-item {
  margin-right: 15px;
  padding: 5px;
  border: 1px solid #ededed;
}
li.mt-site-search-pagination-item--previous, li.mt-site-search-pagination-item--next {
  border: none !important;
}
li.mt-site-search-pagination-item a:link {
  text-decoration: none;
}
.mt-site-search-pagination-item--current {
  padding: 5px;
  border: 1px solid #ededed;
  background-color: #ededed;
}
/* msearch */
#searchArea {
  position: absolute;
  top: 55px;
  right: 20px;
  width: 220px;
  margin: 0;
  padding: 0;
}
#searchArea input[type="text"] {
  width: 159px;
  padding: 4px 5px;
  vertical-align: bottom;
  border-top: 1px solid #cdcdcd;
  border-right: none;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
}
#searchArea input[type="submit"] {
  width: 50px;
  padding: 5px;
  color: #fff;
  border: none;
  background-color: #333;
  cursor: pointer;
}
/*--------------------------------------
  footer
---------------------------------------*/
#footer {
  position: relative;
  width: 1000px;
  height: 120px;
  padding: 0 0 0 15px;
  background: url(../gif/footer_bg.gif) top left no-repeat;
}
#footer #copyright {
  padding: 16px 0 0 0;
}
#footer #footerText {
  margin: 39px 0 0 0;
}
#footer-link {
  position: absolute;
  top: 14px;
  right: 31px;
  width: 453px;
  font-size: 77%;
  color: #ccc;
  line-height: 2;
  text-align: right;
}
#footer-link a {
  text-decoration: none;
  color: #fff;
}
#footer-link a:link {
  text-decoration: none;
  color: #fff;
}
#footer-link a:visited {
  text-decoration: none;
  color: #fff;
}
#footer-link a:hover {
  text-decoration: underline;
  color: #fff;
}
/*--------------------------------------
 table
---------------------------------------*/
.indTableLink {
  text-align: right;
}
.TableSpc {
  padding: 10px;
}
/*--------------------------------------
  font
---------------------------------------*/
/* fontsize
	
	77% = 10px	|	123.1% = 16px	|	167% = 22px	
	85% = 11px	|	131% = 17px		|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	184% = 24px
	100% = 13px	|	146.5% = 19px	|	192% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|
	
-------------------------------------------- */
.txt10 {
  font-size: 77% !important;
}
.txt11 {
  font-size: 85% !important;
}
.txt12 {
  font-size: 93% !important;
}
.txt14 {
  font-size: 108% !important;
}
.txt16 {
  font-size: 123.1% !important;
}
.txt18 {
  font-size: 138.5% !important;
}
.txt20 {
  font-size: 153.9% !important;
}
.txt22 {
  font-size: 167% !important;
}
.txt24 {
  font-size: 184% !important;
}
.txt25 {
  font-size: 192% !important;
}
.txt26 {
  font-size: 197% !important;
}
/* font-color */
.blue-txt {
  color: #445E85;
}
.black-txt {
  color: #212121;
}
.white-txt {
  color: #fff;
}
.red-txt {
  color: #ff0000;
}
/* line-height */
.line-h14 {
  line-height: 1.4;
}
.line-h16 {
  line-height: 1.6;
}
.line-h18 {
  line-height: 1.8;
}
.line-h20 {
  line-height: 2.0;
}
p.unitTxtType01, .unitTypeMono01 p, .rd_unitType01 p, .rd_unitType02 p, .rd_unitType03 p, .rd_unitType04 p, .rd_unitType05 p, .rd_unitType06 p, .indTxt, #mainAreaWrap div#mainArea table.tableA01 th div.tableA01thInner p, #mainAreaWrap div#mainArea table.tableA01 td div.tableA01tdInner p, #mainAreaWrap div#mainArea table.tableA01 .tableA01tdInner dt, #mainAreaWrap div#mainArea table.tableA01 .tableA01tdInner dd, #mainAreaWrap div#mainArea table.tableA01 .tableB01tdInner dt, #mainAreaWrap div#mainArea table.tableA01 .tableB01tdInner dd, p.indTableText, #mainAreaWrap .unitType01 p, p.cautionTxt, .news_unitType01 p, body#noLmenu p {
  line-height: 1.6;
}
/* margin, padding, border */
.border-bottom {
  border-bottom: 1px solid #e4e4e4;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt100 {
  margin-top: 100px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb100 {
  margin-bottom: 100px;
}
.mb200 {
  margin-bottom: 200px;
}
.mb300 {
  margin-bottom: 300px;
}
.ml10 {
  margin-left: 10px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.pdd10 {
  padding-bottom: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb60 {
  padding-bottom: 60px;
}
.after-sp {
  margin-right: 100px;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.p-center {
  text-align: center;
}
.p-left {
  text-align: left;
}
.p-right {
  text-align: right;
}
.position-c {
  margin: 0 auto;
}
.txt_normal {
  font-weight: normal;
}
.txt-bold {
  font-weight: bold;
}
li.list-last {
  margin: 0;
}
.banner-top {
  padding: 30px 0 0;
  text-align: center;
}
.banner {
  padding: 10px 0 0;
  text-align: center;
}
.icon-new {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 5px;
  font-size: 77%;
  line-height: 1 !important;
  color: #fff;
  vertical-align: middle;
  background-color: #ff0004;
}
/*----------------------------------------------------------------
  clearfix
----------------------------------------------------------------*/
.clear {
  clear: both;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
  overflow: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/
.thanks-img {
  padding: 0 30px 30px 28px;
}
.titleUnderText {
  padding: 0 30px 20px 28px;
  line-height: 1.6;
}
strong {
  font-weight: bold;
}
/*--------------------------------------
  link
---------------------------------------*/
a {
  color: #6a77ac;
}
a:link {
  color: #6a77ac;
}
a:visited {
  color: #6a77ac;
}
a:hover {
  color: #6a77ac;
  text-decoration: none;
}
/*--------------------------------------
  float
---------------------------------------*/
.left {
  float: left;
}
.right {
  float: right;
}
/*--------------------------------------
  borderStyle
---------------------------------------*/
.borderTypeS02 {
  background-color: #444444;
}
.borderTypeD01 {
  background: url(../gif/common_dotline_001.gif) top left repeat-x;
  margin: 22px 0 0 0;
}
.borderTypeD02 {
  background: url(../gif/common_dotline_001.gif) top left repeat-x;
  margin: 0 0 20px 0;
}
/*--------------------------------------
  LineStyle
---------------------------------------*/
.lineTypeA01 {
  background: url(../gif/common_line_001.gif) center left no-repeat;
  width: 581px;
  height: 20px;
}
body#noLmenu .lineTypeA01 {
  background: url(../gif/common_line_002.gif) center right no-repeat;
  width: 801px;
  height: 20px;
}
/*--------------------------------------
  POPUP
---------------------------------------*/
body#pop #wrap {
  width: 581px;
  background: url(../gif/common_bg.gif) top left repeat-y;
}
body#pop #wrap #header {
  width: 581px;
  height: 91px;
  background: url(../gif/common_headerpop_bg.gif) top left no-repeat;
}
body#pop #wrap #content, body#pop #mainArea, body#pop #mainAreaBottom {
  width: 581px;
}
body#pop #wrap #footer {
  width: 581px;
  height: 80px;
  background: url(../gif/common_footerpop_bg.gif) top left no-repeat;
}
body#pop #mainAreaTopType01 {
  height: 61px;
  margin: 0;
  padding: 0;
}
body#pop #mainAreaTopType01 #mainContent {
  background: url(../gif/common_titpop_bg.gif) top left no-repeat;
}
body#pop #mainAreaTopType01 #mainContent h2 {
  height: 17px;
  margin: 0;
  padding: 8px 11px 8px 12px;
}
body#pop #mainArea h3 {
  margin: 0 11px 20px 12px;
  font-size: 100%;
  font-weight: bold;
  color: #445e85;
}
body#pop #mainArea p {
  margin: 0 11px 20px 12px;
  line-height: 1.6;
  color: #212121;
}
body#pop #footer #copyright {
  margin: 0 !important;
  padding: 8px 0 0 0 !important;
}
body#pop #footer #footer-link {
  position: absolute;
  top: 30px;
  right: 31px;
}
body#pop .popupImg {
  margin: 0 0 30px;
  text-align: center;
}
#wrap #contentWrap #content #mainAreaWrap #mainArea .unitType01 .image01 {
  margin: 0;
  padding: 0;
}
body#pop #mainAreaTopType01 {
  height: 32px;
  margin: 0;
  padding: 0;
}
body#pop .popupImgTop {
  padding: 20px 0 15px;
  text-align: center;
}
/*--------------------------------------
  Not Found
---------------------------------------*/
#nf-main {
  padding: 70px 30px 80px;
}
.nf-txt {
  font-size: 108%;
  line-height: 1.6;
}
.nf-line {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #ccc;
}
.nf10 {
  margin-bottom: 10px;
}
.nf30 {
  margin-bottom: 30px;
}
#nfBox {
  width: 940px;
  margin: 0;
  border: none;
  border-collapse: collapse;
}
#nfBox h2 {
  margin: 0 0 15px;
  font-size: 123.1%;
}
#nfBox h3 {
  margin: 0 0 15px;
  font-size: 123.1%;
}
#nfBox ul {
  margin: 0 0 30px;
}
#nfBox ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nfBox ul li {
  background: url(../gif/common_arrow_001-2.gif) 0 0.1em no-repeat;
  margin: 5px 0 0 0;
  padding: 0 0 0 16px;
  line-height: 1.4;
}
#nfBox ul.div-list li {
  margin: 5px 0 0 16px;
}
#nfBox td ul.div-list li.div-top {
  margin: 0 0 0 0;
}
/*--------------------------------------
  mainArea
---------------------------------------*/
#mainContent h3 {
  margin: 50px 0 40px;
  padding: 0 30px 0 29px;
  font-size: 197%;
  font-weight: bold;
  line-height: 1.2;
  color: #212121;
}
#mainArea h4 {
  margin: 0 0 30px;
  padding: 0 30px 0 29px;
  font-size: 153.9%;
  font-weight: bold;
  line-height: 1.4;
  color: #445e85;
}
#mainArea h5 {
  font-size: 123.1%;
  font-weight: bold;
  line-height: 1.4;
  color: #445e85;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0px;
  margin-left: 0;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 0;
  padding-left: 30px;
}
#mainArea h6 {
  font-size: 145%;
  font-weight: bold;
  line-height: 1.4;
  color: #445e85;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0;
  padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 30;
  padding-left: 0px;
}
#mainArea .unitType01 h4, #mainArea .unitType02 h4 {
  margin: 0 0 30px;
  padding: 0;
  font-size: 153.9%;
  font-weight: bold;
  line-height: 1.4;
  color: #445e85;
}
#mainArea .unitType01 h5, #mainArea .unitType02 h5 {
  padding: 20px 0 0 0;
  font-weight: bold;
  color: #212121;
  font-size: 108%;
}
#mainArea .unitType01 h5.h5typeSM01, #mainArea .unitType02 h5.h5typeSM01 {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 100%;
  font-weight: bold;
  color: #445e85;
  line-height: 1.2;
}
/*--------------------------------------
  form
---------------------------------------*/
div.mainImg {
  margin: 0 30px 0 28px;
  text-align: center;
}
p.txtA001 {
  margin: 30px 30px 15px 28px;
}
p.txtA002 {
  margin: 10px 30px 0 28px;
  font-weight: bold;
}
p.cautionTxt {
  margin: 0 0 20px 20px;
}
span.orange {
  color: #FE8300;
}
.textBoxA01, .textBoxA02 {
  width: 70%;
  padding: 5px;
  border: 1px solid #cdcdcd;
}
.textBoxB01 {
  width: 80%;
  padding: 5px;
  border: 1px solid #cdcdcd;
}
.textBoxC01 {
  width: 40px;
  padding: 5px;
  border: 1px solid #cdcdcd;
}
.textBoxE01 {
  width: 200px;
  border: #cdcdcd 1px solid;
}
div.btnBox {
  margin: 20px 0;
  text-align: center;
}
div.btnBox .left {
  margin: 0 20px 0 0;
}
div.btnBox p {
  text-align: center;
  margin: 10px 0 0 0;
}
div#btnBox {
  text-align: left;
  margin: 10px 0 0 0;
}
div#btnBox p {
  clear: both;
  text-align: left;
  _margin: 10px 0 0 20px;
  padding: 10px 0 0 20px;
  _padding: 0;
}
div#btnBox img {
  _margin: 0 0 10px 2px;
  margin: 0 0 10px 0;
}
div#btnBox input {
  margin: 0 5px 0 0;
  float: left;
}
textarea {
  padding: 5px;
  border: 1px solid #cdcdcd;
}
/*--------------------------------------
  lightbox
---------------------------------------*/
#lightbox {
  background-color: #eee;
  padding: 10px;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
}
#lightboxCaption {
  color: #333;
  background-color: #eee;
  font-size: 90%;
  text-align: center;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
}
#lightboxIndicator {
  border: 1px solid white;
}
#lightboxOverallView, #overlay {
  background-color: #000;
  opacity: 0.5;
}
* html #lightboxOverallView, * html #overlay {
  background-color: #000;
  filter: Alpha(opacity=50);
}
.scroll {
  overflow: auto;
  height: 400px;
  padding: 0 10px 0 0;
}
span.icon_news {
  margin: 0 0 0 6px;
  padding: 1px 8px;
  font-size: 85%;
  letter-spacing: 0.06em;
  color: #fff;
  background-color: #96a7c9;
}
span.icon_newp {
  margin: 0 0 0 6px;
  padding: 1px 8px;
  font-size: 85%;
  ;
  letter-spacing: 0.06em;
  color: #fff;
  background-color: #96a7c9;
}
span.icon_ex {
  margin: 0 0 0 6px;
  padding: 1px 8px;
  font-size: 85%;
  ;
  letter-spacing: 0.06em;
  color: #fff;
  background-color: #96a7c9;
}
/*--------------------------------------

  /common/css/table.css
  
---------------------------------------*/
/* table01 normal */
table.table01 {
  width: 720px;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #cdcdcd;
}
table.table01 th {
  padding: 10px;
  border-right: 1px #cdcdcd solid;
  border-bottom: 1px #cdcdcd solid;
  background-color: #f3f3f3;
  word-break: break-all;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
}
table.table01 td {
  padding: 10px;
  border-right: 1px #cdcdcd solid;
  border-bottom: 1px #cdcdcd solid;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
}
/* news table */
table.table-nb {
  width: 720px;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}
table.table-nb th {
  padding: 5px 5px 5px 0;
  border: none;
  background-color: #fff;
  word-break: break-all;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
}
table.table-nb td {
  padding: 5px 5px 5px 0;
  border: none;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
}
table.table-news {
  width: 720px;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #cdcdcd;
  margin: 0 30px 40px 28px;
}
table.table-news th {
  padding: 10px;
  border-right: 1px #cdcdcd solid;
  border-bottom: 1px #cdcdcd solid;
  background-color: #f3f3f3;
  word-break: break-all;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
}
table.table-news td {
  padding: 10px;
  border-right: 1px #cdcdcd solid;
  border-bottom: 1px #cdcdcd solid;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
}
#mainAreaWrap div#mainArea table.tableA01 {
  margin: 0 30px 50px 29px;
}
#mainAreaWrap div#mainArea table.def {
  margin: 0 30px 0 29px;
}
#mainAreaWrap div#mainArea table.tableA01 {
  clear: both;
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
  /*\*/
  height: 100%;
  /**/
}
#mainAreaWrap div#mainArea table.tableA01 th {
  padding: 10px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  line-height: 1.6;
  word-wrap: break-word;
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
  background-color: #f3f3f3;
}
#mainAreaWrap div#mainArea table.tableA01 th div.tableA01thInner, #mainAreaWrap div#mainArea table.tableA01 th div.tableA01thInnerA02 {
  height: 100%;
  display: block;
}
#mainAreaWrap div#mainArea table.tableA01 th div.tableA01thInner p {
  color: #212121;
  font-weight: normal;
}
#mainAreaWrap div#mainArea table.tableA01 th div.tableA01thInner p.InnerTxtA01 {
  color: #212121;
}
#mainAreaWrap div#mainArea table.tableA01 td {
  padding: 10px;
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
  vertical-align: top;
  line-height: 1.6;
  word-break: break-all;
}
#mainAreaWrap div#mainArea table.tableA01 td div.tableA01tdInner {
  display: block;
  clear: both;
}
#mainAreaWrap div#mainArea table.tableA01 td div.tableB01tdInner {
  display: block;
}
#mainAreaWrap div#mainArea table.tableA01 td div dl {
  clear: both;
}
#mainAreaWrap div#mainArea table.tableA01 td div dt {
  float: left;
  width: 100px;
  margin: 0;
  padding: 10px 0;
  font-weight: bold;
  color: #212121;
  text-align: left;
}
#mainAreaWrap div#mainArea table.tableA01 td div dd {
  float: left;
  width: 580px;
  margin: 0;
  padding: 10px 0;
  font-weight: bold;
  color: #212121;
  text-align: left;
}
#mainAreaWrap div#mainArea table.tableA01 .indTableLink {
  padding: 0;
}
#mainAreaWrap div#mainArea table.tableA01 td div dl:after, .tableA01tdInner:after, .tableB01tdInner:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 1px;
  line-height: 0;
}
* html #mainAreaWrap div#mainArea table.tableA01 td div dl, * html .tableA01tdInner, * html .tableB01tdInner {
  display: inline-block;
  zoom: 1;
}
/*\*/
* html #mainAreaWrap div#mainArea table.tableA01 td div dl, * html .tableA01tdInner {
  height: 1%;
}
#mainAreaWrap div#mainArea table.tableA01 td div dl, .tableA01tdInner, .tableB01tdInner {
  *min-height: 1%;
  display: block;
}
/* */
/*--------------------------------------
form
---------------------------------------*/
/* tableC01 */
table.tableC01 {
  width: 720px;
  margin: 20px 30px 0 29px;
  border: 1px solid #cdcdcd;
}
table.tableC01 th {
  color: #212121;
  background-color: #f3f3f3;
  padding: 10px;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
}
table.tableC01 td {
  padding: 10px;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
}
table.tableC01 td.nomaterial {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
/* tableC02 */
table.tableC02 {
  border: 1px solid #cdcdcd;
  margin: 0 0 20px 0;
}
table.tableC02 th {
  background-color: #f3f3f3;
  padding: 10px;
  word-break: break-all;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
}
table.tableC02 td {
  padding: 10px;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
}
table.tableC02 td.nomaterial {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
/* tableC03 */
table.tableC03 {
  border: 1px solid #cdcdcd;
}
table.tableC03 th {
  background-color: #f3f3f3;
  padding: 10px;
  word-wrap: break-word;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
}
table.tableC03 td {
  padding: 10px;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
}
table.tableC03 td.nomaterial {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
/* tableD01 */
table.tableD01 {
  border: 1px solid #cdcdcd;
}
table.tableD01 th {
  background-color: #f3f3f3;
  padding: 10px;
  word-wrap: break-word;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
}
table.tableD01 td {
  padding: 10px;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
}
table.tableD01 td.nomaterial {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
/* tableD03 */
table.tableD03 {
  border-bottom-width: 1px;
  ;
  border-bottom-color: #6F6F6F;
  border-bottom-style: solid;
}
table.tableD03 th {
  background-color: #f3f3f3;
  padding: 10px;
  word-break: break-all;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-top-color: #6F6F6F;
  border-right-color: #6F6F6F;
  border-bottom-color: #6F6F6F;
  border-left-color: #6F6F6F;
}
table.tableD03 td {
  padding: 10px;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: solid;
  border-top-color: #6F6F6F;
  border-right-color: #6F6F6F;
  border-bottom-color: #6F6F6F;
  border-left-color: #6F6F6F;
  border-right-width: 1px;
  border-left-width: 1px;
}
table.tableD03 td.nomaterial {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
/* tableE01 */
table.tableE01 {
  width: 720px;
  margin: 0;
  border: 1px solid #cdcdcd;
}
table.tableE01 th {
  background-color: #f3f3f3;
  padding: 10px;
  word-wrap: break-word;
  vertical-align: top;
  line-height: 1.6;
}
table.tableE01 td {
  padding: 10px;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
}
table.tableE01 td.nomaterial {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
.news_unitType01 table.tableC02 td.nomaterial img {
  padding: 0;
  margin: 0;
}
table.tableC01 tr td table.noBorder tr td, table.tableC03 tr td table.noBorder tr td, table.tableD01 tr td table.noBorder tr td, table.tableTM02 tr td table.noBorder tr td {
  border: none;
  padding: 2px;
  margin: 0;
  color: #212121;
}
#wrap #contentWrap #content .bgTypeB02 #inquiry #inquiryWrap table {
  margin-top: 10px;
  margin-left: 12px;
}
/* tableF01 */
table.tableF01 {
  border: 1px solid #cdcdcd;
  width: 720px;
}
table.tableF01 th {
  background-color: #f3f3f3;
  padding: 10px;
  word-wrap: break-word;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.6;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
table.tableF01 td {
  padding: 10px;
  word-break: break-all;
  vertical-align: top;
  line-height: 1.6;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
table.tableF01 td.nomaterial {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
/* tableMT */
table.tableMT01 {
  width: 720px;
  border: 1px solid #cdcdcd;
  margin: 0 30px 0 28px;
}
table.tableMT02 {
  border: 1px solid #cdcdcd;
  margin: 0;
}
table.tableMT01 td.cross, table.tableMT02 td.cross {
  padding: 10px;
  color: #212121;
}
table.tableMT01 td, table.tableMT02 td {
  padding: 10px;
  vertical-align: top;
}
table.tableMT01 td p, table.tableMT02 td p {
  line-height: 1.6;
  color: #212121;
}
table.tableMT01 td.nomaterial, table.tableMT02 td.nomaterial {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-top: none;
  border-right: none;
}
table.indTable {
  width: 720px;
}
table.indTable td.indTableExist {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #666666;
  padding: 20px 0;
}
table.indTable td.indTableExistEnd {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #666666;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #666666;
  padding: 20px 0;
}
table.indTable td.indTableExist .indTableTit, table.indTable td.indTableExistEnd .indTableTit {
  margin: 0 0 20px 0;
}
table.indTable td.indTableExist p.indTableText, table.indTable td.indTableExistEnd .indTableText {}
table.indTable td.indTableExist p.indTableLink, table.indTable td.indTableExistEnd .indTableLink {
  text-align: right;
  margin: 10px 0 0 0;
}
table.indTable td.indTableExist p.indTableTitle {
  padding: 11px 0 0 0;
}
.sub-T {
  font-family: "Arial Black", Gadget, sans-serif;
  font-weight: bold;
}
/* support */
.table-div {
  width: 720px;
  margin: 20px 30px 0 29px;
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
}
/*@media screen and (max-width: 768px) {
  .table-div {
    border-right: none;
    border-bottom: none;
  }
}*/
.table-div th {
  padding: 10px;
  font-weight: 400;
  line-height: 1.8;
  word-break: break-all;
  text-align: left;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background-color: #f3f3f3;
}
.table-div td {
  padding: 10px;
  font-weight: 400;
  line-height: 1.8;
  word-break: break-all;
  /*vertical-align: top;*/
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}
/*@media screen and (max-width: 768px) {
  .table-div th, .table-div td {
    display: block;
    width: 100%;
    padding: 10px;
  }
}*/
.table-div td p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}
.textBoxA01, .textBoxB01, .txtbox-s {
  box-sizing: border-box;
  padding: 10px 15px;
  line-height: 2;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.textBoxA01 {
  width: 100%;
}
.textBoxB01 {
  width: 100%;
}
.txtbox-s {
  width: 70% !important;
}
/* form */
input.wpcf7-captchar {
  width: 30%;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #e1e1e1;
}
/*
@media screen and (max-width: 768px) {
  input.wpcf7-captchar {
    width: 100%;
  }
}*/
.contact-box div label {
  font-size: 1.4rem;
}
.wpcf7-submit, .wpcf7-confirm, .wpcf7-back, .wpcf7-previous {
  margin-top: 20px;
  padding: 16px 80px;
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: 0.06em;
  border: none;
  border-radius: 6px;
  background-color: #333;
  cursor: pointer;
}
/*
@media screen and (max-width: 768px) {
  .wpcf7-submit, .wpcf7-confirm, .wpcf7-back, .wpcf7-previous {
    width: 100%;
    margin: 30px auto 0;
    padding: 20px 40px;
  }
}*/
.wpcf7-submit:hover, .wpcf7-confirm:hover, .wpcf7-back:hover, .wpcf7-previous:hover {
  opacity: 0.6;
}
.wpcf7-previous {
  margin-right: 30px;
  background-color: #bdbdbd;
}
.wpcf7 > form input[type="submit"][disabled], .wpcf7 > form input[type="submit"][disabled]:hover, .wpcf7 > form input[type="submit"][disabled]:focus {
  background-color: #ccc;
}
.wpcf7-submit:disabled, .wpcf7-confirm:disabled {
  cursor: not-allowed;
}
.wpcf7 form .wpcf7-response-output {
  margin: 20px 30px 10px 29px !important;
  padding: 10px !important;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  border: none !important;
}
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  background-color: #46b450; /* Green */
  margin-bottom: 200px !important;
  margin-left: 30px !important;
  padding: 20px !important;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
}
.wpcf7-response-output {
  font-size: 1.6rem;
  margin: 0 30px 100px 29px !important;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
  background-color: #dc3232; /* Red */
}
.wpcf7 form.spam .wpcf7-response-output {
  background-color: #f56e28; /* Orange */
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  background-color: #ffb900; /* Yellow */
}
.wpcf7-not-valid-tip {
  font-size: 1rem !important;
}
form.sent table, form.sent p, form.sent div label, form.sent .wpcf7-submit, form.sent .wpcf7-spinner {
  display: none;
}
form.sent .contact-box {
  padding: 0 0 200px;
}
/*.captcha-301 span.wpcf7-not-valid-tip:before {
  content: '您输入的字符串不正确！';
  color: #dc3232 !important;
  font-size: 1em !important;
}*/
.ebd_results {
  margin: 0 15px 60px;
  padding: 20px 20px 0 20px;
  font-size: 1.6rem;
  line-height: 1.6;
  border: 3px solid #f00;
}
form.sent table, form.sent .download-inner p, form.sent .download-inner label {
  display: none;
}
.wpcf7 form.sent .table-corp, .wpcf7 form.sent .table-corp td {
  border: none;
}
.form-txt {
  margin: 0 30px 20px 29px;
  line-height: 1.6;
}
.orange-txt {
  color: #fe8300;
}
#reCAPTCHAArea {
  max-width: 304px;
  margin: 0 auto;
}
#pBtnArea {
  text-align: center;
}
/* select language - popup */
.popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  transition: .4s ease;
}
.popup.on {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.popup-inner {
  max-width: 600px;
  width: 85%;
  padding: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.popup-inner p {
  padding-bottom: 20px;
}
.popup-inner table {
  width: 100%;
  text-align: left;
}
.popup-inner table td {
  padding: 10px;
  font-size: 1.6rem;
  line-height: 1.4;
  vertical-align: top;
}
.popup-inner table td a:link {
  text-decoration: none;
}
.popup-inner table td a:hover {
  text-decoration: underline;
}
.popup-inner table a.link:link, .popup-inner table a.link:visited {
  color: #212121;
}
.popup_title {
  position: relative;
  padding: 1em 80px;
  margin: 0px;
  color: #4065b4;
  font-size: 2.2rem;
  text-align: center;
  line-height: 1.5;
}
.popup_close {
  position: absolute;
  top: 50px;
  right: 30px;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  cursor: pointer;
}
.popup_close::before, .popup_close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: #212121;
  content: "";
}
.popup_close::before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.popup_close::after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
/* cookie */
.cookie-wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, .95);
  padding: 30px;
  box-sizing: border-box;
  visibility: hidden;
  box-shadow: 0px -4px 12px #ccc;
}
.cookie-wrap p {
  line-height: 1.6;
}
.cookie-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .cookie-inner {
    display: block;
    width: 100%;
  }
}
.cookie-wrap.is-show {
  visibility: visible;
}
.cookie-text {
    width: 70%;
}
.cookie-agree {
  padding: 15px 50px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 6px;
}
.cookie-agree:hover {
  cursor: pointer;
  opacity: 0.6;
}
.cc-hide {
  animation: hide 1s linear 0s;
  animation-fill-mode: forwards;
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}