a:link, a:visited, a:active {
  color: #363636;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

strong {
  font-weight: bold;
}

:-ms-input-placeholder {
  color: #A9A9A9;
}

label {
  cursor: pointer;
}
label input {
  vertical-align: -9%;
  cursor: pointer;
}

input[type="text"],
input[type="password"],
textarea {
  font-size: 14px;
  /*font-size: $size + rem;*/
  padding: 0 5px;
}

select {
  font-size: 14px;
  /*font-size: $size + rem;*/
}

input,
textarea,
select {
  margin: 0;
}

input[type="submit"]:hover,
input[type="image"]:hover,
input[type="button"]:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  cursor: pointer;
}

img {
  max-width: 100%;
}

#header {
  position: relative;
}
#header #header-upper {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#header #header-upper #logo {
  float: left;
  padding-top: 48px;
  padding-bottom: 12px;
  position: relative;
  height: 118px;
  box-sizing: border-box;
}
#header #header-upper #logo img {
  width: 470px;
  max-width: 100%;
}
#header #header-upper #user-menu-pc {
  position: absolute;
  right: 0;
  top: 36px;
  width: 100%;
  max-width: 600px;
  height: 82px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#header #header-upper #user-menu-pc .custom-text-link {
  font-size: 13px;
  margin-left: 15px;
  margin-right: 30px;
  /* display: none; */
}
#header #header-upper #user-menu-pc .custom-text-link li {
  margin-bottom: 3px;
  text-indent: -7px;
}
#header #header-upper #user-menu-pc .custom-text-link li:last-of-type {
  margin-bottom: 0px;
}
#header #header-upper #user-menu-pc .custom-text-link li .fa-solid {
  margin-right: 5px;
}
#header #header-upper #user-menu-pc .user-menu-item {
    display: flex;
    width: 76px;
    height: 82px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #bccde8;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    transition: all ease-in-out .3s;
}
#header #header-upper #user-menu-pc .user-menu-item:hover {
    text-decoration: none;
    background-color: #ccddf8;
    opacity: .9;
}
#header #header-upper #user-menu-pc .user-menu-item .fa-solid.fa-flask-vial,
#header.header-en #header-upper #user-menu-pc .user-menu-item .fa-solid.fa-pen-to-square {
    padding-top: 5px;
}
#header #header-upper #user-menu-pc .user-menu-item .fa-solid {
    font-size: 26px;
    color: #001d72;
    padding-bottom: 10px;
}
#header #header-upper #user-menu-pc .user-menu-item span {
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    color: #001d72;
}
#header.header-en #header-upper #user-menu-pc .user-menu-item span {
    font-size: 11px;
}
#header #header-upper #sp-menu {
  display: none;
}
#header #header-upper #search-area {
  float: right;
  padding: 3px 0 0 0;
  position: relative;
  z-index: 3;
}
#header #header-upper #search-area #cse .gsc-control-cse {
  border: none;
  background: none;
  padding: 0;
}
#header #header-upper #search-area #cse .gsc-control-cse form.gsc-search-box {
  margin: 0;
  padding: 0;
}
#header #header-upper #search-area #cse .gsc-control-cse form.gsc-search-box table.gsc-search-box {
  border-collapse: collapse;
  margin: 0;
  width: 128px;
}
#header #header-upper #search-area #cse .gsc-control-cse form.gsc-search-box table.gsc-search-box .gsc-input {
  padding: 0;
}
#header #header-upper #search-area #cse .gsc-control-cse form.gsc-search-box table.gsc-search-box input.gsc-input {
  border: solid #ddd;
  border-width: 1px 0 1px 1px;
  width: 100px;
  height: 28px;
}
#header #header-upper #search-area #cse .gsc-control-cse form.gsc-search-box table.gsc-search-box td.gsc-search-button input.gsc-search-button {
  border: solid #ddd;
  border-width: 1px 1px 1px 0;
  background: white url(/contents/common/images/btn_search.png) no-repeat 6px 4px;
  width: 28px;
  height: 30px;
  text-indent: -999em;
  overflow: hidden;
  display: block;
  margin: 0;
  min-width: auto;
}
#header #header-upper #search-area #cse .gsc-control-cse form.gsc-search-box table.gsc-search-box .gsc-clear-button {
  display: none;
}
#header #header-upper #search-area #text {
  border: solid #ddd;
  border-width: 1px 0 1px 1px;
  width: 128px;
  height: 28px;
}
#header #header-upper #search-area #submit {
  border: solid #ddd;
  border-width: 1px 1px 1px 0;
  background: white url(/contents/common/images/btn_search.png) no-repeat 6px 4px;
  width: 28px;
  height: 30px;
}
#header #header-upper #size-change {
  float: right;
  padding-top: 4px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
#header #header-upper #size-change p {
  float: left;
  margin-right: 8px;
}
#header #header-upper #size-change ul {
  float: left;
  overflow: hidden;
  margin-right: 19px;
}
#header #header-upper #size-change ul li {
  float: left;
  margin-right: 2px;
  cursor: pointer;
}
#header #user-menu-sp {
  display: none;
}  
#header #nav-area #search-area-sp {
  display: none;
}
#header #nav-area #gmenu {
  bottom: 0;
  width: 100%;
  background: url(/contents/common/images/bg_gmenu.gif) repeat-x;
}
#header #nav-area #gmenu > ul {
  width: 1200px;
  margin: 0 auto;
  background: url(/contents/common/images/bg_gmenu_line.gif) no-repeat left 20px;
}
#header #nav-area #gmenu > ul > li {
  float: left;
  background: url(/contents/common/images/bg_gmenu_line.gif) no-repeat right 20px;
  position: relative;
}
#header #nav-area #gmenu > ul > li > a {
  display: flex;
  height: 50px;
  padding: 0 20px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 100%;
  line-height: 1.25;
}
#header #nav-area #gmenu > ul > li.current > a, #header #nav-area #gmenu > ul > li:hover > a {
  background: #bccde8;
  color: #363636;
  text-decoration: none;
}
#header #nav-area #gmenu > ul > li > a > span:first-of-type {
    margin-right: 5px;
  }
#header #nav-area #gmenu > ul > li ul {
  display: none;
  position: absolute;
  width: 240px;
  z-index: 2;
}
#header #nav-area #gmenu > ul > li ul li {
  border-top: 1px solid #dfe7f4;
  background: #bccde8;
}
#header #nav-area #gmenu > ul > li ul li:first-child {
  border-top: 2px solid #9db2d8;
}
#header #nav-area #gmenu > ul > li ul li a {
  display: block;
  background: url(/contents/common/images/dot_gmenu_sub.gif) no-repeat 93% 49%;
  padding: 10px 20px;
}
#header #nav-area #submenu {
  position: absolute;
  top: 0;
  width: 100%;
  height: 36px;
  background-color: #e8ebf2;
}
#header #nav-area #submenu #submenu-wrapper {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
#header #nav-area #submenu #submenu-wrapper ul {
  float: left;
  overflow: hidden;
  padding-right: 10px;
}
#header #nav-area #submenu #submenu-wrapper ul li {
  float: left;
}
#header #nav-area #submenu #submenu-wrapper ul li a {
  display: flex;
  height: 36px;
  align-items: center;
}
#header #nav-area #submenu #submenu-wrapper ul li a span {
    position: relative;
    padding: 0 15px;
}
#header #nav-area #submenu #submenu-wrapper ul li a span:before {
    content: "|";
    position: relative;
    left: -15px;
    top: 0;
}
#header #nav-area #submenu #submenu-wrapper ul li.last a span:after {
    content: "|";
    position: relative;
    right: -15px;
    top: 0;
}
#header #nav-area #submenu #submenu-wrapper ul li#submenu-facebook,
#header #nav-area #submenu #submenu-wrapper ul li#submenu-twitter {
    padding: 0 0 0 20px;
    font-size: 18px;
}
#header #nav-area #submenu #submenu-wrapper ul li#submenu-facebook a,
#header #nav-area #submenu #submenu-wrapper ul li#submenu-twitter a {
    transition: all ease-in-out .3s;
}
#header #nav-area #submenu #submenu-wrapper ul li#submenu-facebook a:hover,
#header #nav-area #submenu #submenu-wrapper ul li#submenu-twitter a:hover {
    text-decoration: none;
    opacity: .5;
}

#pankuzu {
  border-bottom: 2px solid #eee;
}
#pankuzu ul {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 8px 0 6px;
}
#pankuzu ul li {
  float: left;
  margin-left: 15px;
  padding-left: 17px;
  background: url(/contents/common/images/dot_pankuzu.gif) no-repeat left 8px;
}
#pankuzu ul li:first-child {
  background: none;
  padding-left: 0;
}
#pankuzu ul li a {
  color: #4367e5;
}

#contents #contents-wrapper {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#contents #contents-wrapper #side-menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 215px;
  background: url(/contents/common/images/bg_sidemenu.gif) repeat-y right;
}
#contents #contents-wrapper #side-menu > ul {
  margin-top: 40px;
}
#contents #contents-wrapper #side-menu > ul > li {
  margin-bottom: 11px;
}
#contents #contents-wrapper #side-menu > ul > li a {
  display: block;
  padding: 4px 20px 2px;
}
#contents #contents-wrapper #side-menu > ul > li > a {
  background: url(/contents/files/arr_detail.png) no-repeat left 8px;
}
#contents #contents-wrapper #side-menu > ul > li.current > a {
  background: #dbe5f3;
}
#contents #contents-wrapper #side-menu > ul > li > ul > li {
  margin: 10px 0;
}
#contents #contents-wrapper #side-menu > ul > li > ul > li > a {
  background: url(/contents/common/images/dot_bbar.gif) no-repeat 4px 4px;
  color: #4367e5;
}
#contents #contents-wrapper #side-menu > ul > li > ul > li.current > a {
  background: #dbe5f3;
}
#contents #contents-wrapper #side-menu > ul > li > ul > li ul {
  background: url(/contents/common/images/bg_sidemenu2.gif) repeat-y;
  padding: 5px 0;
}
#contents #contents-wrapper #side-menu > ul > li > ul > li ul li a {
  background: url(/contents/common/images/dot_side.png) no-repeat 9px 12px;
}
#contents #contents-wrapper #side-menu > ul > li > ul > li ul li.current a {
  background: #dbe5f3;
}
#contents #contents-wrapper #main-area {
  float: right;
  width: 940px;
  padding: 0 10px 180px 0;
}
#contents #contents-wrapper #main-area .std-title {
  background: url(/contents/common/images/bg_title.gif) repeat-x bottom;
  padding: 45px 10px 25px;
  font-size: 171.4%;
  line-height: 75%;
}
#contents #contents-wrapper #main-area .std-title span {
  font-size: 45.8%;
  color: #aaa;
}
#contents #contents-wrapper #main-area .std-title.std-title_en {
  line-height: 125%;
}

#footer #footer-bnr-area {
  background: url(/contents/common/images/bg_bnr_area.gif);
}
#footer #footer-bnr-area ul {
  text-align: center;
  padding: 19px 0;
  border-top: 1px solid #e3e4e6;
}
#footer #footer-bnr-area ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 2px;
}
#footer #totop {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
#footer #totop img {
  position: absolute;
  right: 0;
  top: -49px;
}
#footer #search-area-sp-footer {
  display: none;
}
#footer #footer-sitemap {
  border-top: 1px solid #e3e4e6;
  padding: 30px 0;
}
#footer #footer-sitemap > ul {
  text-align: center;
}
#footer #footer-sitemap > ul > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 180px;
  text-align: left;
  margin: 0 2px;
}
#footer #footer-sitemap > ul > li > a {
  font-weight: bold;
}
#footer #footer-sitemap > ul > li ul {
  font-size: 85.7%;
}
#footer #submenu-sp {
  display: none;
}
#footer #footer-bottom {
  border-top: 1px solid #adadad;
  background: url(/contents/common/images/bg_footer.gif);
  padding: 28px 0 33px;
}
#footer #footer-bottom div {
  text-align: center;
}
#footer #footer-bottom div p {
  font-size: 85.7%;
  margin-bottom: 2px;
}
#footer #footer-bottom div p#footer-privacy {
  text-align: center;
  font-size: 78.6%;
  border: 1px solid #888;
  border-radius: 4px;
  background: #fff;
  width: 200px;
  margin: 10px auto 0;
}
#footer #footer-bottom div p#footer-privacy a {
  display: block;
  padding: 2px 0 1px;
}
.flex-lg-column {
  flex-direction: column !important;
}
.flex-lg-row {
  flex-direction: row !important;
}

@media screen and (max-width: 1269px) {
  #header #header-upper {
    width: 980px;
  }
  #header #header-upper #user-menu-pc {
    max-width: 500px;
  }
  #header #header-upper #user-menu-pc .custom-text-link {
    font-size: 10.5px;
    margin-right: 10px;
  }
  #header #header-upper #user-menu-pc .custom-text-link li {
    text-indent: -6px;
  }
  #header #header-upper #user-menu-pc .user-menu-item {
    width: 70px;
  }
  #header #header-upper #user-menu-pc .user-menu-item .fa-solid {
    font-size: 24px;
  }
  #header #header-upper #user-menu-pc .user-menu-item span {
    font-size: 10.5px;
  }
  #header #nav-area #gmenu {
    min-width: 980px;
  }
  #header #nav-area #gmenu > ul {
    width: 980px;
  }
  #header #nav-area #gmenu > ul > li > a {
    padding: 0 22px;
  }
  #header #nav-area #submenu #submenu-wrapper {
    width: 980px;
  }
  #pankuzu ul {
    width: 980px;
  }

  #contents #contents-wrapper {
    width: 980px;
  }
  #contents #contents-wrapper #main-area {
    width: 720px;
  }

  #footer #footer-bnr-area ul {
    width: 980px;
    margin: 0 auto;
  }
  #footer #totop {
    width: 980px;
  }
  #footer #footer-sitemap {
    overflow: hidden;
  }
  #footer #footer-sitemap ul {
    width: 980px;
    margin: 0 auto;
  }
  #footer #footer-bottom ul {
    width: 980px;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
}
@media screen and (max-width: 767px) {
  #header {
    width: 100%;
    padding-bottom: 0;
    border-bottom: 1px solid #edeff5;
  }
  #header #header-upper {
    width: auto;
    height: 56px;
  }
  #header #header-upper #logo {
    padding: 13px 0 0 10px;
    width: 80%;
    height: auto;
  }
  #header #header-upper #logo img {
    width: 100%;
    max-width: 275px;
  }
  #header #header-upper #user-menu-pc {
    display: none;
  }  
  #header #header-upper #sp-menu {
    display: block;
    float: right;
    width: 56px;
    text-align: right;
  }
  #header #header-upper #search-area {
    display: none;
  }
  #header #header-upper #size-change {
    display: none;
  }
  #header #user-menu-sp {
    display: flex;
  }
  #header #user-menu-sp {
    width: 100%;
    height: 76px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #header #user-menu-sp .user-menu-inner {
      width: 20%;
  }
  #header #user-menu-sp .user-menu-item {
      display: flex;
      width: 100%;
      height: 76px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #bccde8;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff;
      box-sizing: border-box;
      transition: all ease-in-out .3s;
  }
  #header #user-menu-sp .user-menu-item:hover {
      text-decoration: none;
      background-color: #ccddf8;
      opacity: .9;
  }
  #header #user-menu-sp .user-menu-item .fa-solid.fa-flask-vial,
  #header.header-en #user-menu-sp .user-menu-item .fa-solid.fa-pen-to-square {
      padding-top: 5px;
  }
  #header #user-menu-sp .user-menu-item .fa-solid {
      font-size: 22px;
      color: #001d72;
      padding-bottom: 10px;
  }
  #header #user-menu-sp .user-menu-item span {
      font-size: 10px;
      line-height: 1.3;
      text-align: center;
      color: #001d72;
  }
  #header.header-en #user-menu-sp .user-menu-item span {
      font-size: 11px;
  }
  
  #header #nav-area {
    display: none;
    position: absolute;
    top: 57px;
    width: 100%;
    background: #001d72 \9;
    background: rgba(0, 29, 114, 0.95);
    z-index: 1;
  }
  #header #nav-area #search-area-sp {
    display: block;
    padding: 4% 6.3%;
    border-bottom: 1px solid #fff;
  }
  #header #nav-area #search-area-sp #cse_sp .gsc-control-cse {
    border: none;
    background: none;
    padding: 0;
  }
  #header #nav-area #search-area-sp #cse_sp .gsc-control-cse form.gsc-search-box {
    margin: 0;
    padding: 0;
  }
  #header #nav-area #search-area-sp #cse_sp .gsc-control-cse form.gsc-search-box table.gsc-search-box {
    border-collapse: collapse;
    margin: 0;
    width: 219px;
  }
  #header #nav-area #search-area-sp #cse_sp .gsc-control-cse form.gsc-search-box table.gsc-search-box .gsc-input {
    padding: 0;
  }
  #header #nav-area #search-area-sp #cse_sp .gsc-control-cse form.gsc-search-box table.gsc-search-box input.gsc-input {
    border: solid #ddd;
    border-width: 1px 0 1px 1px;
    width: 190px;
    height: 28px;
  }
  #header #nav-area #search-area-sp #cse_sp .gsc-control-cse form.gsc-search-box table.gsc-search-box td.gsc-search-button input.gsc-search-button {
    border: solid #ddd;
    border-width: 1px 1px 1px 0;
    background: white url(/contents/common/images/btn_search.png) no-repeat 6px 4px;
    width: 28px;
    height: 30px;
    text-indent: -999em;
    overflow: hidden;
    display: block;
    margin: 0;
    min-width: auto;
  }
  #header #nav-area #search-area-sp #cse_sp .gsc-control-cse form.gsc-search-box table.gsc-search-box .gsc-clear-button {
    display: none;
  }
  #header #nav-area #search-area-sp #text {
    border: none;
    height: 35px;
    width: 86%;
    border-radius: 0;
  }
  #header #nav-area #search-area-sp #submit {
    border: none;
    background: white url(/contents/common/images/btn_search.png) no-repeat 6px 50%;
    width: 28px;
    height: 35px;
    border-radius: 0;
  }
  #header #nav-area #gmenu {
    position: static;
    min-width: 0;
    background: none;
    border: none;
  }
  #header #nav-area #gmenu > ul {
    width: auto;
    background: none;
  }
  #header #nav-area #gmenu > ul > li {
    float: none;
    background: none;
    border-bottom: 1px solid #fff;
  }
  #header #nav-area #gmenu > ul > li > a {
    width: auto;
    color: #fff;
    padding: 3% 6.3%;
    justify-content: flex-start;
  }
  #header #nav-area #gmenu > ul > li > a img {
    display: none;
  }
  #header #nav-area #gmenu > ul > li > a span {
    display: inline;
  }
  #header #nav-area #gmenu > ul > li ul {
    display: none;
  }
  #header #nav-area #submenu {
    position: static;
    height: auto;
    background-color: transparent;
  }
  #header #nav-area #submenu #submenu-wrapper {
    width: auto;
  }
  #header #nav-area #submenu #submenu-wrapper ul {
    float: none;
    padding-right: 0;
    text-align: center;
    letter-spacing: -.40em;
  }
  #header #nav-area #submenu #submenu-wrapper ul li {
    float: none;
    padding: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
  }
  #header #nav-area #submenu #submenu-wrapper ul li a {
    display: block;
    color: #fff;
    height: auto;
  }
  #header #nav-area #submenu #submenu-wrapper ul li a img {
    display: none;
  }
  #header #nav-area #submenu #submenu-wrapper ul li a span {
    display: inline;    
    padding: 0;
  }
  #header #nav-area #submenu #submenu-wrapper ul li a span:before {
    content: "";
    left: auto;
    top: auto;
  }
  #header #nav-area #submenu #submenu-wrapper ul li.last a span:after {
    content: "";
    right: auto;
    top: auto;
  }
  #header #nav-area #submenu #submenu-wrapper ul li:nth-child(1), #header #nav-area #submenu #submenu-wrapper ul li:nth-child(2), #header #nav-area #submenu #submenu-wrapper ul li:nth-child(3) {
    width: 33.2%;
    border-bottom: 1px solid #fff;
  }
  #header #nav-area #submenu #submenu-wrapper ul li:nth-child(1):nth-child(2), #header #nav-area #submenu #submenu-wrapper ul li:nth-child(2):nth-child(2), #header #nav-area #submenu #submenu-wrapper ul li:nth-child(3):nth-child(2) {
    border: solid #fff;
    border-width: 0 .1em 1px;
  }
  #header #nav-area #submenu #submenu-wrapper ul li:nth-child(1) a, #header #nav-area #submenu #submenu-wrapper ul li:nth-child(2) a, #header #nav-area #submenu #submenu-wrapper ul li:nth-child(3) a {
    padding: 11% 0 10%;
  }
  #header #nav-area #submenu #submenu-wrapper ul li#submenu-facebook {
    display: none;
  }
  #header #nav-area #submenu #submenu-wrapper ul li#submenu-twitter {
    display: none;
  }
  #header #nav-area #submenu #submenu-wrapper ul li#submenu-language {
    margin: 6% 0;
    border: 2px solid #fff;
    width: 45%;
    text-align: center;
    padding-top: 0;
  }
  #header #nav-area #submenu #submenu-wrapper ul li#submenu-language a {
    padding: 7% 0 6%;
  }

  #pankuzu ul {
    width: 100%;
  }

  #contents #contents-wrapper {
    width: 100%;
  }
  #contents #contents-wrapper #side-menu {
    float: none;
    position: relative;
    width: 90%;
    margin: 0 auto;
    background: none;
    padding-bottom: 100px;
  }
  #contents #contents-wrapper #side-menu > ul {
    margin-top: 0;
    border-top: 1px solid #0d2979;
  }
  #contents #contents-wrapper #side-menu > ul > li {
    margin-bottom: 0;
    border: 1px solid #0d2979;
    border-width: 0 1px 1px;
  }
  #contents #contents-wrapper #side-menu > ul > li a {
    display: block;
    padding: 5% 6% 4%;
  }
  #contents #contents-wrapper #side-menu > ul > li > a {
    background: url(/contents/common/images/dot_side_sp.gif) no-repeat 96% 48%;
  }
  #contents #contents-wrapper #side-menu > ul > li.current > a {
    background: url(/contents/common/images/dot_side_sp.gif) no-repeat 96% 48%;
  }
  #contents #contents-wrapper #side-menu > ul > li > ul {
    display: none;
  }
  #contents #contents-wrapper #main-area {
    width: 100%;
    float: none;
    padding-right: 0;
    padding: 0 10px 100px 0;
  }

  #footer {
    background: #0d2979;
  }
  #footer #footer-bnr-area {
    border: none;
  }
  #footer #footer-bnr-area ul {
    width: 95%;
    max-width: 371px;
    margin: 0 auto;
    overflow: hidden;
  }
  #footer #footer-bnr-area ul li {
    display: block;
    margin: 3px 0;
    float: left;
    max-width: 180px;
    width: 48.5%;
  }
  #footer #footer-bnr-area ul li:nth-child(odd) {
    margin-right: 3%;
  }
  #footer #totop {
    width: 100%;
  }
  #footer #search-area-sp-footer {
    display: block;
    padding: 4% 6.3%;
    border-bottom: 1px solid #fff;
  }
  #footer #search-area-sp-footer #text {
    border: none;
    height: 35px;
    width: 86%;
    border-radius: 0;
  }
  #footer #search-area-sp-footer #submit {
    border: none;
    background: white url(/contents/common/images/btn_search.png) no-repeat 6px 50%;
    width: 28px;
    height: 35px;
    border-radius: 0;
  }
  #footer #footer-sitemap {
    background: none;
    padding: 0;
  }
  #footer #footer-sitemap > ul {
    width: 100%;
  }
  #footer #footer-sitemap > ul > li {
    display: block;
    border-bottom: 1px solid #fff;
    width: auto;
  }
  #footer #footer-sitemap > ul > li > a {
    color: #fff;
    font-weight: normal;
    display: block;
    padding: 4% 6.3% 3%;
  }
  #footer #footer-sitemap > ul > li ul {
    display: none;
  }
  #footer #submenu-sp {
    display: block;
    border-bottom: 1px solid #fff;
  }
  #footer #submenu-sp ul {
    text-align: center;
    letter-spacing: -.40em;
  }
  #footer #submenu-sp ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
    width: 33.2%;
  }
  #footer #submenu-sp ul li:nth-child(2) {
    border: solid #fff;
    border-width: 0 .1em;
  }
  #footer #submenu-sp ul li a {
    display: block;
    color: #fff;
    padding: 11% 0 10%;
  }
  #footer #footer-bottom {
    border-top: none;
    background: none;
  }
  #footer #footer-bottom div {
    width: 90%;
    margin: 0 auto;
  }
  #footer #footer-bottom div p {
    color: #fff;
  }
  .flex-sp-column {
    flex-direction: column !important;
  }
  .flex-sp-row {
    flex-direction: row !important;
  }
}

/* added by pretacou 2022/11/05 */
@media screen and (max-width: 767px) {
    #header #nav-area {
        z-index: 100;
    }
}