:root {
  --bg-primary: #eeefef;
  --general-font: #23221f;
  --marine04: #26519f;
  --aqua04: #0f7f85;
  --line1: #c7c7c7;
  --brand-color: #0075e3;
  --accent5: #4d5061;
  --general-bottom: 1rem;
  --list-left-padding: 1.4rem;
  --white: white;
  --accent2: #d9ef6c;
  --silver: #c7c7c7;
  --body-back-ground: #f0f0f0;
  --ui-text-color: #23221f;
  --accent4: #5c80bc;
  --aqua02: #69d9de;
  --text-back-ground-grey: #f7f7f7;
  --sky01: #ddf2fb;
  --textcolor_head2: #606060;
  --line2: #efefef;
  --ibm-general: "IBM Plex Sans JP", sans-serif;
  --brand-second: #2dc2bd;
  --maintittxt: #0f457a;
  --bold-700: 700;
  --stone02: #edebe6;
  --light-steel-blue: #b4c5ff;
  --black: black;
  --text-back-ground-blue: #edf7ff;
  --text-color: #464c4c;
  --hover_set0: 0%;
  --ui-border-secondary: #d9d9d9;
  --accent6: #4d5061;
  --sub-text-12px: .7em;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--bg-primary);
  color: var(--general-font);
  font-family: IBM Plex Sans JP, sans-serif;
  font-size: 16px;
}

h1 {
  color: var(--marine04);
  text-align: center;
  letter-spacing: .1rem;
  margin-top: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2em;
}

h2 {
  color: var(--aqua04);
  margin-top: 0;
  margin-bottom: 1rem;
  padding-right: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4em;
}

h3 {
  background-color: var(--bg-primary);
  color: var(--general-font);
  letter-spacing: .05em;
  background-image: url('../images/circle_headicon.svg');
  background-position: 12px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 4px;
  margin-top: 0;
  margin-bottom: .5rem;
  padding: .8rem 2rem .6rem 2.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}

h4 {
  clear: none;
  border-bottom: 2px solid var(--line1);
  border-left: 2px solid var(--line1);
  margin-top: 0;
  margin-bottom: .5rem;
  padding: .25rem 1rem .25rem .5rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

h5 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6rem;
}

p {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

a {
  color: var(--brand-color);
  text-decoration: none;
}

a:hover {
  color: var(--accent5);
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: var(--general-bottom);
  padding-left: var(--list-left-padding);
  font-size: 1rem;
  line-height: 2rem;
  list-style-type: disc;
}

ol {
  margin-top: 0;
  margin-bottom: var(--general-bottom);
  padding-left: var(--list-left-padding);
  font-size: 1rem;
  line-height: 2rem;
  list-style-type: decimal;
}

li {
  padding-bottom: 0;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 1rem;
  line-height: 1.6rem;
}

.navcont {
  z-index: 3;
  background-color: var(--white);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  display: flex;
}

.navbar {
  width: 100%;
  height: 80px;
}

.menu-button {
  border-style: solid;
  border-width: 0 0 0 2px;
  border-bottom-color: var(--white);
  border-left-color: var(--brand-color);
  color: var(--general-font);
  background-image: url('../images/menuicon.svg');
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100%;
  margin-left: 0;
  padding: 0;
  display: block;
  position: static;
}

.menu-button:hover {
  background-color: var(--white);
}

.menu-button:active {
  background-color: var(--accent2);
}

.menu-button.w--open {
  background-color: var(--white);
  color: var(--brand-color);
  background-image: url('../images/menuicon-on.svg');
  box-shadow: 1px 1px 5px 3px #0000004d;
}

.mainvisual {
  z-index: auto;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.bar_for_news_display {
  border-bottom: 1px solid var(--silver);
  background-color: var(--body-back-ground);
  width: 100%;
  height: 40px;
  padding-top: 10px;
  font-size: 14px;
}

.image {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}

.main_cont {
  max-width: 1240px;
  margin: 40px auto 70px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.helocont {
  background-color: var(--brand-color);
  text-align: center;
  background-image: url('../images/helo_bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 320px;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.navmenu {
  z-index: auto;
  border: 2px solid var(--white);
  background-color: var(--bg-primary);
  object-fit: fill;
  border-radius: 0;
  width: 260px;
  margin-top: 80px;
  margin-right: 0;
  position: fixed;
  inset: 0 0% auto auto;
  box-shadow: 0 0 15px 5px #0000001a;
}

.menubtntxt {
  letter-spacing: .08rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 18px;
  font-family: Barlow, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
}

.navlink {
  color: var(--ui-text-color);
  padding-left: 60px;
  display: block;
}

.navlink:hover, .navlink:focus {
  color: var(--brand-color);
}

.navlink.icon_home {
  background-image: url('../images/menuicon-home.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
}

.navlink.icon_home:hover, .navlink.icon_home.w--current, .navlink.icon_home.w--current:hover {
  background-image: url('../images/menuicon-home-on.svg'), url('../images/menuicon-home.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.navlink.icon_outline {
  background-image: url('../images/menuicon-outline.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
}

.navlink.icon_outline:hover, .navlink.icon_outline.w--current {
  background-image: url('../images/menuicon-outline-on.svg'), url('../images/menuicon-outline.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.navlink.icon_structure {
  background-image: url('../images/menuicon-structure.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
}

.navlink.icon_structure:hover, .navlink.icon_structure.w--current {
  background-image: url('../images/menuicon-structure-on.svg'), url('../images/menuicon-structure.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.navlink.icon_privacy {
  background-image: url('../images/menuicon-privacy.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
}

.navlink.icon_privacy:hover {
  background-image: url('../images/menuicon-privacy-on.svg'), url('../images/menuicon-privacy.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.navlink.icon_-results {
  background-image: url('../images/menuicon-results.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
}

.navlink.icon_-results:hover, .navlink.icon_-results.w--current {
  background-image: url('../images/menuicon-results-on.svg'), url('../images/menuicon-results.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.navlink.icon_faq {
  background-image: url('../images/menuicon-faq.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
}

.navlink.icon_faq:hover {
  background-image: url('../images/menuicon-faq-on.svg'), url('../images/menuicon-faq.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.navlink.icon_contact {
  background-image: url('../images/menuicon-contact.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
}

.navlink.icon_contact:hover {
  background-image: url('../images/menuicon-contact-on.svg'), url('../images/menuicon-contact.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.navlink.left_menu_list {
  letter-spacing: .06em;
  padding-top: 20px;
  line-height: 18px;
  text-decoration: none;
}

.navlink.left_menu_list.w--current {
  border-style: none none none solid;
  border-width: 1px 1px 1px 4px;
  border-color: black black black var(--accent4);
  background-color: var(--white);
  color: var(--accent4);
  border-radius: 0;
  padding-left: 56px;
}

.navlink.left_menu_list.icon_home {
  background-position: 20px 43%;
}

.navlink.left_menu_list.icon_home.w--current:hover {
  background-image: url('../images/menuicon-home-on.svg');
  background-position: 20px 43%;
  background-repeat: no-repeat;
  background-size: auto;
}

.navlink.left_menu_list.icon_outline {
  background-image: none;
}

.navlink.left_menu_list.icon_outline.w--current {
  background-color: var(--white);
  color: var(--brand-color);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.navlink.left_menu_list.icon_outline.w--current:focus {
  background-color: var(--white);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.navlink.left_menu_list.icon_structure.w--current {
  background-color: var(--white);
  color: var(--brand-color);
  background-image: url('../images/menuicon-structure-on.svg'), url('../images/menuicon-structure.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.navlink.left_menu_list.icon_structure.w--current:hover {
  background-image: url('../images/menuicon-structure-on.svg'), url('../images/menuicon-structure.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.navlink.left_menu_list.icon_privacy.w--current {
  background-color: var(--white);
  color: var(--brand-color);
  background-image: url('../images/menuicon-privacy-on.svg'), url('../images/menuicon-privacy.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.navlink.left_menu_list.icon_-results.w--current {
  background-color: var(--white);
  color: var(--brand-color);
  background-image: url('../images/menuicon-results-on.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.navlink.left_menu_list.icon_faq.w--current {
  background-color: var(--white);
  color: var(--brand-color);
  background-image: url('../images/menuicon-faq-on.svg'), url('../images/menuicon-faq.svg');
  background-position: 20px, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.navlink.left_menu_list.icon_contact.w--current {
  background-color: var(--white);
  color: var(--brand-color);
  background-image: url('../images/menuicon-contact-on.svg');
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.newsbar {
  display: none;
}

.menu {
  float: left;
  width: 260px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  list-style-type: none;
  position: static;
}

.left_menu_list {
  height: 60px;
}

.right_cont {
  background-color: var(--white);
  border-radius: 0 4px 4px;
  margin-left: 260px;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.footer {
  display: block;
}

.footer_sitetitle {
  float: left;
  clear: right;
  flex-flow: column;
  margin-top: 2rem;
  margin-bottom: 8rem;
  margin-left: 2rem;
  padding-left: 0;
  padding-right: 0;
  list-style-type: none;
  display: flex;
}

.footercont {
  background-color: var(--brand-color);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.style-guide-elements-wrap {
  background-color: var(--white);
  flex-direction: column;
  flex: 1;
  padding: 20px;
}

.style-guide-help-image {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.style-guide-element-description {
  color: #5e5e5e;
  margin-top: 0;
  margin-bottom: 0;
  font-style: italic;
}

.style-guide-swatch {
  height: 60px;
  margin-bottom: 5px;
}

.style-guide-swatch.swatch---secondary-blue, .style-guide-swatch.swatch---accent {
  background-color: var(--aqua02);
}

.style-guide-swatch.swatch---primary-blue {
  background-color: var(--brand-color);
}

.style-guide-swatch.swatch---bg-blue {
  background-color: var(--accent2);
}

.style-guide-swatch.swatch---txt {
  background-color: var(--ui-text-color);
}

.style-guide-swatch.swatch---bodybg {
  background-color: var(--marine04);
}

.style-guide-swatch.swatch---bggrey {
  background-color: var(--text-back-ground-grey);
}

.style-guide-swatch.swatch---lenegrey {
  background-color: var(--line1);
}

.style-guide-swatch.swatch---accent2 {
  background-color: var(--white);
}

.button.button-small {
  padding: 6px 12px;
  font-size: 12px;
}

.button.button-secondary {
  color: var(--brand-color);
  background-color: #fff;
  border: 1px solid #3898eb;
}

.button.button-large {
  padding: 12px 20px;
  font-size: 18px;
}

.style-guide-help-heading {
  margin-top: 0;
  margin-bottom: 10px;
}

.style-guide-help-wrap {
  background-color: #f5f5f5;
  border-radius: 5px;
  width: 300px;
  margin-left: 40px;
  padding: 20px;
  position: sticky;
  top: 40px;
}

.style-guide-swatches-wrap {
  justify-content: space-between;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.style-guide-swatch-wrap {
  flex: 1;
  margin-bottom: 20px;
  margin-left: 5px;
  margin-right: 5px;
}

.style-guide-individual-element {
  margin-bottom: 20px;
}

.style-guide-section-wrap {
  align-items: flex-start;
  margin-bottom: 80px;
  display: flex;
  position: relative;
}

.breadcrumbs {
  border-bottom: 1px solid var(--line1);
  background-image: url('../images/icon_home_pan.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 60px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-left: 32px;
  list-style-type: none;
  display: flex;
}

.bdcmbs_home {
  width: 52px;
  padding-top: 3px;
  padding-bottom: 0;
  font-weight: 400;
}

.bdcmbs_link {
  background-image: url('../images/gt.svg');
  background-position: 0 14px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 12px;
  padding-top: 3px;
  padding-bottom: 0;
  padding-left: 20px;
  font-weight: 400;
}

.alert_box {
  border: 4px solid var(--line1);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px 20px 10px;
}

.alert_box.bottom_end_sec {
  border-width: 1px;
  border-color: var(--aqua02);
  background-color: var(--sky01);
  border-radius: 8px;
  margin-bottom: 2rem;
  padding: .5rem 1rem;
}

.h2_alert {
  color: var(--textcolor_head2);
  background-image: url('../images/icon_alert.svg');
  background-position: 0 5px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 24px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 400;
}

.emphasize {
  color: var(--aqua02);
  letter-spacing: .08em;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5em;
}

.h2_remind {
  color: var(--general-font);
  background-image: url('../images/icon_info.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  margin-top: 0;
  margin-bottom: .5rem;
  padding-left: 1.6rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8rem;
}

.bottom_end {
  margin-bottom: 2rem;
  display: block;
}

.page_introduction {
  margin-bottom: 1rem;
  padding: 0;
  list-style-type: none;
}

.intro_forpage {
  background-color: var(--sky01);
  color: var(--general-font);
  border-style: solid;
  border-width: 0;
  border-radius: 4px;
  padding: .5rem 1rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  display: block;
}

.intro_forpage:hover {
  background-color: var(--brand-color);
  color: var(--white);
  font-weight: 500;
  text-decoration: none;
}

.intro_txt {
  margin-bottom: 0;
  padding: .5rem 1rem;
}

.transitive_box {
  border: 2px solid var(--line1);
  background-color: var(--text-back-ground-grey);
  border-radius: 4px;
  margin-top: 0;
  margin-bottom: 4rem;
  padding: .5rem .5rem 0;
  list-style-type: none;
}

.general_icon {
  background-image: url('../images/icon_list.svg');
  background-position: 4px 2px;
  background-repeat: no-repeat;
  background-size: auto;
  border-bottom: 2px solid #c7c7c766;
  margin-bottom: .8rem;
  padding-bottom: .5rem;
  padding-left: 2rem;
  line-height: 1.5em;
}

.general_icon.lineend {
  border-bottom-style: none;
  padding-bottom: 0;
}

.list_a {
  font-weight: 500;
}

.list_a:hover {
  color: var(--accent5);
  text-decoration: underline;
}

.list_a.english {
  font-family: Barlow, sans-serif;
}

.bottom_end_sec {
  margin-bottom: 2rem;
}

.p_inlist_dot {
  margin-bottom: 2rem;
  padding-left: 0;
  list-style-type: none;
}

.structure_box {
  border: 2px solid var(--line1);
  border-radius: 4px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
}

.structure_box_tit {
  background-color: var(--sky01);
  background-image: url('../images/building-library.svg');
  background-position: 2% 46%;
  background-repeat: no-repeat;
  background-size: 30px;
  padding: 14px 20px 14px 60px;
  font-size: 15px;
  font-weight: 400;
}

.q-a_box_sub {
  background-color: var(--white);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: .5rem 1rem .5rem 3rem;
  line-height: 1.8rem;
}

.q-a_box_sub.inbasiclists {
  margin-bottom: .25rem;
  margin-left: 4rem;
  padding: 0 1rem 0 0;
  list-style-type: disc;
}

.structure_box_sup {
  font-size: 13px;
}

.results_box {
  background-color: var(--bg-primary);
  border-radius: 4px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1em;
  padding: 1rem;
  list-style-type: none;
  display: flex;
}

.results_box.list_bottom_sec {
  margin-bottom: 40px;
}

.results_iconv1 {
  float: left;
  clear: none;
  background-color: var(--white);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  padding-bottom: 0;
  display: flex;
}

.results_txt {
  float: none;
  clear: none;
  color: var(--general-font);
  padding-left: 1rem;
  font-weight: 500;
  line-height: 1.6rem;
  display: block;
}

.clear {
  clear: both;
}

.results_iconv2 {
  float: left;
  clear: none;
  background-color: var(--white);
  background-image: url('../images/database-leak.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  border-radius: 4px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  padding-bottom: 0;
  display: block;
}

.results_iconv3 {
  float: left;
  clear: none;
  background-color: var(--white);
  background-image: url('../images/device-tv.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  border-radius: 4px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  padding-bottom: 0;
  display: block;
}

.important_warning {
  background-color: var(--body-back-ground);
  border-radius: 4px;
  margin-bottom: 1rem;
  padding: .5rem;
}

.important_warning_tit {
  background-color: var(--accent2);
  color: var(--general-font);
  text-align: center;
  background-image: none;
  border-bottom: 0 #0000;
  border-left-style: none;
  border-radius: 4px;
  margin-bottom: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
  line-height: 1.2rem;
}

.important_warning_sup {
  color: var(--general-font);
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 500;
}

.survey_result_box {
  border: 2px solid var(--line2);
  border-radius: 4px;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-left: 0;
  list-style-type: none;
}

.q-a_box_tit {
  border-bottom: 2px solid var(--line1);
  background-color: var(--bg-primary);
  color: var(--general-font);
  background-image: url('../images/qicon.svg');
  background-position: 10px 9px;
  background-repeat: no-repeat;
  background-size: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: .5rem;
  padding: .25rem 1rem .25rem 2.4rem;
  font-weight: 500;
}

.q-a_box_tit.english {
  font-family: Barlow, sans-serif;
}

.a_general:hover {
  color: var(--aqua04);
}

.a_general.a_external {
  background-image: none;
  padding-left: 0;
}

.a_general.a_external:hover {
  color: var(--general-font);
}

.q-a_linklist {
  border: 2px solid var(--line1);
  background-color: var(--text-back-ground-grey);
  border-radius: 4px;
  margin-top: 0;
  margin-bottom: 4rem;
  padding: .5rem .5rem 0;
  list-style-type: none;
}

.q-a_box {
  border-radius: 4px;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-left: 0;
  list-style-type: none;
}

.a_external {
  background-image: url('../images/external-link-alt.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 12px;
  padding-left: 20px;
  display: inline;
}

.a_external:hover {
  font-weight: 500;
}

.question_icon {
  background-image: url('../images/qicon.svg');
  background-position: 8px 4px;
  background-repeat: no-repeat;
  background-size: 20px;
  border-bottom: 2px solid #c7c7c766;
  margin-bottom: .5rem;
  padding: .2rem 0 .5rem 2.4rem;
  line-height: 1.5em;
}

.li_general {
  background-image: url('../images/dot.svg');
  background-position: 0 13px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: .8rem;
  padding-left: 1rem;
  list-style-type: none;
}

.info_timestamp {
  background-color: var(--body-back-ground);
  color: var(--ui-text-color);
  border-radius: 15px;
  padding: 4px 12px;
  display: inline-block;
}

.survey_result_box_tit {
  background-color: var(--accent4);
  color: var(--white);
  background-image: url('../images/exit.svg');
  background-position: 16px 11px;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: .5rem 1rem .5rem 3rem;
  font-size: 15px;
  font-weight: 500;
}

.survey_result_box_sub {
  background-color: var(--text-back-ground-grey);
  color: var(--general-font);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1rem 2rem;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6em;
}

.structure_box_sub {
  background-color: var(--white);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 14px 20px 20px 60px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6em;
}

.remarkablei_500 {
  color: var(--marine04);
  font-weight: 500;
}

.warning_box {
  border: 4px solid var(--line2);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px 20px 10px;
  display: none;
}

.governmentstatistics {
  float: left;
  padding-right: 8px;
}

.ipss {
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.li_general_nmbr {
  margin-left: 0;
  padding-left: 0;
  font-size: 15px;
  line-height: 2em;
  list-style-type: decimal;
}

.p_inlist_nmbr {
  margin-bottom: 20px;
  margin-left: 23px;
  padding-left: 0;
  list-style-type: none;
}

.container {
  margin-top: 4rem;
}

.visually-hidden {
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin-bottom: 0;
  position: absolute;
  overflow: hidden;
}

.title-wrapper {
  background-image: url('../images/logo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 360px;
  height: 32px;
}

.headtext-wrapper {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-left: 0;
  display: block;
}

.project-name {
  margin: auto auto 8px 1rem;
  font-size: .9rem;
  font-weight: 500;
}

.project-name.forfooter {
  color: var(--white);
  letter-spacing: 0;
  margin: 0 0 0 0;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1rem;
}

.survay_info {
  color: var(--general-font);
  margin-bottom: 0;
  font-size: .8rem;
  font-weight: 700;
}

.survay_info.forfooter {
  font-family: var(--ibm-general);
  color: var(--white);
  height: 1rem;
  margin-bottom: .5rem;
  font-weight: 600;
  line-height: 1rem;
}

.bold700 {
  font-weight: 700;
}

.menu-item {
  color: var(--general-font);
  border-left: 4px solid #5c80bc00;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  padding-left: 60px;
  display: flex;
  position: relative;
}

.menu-item:hover {
  border-left-color: var(--accent4);
  color: var(--accent4);
  text-decoration: none;
}

.menu-item.w--current {
  border-left-color: var(--accent4);
  background-color: var(--white);
  font-weight: 500;
}

.menu-item.home {
  background-image: url('../images/menuicon-home-switch.svg');
  background-position: -260px 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-item.home:hover, .menu-item.home.w--current {
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  background-position: 0 0;
}

.menu-item.outline {
  background-image: url('../images/menuicon-outline-switch.svg');
  background-position: -260px 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-item.outline:hover {
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  -webkit-text-stroke-color: var(--brand-color);
  background-image: url('../images/menuicon-outline-switch_1.svg');
  background-position: 0 0;
}

.menu-item.outline.w--current {
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  background-image: url('../images/menuicon-outline-switch_1.svg');
  background-position: 0 0;
}

.menu-item.structure {
  background-image: url('../images/menuicon-structure-switch.svg');
  background-position: -260px 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-item.structure:hover {
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  -webkit-text-stroke-color: var(--brand-color);
  background-position: 0 0;
}

.menu-item.structure.w--current {
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  background-image: url('../images/menuicon-structure-switch.svg');
  background-position: 0 0;
}

.menu-item.privacy {
  background-image: url('../images/menuicon-privacy-switchsvg.svg');
  background-position: -260px 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-item.privacy:hover, .menu-item.privacy.w--current {
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  background-position: 0 0;
}

.menu-item.results {
  background-image: url('../images/menuicon-results-switch.svg');
  background-position: -260px 0;
  background-repeat: no-repeat;
  background-size: auto;
  display: none;
}

.menu-item.results:hover {
  background-position: 0 0;
}

.menu-item.results.w--current {
  color: var(--accent4);
  background-position: 0 0;
}

.menu-item.faq {
  background-image: url('../images/menuicon-faq-switch.svg');
  background-position: -260px 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-item.faq:hover, .menu-item.faq.w--current {
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  background-position: 0 0;
}

.menu-item.forforeign {
  background-image: url('../images/menuicon-forforeign-switch.svg');
  background-position: -260px 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-item.forforeign:hover, .menu-item.forforeign.w--current {
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  background-position: 0 0;
}

.menu-item.contact {
  background-image: url('../images/menuicon-contact-switch.svg');
  background-position: -260px 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-item.contact:hover, .menu-item.contact.w--current {
  border-left-color: var(--brand-color);
  color: var(--brand-color);
  background-position: 0 0;
}

.menu-text {
  text-align: left;
  font-size: 1rem;
  font-weight: 500;
}

.menu-text:hover {
  text-decoration: none;
}

.menu-text.longsent {
  font-size: .88rem;
  line-height: 1.2rem;
}

.mhlw {
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.ipsstextlink {
  float: left;
  padding-right: 8px;
}

.extlink {
  color: var(--general-font);
  background-image: url('../images/extlink.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 1.4rem;
  font-size: .9rem;
  font-weight: 400;
}

.explinklists {
  background-color: var(--brand-second);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1rem;
  list-style-type: none;
  display: flex;
}

.sitelogo_footer {
  background-image: url('../images/footlogo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 25px;
  min-height: 25px;
  margin-bottom: .7rem;
}

.locallinks_wrapp {
  clear: both;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 1.5rem;
  margin-left: 2rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.locallink {
  color: var(--white);
  background-image: url('../images/arrow.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 1.2rem;
  font-size: .9rem;
  font-weight: 400;
}

.locallinklist {
  float: left;
  margin-right: 2rem;
  padding-right: 8px;
}

.wrapp_infolink {
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.wrapp_introtxt {
  margin-bottom: 1rem;
}

.headlv2 {
  color: var(--aqua04);
  background-image: url('../images/arrowhead.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: .5rem;
  padding-top: .25rem;
  padding-left: 26px;
  padding-right: 1rem;
  line-height: 1.8em;
}

.heading-12 {
  margin-bottom: 1rem;
}

.heading-lv4 {
  margin-bottom: .5rem;
  padding: .25rem 1rem .25rem .5rem;
}

.heading-lv4.english {
  font-family: Barlow, sans-serif;
  font-weight: 500;
}

.contactwrap {
  border: 0 solid #000;
  border-radius: 4px;
  margin-bottom: 4rem;
  padding: 2rem;
  list-style-type: none;
  box-shadow: 0 0 10px #0000001f;
}

.contactwrap.bottom_boxend {
  background-image: url('../images/freedial.svg');
  background-position: 20px 21px;
  margin-bottom: 2rem;
}

.number_accent {
  color: var(--brand-color);
  letter-spacing: .3rem;
  margin-bottom: .5em;
  font-family: Barlow, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
  display: block;
}

.english {
  font-family: Barlow, sans-serif;
  font-size: 1.1rem;
  line-height: 1.6rem;
}

.english.bottom_end_short {
  margin-bottom: 1rem;
}

.ruby {
  line-height: 2rem;
  display: flex;
}

.rubytext {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.8rem;
  display: flex;
}

.code-embed {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.gicon_general {
  vertical-align: middle;
  margin-right: .25rem;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
  display: inline-block;
}

.q-a_box_english {
  background-color: var(--white);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: .5rem 1rem .5rem 3rem;
  font-family: Barlow, sans-serif;
  font-size: 1.1rem;
  line-height: 1.6rem;
}

.sponsorlist {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.headlv3_typeb {
  border-bottom: 2px solid var(--line1);
  border-left: 2px solid var(--line1);
  background-color: var(--white);
  color: var(--general-font);
  letter-spacing: 0;
  background-image: none;
  border-radius: 0;
  padding: .25rem 1rem .25rem .5rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.gicon_results {
  color: var(--maintittxt);
  vertical-align: middle;
  margin-right: 0;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 3.4rem;
  font-weight: 100;
  line-height: 3.4rem;
  display: inline-block;
}

.surveymethod {
  text-align: right;
  background-image: url('../images/seifutoukeimark.svg');
  background-position: 100%;
  background-repeat: repeat-y;
  background-size: 50px;
  order: 0;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: auto;
  height: 50px;
  margin-left: auto;
  margin-right: 20px;
  padding-right: 60px;
  display: flex;
  position: static;
}

.text-block {
  font-family: var(--ibm-general);
  font-size: .8em;
  font-weight: var(--bold-700);
}

.link-block.w--current {
  order: 0;
  justify-content: flex-end;
  align-items: center;
  margin-right: auto;
  display: block;
}

.production {
  background-color: var(--stone02);
  justify-content: center;
  align-items: center;
  height: 34px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: auto;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.helo_visualarea {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 762px;
  height: 160px;
  margin: auto;
  padding-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.illust_left {
  background-image: url('../images/illust_left.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 193px;
  height: 100%;
  min-height: 100%;
}

.illust_right {
  background-image: url('../images/illust_right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 193px;
  height: 100%;
}

.catchcopy {
  background-image: url('../images/catchcopy.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 288px;
  height: 100%;
}

.text-block-2 {
  font-family: var(--ibm-general);
  font-size: .7em;
  font-weight: var(--bold-700);
}

.foreignlangtab {
  margin-bottom: 2em;
}

.tab {
  background-color: var(--sky01);
  border-radius: 4px;
}

.tab:hover {
  background-color: var(--aqua02);
}

.tab.w--current {
  background-color: var(--aqua02);
  font-weight: 500;
}

.tabs-menu {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: wrap;
  margin-bottom: 1em;
  display: flex;
}

.localmenu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  margin-bottom: 2rem;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.langlist {
  background-color: var(--sky01);
  border-radius: 4px;
  padding: 0;
  display: block;
}

.langlink {
  padding: .25em .5em;
  font-weight: 500;
  display: block;
}

.langlink:hover {
  background-color: var(--aqua02);
  color: var(--general-font);
  border-radius: 4px;
  text-decoration: none;
}

.langlink.w--current {
  background-color: var(--aqua02);
  color: var(--general-font);
  border-radius: 4px;
}

.structure_box_info {
  background-color: var(--white);
  background-image: url('../images/e-stat_logo.svg');
  background-position: 3vw;
  background-repeat: no-repeat;
  background-size: 70px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 2em 20px 2em 12vw;
  font-size: 15px;
  font-weight: 400;
  line-height: 2em;
}

.bottomline {
  margin-bottom: 1rem;
  display: block;
}

.contactbox {
  list-style-type: none;
}

.dial {
  background-image: url('../images/freedial.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1em;
  padding-left: 50px;
  display: flex;
}

.phonenmbr {
  letter-spacing: .2em;
  font-size: 1.6rem;
  font-weight: 500;
}

.excuse {
  letter-spacing: .06em;
  font-weight: 500;
}

.email {
  background-image: url('../images/contact_mail.svg');
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1em;
  padding-left: 30px;
  display: flex;
}

.mailaddress {
  letter-spacing: .1em;
  font-size: 1.3rem;
  font-weight: 400;
}

.forfree {
  color: var(--ui-text-color);
  letter-spacing: .1em;
  margin-left: .5em;
  margin-right: .5em;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1rem;
}

.forfree:hover {
  text-decoration: none;
}

.i18n-scope.i18n-zh-hant {
  font-family: Noto Sans TC;
}

.q-a_box_alllang {
  background-color: var(--white);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: .5rem 1rem .5rem 3rem;
  font-size: 1rem;
  line-height: 1.6rem;
}

@media screen and (max-width: 991px) {
  .menu-button {
    width: 100px;
  }

  .mainvisual {
    z-index: 1;
    position: relative;
  }

  .main_cont {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .helocont {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .navmenu {
    z-index: auto;
  }

  .menubtntxt {
    padding-left: 14px;
    font-size: .8rem;
  }

  .menu {
    display: none;
  }

  .right_cont {
    z-index: 0;
    width: 100%;
    margin-left: 0;
  }

  .footer_sitetitle {
    float: none;
    clear: none;
    margin-top: 1rem;
    margin-bottom: 4rem;
    margin-left: 2rem;
  }

  .footercont {
    width: 100%;
  }

  .structure_box_sub {
    background-color: var(--white);
  }

  .title-wrapper {
    background-position: 50%;
    background-size: 100%;
    width: 300px;
  }

  .locallinks_wrapp {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1rem;
    margin-left: 2rem;
  }

  .surveymethod {
    padding-right: 54px;
  }

  .text-block {
    font-size: .7em;
  }

  .structure_box_info {
    background-color: var(--white);
    background-size: 50px;
    padding-left: 14vw;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.4rem;
  }

  h2 {
    font-size: 1.1rem;
  }

  h3, h4 {
    font-size: 1rem;
  }

  h5 {
    font-size: .9rem;
  }

  p {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  ul, ol, blockquote {
    font-size: .9rem;
  }

  .navcont {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .menu-button {
    background-position: 84%;
    width: 90px;
    margin-left: auto;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .mainvisual {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .navmenu {
    z-index: auto;
  }

  .menubtntxt {
    letter-spacing: .02rem;
    padding-left: 12px;
    font-size: .8rem;
    font-weight: 400;
    line-height: .9rem;
    position: relative;
  }

  .right_cont {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .results_txt {
    line-height: 1.4rem;
  }

  .important_warning_tit {
    font-size: .9rem;
  }

  .title-wrapper {
    height: 28px;
  }

  .headtext-wrapper {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .project-name {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-size: .7rem;
    line-height: .7rem;
  }

  .survay_info {
    font-size: .7rem;
    line-height: .7rem;
  }

  .headlv2 {
    background-size: 16px;
    padding-left: 22px;
  }

  .headlv3_typeb {
    font-size: .9rem;
  }

  .surveymethod {
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: auto 34px;
    justify-content: flex-end;
    align-items: center;
    height: 40px;
    min-height: 40px;
    margin-left: 0;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 0;
  }

  .text-block {
    text-align: left;
    font-size: .6em;
    line-height: 1.3em;
  }

  .production {
    z-index: 1;
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .helo_visualarea {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }

  .illust_left {
    display: none;
  }

  .illust_right {
    background-size: auto 100%;
    width: 100%;
    height: 120px;
  }

  .catchcopy {
    background-size: auto 100%;
    width: 100%;
    height: 130px;
  }

  .text-block-2 {
    font-size: .6em;
  }

  .structure_box_info {
    padding-left: 16vw;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    letter-spacing: 0;
    margin-top: 0;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.2em;
  }

  h2 {
    background-image: none;
    font-size: 1.2rem;
    line-height: 1.4em;
  }

  h3 {
    letter-spacing: .02em;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding: .5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4em;
  }

  h4 {
    letter-spacing: 0;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.2em;
  }

  h5 {
    font-size: .9rem;
    line-height: 1.2rem;
  }

  p {
    font-weight: 400;
  }

  .navcont {
    padding-left: 10px;
  }

  .menu-button {
    background-position: 50% 30%;
    width: 60px;
  }

  .mainvisual {
    z-index: 1;
    height: 260px;
  }

  .bar_for_news_display {
    font-size: 12px;
  }

  .helocont {
    background-size: 98%;
    height: 260px;
    padding-top: 0;
  }

  .navmenu {
    z-index: auto;
  }

  .menubtntxt {
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-left: 0;
  }

  .right_cont {
    padding-top: 1rem;
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .footer_sitetitle {
    flex-flow: column;
    margin-bottom: 4rem;
    margin-left: .5rem;
    margin-right: .5rem;
    display: flex;
  }

  .breadcrumbs {
    display: none;
  }

  .alert_box {
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px 6px 6px;
  }

  .alert_box.bottom_end_sec {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .h2_alert {
    background-position: 2px 4px;
    background-size: auto 15px;
  }

  .emphasize {
    font-size: 16px;
  }

  .h2_remind {
    background-position: 0%;
    background-size: auto 16px;
  }

  .intro_forpage, .intro_txt {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .intro_txt.english {
    font-size: 1rem;
  }

  .general_icon {
    border-bottom: 1px solid var(--line1);
    background-position: 4px 2px;
  }

  .structure_box_tit {
    background-position: 12px 14px;
    background-repeat: no-repeat;
    align-items: center;
    min-height: 60px;
    padding: 6px 12px 6px 50px;
    font-size: 14px;
    line-height: 1.5em;
    display: flex;
  }

  .q-a_box_sub {
    padding-left: 0;
    padding-right: 0;
  }

  .q-a_box_sub.inbasiclists {
    margin-left: 1.5rem;
    padding-right: .5rem;
  }

  .structure_box_sup {
    font-weight: 300;
  }

  .results_box {
    flex-flow: column;
    padding: 10px;
  }

  .results_box.list_bottom_sec {
    margin-bottom: 40px;
  }

  .results_iconv1 {
    float: none;
    background-color: #0000;
    background-image: none;
    width: 100%;
    height: 54px;
    margin-bottom: 1rem;
  }

  .results_txt {
    padding-left: 0;
    line-height: 1.4rem;
  }

  .results_iconv2, .results_iconv3 {
    float: none;
    background-color: #0000;
    background-size: 40px;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
  }

  .important_warning_sup {
    letter-spacing: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .q-a_box_tit {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding: .5rem;
    line-height: 1.4rem;
  }

  .q-a_box {
    margin-bottom: 20px;
  }

  .question_icon {
    border-bottom: 1px solid var(--line1);
    background-position: 0 0;
    padding-left: 2rem;
  }

  .li_general {
    background-position: 0 10px;
    margin-bottom: .5rem;
    line-height: 1.2rem;
  }

  .info_timestamp.bottom_end_sec {
    margin-bottom: 60px;
  }

  .heading-6 {
    letter-spacing: 0;
  }

  .survey_result_box_tit {
    background-position: 12px 16px;
    background-size: auto 23px;
    min-height: 60px;
    padding: 10px 10px 8px 48px;
    font-size: 14px;
    line-height: 1.4em;
  }

  .survey_result_box_sub {
    padding: 10px;
  }

  .structure_box_sub {
    padding: 10px;
    font-size: 14px;
  }

  .warning_box {
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px 6px 6px;
  }

  .li_general_nmbr {
    background-position: 0 10px;
    padding-bottom: 12px;
    font-size: 15px;
    line-height: 1.6em;
  }

  .title-wrapper {
    background-size: 230px;
    width: 230px;
  }

  .headtext-wrapper {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .extlink {
    font-size: .8rem;
  }

  .explinklists {
    padding-left: .5rem;
  }

  .locallinks_wrapp {
    margin-left: .5rem;
  }

  .contactwrap {
    background-image: none;
    padding: 1rem;
  }

  .contactwrap.bottom_boxend {
    background-position: 8% 39%;
    background-size: 37px;
  }

  .number_accent {
    text-align: center;
    letter-spacing: .2rem;
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.8rem;
    display: block;
  }

  .number_accent.dial {
    text-align: left;
    margin-left: 60px;
    font-size: 1.4rem;
  }

  .english {
    line-height: 1.8rem;
  }

  .q-a_box_english {
    padding-left: 0;
    padding-right: 0;
    line-height: 1.8rem;
  }

  .headlv3_typeb {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .heading-13 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
  }

  .surveymethod {
    padding-left: 40px;
  }

  .production {
    z-index: 1;
    height: 26px;
    margin-bottom: 4px;
    margin-left: auto;
    left: auto;
  }

  .helo_visualarea {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
  }

  .illust_right {
    height: 90px;
  }

  .catchcopy {
    height: 120px;
  }

  .localmenu {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .structure_box_info {
    background-position: 50% 2vh;
    background-size: 66px;
    padding: 10vh 10px 10px;
    font-size: 14px;
  }

  .dial {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 50px;
  }

  .phonenmbr {
    letter-spacing: .1em;
    font-size: 1.4rem;
  }

  .mailaddress {
    letter-spacing: .1em;
    font-size: .9rem;
  }

  .forfree {
    letter-spacing: .1em;
    margin-left: 0;
    margin-right: 0;
    font-size: .9rem;
    line-height: 1rem;
  }

  .q-a_box_alllang {
    padding-left: 0;
    padding-right: 0;
    line-height: 1.8rem;
  }
}