@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@use "sass:math";
/* nomal */
@font-face {
  font-family: "GenJyuuGothic";
  src: url("../fonts/GenJyuuGothic-Medium.ttf") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap; }

@font-face {
  font-family: "GenJyuuGothic";
  src: url("../fonts/GenJyuuGothic-Regular.ttf") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: "GenJyuuGothic";
  src: url("../fonts/GenJyuuGothic-Bold.ttf") format("woff");
  font-style: bold;
  font-weight: bold;
  font-display: swap; }

:root {
  font-size: 0.625rem;
  /* Reset as 10px for almost browsers */ }

/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*, ::before, ::after {
  box-sizing: border-box; }

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before, ::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */ }

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default;
  /* 1 */
  line-height: 1.5;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  tab-size: 4;
  /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
  word-break: break-word;
  /* 6 */ }

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl, dl ol, dl ul {
  margin: 0; }

ol dl, ul dl {
  margin: 0; }

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol, ol ul {
  margin: 0; }

ul ol, ul ul {
  margin: 0; }

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 * 3. Show the overflow in Edge 18- and IE.
 */
hr {
  color: inherit;
  /* 1 */
  height: 0;
  /* 2 */
  overflow: visible;
  /* 3 */ }

/**
 * Add the correct display in IE.
 */
main {
  display: block; }

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol, nav ul {
  list-style: none;
  padding: 0; }

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
  overflow: auto;
  /* 3 */
  -ms-overflow-style: scrollbar;
  /* 3 */ }

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio, canvas, iframe, img, svg, video {
  vertical-align: middle; }

/**
 * Add the correct display in IE 9-.
 */
audio, video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe, img {
  border-style: none; }

/**
 * Remove the border on images within links in IE 10-.
 */
/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor; }

svg:not(:root) {
  overflow: hidden; }

/**
 * Hide the overflow in IE.
 */
/* Tabular data
 * ========================================================================== */
/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
table {
  border-collapse: collapse;
  /* 1 */
  border-color: inherit;
  /* 2 */
  text-indent: 0;
  /* 3 */ }

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button, input, select {
  margin: 0; }

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
  -webkit-appearance: button; }

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
[type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0;
  /* 1 */
  padding: 0.35em 0.75em 0.625em;
  /* 2 */ }

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible; }

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none; }

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
  resize: block;
  /* 3 */ }

/**
 * Remove the padding in IE 10-.
 */
[type="checkbox"], [type="radio"] {
  padding: 0; }

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none; }

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block; }

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content; }
  dialog:not([open]) {
    display: none; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* User interaction
 * ========================================================================== */
/*
 * Remove the tapping delay in IE 10.
 */
a, area, button, input, label, select, summary, textarea, [tabindex] {
  -ms-touch-action: manipulation; }

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy="true"] {
  cursor: progress; }

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer; }

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled="true"], [disabled] {
  cursor: not-allowed; }

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden="false"][hidden] {
  display: initial; }
  [aria-hidden="false"][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute; }

ul,
li {
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
dt,
dd {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

body {
  font-size: 16px;
  font-family: "GenJyuuGothic", sans-serif;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

::before,
::after {
  font-family: "GenJyuuGothic", sans-serif; }

img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges; }

.pre-line {
  white-space: pre-line; }

header {
  width: 100%;
  background-color: white;
  position: fixed;
  z-index: 20; }
  header .main-header {
    max-width: 1366px;
    margin: 0 auto;
    height: 80px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 15; }
    @media screen and (max-width: 1239px) {
      header .main-header {
        justify-content: space-between;
        position: fixed;
        width: 100%;
        background-color: white; } }
    @media screen and (max-width: 767px) {
      header .main-header {
        height: 54px; } }
    header .main-header .logo {
      display: inline-flex; }
      @media screen and (min-width: 768px) {
        header .main-header .logo {
          margin-left: 42px; }
          header .main-header .logo .logo-sp {
            display: none; } }
      @media screen and (max-width: 767px) {
        header .main-header .logo {
          margin-left: 16px; }
          header .main-header .logo .logo-pc {
            display: none; } }
    header .main-header .menu {
      display: inline-flex;
      font-size: 1.6rem;
      height: 100%;
      align-items: center; }
      @media screen and (max-width: 1239px) {
        header .main-header .menu {
          display: none; } }
      header .main-header .menu.shrink-menu {
        display: none; }
        header .main-header .menu.shrink-menu .hamburger-menu .menu-btn {
          position: absolute;
          top: 0;
          right: -1px;
          display: flex;
          height: 80px;
          width: 80px;
          justify-content: center;
          align-items: center;
          z-index: 5;
          background-color: #2759B4; }
          @media screen and (max-width: 767px) {
            header .main-header .menu.shrink-menu .hamburger-menu .menu-btn {
              height: 54px;
              width: 54px; } }
          header .main-header .menu.shrink-menu .hamburger-menu .menu-btn span, header .main-header .menu.shrink-menu .hamburger-menu .menu-btn span::before, header .main-header .menu.shrink-menu .hamburger-menu .menu-btn span::after {
            content: '';
            display: block;
            height: 3px;
            width: 45px;
            border-radius: 0;
            background-color: #FFF;
            position: absolute;
            transition: all 0.5s; }
            @media screen and (max-width: 767px) {
              header .main-header .menu.shrink-menu .hamburger-menu .menu-btn span, header .main-header .menu.shrink-menu .hamburger-menu .menu-btn span::before, header .main-header .menu.shrink-menu .hamburger-menu .menu-btn span::after {
                height: 2px;
                width: 30px; } }
          header .main-header .menu.shrink-menu .hamburger-menu .menu-btn span::before {
            bottom: 13px; }
          header .main-header .menu.shrink-menu .hamburger-menu .menu-btn span:after {
            top: 13px; }
        header .main-header .menu.shrink-menu .hamburger-menu #menu-btn-check {
          display: none; }
          header .main-header .menu.shrink-menu .hamburger-menu #menu-btn-check:checked ~ .menu-btn span {
            background-color: rgba(255, 255, 255, 0); }
          header .main-header .menu.shrink-menu .hamburger-menu #menu-btn-check:checked ~ .menu-btn span::before {
            bottom: 0;
            transform: rotate(45deg); }
          header .main-header .menu.shrink-menu .hamburger-menu #menu-btn-check:checked ~ .menu-btn span::after {
            top: 0;
            transform: rotate(-45deg); }
          header .main-header .menu.shrink-menu .hamburger-menu #menu-btn-check:checked ~ .menu-content {
            left: 0; }
        header .main-header .menu.shrink-menu .hamburger-menu .menu-content {
          width: 100%;
          height: 100%;
          position: fixed;
          top: 53px;
          left: 100%;
          z-index: 10;
          background-color: #2759B4;
          color: white;
          padding-top: 48px;
          padding-left: 16px;
          padding-right: 16px;
          padding-bottom: 88px;
          font-size: 1.6rem;
          overflow-y: scroll; }
          header .main-header .menu.shrink-menu .hamburger-menu .menu-content::-webkit-scrollbar {
            display: none; }
          @media screen and (max-width: 1239px) and (min-width: 768px) {
            header .main-header .menu.shrink-menu .hamburger-menu .menu-content {
              top: 79px; } }
          header .main-header .menu.shrink-menu .hamburger-menu .menu-content a:visited, header .main-header .menu.shrink-menu .hamburger-menu .menu-content a:link {
            color: white; }
          header .main-header .menu.shrink-menu .hamburger-menu .menu-content .menu-major {
            padding-bottom: 1.6rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
            margin-bottom: 1.6rem;
            position: relative; }
            header .main-header .menu.shrink-menu .hamburger-menu .menu-content .menu-major.link::after {
              content: "";
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              width: 2.4rem;
              height: 2.4rem;
              background-image: url("../images/common/link-white.svg");
              background-repeat: no-repeat;
              background-size: contain;
              background-position: center; }
            header .main-header .menu.shrink-menu .hamburger-menu .menu-content .menu-major.has-sub::after {
              content: "";
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              width: 2.4rem;
              height: 2.4rem;
              background-image: url("../images/common/menu-white.svg");
              background-repeat: no-repeat;
              background-size: contain;
              background-position: center;
              transform: rotate(90deg);
              transition: all 0.5s; }
            header .main-header .menu.shrink-menu .hamburger-menu .menu-content .menu-major.has-sub.is_open::after {
              transform: rotate(-90deg); }
          header .main-header .menu.shrink-menu .hamburger-menu .menu-content .menu-minor {
            display: none;
            font-size: 1.4rem; }
            header .main-header .menu.shrink-menu .hamburger-menu .menu-content .menu-minor li {
              margin-top: 20px; }
          header .main-header .menu.shrink-menu .hamburger-menu .menu-content .menu-side {
            font-size: 1.2rem; }
            header .main-header .menu.shrink-menu .hamburger-menu .menu-content .menu-side div {
              display: inline-block; }
            header .main-header .menu.shrink-menu .hamburger-menu .menu-content .menu-side .separator {
              margin: 0 13px; }
        @media screen and (max-width: 1239px) and (min-width: 768px) {
          header .main-header .menu.shrink-menu {
            display: flex;
            margin-right: 104px; } }
        @media screen and (max-width: 767px) {
          header .main-header .menu.shrink-menu {
            display: flex;
            margin-right: 66px; } }
      header .main-header .menu .menu-column {
        margin: 0 20px;
        display: inline-flex;
        align-items: center;
        color: black;
        transition: all 0.5s; }
        header .main-header .menu .menu-column#header-committee {
          height: 100%; }
        header .main-header .menu .menu-column:hover {
          color: #2759B4;
          transition: all 0.5s; }
        header .main-header .menu .menu-column.menu-link:hover::after {
          background-image: url("../images/common/link-blue.svg");
          transition: all 0.5s; }
      header .main-header .menu .menu-link::after {
        content: "";
        display: inline-flex;
        width: 1em;
        height: 1em;
        margin-left: 5px;
        background-image: url("../images/common/link.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
      header .main-header .menu .menu-member {
        padding: 12px 24px;
        border: 2px solid #2759B4;
        border-radius: 8px;
        line-height: 1em;
        color: #2759B4;
        transition: all 0.5s; }
        @media screen and (max-width: 767px) {
          header .main-header .menu .menu-member {
            padding: 8px 12px;
            font-size: 1.4rem; } }
        header .main-header .menu .menu-member a:visited, header .main-header .menu .menu-member a:link {
          color: #2759B4; }
        header .main-header .menu .menu-member::before {
          content: "";
          display: inline-flex;
          width: 1em;
          height: 1em;
          margin-right: 8px;
          background-image: url("../images/common/member.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          transition: all 0.5s; }
        header .main-header .menu .menu-member:hover {
          background-color: #2759B4;
          color: white;
          transition: all 0.5s; }
          header .main-header .menu .menu-member:hover::before {
            background-image: url("../images/common/member-white.svg");
            transition: all 0.5s; }

#header-committee-menu {
  background-color: #2759B4;
  width: 100%;
  display: none;
  position: fixed;
  padding-top: 80px;
  z-index: 10; }
  #header-committee-menu a {
    color: white; }
  #header-committee-menu .content {
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 32px;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      #header-committee-menu .content {
        display: none; } }
    #header-committee-menu .content .column {
      width: 358px; }
      #header-committee-menu .content .column div:nth-last-child(1).minor {
        margin-bottom: 32px; }
      #header-committee-menu .content .column .major {
        font-size: 1.8rem;
        padding-bottom: 1.8rem;
        display: flex;
        align-items: center;
        transition: all 0.5s; }
        #header-committee-menu .content .column .major::after {
          content: "";
          margin-left: 32px;
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem;
          background-image: url("../images/common/menu-white.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        #header-committee-menu .content .column .major:hover {
          opacity: 0.8;
          transition: all 0.5s; }
        #header-committee-menu .content .column .major .japanese {
          font-size: 1.8rem; }
        #header-committee-menu .content .column .major .english {
          font-size: 1.4rem; }
      #header-committee-menu .content .column .minor {
        font-size: 1.4rem;
        margin-top: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #E6E6E6;
        transition: all 0.5s; }
        #header-committee-menu .content .column .minor:hover {
          opacity: 0.8;
          transition: all 0.5s; }

.main-footer {
  background-color: #2759B4;
  color: white; }
  .main-footer a:visited, .main-footer a:link {
    color: white; }
  .main-footer .wrapper {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    padding-top: 80px;
    padding-bottom: 52px; }
    @media screen and (max-width: 767px) {
      .main-footer .wrapper {
        padding-top: 12px;
        padding-bottom: 12px; } }
    .main-footer .wrapper .scroll {
      display: flex;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: -91px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      transition: all 0.5s; }
      .main-footer .wrapper .scroll:hover {
        top: -99px;
        transition: all 0.5s; }
      @media screen and (max-width: 767px) {
        .main-footer .wrapper .scroll {
          right: 16px; } }
      .main-footer .wrapper .scroll .text {
        color: #2759B4;
        font-size: 1.4rem; }
    .main-footer .wrapper .content {
      display: flex;
      justify-content: space-between;
      margin-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .main-footer .wrapper .content {
          display: none; } }
      .main-footer .wrapper .content .column {
        width: 358px; }
        .main-footer .wrapper .content .column .major {
          font-size: 1.8rem;
          padding-bottom: 1.8rem;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3);
          margin-bottom: 24px;
          display: flex;
          justify-content: space-between;
          transition: all 0.5s; }
          .main-footer .wrapper .content .column .major.link::after {
            content: "";
            display: inline-flex;
            width: 2.4rem;
            height: 2.4rem;
            background-image: url("../images/common/link-white.svg");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center; }
          .main-footer .wrapper .content .column .major.menu::after {
            content: "";
            display: inline-flex;
            width: 2.4rem;
            height: 2.4rem;
            background-image: url("../images/common/menu-white.svg");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center; }
          .main-footer .wrapper .content .column .major:hover {
            opacity: 0.8;
            transition: all 0.5s; }
        .main-footer .wrapper .content .column .minor {
          font-size: 1.4rem;
          margin-bottom: 20px;
          transition: all 0.5s; }
          .main-footer .wrapper .content .column .minor:hover {
            opacity: 0.8;
            transition: all 0.5s; }
    .main-footer .wrapper .menu {
      font-size: 1.4rem; }
      @media screen and (max-width: 767px) {
        .main-footer .wrapper .menu {
          margin: 0 16px; } }
      .main-footer .wrapper .menu div {
        display: inline-block; }
      .main-footer .wrapper .menu .separator {
        margin: 0 32px; }
        @media screen and (max-width: 767px) {
          .main-footer .wrapper .menu .separator {
            margin: 0 13px; } }
      .main-footer .wrapper .menu a {
        transition: all 0.5s; }
        .main-footer .wrapper .menu a:hover {
          opacity: 0.8;
          transition: all 0.5s; }

.copyright {
  text-align: center;
  color: #2759B4;
  font-size: 1.2rem;
  padding-top: 16px;
  padding-bottom: 16px; }

main {
  max-width: 1120px;
  margin: 0 auto;
  overflow-x: hidden; }
  @media screen and (max-width: 767px) {
    main {
      padding-left: 16px;
      padding-right: 16px; } }
  main h1 {
    color: black;
    line-height: 1em;
    background-color: #F2F4F8;
    border-left: 4px solid #2759B4;
    font-size: 2.2rem;
    padding-top: 12px;
    padding-left: 22px;
    padding-bottom: 12px;
    margin-top: 44px;
    margin-bottom: 32px; }
  main h2 {
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px; }
    @media screen and (max-width: 767px) {
      main h2 {
        font-size: 2.2rem; } }
    main h2::after {
      content: "";
      height: 3px;
      width: 48px;
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      background-color: #2759B4; }
  main h3 {
    color: black;
    line-height: 1em;
    background-color: #F2F4F8;
    font-size: 1.8rem;
    padding-top: 12px;
    padding-left: 24px;
    padding-bottom: 12px; }

.sp-only {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp-only {
      display: block; } }

.blanktop {
  padding-top: 115px; }
  @media screen and (max-width: 767px) {
    .blanktop {
      padding-top: 68px; } }

.breadcrumbs {
  max-width: 1120px;
  margin: 0 auto;
  font-size: 1.2rem;
  padding: 20px 0; }
  .breadcrumbs a, .breadcrumbs a:visited {
    color: #2759B4; }
  @media screen and (max-width: 767px) {
    .breadcrumbs {
      max-width: calc(100% - 32px); } }

.footer-committees {
  margin-top: 80px;
  margin-bottom: 174px; }
  @media screen and (max-width: 767px) {
    .footer-committees {
      margin-top: 0;
      margin-bottom: 160px; } }
  .footer-committees .committees-menu {
    margin-top: 48px;
    display: grid;
    justify-content: space-between;
    flex-direction: row;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 24px; }
    @media screen and (max-width: 767px) {
      .footer-committees .committees-menu {
        display: block;
        margin-top: 0;
        justify-content: unset;
        flex-direction: column; } }
    .footer-committees .committees-menu a {
      width: 100%; }
      .footer-committees .committees-menu a:visited, .footer-committees .committees-menu a:link {
        color: black; }
    .footer-committees .committees-menu .single {
      position: relative;
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      border: 1px solid #E6E6E6;
      width: 100%;
      height: 72px;
      transition: all 0.5s; }
      .footer-committees .committees-menu .single:hover {
        border: 1px solid #2759B4;
        color: #2759B4;
        transition: all 0.5s; }
        .footer-committees .committees-menu .single:hover .icon-and-title::after {
          background-image: url("../images/common/menu-blue.svg");
          transition: all 0.5s; }
      @media screen and (max-width: 767px) {
        .footer-committees .committees-menu .single {
          display: flex;
          width: 100%;
          margin-bottom: 16px;
          text-align: left; } }
      .footer-committees .committees-menu .single .icon-and-title .title {
        margin-left: 12px; }
      .footer-committees .committees-menu .single .icon-and-title::after {
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("../images/common/menu.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all 0.5s; }

.contact-section {
  text-align: center;
  background-color: #F2F4F8;
  padding: 48px 24px; }
  .contact-section .contact-section-title {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px; }
  .contact-section .contact-section-title::after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: calc(50% - 24px);
    background-color: #2759B4;
    width: 48px;
    height: 3px; }
  .contact-section .main-content {
    font-size: 14px;
    margin-bottom: 16px; }
  .contact-section .bold {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px; }
  .contact-section .tel {
    font-size: 16px;
    white-space: pre-line; }
  .contact-section .upper-space {
    margin-top: 32px; }
  .contact-section .single {
    margin-top: -32px;
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 243px;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .contact-section .single {
        display: flex;
        margin-bottom: 16px;
        text-align: left;
        margin-left: auto;
        margin-right: auto; } }
    .contact-section .single .icon-and-title .contact {
      color: #2759B4;
      font-size: 14px;
      font-weight: bold;
      padding: 15px 60px 15px 24px; }
    .contact-section .single .icon-and-title::after {
      position: absolute;
      right: 24px;
      top: 0;
      bottom: 0;
      margin: auto;
      content: "";
      display: inline-flex;
      width: 2.4rem;
      height: 2.4rem;
      background-image: url("../images/common/menu.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      transition: all 0.5s; }

.cover-title {
  display: flex;
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  padding-top: 80px; }
  @media screen and (max-width: 767px) {
    .cover-title {
      padding-top: 56px;
      height: 216px; } }
  @media screen and (max-width: 1239px) and (min-width: 768px) {
    .cover-title {
      padding-top: 80px; } }
  .cover-title .blur {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    background-color: #2759B4;
    width: 100%;
    height: 240px;
    opacity: 0.8;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .cover-title .blur {
        top: 0;
        padding-top: 56px;
        height: 216px; } }
  .cover-title img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    z-index: 0; }
  .cover-title .title {
    z-index: 2;
    display: flex;
    flex-flow: column;
    align-items: center; }
    .cover-title .title div {
      display: inline-block;
      line-height: 1em;
      padding: 10px 24px;
      inline-size: fit-content; }
    .cover-title .title .english {
      background-color: black;
      color: white;
      font-size: 1.4rem; }
      @media screen and (max-width: 767px) {
        .cover-title .title .english {
          padding: 8px 24px; } }
    .cover-title .title .japanese {
      background-color: white;
      color: black;
      font-size: 3.2rem;
      margin-top: 6px; }
      @media screen and (max-width: 767px) {
        .cover-title .title .japanese {
          font-size: 2.4rem; } }
    .cover-title .title .pre-line {
      white-space: pre-line; }

.activities {
  margin-top: 80px;
  margin-bottom: 174px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .activities {
      margin-top: 64px; }
      .activities .pamphlet a img {
        width: 100%; } }
  .activities .activities-menu {
    margin-top: 48px;
    display: grid;
    justify-content: space-between;
    flex-direction: row;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 24px; }
    @media screen and (max-width: 767px) {
      .activities .activities-menu {
        display: block;
        justify-content: unset;
        flex-direction: column; } }
    .activities .activities-menu a {
      width: 100%; }
      .activities .activities-menu a:visited, .activities .activities-menu a:link {
        color: black; }
    .activities .activities-menu .single {
      position: relative;
      display: inline-flex;
      align-items: center;
      padding: 24px 20px;
      flex-wrap: wrap;
      border: 1px solid #E6E6E6;
      color: black;
      width: 100%;
      transition: all 0.5s; }
      @media screen and (max-width: 767px) {
        .activities .activities-menu .single {
          display: block;
          width: 100%;
          margin-bottom: 16px;
          text-align: left; } }
      .activities .activities-menu .single:hover {
        border: 1px solid #2759B4;
        color: #2759B4;
        transition: all 0.5s; }
        .activities .activities-menu .single:hover .icon-and-title::after {
          background-image: url("../images/common/menu-blue.svg");
          transition: all 0.5s; }
      .activities .activities-menu .single .icon-and-title .title {
        margin-left: 12px; }
      .activities .activities-menu .single .icon-and-title::after {
        position: absolute;
        right: 10px;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("../images/common/menu.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all 0.5s; }

.link-button-to-section .section {
  color: #2759B4;
  border: solid 1px #2759B4;
  border-radius: 22px;
  background-color: white;
  display: flex;
  width: 244px;
  height: 44px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 1.4rem;
  position: relative;
  align-items: center;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .link-button-to-section .section {
      margin-top: 32px; } }
  .link-button-to-section .section::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.0rem;
    height: 2.0rem;
    background-image: url("../images/common/menu.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }

main#about-access {
  font-family: Noto Sans; }
  main#about-access .accesswithmap {
    display: flex;
    justify-content: space-around;
    margin-bottom: 64px; }
    @media screen and (max-width: 767px) {
      main#about-access .accesswithmap {
        flex-direction: column; } }
    main#about-access .accesswithmap .access {
      display: inline-block;
      justify-content: space-around; }
      main#about-access .accesswithmap .access .address {
        height: 52px;
        margin-bottom: 24px; }
      main#about-access .accesswithmap .access .googlemapbutton {
        height: 35px;
        width: 153px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #E2E2E2;
        border-radius: 16px;
        margin-top: 5px;
        font-size: 1.4rem;
        font-weight: bold;
        color: #000; }
      main#about-access .accesswithmap .access .train {
        height: 82px;
        margin-top: 32px;
        margin-bottom: 40px; }
    main#about-access .accesswithmap .map {
      width: 451px;
      height: 253px; }
  main#about-access .contacts {
    width: 548px; }
    @media screen and (max-width: 767px) {
      main#about-access .contacts {
        width: 100%; } }
    main#about-access .contacts .departmentwrapper {
      display: block;
      justify-content: space-around;
      border-top: 1px solid #E2E2E2;
      padding-top: 26px;
      margin-bottom: 26px; }
    main#about-access .contacts .department {
      display: flex;
      justify-content: space-between; }
    main#about-access .contacts .departmenttext {
      font-size: 1.8rem;
      font-weight: bold; }
    main#about-access .contacts .phonenumber {
      display: flex;
      align-items: center;
      margin-right: 8px; }
    main#about-access .contacts .tellephoneicon {
      height: 20px;
      width: 20px; }
    main#about-access .contacts .phonenumbertext {
      font-weight: bold; }
    main#about-access .contacts .division {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 24px;
      margin-left: 96px; }
      @media screen and (max-width: 767px) {
        main#about-access .contacts .division {
          margin-left: 24px; } }
    main#about-access .contacts .divisionname {
      display: flex;
      align-items: center; }
    main#about-access .contacts .bluerectangle {
      height: 2px;
      width: 16px;
      background-color: #2760b4; }
    main#about-access .contacts .divisiontext {
      margin-left: 9px; }
    main#about-access .contacts .endborder {
      border: 1px solid #E2E2E2; }

@media screen and (max-width: 767px) {
  main#about-conference-room {
    font-size: 1.4rem; } }

main#about-conference-room .container .flex-box {
  display: flex;
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    main#about-conference-room .container .flex-box {
      flex-direction: column;
      margin-bottom: 0; } }
  main#about-conference-room .container .flex-box .room {
    width: 453px;
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .container .flex-box .room {
        width: 100%;
        margin-left: 0; }
        main#about-conference-room .container .flex-box .room img {
          width: 100%; } }
  main#about-conference-room .container .flex-box .content {
    flex: 1; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .container .flex-box .content {
        flex: unset;
        margin-top: 24px; } }
    main#about-conference-room .container .flex-box .content .description {
      white-space: pre-line;
      line-height: 3.0rem;
      font-size: 1.6rem; }
      main#about-conference-room .container .flex-box .content .description .accent {
        font-size: 1.8rem;
        font-weight: bold;
        border-bottom: solid 3px #F7B633;
        display: inline-block; }
    main#about-conference-room .container .flex-box .content .warning {
      font-size: 1.4rem;
      line-height: 1em;
      margin-top: 40px;
      color: #CE0000; }
    main#about-conference-room .container .flex-box .content .pdf-wrapper {
      margin-top: 16px;
      text-align: left; }
      main#about-conference-room .container .flex-box .content .pdf-wrapper .officers-pdf {
        color: #2759B4;
        border: solid 1px #E6E6E6;
        padding: 8px 24px;
        display: inline-flex;
        background-color: white;
        transition: all 0.5s; }
        main#about-conference-room .container .flex-box .content .pdf-wrapper .officers-pdf:hover {
          border: solid 1px #2759B4;
          background-color: #F2F4F8;
          transition: all 0.5s; }
        main#about-conference-room .container .flex-box .content .pdf-wrapper .officers-pdf::before {
          content: "";
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem;
          margin-right: 8px;
          background-image: url("../images/common/pdf.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }

main#about-conference-room .container .example {
  background-color: #F2F4F8; }
  main#about-conference-room .container .example h2 {
    padding-top: 48px;
    margin-bottom: 32px; }
  main#about-conference-room .container .example .grid-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px;
    margin-left: 58px;
    margin-right: 58px;
    margin-bottom: 32px; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .container .example .grid-box {
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: 1fr 1fr; } }
    main#about-conference-room .container .example .grid-box .single {
      display: flex;
      flex-direction: column;
      width: 233px;
      text-align: center;
      align-items: center;
      font-weight: bold;
      font-size: 1.8rem; }
      @media screen and (max-width: 767px) {
        main#about-conference-room .container .example .grid-box .single {
          width: 100%; } }
      main#about-conference-room .container .example .grid-box .single img {
        width: 50%;
        margin-bottom: 24px; }
  main#about-conference-room .container .example .description {
    text-align: center;
    font-size: 1.6rem;
    padding-bottom: 40px;
    white-space: pre-line; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .container .example .description {
        padding-left: 16px;
        padding-right: 16px;
        text-align: left; } }

main#about-conference-room .features {
  width: 80%; }
  @media screen and (max-width: 767px) {
    main#about-conference-room .features {
      width: 100%; } }
  main#about-conference-room .features .feature-single {
    display: flex;
    margin-bottom: 32px; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .features .feature-single {
        flex-direction: column; } }
    main#about-conference-room .features .feature-single .mark {
      width: 109px;
      height: 38px;
      background-color: #F7B633;
      z-index: 1;
      position: relative;
      font-size: 1.8rem;
      font-weight: bold;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      main#about-conference-room .features .feature-single .mark .number {
        display: inline-flex;
        font-size: 2.2rem;
        font-weight: bold; }
      main#about-conference-room .features .feature-single .mark::after {
        content: "";
        border-top: 19px solid transparent;
        border-right: 19px solid white;
        border-bottom: 19px solid transparent;
        z-index: 2;
        position: absolute;
        right: -1px;
        top: 0;
        bottom: 0;
        margin: auto; }
      @media screen and (max-width: 767px) {
        main#about-conference-room .features .feature-single .mark {
          margin-bottom: 12px; } }
    main#about-conference-room .features .feature-single .description {
      margin-left: 80px;
      flex: 1;
      white-space: pre-line; }
      @media screen and (max-width: 767px) {
        main#about-conference-room .features .feature-single .description {
          margin-left: 0;
          width: 100%;
          flex: auto; } }
      main#about-conference-room .features .feature-single .description .pdf {
        margin-top: 32px;
        color: #2759B4;
        font-size: 1.6rem;
        font-weight: bold;
        border: solid 1px #E6E6E6;
        display: flex;
        align-items: center;
        padding: 8px 24px;
        background-color: white;
        transition: all 0.5s;
        width: fit-content; }
        main#about-conference-room .features .feature-single .description .pdf:hover {
          border: solid 1px #2759B4;
          background-color: #F2F4F8;
          transition: all 0.5s; }
        @media screen and (max-width: 767px) {
          main#about-conference-room .features .feature-single .description .pdf {
            margin-top: 16px; } }
        main#about-conference-room .features .feature-single .description .pdf::before {
          content: "";
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem;
          background-image: url("../images/common/pdf.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }

main#about-conference-room table {
  font-size: 1.4rem;
  border-bottom: solid 1px #E6E6E6; }
  @media screen and (max-width: 767px) {
    main#about-conference-room table {
      width: 100%;
      margin-top: 44px; } }
  main#about-conference-room table .title {
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #F2F4F8;
    padding-top: 18px;
    padding-left: 12px;
    padding-bottom: 16px; }
    @media screen and (max-width: 767px) {
      main#about-conference-room table .title {
        width: 40%; } }
  main#about-conference-room table .name {
    padding-left: 24px; }
  main#about-conference-room table .name-bold {
    padding-left: 24px;
    font-weight: bold; }
  main#about-conference-room table .separator {
    border-top: solid 1px #E6E6E6; }

main#about-conference-room .meeting-room .major {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 24px; }
  main#about-conference-room .meeting-room .major .major-line {
    width: 48px;
    height: 3px;
    background-color: #2759B4;
    margin-right: 12px; }

main#about-conference-room .meeting-room .room {
  display: flex;
  width: 100%;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    main#about-conference-room .meeting-room .room {
      flex-direction: column; } }
  main#about-conference-room .meeting-room .room .table-wrapper {
    display: flex;
    width: 548px; }
    main#about-conference-room .meeting-room .room .table-wrapper table {
      width: 100%;
      height: fit-content;
      table-layout: fixed; }
      main#about-conference-room .meeting-room .room .table-wrapper table .title {
        width: 166px; }
  main#about-conference-room .meeting-room .room img {
    width: fit-content;
    flex: 1; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .meeting-room .room img {
        flex: auto;
        width: 100%; } }

main#about-conference-room .meeting-room .equipment {
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    main#about-conference-room .meeting-room .equipment .x-scroll {
      overflow-x: scroll; } }
  main#about-conference-room .meeting-room .equipment table {
    width: 603px;
    text-align: center; }
    main#about-conference-room .meeting-room .equipment table .title {
      width: 295px;
      text-align: left; }
  main#about-conference-room .meeting-room .equipment .sp-only {
    margin-top: 24px;
    font-size: 1.2rem; }

main#about-conference-room .meeting-room .floors .floor {
  display: flex;
  border-bottom: solid 1px #E6E6E6;
  width: fit-content;
  padding-top: 24px;
  padding-bottom: 24px; }
  @media screen and (max-width: 767px) {
    main#about-conference-room .meeting-room .floors .floor {
      flex-direction: column; } }
  main#about-conference-room .meeting-room .floors .floor .floor-name {
    display: inline-flex;
    color: #2759B4;
    font-weight: bold;
    font-size: 2.6rem; }
  main#about-conference-room .meeting-room .floors .floor .name {
    display: inline-flex;
    color: black;
    font-size: 1.8rem;
    font-weight: bold;
    margin-left: 66px;
    margin-top: 8px;
    margin-right: 18px;
    width: 250px; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .meeting-room .floors .floor .name {
        margin-left: 21px;
        margin-top: 0; } }
  main#about-conference-room .meeting-room .floors .floor img {
    display: inline-flex;
    margin-right: 12px; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .meeting-room .floors .floor img {
        width: 100%; } }
  main#about-conference-room .meeting-room .floors .floor .flex-margin {
    flex: 1; }
  @media screen and (max-width: 767px) {
    main#about-conference-room .meeting-room .floors .floor .icons {
      margin-left: 58px;
      margin-top: 14px; } }
  @media screen and (max-width: 767px) {
    main#about-conference-room .meeting-room .floors .floor .icons img {
      width: 57px;
      height: 57px; } }

main#about-conference-room .time {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  align-items: center; }
  @media screen and (max-width: 767px) {
    main#about-conference-room .time {
      flex-direction: column;
      align-items: unset; } }
  main#about-conference-room .time .table-wrapper {
    display: flex;
    width: 548px; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .time .table-wrapper {
        width: 100%; } }
    main#about-conference-room .time .table-wrapper table {
      width: 100%;
      height: fit-content;
      table-layout: fixed; }
      main#about-conference-room .time .table-wrapper table .title {
        width: 166px; }
  main#about-conference-room .time .description {
    margin-left: 24px;
    font-size: 1.4rem;
    white-space: pre-line; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .time .description {
        margin-left: 0;
        margin-top: 16px; } }

main#about-conference-room .how-to-use {
  display: flex;
  align-items: center;
  flex-direction: column; }
  main#about-conference-room .how-to-use .single {
    width: 80%;
    border: solid 2px #2759B4;
    border-radius: 8px; }
    @media screen and (max-width: 767px) {
      main#about-conference-room .how-to-use .single {
        width: 100%; } }
    main#about-conference-room .how-to-use .single.accent {
      border: solid 2px #F7B633; }
      main#about-conference-room .how-to-use .single.accent .head {
        background-color: #F7B633; }
    main#about-conference-room .how-to-use .single .head {
      color: white;
      background-color: #2759B4;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 767px) {
        main#about-conference-room .how-to-use .single .head {
          padding-right: 8px; } }
      main#about-conference-room .how-to-use .single .head .step {
        font-size: 1.6rem;
        font-weight: bold;
        display: inline-flex;
        align-items: center;
        margin-left: 16px;
        margin-right: 4px; }
        main#about-conference-room .how-to-use .single .head .step .number {
          display: inline-flex;
          font-size: 2.2rem; }
      main#about-conference-room .how-to-use .single .head .description {
        display: inline-flex;
        font-size: 1.6rem;
        font-weight: bold;
        margin-left: 24px;
        margin-top: 24px;
        margin-bottom: 24px; }
        @media screen and (max-width: 767px) {
          main#about-conference-room .how-to-use .single .head .description {
            flex: 1; } }
    main#about-conference-room .how-to-use .single .body {
      padding: 16px; }
      main#about-conference-room .how-to-use .single .body div:nth-child(2) {
        margin-top: 16px; }
      main#about-conference-room .how-to-use .single .body .info {
        width: 450px;
        border: solid 1px #E6E6E6;
        border-radius: 8px;
        padding: 9px 21px; }
        @media screen and (max-width: 767px) {
          main#about-conference-room .how-to-use .single .body .info {
            width: calc(100% - 12px);
            margin: 0 auto; } }
        main#about-conference-room .how-to-use .single .body .info .info-title {
          color: #F7B633;
          font-weight: bold;
          margin-bottom: 8px; }
        main#about-conference-room .how-to-use .single .body .info li::before {
          content: "●";
          color: #F7B633;
          margin-right: 8px; }
      main#about-conference-room .how-to-use .single .body .description {
        white-space: pre-line; }
      main#about-conference-room .how-to-use .single .body a {
        display: inline-flex;
        align-self: center;
        margin-top: auto;
        margin-top: 16px; }
        main#about-conference-room .how-to-use .single .body a .pdf {
          color: #2759B4;
          font-size: 1.6rem;
          font-weight: bold;
          border: solid 1px #E6E6E6;
          display: flex;
          align-items: center;
          padding: 8px 24px;
          background-color: white;
          cursor: pointer;
          transition: all 0.5s; }
          main#about-conference-room .how-to-use .single .body a .pdf:hover {
            border: solid 1px #2759B4;
            background-color: #F2F4F8;
            transition: all 0.5s; }
          main#about-conference-room .how-to-use .single .body a .pdf::before {
            content: "";
            display: inline-flex;
            width: 2.4rem;
            height: 2.4rem;
            background-image: url("../images/common/pdf.svg");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center; }
  main#about-conference-room .how-to-use .arrow {
    width: 40px;
    height: 40px;
    display: flex;
    margin-top: 16px;
    margin-bottom: 16px; }

main#about-conference-room .accesswithmap {
  display: flex;
  justify-content: space-around;
  margin-bottom: 64px; }
  @media screen and (max-width: 767px) {
    main#about-conference-room .accesswithmap {
      flex-direction: column; } }
  main#about-conference-room .accesswithmap .access {
    display: inline-block;
    justify-content: space-around; }
    main#about-conference-room .accesswithmap .access .address {
      height: 52px;
      margin-bottom: 24px; }
    main#about-conference-room .accesswithmap .access .googlemapbutton {
      height: 35px;
      width: 153px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #E2E2E2;
      border-radius: 16px;
      margin-top: 5px;
      font-size: 1.4rem;
      font-weight: bold;
      color: #000; }
    main#about-conference-room .accesswithmap .access .train {
      height: 82px;
      margin-top: 32px;
      margin-bottom: 40px; }
  main#about-conference-room .accesswithmap .map {
    width: 451px;
    height: 253px; }

main#about-conference-room .contact {
  width: 80%;
  margin: 0 auto;
  margin-top: 80px;
  background-color: #F2F4F8;
  border-radius: 16px;
  padding: 48px 0; }
  main#about-conference-room .contact .wrapper {
    display: flex;
    justify-content: center;
    margin-top: 32px; }
    main#about-conference-room .contact .wrapper .single:nth-child(1) {
      margin-right: 16px; }
    main#about-conference-room .contact .wrapper .single {
      width: 410px;
      background-color: white;
      border-radius: 16px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
      main#about-conference-room .contact .wrapper .single .title {
        font-size: 2.2rem;
        font-weight: bold;
        padding-top: 24px;
        padding-bottom: 24px; }
      main#about-conference-room .contact .wrapper .single .tel {
        font-size: 2.6rem;
        font-weight: bold;
        padding-bottom: 8px; }
      main#about-conference-room .contact .wrapper .single .business-time {
        font-size: 1.4rem;
        font-weight: normal;
        padding-bottom: 24px; }
      main#about-conference-room .contact .wrapper .single .mail {
        border: 1px solid #2759B4;
        width: 170px;
        height: 50px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        color: #2759B4;
        justify-content: center;
        background-color: white;
        margin-top: 16px;
        transition: all 0.5s; }
        main#about-conference-room .contact .wrapper .single .mail::before {
          content: "";
          display: inline-flex;
          background-image: url("../images/common/mail.svg");
          width: 18px;
          height: 18px;
          margin-right: 8px;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        main#about-conference-room .contact .wrapper .single .mail:hover {
          background-color: #2759B4;
          color: white;
          transition: all 0.5s; }
          main#about-conference-room .contact .wrapper .single .mail:hover::before {
            background-image: url("../images/common/mail-white.svg"); }

main#about-disclosure p {
  font-size: 1.6rem;
  line-height: 2em;
  white-space: pre-line; }

main#about-disclosure .menu {
  margin-top: 48px;
  display: grid;
  justify-content: space-between;
  flex-direction: row;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px 24px; }
  @media screen and (max-width: 767px) {
    main#about-disclosure .menu {
      display: block;
      justify-content: unset;
      flex-direction: column; } }
  main#about-disclosure .menu a {
    width: 100%; }
    main#about-disclosure .menu a:visited, main#about-disclosure .menu a:link {
      color: black; }
  main#about-disclosure .menu .single {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 4px 24px;
    flex-wrap: wrap;
    border: 1px solid #E6E6E6;
    width: 100%; }
    @media screen and (max-width: 767px) {
      main#about-disclosure .menu .single {
        display: block;
        width: 100%;
        margin-bottom: 16px;
        text-align: left; } }
    main#about-disclosure .menu .single .icon-and-title {
      display: flex; }
      main#about-disclosure .menu .single .icon-and-title .title {
        margin-left: 6px;
        color: #2759B4;
        font-size: 14px;
        font-weight: bold; }
      main#about-disclosure .menu .single .icon-and-title::after {
        position: absolute;
        right: 10px;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem; }

main#about-event-anniversary .wrapper {
  width: 80%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    main#about-event-anniversary .wrapper {
      width: 100%; } }
  main#about-event-anniversary .wrapper .single {
    color: #2759B4;
    border: 1px solid #2759B4;
    padding-top: 23px;
    padding-left: 16px;
    padding-bottom: 23px;
    font-size: 1.8rem;
    font-weight: bold;
    position: relative;
    margin-bottom: 12px; }
    main#about-event-anniversary .wrapper .single::after {
      content: "";
      position: absolute;
      right: 16px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 2.4rem;
      height: 2.4rem;
      background-image: url("../images/common/menu.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      transform: rotate(90deg);
      transition: all 0.5s; }
    main#about-event-anniversary .wrapper .single.is_open::after {
      transform: rotate(-90deg);
      transition: all 0.5s; }
  main#about-event-anniversary .wrapper .detail {
    display: none;
    margin-bottom: 16px; }
    main#about-event-anniversary .wrapper .detail h3:nth-child(n+1) {
      margin-top: 16px; }
    main#about-event-anniversary .wrapper .detail .row {
      display: flex;
      align-items: center;
      border-bottom: solid 1px #E6E6E6; }
      main#about-event-anniversary .wrapper .detail .row .title {
        display: inline-flex;
        width: 86px;
        justify-content: center;
        font-weight: bold; }
      main#about-event-anniversary .wrapper .detail .row .description {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 24px;
        display: inline-flex;
        flex: 1;
        white-space: pre-line; }
  main#about-event-anniversary .wrapper .warning {
    margin-top: 48px;
    margin-bottom: 40px;
    font-size: 1.6rem; }
    @media screen and (max-width: 767px) {
      main#about-event-anniversary .wrapper .warning {
        margin-top: 24px; } }

main#about-event-origin p {
  font-size: 16px;
  white-space: pre-line;
  margin: 0; }
  @media screen and (max-width: 767px) {
    main#about-event-origin p {
      font-size: 14px; } }

@media screen and (max-width: 767px) {
  main#about-event-origin {
    padding-top: 12px; } }

@media screen and (max-width: 1239px) and (min-width: 768px) {
  main#about-event-origin {
    padding-top: 16px; } }

main#about-event-origin .container .flex-box {
  display: flex;
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    main#about-event-origin .container .flex-box {
      flex-direction: column;
      width: fit-content; } }
  main#about-event-origin .container .flex-box .right {
    margin-left: 24px; }
    @media screen and (max-width: 767px) {
      main#about-event-origin .container .flex-box .right {
        margin-left: auto;
        margin-right: auto; } }
  main#about-event-origin .container .flex-box .left {
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      main#about-event-origin .container .flex-box .left {
        margin-left: auto;
        margin-right: auto; } }
  main#about-event-origin .container .flex-box .note {
    color: #000000b7;
    font-size: 12px; }
    @media screen and (max-width: 767px) {
      main#about-event-origin .container .flex-box .note {
        color: #000; } }
  @media screen and (max-width: 767px) {
    main#about-event-origin .container .flex-box .second-paragraph {
      margin-bottom: 40px; } }
  main#about-event-origin .container .flex-box .middle {
    text-align: center; }
  main#about-event-origin .container .flex-box .row-right {
    display: flex;
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      main#about-event-origin .container .flex-box .row-right {
        flex-direction: column;
        margin: 24px auto; } }
    main#about-event-origin .container .flex-box .row-right img {
      margin-right: 24px;
      height: fit-content; }
      @media screen and (max-width: 767px) {
        main#about-event-origin .container .flex-box .row-right img {
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 16px; } }
  main#about-event-origin .container .flex-box .image {
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 767px) {
      main#about-event-origin .container .flex-box .image {
        margin-bottom: 24px;
        margin-left: auto;
        margin-right: auto;
        padding: auto 16px; } }
    main#about-event-origin .container .flex-box .image img {
      margin-left: auto;
      margin-right: auto; }
  main#about-event-origin .container .flex-box .paragraph {
    display: flex; }
  @media screen and (max-width: 767px) {
    main#about-event-origin .container .flex-box .section {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      max-width: 432px; } }
  @media screen and (min-width: 768px) {
    main#about-event-origin .container .flex-box .section {
      min-width: 432px; } }

main#about-event-origin .container .read-more-wrapper {
  display: flex;
  justify-content: right;
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    main#about-event-origin .container .read-more-wrapper {
      display: none; } }
  main#about-event-origin .container .read-more-wrapper .read-more {
    width: fit-content;
    position: relative; }
    main#about-event-origin .container .read-more-wrapper .read-more div {
      display: inline-block;
      margin-right: 72px;
      font-size: 1.6rem;
      color: black; }
      @media screen and (max-width: 767px) {
        main#about-event-origin .container .read-more-wrapper .read-more div {
          margin-right: 18px; } }
    main#about-event-origin .container .read-more-wrapper .read-more img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      width: 40px;
      height: 40px; }
    main#about-event-origin .container .read-more-wrapper .read-more .hover-change-on {
      opacity: 1;
      transition: all 0.5s; }
    main#about-event-origin .container .read-more-wrapper .read-more .hover-change-off {
      opacity: 0;
      transition: all 0.5s; }
    main#about-event-origin .container .read-more-wrapper .read-more:hover .hover-change-on {
      opacity: 0;
      transition: all 0.5s; }
    main#about-event-origin .container .read-more-wrapper .read-more:hover .hover-change-off {
      opacity: 1;
      transition: all 0.5s; }

main#about-event .wrapper {
  background-color: #F2F4F8; }
  main#about-event .wrapper h2 {
    margin-top: 44px;
    padding-top: 56px;
    padding-bottom: 12px; }
    @media screen and (max-width: 767px) {
      main#about-event .wrapper h2 {
        margin-top: 14px;
        padding-top: 32px;
        font-size: 2.2rem; } }
  main#about-event .wrapper .description {
    width: 80%;
    margin: 0 auto;
    margin-top: 64px; }
    @media screen and (max-width: 767px) {
      main#about-event .wrapper .description {
        width: calc(100% - 32px);
        margin-top: 32px; } }
  main#about-event .wrapper .container {
    width: 82%;
    margin: 0 auto;
    margin-top: 40px;
    padding-bottom: 56px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px; }
    @media screen and (max-width: 767px) {
      main#about-event .wrapper .container {
        width: calc(100% - 32px);
        margin-top: 32px;
        padding-bottom: 32px;
        display: flex;
        flex-direction: column; } }
    main#about-event .wrapper .container .single {
      background-color: white;
      width: calc(100% - 12px);
      min-height: 440px; }
      @media screen and (max-width: 767px) {
        main#about-event .wrapper .container .single {
          min-height: unset; } }
      main#about-event .wrapper .container .single img {
        width: 100%; }
      main#about-event .wrapper .container .single .single-title {
        font-size: 1.8rem;
        font-weight: bold;
        padding-top: 24px;
        padding-left: 16px;
        padding-bottom: 16px; }
      main#about-event .wrapper .container .single .single-description {
        font-size: 1.4rem;
        padding-left: 16px;
        padding-right: 16px;
        white-space: pre-line;
        padding-bottom: 16px; }
      main#about-event .wrapper .container .single .links {
        margin-top: 21px;
        border-top: 1px solid #E6E6E6;
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 767px) {
          main#about-event .wrapper .container .single .links {
            flex-direction: column;
            margin-top: 0; } }
        main#about-event .wrapper .container .single .links a {
          display: inline-flex;
          width: 50%;
          align-items: center;
          padding: 17px 12px 17px 16px; }
          main#about-event .wrapper .container .single .links a .double {
            width: 48%; }
          @media screen and (max-width: 767px) {
            main#about-event .wrapper .container .single .links a {
              width: 100%; } }
        main#about-event .wrapper .container .single .links a:nth-child(2) {
          border-left: 1px solid #E6E6E6; }
          @media screen and (max-width: 767px) {
            main#about-event .wrapper .container .single .links a:nth-child(2) {
              border-left: unset;
              border-top: 1px solid #E6E6E6; } }
        main#about-event .wrapper .container .single .links .link {
          color: black;
          font-size: 1.4rem;
          font-weight: bold;
          position: relative;
          width: 100%; }
          main#about-event .wrapper .container .single .links .link.double {
            width: 100%;
            display: inline-flex;
            align-items: center; }
          main#about-event .wrapper .container .single .links .link::after {
            position: absolute;
            right: 0;
            content: "";
            display: inline-flex;
            width: 1.6rem;
            height: 1.6rem;
            background-image: url("../images/common/menu.svg");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center; }

main#about-history .wrapper {
  margin-top: 44px; }
  @media screen and (max-width: 767px) {
    main#about-history .wrapper {
      margin-top: 12px; } }
  main#about-history .wrapper .era {
    width: 100px;
    height: 100px;
    background-color: #2759B4;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-flow: column;
    color: white;
    font-size: 22px;
    position: relative;
    word-break: keep-all; }
    @media screen and (max-width: 767px) {
      main#about-history .wrapper .era {
        font-size: 18px;
        width: 77px;
        height: 77px; } }
    main#about-history .wrapper .era::after {
      content: "";
      width: 8px;
      height: 10px;
      background-color: #2759B4;
      position: absolute;
      right: 0;
      left: 0;
      bottom: -5px;
      margin: auto; }
    main#about-history .wrapper .era .era-sub {
      font-size: 1.8rem; }
  main#about-history .wrapper .year-month, main#about-history .wrapper .description {
    border-left: solid 8px #2759B4;
    margin-left: 46px;
    padding-left: 138px; }
    @media screen and (max-width: 767px) {
      main#about-history .wrapper .year-month, main#about-history .wrapper .description {
        margin-left: 34.5px;
        padding-left: 30px; } }
  main#about-history .wrapper .year-month {
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 2px #5893D4;
    padding-right: 16px;
    display: inline-block;
    line-height: 4rem; }
    @media screen and (max-width: 767px) {
      main#about-history .wrapper .year-month {
        width: 70%;
        font-size: 16px; } }
  main#about-history .wrapper .description {
    padding-top: 32px;
    padding-bottom: 32px;
    white-space: pre-line; }
    @media screen and (max-width: 767px) {
      main#about-history .wrapper .description {
        font-size: 1.4rem; } }

main#about-history .history-banner {
  margin-top: 80px;
  text-align: center; }
  main#about-history .history-banner img {
    width: 100%;
    max-width: 414px; }
  @media screen and (max-width: 767px) {
    main#about-history .history-banner {
      margin-top: 64px; } }

main#about-member .membership .row {
  display: flex;
  border-bottom: solid 1px #E6E6E6;
  align-items: center; }
  @media screen and (max-width: 767px) {
    main#about-member .membership .row {
      flex-direction: column;
      border-bottom: none; } }
  main#about-member .membership .row:first-child {
    border-top: solid 1px #E6E6E6; }
    @media screen and (max-width: 767px) {
      main#about-member .membership .row:first-child {
        border-top: none; } }
  main#about-member .membership .row .title {
    font-size: 1.6rem;
    font-weight: bold;
    color: white;
    display: inline-flex;
    padding-top: 16px;
    padding-left: 12px;
    padding-bottom: 16px;
    width: 168px; }
    @media screen and (max-width: 767px) {
      main#about-member .membership .row .title {
        display: flex;
        width: 100%;
        padding-left: 0;
        justify-content: center; } }
    main#about-member .membership .row .title.personal {
      background-color: #F7B633; }
    main#about-member .membership .row .title.corporation {
      background-color: #2759B4; }
    main#about-member .membership .row .title.organization {
      background-color: #5893D4; }
  main#about-member .membership .row .description {
    padding-left: 24px; }
    @media screen and (max-width: 767px) {
      main#about-member .membership .row .description {
        display: flex;
        text-align: center;
        justify-content: center;
        width: 100%;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 0; } }

main#about-member .rewards {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  margin-top: 64px;
  margin-bottom: 64px; }
  main#about-member .rewards div:first-child {
    margin-left: auto; }
  @media screen and (max-width: 767px) {
    main#about-member .rewards {
      display: flex;
      flex-direction: column; } }
  main#about-member .rewards .reward {
    border: solid 1px #E6E6E6;
    padding: 24px;
    width: 460px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    position: relative; }
    @media screen and (max-width: 1239px) {
      main#about-member .rewards .reward {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      main#about-member .rewards .reward {
        width: 100%; } }
    main#about-member .rewards .reward .reward-icon {
      position: absolute;
      top: -29px;
      left: 0; }
    main#about-member .rewards .reward .icon {
      width: 64px;
      height: 64px;
      margin-top: 16px;
      margin-bottom: 24px; }

main#about-member .fee-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px; }
  @media screen and (max-width: 767px) {
    main#about-member .fee-wrapper {
      grid-template-columns: 1fr;
      gap: 16px; } }
  main#about-member .fee-wrapper .fee {
    border-left: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    display: flex;
    flex-direction: column; }
    main#about-member .fee-wrapper .fee .entry-fee .yen {
      font-size: 2.0rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 16px; }
    main#about-member .fee-wrapper .fee .title {
      color: white;
      text-align: center;
      padding-top: 16px;
      padding-bottom: 16px;
      font-size: 1.6rem;
      font-weight: bold; }
    main#about-member .fee-wrapper .fee .japanese {
      color: #919696;
      font-size: 1.4rem;
      font-weight: bold;
      text-align: center;
      margin-top: 16px;
      margin-bottom: 13px; }
    main#about-member .fee-wrapper .fee .subscribe-fee {
      text-align: center;
      border-top: 1px solid #E6E6E6; }
      main#about-member .fee-wrapper .fee .subscribe-fee .yen {
        font-size: 1.8rem;
        font-weight: bold;
        color: black;
        display: inline-block;
        margin-bottom: 32px; }
        main#about-member .fee-wrapper .fee .subscribe-fee .yen .unit {
          font-size: 1.4rem;
          display: inline-block; }
    main#about-member .fee-wrapper .fee.personal .title {
      background-color: #F7B633; }
    main#about-member .fee-wrapper .fee.personal .entry-fee .yen {
      color: #F7B633; }
    main#about-member .fee-wrapper .fee.corporation .title {
      background-color: #2759B4; }
    main#about-member .fee-wrapper .fee.corporation .entry-fee .yen {
      color: #2759B4; }
    main#about-member .fee-wrapper .fee.organization .title {
      background-color: #5893D4; }
    main#about-member .fee-wrapper .fee.organization .entry-fee .yen {
      color: #5893D4; }

main#about-member .how-to {
  background-color: #F2F4F8;
  width: 80%;
  margin: 0 auto;
  margin-top: 80px;
  padding: 48px 24px; }
  @media screen and (max-width: 767px) {
    main#about-member .how-to {
      width: 100%; } }
  main#about-member .how-to .description {
    margin-top: 32px;
    margin-bottom: 40px;
    white-space: pre-line; }
    @media screen and (max-width: 767px) {
      main#about-member .how-to .description {
        margin-bottom: 8px; } }
  main#about-member .how-to .buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  main#about-member .how-to .membership-rules {
    margin-top: 32px;
    color: #2759B4;
    font-size: 1.6rem;
    font-weight: bold;
    border: solid 1px #E6E6E6;
    display: flex;
    align-items: center;
    padding: 8px 24px;
    background-color: white;
    transition: all 0.5s; }
    main#about-member .how-to .membership-rules:hover {
      border: solid 1px #2759B4;
      background-color: #F2F4F8;
      transition: all 0.5s; }
    @media screen and (max-width: 767px) {
      main#about-member .how-to .membership-rules {
        margin-top: 16px; } }
    main#about-member .how-to .membership-rules::before {
      content: "";
      display: inline-flex;
      width: 2.4rem;
      height: 2.4rem;
      background-image: url("../images/common/pdf.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }

main#about-organization .officers {
  display: flex;
  justify-content: space-around; }
  @media screen and (max-width: 767px) {
    main#about-organization .officers {
      display: block; } }
  main#about-organization .officers .chairman {
    width: 262px;
    text-align: center;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      main#about-organization .officers .chairman {
        width: 100%;
        display: block; } }
    main#about-organization .officers .chairman img {
      width: 100%; }
    main#about-organization .officers .chairman .title {
      margin-top: 24px;
      font-size: 1.8rem;
      font-weight: bold; }
    main#about-organization .officers .chairman .name {
      font-size: 2.4rem;
      font-weight: bold; }
  main#about-organization .officers table {
    display: inline-flex;
    width: 640px;
    font-size: 1.4rem;
    border-bottom: solid 1px #E6E6E6; }
    @media screen and (max-width: 767px) {
      main#about-organization .officers table {
        width: 100%;
        margin-top: 44px; } }
    main#about-organization .officers table tbody td:nth-child(2), main#about-organization .officers table tr.separator td:nth-child(2) {
      width: 640px; }
      @media screen and (max-width: 767px) {
        main#about-organization .officers table tbody td:nth-child(2), main#about-organization .officers table tr.separator td:nth-child(2) {
          width: 100%; } }
    main#about-organization .officers table .title {
      font-size: 1.6rem;
      font-weight: bold;
      width: 166px;
      background-color: #F2F4F8;
      padding-top: 18px;
      padding-left: 12px;
      padding-bottom: 16px; }
      @media screen and (max-width: 767px) {
        main#about-organization .officers table .title {
          width: 40%; } }
    main#about-organization .officers table .name {
      padding-left: 24px; }
    main#about-organization .officers table .separator {
      border-top: solid 1px #E6E6E6; }
  main#about-organization .officers .pdf-wrapper {
    margin-top: 8px;
    text-align: right; }
    main#about-organization .officers .pdf-wrapper .officers-pdf {
      color: #2759B4;
      border: solid 1px #E6E6E6;
      padding: 8px 24px;
      display: inline-flex;
      background-color: white;
      transition: all 0.5s; }
      main#about-organization .officers .pdf-wrapper .officers-pdf:hover {
        border: solid 1px #2759B4;
        background-color: #F2F4F8;
        transition: all 0.5s; }
      main#about-organization .officers .pdf-wrapper .officers-pdf::before {
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem;
        margin-right: 8px;
        background-image: url("../images/common/pdf.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }

main#about-organization .diagram {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  overflow-x: scroll; }
  main#about-organization .diagram::-webkit-scrollbar {
    display: none; }
  main#about-organization .diagram-pc {
    display: block; }
    @media screen and (max-width: 767px) {
      main#about-organization .diagram-pc {
        display: none; } }
  main#about-organization .diagram-sp {
    display: none; }
    @media screen and (max-width: 767px) {
      main#about-organization .diagram-sp {
        display: block; } }
  main#about-organization .diagram a {
    position: absolute;
    z-index: 5; }
    main#about-organization .diagram a div {
      width: 140px;
      height: 42px; }
    main#about-organization .diagram a#hokkaido {
      top: 283px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#hokkaido {
          top: 509px;
          left: 55px; } }
    main#about-organization .diagram a#tohoku {
      top: 345px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#tohoku {
          top: 573px;
          left: 55px; } }
    main#about-organization .diagram a#kanto {
      top: 407px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#kanto {
          top: 637px;
          left: 55px; } }
    main#about-organization .diagram a#chubu {
      top: 469px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#chubu {
          top: 701px;
          left: 55px; } }
    main#about-organization .diagram a#hokuriku {
      top: 531px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#hokuriku {
          top: 765px;
          left: 55px; } }
    main#about-organization .diagram a#kansai {
      top: 593px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#kansai {
          top: 829px;
          left: 55px; } }
    main#about-organization .diagram a#chuhgoku {
      top: 655px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#chuhgoku {
          top: 893px;
          left: 55px; } }
    main#about-organization .diagram a#shikoku {
      top: 717px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#shikoku {
          top: 957px;
          left: 55px; } }
    main#about-organization .diagram a#kyushu {
      top: 779px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#kyushu {
          top: 1021px;
          left: 55px; } }
    main#about-organization .diagram a#okinawa {
      top: 841px;
      left: 382px; }
      @media screen and (max-width: 767px) {
        main#about-organization .diagram a#okinawa {
          top: 1085px;
          left: 55px; } }

main#about-section p {
  font-size: 1.6rem;
  line-height: 2em;
  white-space: pre-line; }

@media screen and (max-width: 767px) {
  main#about-section {
    padding-top: 12px; } }

@media screen and (max-width: 1239px) and (min-width: 768px) {
  main#about-section {
    padding-top: 16px; } }

main#about-section .sections ul {
  position: relative;
  list-style: none;
  padding-left: 16px;
  padding-right: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-wrap: wrap;
  width: fit-content;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-top: 30px; }
  @media screen and (max-width: 767px) {
    main#about-section .sections ul {
      padding-left: 0;
      padding-right: 0;
      margin-top: 12px;
      grid-template-columns: repeat(1, 1fr); } }

main#about-section .sections .section {
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 16px 12px;
  margin: 10px; }
  @media screen and (max-width: 767px) {
    main#about-section .sections .section {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      max-width: 432px; } }
  @media screen and (min-width: 768px) {
    main#about-section .sections .section {
      min-width: 432px; } }
  main#about-section .sections .section .name {
    color: #2759B4;
    font-weight: bold;
    font-size: 16px; }
  main#about-section .sections .section .properties {
    margin: 12px auto 12px; }
  main#about-section .sections .section .property-line {
    display: flex;
    margin-bottom: 8px; }
  main#about-section .sections .section .svg {
    margin-top: 0;
    height: fit-content; }
  main#about-section .sections .section .property {
    color: #000;
    font-size: 14px;
    margin-left: 4px;
    line-height: 20px; }
  main#about-section .sections .section .detail {
    display: flex;
    border: 1.2px solid #2759B4;
    border-radius: 24px;
    padding: 10px 24px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    transition: all 0.5s; }
    main#about-section .sections .section .detail::after {
      content: "";
      display: inline-flex;
      width: 1.4rem;
      height: 1.4rem;
      background-image: url("../images/common/link-blue.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      transition: all 0.5s; }
    main#about-section .sections .section .detail .text {
      text-align: center;
      font-size: 14px;
      color: #2759B4;
      align-items: center;
      margin-right: 48px; }
  main#about-section .sections .section .detail:hover {
    background-color: #2759B4;
    color: #FFF;
    transition: all 0.5s; }
    main#about-section .sections .section .detail:hover::after {
      content: "";
      display: inline-flex;
      width: 1.4rem;
      height: 1.4rem;
      background-image: url("../images/common/link-white.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      transition: all 0.5s; }
    main#about-section .sections .section .detail:hover .text {
      text-align: center;
      font-size: 14px;
      color: #FFF;
      align-items: center;
      transition: all 0.5s; }

main#about-work h1 {
  letter-spacing: 1.76px; }

main#about-work p {
  font-size: 16px;
  letter-spacing: 0.64px;
  line-height: 30px;
  white-space: pre-line; }
  @media screen and (max-width: 767px) {
    main#about-work p {
      font-size: 14px;
      letter-spacing: 0.56px;
      line-height: 22px; } }

main#about-work .business-abstract {
  font-size: 16px;
  margin-block-start: -4px; }
  @media screen and (max-width: 767px) {
    main#about-work .business-abstract {
      font-size: 14px; } }
  main#about-work .business-abstract li {
    margin-block-end: 6px;
    letter-spacing: 0.64px; }
    @media screen and (max-width: 767px) {
      main#about-work .business-abstract li {
        margin-block-end: 4px;
        letter-spacing: 0.56px; } }
    main#about-work .business-abstract li:last-child {
      margin-block-end: 0; }
    main#about-work .business-abstract li::before {
      display: inline-block;
      margin-inline-end: 4px;
      background-color: #2759B4;
      content: "";
      width: 12px;
      height: 12px;
      border-radius: 50%; }

main#about-work .research-contents {
  padding-block-start: 12px; }
  main#about-work .research-contents .research-contents-text {
    margin-top: -5px; }
  main#about-work .research-contents .research-list {
    margin-block-start: 58px;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      main#about-work .research-contents .research-list {
        margin-block-start: 40px; } }

main#about-work .list-link {
  letter-spacing: 0.56px;
  font-size: 14px;
  width: 50%;
  min-width: 375px;
  margin-block-end: 11px;
  color: #2759B4;
  display: flex; }
  main#about-work .list-link a:link {
    color: #2759B4; }
  main#about-work .list-link a:visited {
    color: #2759B4; }
  main#about-work .list-link::before {
    background-color: #2759B4;
    content: "";
    width: 12px;
    height: 1px;
    vertical-align: middle;
    margin-block-start: 1rem;
    margin-inline-end: 16px; }

main#about-work .safety-contents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  main#about-work .safety-contents .safety-content-images-group {
    width: 382px;
    height: 200px;
    border: 1px solid #E2E2E2;
    padding-block-start: 24px; }
    @media screen and (max-width: 767px) {
      main#about-work .safety-contents .safety-content-images-group {
        width: 343px;
        height: 178px; } }
    main#about-work .safety-contents .safety-content-images-group .safety-content-images {
      display: flex; }
      main#about-work .safety-contents .safety-content-images-group .safety-content-images img:first-child {
        width: 192px; }
        @media screen and (max-width: 767px) {
          main#about-work .safety-contents .safety-content-images-group .safety-content-images img:first-child {
            width: 172px; } }
      main#about-work .safety-contents .safety-content-images-group .safety-content-images img:last-child {
        width: 190px; }
        @media screen and (max-width: 767px) {
          main#about-work .safety-contents .safety-content-images-group .safety-content-images img:last-child {
            width: 171px; } }
    main#about-work .safety-contents .safety-content-images-group .cubicle-text {
      margin-block-start: 12px;
      margin-inline-start: 12px;
      font-size: 12px;
      line-height: 18px;
      white-space: pre-line; }
      @media screen and (max-width: 767px) {
        main#about-work .safety-contents .safety-content-images-group .cubicle-text {
          font-size: 10px;
          margin-block-start: 10px;
          line-height: 15px; } }
  main#about-work .safety-contents .safety-content-text {
    margin-block-start: -5px;
    max-width: 699px;
    min-width: 343px; }
    @media screen and (max-width: 767px) {
      main#about-work .safety-contents .safety-content-text {
        margin-block-start: 32px; } }
    main#about-work .safety-contents .safety-content-text .safety-content-text-list {
      margin-block-start: 30px; }

main#about-work .safety-and-energy-contents {
  padding-block-start: 10px; }
  main#about-work .safety-and-energy-contents .electronic-safety {
    margin-block-start: 30px; }

main#about-work .newspaper-publish-contents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  main#about-work .newspaper-publish-contents .newspaper-publish-content-text {
    max-width: 667px;
    min-width: 343px; }
  main#about-work .newspaper-publish-contents .newspaper-publish-content-image img {
    width: 358px; }
  main#about-work .newspaper-publish-contents .newspaper-publish-content-image .newspaper-publish-image-name {
    color: #000000b7;
    margin-block-start: 10px;
    font-size: 12px; }
    @media screen and (max-width: 767px) {
      main#about-work .newspaper-publish-contents .newspaper-publish-content-image .newspaper-publish-image-name {
        font-size: 11px; } }

main#about-work .publish-contents {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  main#about-work .publish-contents .publish-content-text {
    max-width: 738px;
    min-width: 343px; }
  main#about-work .publish-contents .publish-content-image img {
    width: 358px; }

main#about-work .electronic-newspaper-contents {
  margin: 35px auto;
  max-width: 556.53px;
  min-height: 174px;
  border: #2759B4 2px solid;
  padding-block-start: 13px;
  padding-inline-start: 27px;
  padding-inline-end: 35.53px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    main#about-work .electronic-newspaper-contents {
      width: 343px;
      height: 280px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-inline-start: 0;
      padding-inline-end: 0;
      padding-block-start: 0;
      padding-block-end: 24px; } }
  main#about-work .electronic-newspaper-contents .electronic-newspaper-title {
    margin-block-start: 32px;
    letter-spacing: 1.76px;
    font-size: 22px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      main#about-work .electronic-newspaper-contents .electronic-newspaper-title {
        margin-block-start: 18px;
        text-align: center; } }
  main#about-work .electronic-newspaper-contents .electronic-newspaper-external-link {
    margin-block-start: 14px;
    width: 165px;
    height: 32px;
    border-radius: 16px;
    padding-block-start: 5px;
    padding-inline-start: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.12px;
    color: #FFF;
    background-color: #2759B4; }
    main#about-work .electronic-newspaper-contents .electronic-newspaper-external-link img {
      margin-inline-start: 8px; }
  @media screen and (max-width: 767px) {
    main#about-work .electronic-newspaper-contents .electronic-newspaper-image {
      margin-inline-start: 0;
      margin-block-start: 8px; } }

@media screen and (max-width: 767px) {
  main#about-work .publish-contents .publish-content-text {
    margin-block-start: 32px; } }

main#about-work .publish-external-link {
  width: 152px;
  height: 40px;
  margin-top: 40px;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 767px) {
    main#about-work .publish-external-link {
      width: 144px; } }
  main#about-work .publish-external-link .publish-external-link-text {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: black; }
  main#about-work .publish-external-link .publish-external-link-image img {
    width: 40px;
    height: 40px; }
    @media screen and (max-width: 767px) {
      main#about-work .publish-external-link .publish-external-link-image img {
        width: 32px;
        height: 32px; } }

main#about-work .electronic-works-pdf {
  margin-block-start: 36px;
  padding-inline-start: 26px;
  width: 492px;
  height: 40px;
  border: 1px solid #E2E2E2;
  display: flex; }
  @media screen and (max-width: 767px) {
    main#about-work .electronic-works-pdf {
      width: 284px;
      height: 61px;
      padding-block-start: 6px; } }
  main#about-work .electronic-works-pdf .electronic-works-pdf-contents {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      main#about-work .electronic-works-pdf .electronic-works-pdf-contents {
        align-items: normal; } }
    main#about-work .electronic-works-pdf .electronic-works-pdf-contents .electronic-works-pdf-image img {
      width: 24px; }
    main#about-work .electronic-works-pdf .electronic-works-pdf-contents .electronic-works-pdf-text {
      margin-inline-start: 7.2px;
      font-size: 16px;
      font-weight: bold;
      color: #2759B4; }
      @media screen and (max-width: 767px) {
        main#about-work .electronic-works-pdf .electronic-works-pdf-contents .electronic-works-pdf-text {
          white-space: pre-line; } }

main#about p {
  font-size: 1.6rem;
  line-height: 2em;
  white-space: pre-line; }

main#about .member {
  margin-top: 100px;
  border-bottom: 2px solid #2759B4; }
  main#about .member .description .title-and-separator {
    position: relative;
    display: block; }
    main#about .member .description .title-and-separator .title {
      font-size: 2.2rem;
      display: inline-block;
      background-color: white;
      position: relative;
      padding-right: 25px;
      z-index: 5; }
    main#about .member .description .title-and-separator .separator {
      content: "";
      display: inline-block;
      height: 2px;
      width: 100%;
      background-color: #2759B4;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      z-index: 1; }
  main#about .member .description .member-content {
    margin-top: 32px;
    display: flex;
    justify-content: space-around; }
    @media screen and (max-width: 767px) {
      main#about .member .description .member-content {
        margin-top: 16px;
        display: block; } }
    main#about .member .description .member-content img {
      width: 33.7%;
      display: inline-flex; }
      @media screen and (max-width: 767px) {
        main#about .member .description .member-content img {
          width: 100%;
          display: block; } }
    main#about .member .description .member-content p {
      width: 60%;
      display: inline-flex; }
      @media screen and (max-width: 767px) {
        main#about .member .description .member-content p {
          width: 100%;
          display: block; } }
  main#about .member .read-more-wrapper {
    display: flex;
    justify-content: right;
    margin-top: 56px;
    margin-bottom: 44px; }
    main#about .member .read-more-wrapper .read-more {
      width: fit-content;
      position: relative; }
      main#about .member .read-more-wrapper .read-more div {
        display: inline-block;
        margin-right: 72px;
        font-size: 1.6rem;
        color: black; }
        @media screen and (max-width: 767px) {
          main#about .member .read-more-wrapper .read-more div {
            margin-right: 56px; } }
      main#about .member .read-more-wrapper .read-more img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 40px;
        height: 40px; }
      main#about .member .read-more-wrapper .read-more .hover-change-on {
        opacity: 1;
        transition: all 0.5s; }
      main#about .member .read-more-wrapper .read-more .hover-change-off {
        opacity: 0;
        transition: all 0.5s; }
      main#about .member .read-more-wrapper .read-more:hover .hover-change-on {
        opacity: 0;
        transition: all 0.5s; }
      main#about .member .read-more-wrapper .read-more:hover .hover-change-off {
        opacity: 1;
        transition: all 0.5s; }

main#award h2 {
  margin-top: 68px;
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    main#award h2 {
      margin-top: 12px;
      margin-bottom: 24px; } }

main#award .container .flex-box {
  display: flex;
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    main#award .container .flex-box {
      flex-direction: column; } }
  main#award .container .flex-box .shibusawa {
    width: 368px;
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #F2F4F8;
    padding-bottom: 24px;
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      main#award .container .flex-box .shibusawa {
        width: 100%;
        margin-bottom: 20px; } }
    main#award .container .flex-box .shibusawa img {
      width: 45%;
      height: auto;
      margin: 0 auto;
      margin-top: 24px;
      margin-bottom: 16px;
      display: inline-flex; }
    main#award .container .flex-box .shibusawa .name {
      font-size: 2.2rem;
      font-weight: bold; }
    main#award .container .flex-box .shibusawa .furi, main#award .container .flex-box .shibusawa .title {
      font-size: 1.4rem;
      white-space: pre-line; }
  main#award .container .flex-box .description {
    flex: 1;
    white-space: pre-line;
    line-height: 3.0rem; }
    @media screen and (max-width: 767px) {
      main#award .container .flex-box .description {
        flex: unset; } }
  main#award .container .flex-box .certificate {
    width: 451px;
    margin-left: 24px; }
    @media screen and (max-width: 767px) {
      main#award .container .flex-box .certificate {
        width: 100%;
        margin-left: 0; }
        main#award .container .flex-box .certificate img {
          width: 100%; } }

main#award .details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px; }
  @media screen and (max-width: 767px) {
    main#award .details {
      grid-template-columns: 1fr;
      gap: 16px; } }
  main#award .details .single {
    height: 204px;
    border-left: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    display: flex;
    flex-direction: column; }
    main#award .details .single .title {
      color: white;
      background-color: #2759B4;
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 1.6rem;
      font-weight: bold; }
    main#award .details .single .description {
      padding-top: 16px;
      padding-left: 16px;
      padding-right: 16px;
      font-size: 1.4rem; }
    main#award .details .single a {
      display: inline-flex;
      align-self: center;
      margin-top: auto;
      margin-bottom: 24px; }
      main#award .details .single a .pdf {
        color: #2759B4;
        font-size: 1.6rem;
        font-weight: bold;
        border: solid 1px #E6E6E6;
        display: flex;
        align-items: center;
        padding: 8px 24px;
        background-color: white;
        cursor: pointer;
        transition: all 0.5s; }
        main#award .details .single a .pdf:hover {
          border: solid 1px #2759B4;
          background-color: #F2F4F8;
          transition: all 0.5s; }
        main#award .details .single a .pdf::before {
          content: "";
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem;
          background-image: url("../images/common/pdf.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
      main#award .details .single a .youtube {
        color: black;
        font-size: 1.6rem;
        font-weight: bold;
        border: 2px solid #E6E6E6;
        display: flex;
        align-items: center;
        cursor: pointer;
        width: 264px;
        height: 80px;
        justify-content: center; }
        main#award .details .single a .youtube::before {
          content: "";
          display: inline-flex;
          margin-right: 24px;
          width: 4.0rem;
          height: 2.8rem;
          background-image: url("../images/common/youtube.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }

main#committee-battery p {
  font-size: 1.6rem;
  line-height: 2em;
  white-space: pre-line; }

main#committee-battery .about {
  margin-bottom: 12px;
  margin-top: 38px; }
  @media screen and (max-width: 767px) {
    main#committee-battery .about {
      font-size: 14px;
      color: #000000b7; } }
  @media screen and (max-width: 767px) {
    main#committee-battery .about p {
      font-size: 14px;
      color: #000000b7; } }

main#committee-battery .contact-block {
  margin-bottom: 64px; }
  main#committee-battery .contact-block .contact-section {
    text-align: center;
    background-color: #F2F4F8;
    padding: 48px 24px; }
    main#committee-battery .contact-block .contact-section .contact-section-title {
      position: relative;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 32px; }
    main#committee-battery .contact-block .contact-section .contact-section-title::after {
      content: "";
      position: absolute;
      bottom: -8px;
      right: calc(50% - 24px);
      background-color: #2759B4;
      width: 48px;
      height: 3px; }
    main#committee-battery .contact-block .contact-section .main-content {
      font-size: 14px;
      margin-bottom: 16px; }
    main#committee-battery .contact-block .contact-section .bold {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 16px; }
    main#committee-battery .contact-block .contact-section .tel {
      font-size: 16px;
      white-space: pre-line; }
    main#committee-battery .contact-block .contact-section .upper-space {
      margin-top: 32px; }
    main#committee-battery .contact-block .contact-section .single {
      margin-top: -32px;
      position: relative;
      display: inline-flex;
      align-items: center;
      max-width: 243px;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        main#committee-battery .contact-block .contact-section .single {
          display: flex;
          margin-bottom: 16px;
          text-align: left;
          margin-left: auto;
          margin-right: auto; } }
      main#committee-battery .contact-block .contact-section .single .icon-and-title .contact {
        color: #2759B4;
        font-size: 14px;
        font-weight: bold;
        padding: 15px 60px 15px 24px; }
      main#committee-battery .contact-block .contact-section .single .icon-and-title::after {
        position: absolute;
        right: 24px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("../images/common/menu.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all 0.5s; }

main#committee-battery .menu {
  margin-top: 30px;
  margin-bottom: 44px;
  display: grid;
  justify-content: space-between;
  flex-direction: row;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px; }
  @media screen and (max-width: 767px) {
    main#committee-battery .menu {
      display: block;
      justify-content: unset;
      flex-direction: column; } }
  main#committee-battery .menu a {
    width: 100%; }
    main#committee-battery .menu a:visited, main#committee-battery .menu a:link {
      color: black; }
  main#committee-battery .menu .menu-single {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 4px 24px;
    padding-left: 0;
    flex-wrap: wrap;
    height: 100%;
    border: 1px solid #E6E6E6;
    width: 100%; }
    @media screen and (max-width: 767px) {
      main#committee-battery .menu .menu-single {
        display: block;
        width: 100%;
        margin-bottom: 16px;
        text-align: left; } }
    main#committee-battery .menu .menu-single .icon-and-title {
      display: flex;
      width: 100%; }
      main#committee-battery .menu .menu-single .icon-and-title .pdf-svg {
        transform: scale(calc(40/24)); }
      main#committee-battery .menu .menu-single .icon-and-title .title {
        margin-left: 6px;
        margin: 16px 20px;
        color: #2759B4;
        font-size: 16px;
        font-weight: bold;
        white-space: pre-line; }
        @media screen and (max-width: 767px) {
          main#committee-battery .menu .menu-single .icon-and-title .title {
            font-size: 14px; } }
      main#committee-battery .menu .menu-single .icon-and-title::after {
        position: absolute;
        right: 10px;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem; }
      main#committee-battery .menu .menu-single .icon-and-title img {
        position: absolute;
        right: 16px;
        bottom: calc(50% - 12px); }

main#committee-battery .authorization-container {
  margin-bottom: 44px; }
  main#committee-battery .authorization-container .dialog-text {
    font-size: 16px; }
    @media screen and (max-width: 767px) {
      main#committee-battery .authorization-container .dialog-text {
        font-size: 14px;
        color: #000000b7; } }
  main#committee-battery .authorization-container .external-link {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px; }
  main#committee-battery .authorization-container .link-text {
    position: relative;
    font-size: 14px;
    margin-right: 8px;
    margin-left: 28px;
    color: #2759B4; }
    main#committee-battery .authorization-container .link-text::before {
      position: absolute;
      content: "";
      width: 12px;
      height: 1px;
      background-color: #2759B4;
      bottom: 50%;
      left: -28px; }

main#committee-cubicle p {
  font-size: 1.6rem;
  line-height: 2em;
  white-space: pre-line; }

main#committee-cubicle .about {
  margin-bottom: 40px;
  margin-top: 46px; }
  @media screen and (max-width: 767px) {
    main#committee-cubicle .about p {
      font-size: 14px;
      color: #000000b7; } }

main#committee-cubicle .contact-block {
  margin-bottom: 64px; }

main#committee-cubicle .menu {
  margin-top: 48px;
  margin-bottom: 64px;
  display: grid;
  justify-content: space-between;
  flex-direction: row;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px; }
  @media screen and (max-width: 767px) {
    main#committee-cubicle .menu {
      display: block;
      justify-content: unset;
      flex-direction: column; } }
  main#committee-cubicle .menu a {
    width: 100%; }
    main#committee-cubicle .menu a:visited, main#committee-cubicle .menu a:link {
      color: black; }
  main#committee-cubicle .menu .single {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 4px 24px;
    flex-wrap: wrap;
    height: 100%;
    border: 1px solid #E6E6E6;
    width: 100%; }
    @media screen and (max-width: 767px) {
      main#committee-cubicle .menu .single {
        display: block;
        width: 100%;
        margin-bottom: 16px;
        text-align: left; } }
    main#committee-cubicle .menu .single .icon-and-title {
      display: flex;
      width: 100%; }
      main#committee-cubicle .menu .single .icon-and-title .pdf-svg {
        transform: scale(calc(40/24)); }
      main#committee-cubicle .menu .single .icon-and-title .title {
        margin-left: 6px;
        margin: 16px 40px 16px 0;
        color: #2759B4;
        font-size: 16px;
        font-weight: bold;
        white-space: pre-line; }
        @media screen and (max-width: 767px) {
          main#committee-cubicle .menu .single .icon-and-title .title {
            font-size: 14px; } }
      main#committee-cubicle .menu .single .icon-and-title::after {
        position: absolute;
        right: 10px;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem; }
      main#committee-cubicle .menu .single .icon-and-title img {
        position: absolute;
        right: 16px;
        bottom: calc(50% - 12px); }

main#committee-cubiclepower {
  font-family: Noto Sans JP; }
  main#committee-cubiclepower p {
    font-size: 1.6rem;
    line-height: 2em;
    white-space: pre-line; }
  main#committee-cubiclepower .about {
    margin-bottom: 40px;
    margin-top: 46px; }
    @media screen and (max-width: 767px) {
      main#committee-cubiclepower .about p {
        font-size: 14px;
        color: #000000b7; } }
  main#committee-cubiclepower .contact-block {
    margin-bottom: 64px; }
  main#committee-cubiclepower .menu {
    margin-top: 48px;
    margin-bottom: 64px;
    display: grid;
    justify-content: space-between;
    flex-direction: row;
    grid-template-columns: 1fr 1fr;
    gap: 20px 24px; }
    @media screen and (max-width: 767px) {
      main#committee-cubiclepower .menu {
        display: block;
        justify-content: unset;
        flex-direction: column; } }
    main#committee-cubiclepower .menu a {
      width: 100%; }
      main#committee-cubiclepower .menu a:visited, main#committee-cubiclepower .menu a:link {
        color: black; }
    main#committee-cubiclepower .menu .single {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 24px;
      flex-wrap: wrap;
      min-height: 83px;
      height: 100%;
      border: 1px solid #E6E6E6;
      width: 100%; }
      @media screen and (max-width: 767px) {
        main#committee-cubiclepower .menu .single {
          display: block;
          min-height: 72px;
          width: 100%;
          margin-bottom: 16px;
          text-align: left;
          padding: 4px 0; } }
      main#committee-cubiclepower .menu .single .icon-and-title {
        display: flex;
        width: 100%; }
        main#committee-cubiclepower .menu .single .icon-and-title .title {
          margin-left: 6px;
          margin: 16px 20px;
          color: #2759B4;
          font-size: 1.6rem;
          font-weight: bold;
          white-space: pre-line; }
          @media screen and (max-width: 767px) {
            main#committee-cubiclepower .menu .single .icon-and-title .title {
              margin-right: 64px; } }
        main#committee-cubiclepower .menu .single .icon-and-title::after {
          position: absolute;
          right: 10px;
          content: "";
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem; }
        main#committee-cubiclepower .menu .single .icon-and-title img {
          position: absolute;
          right: 16px;
          bottom: calc(50% - 12px); }
  main#committee-cubiclepower .flyerframe {
    height: 160px;
    width: 492px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      main#committee-cubiclepower .flyerframe {
        width: 100%; } }
  main#committee-cubiclepower .flyer {
    height: 100%;
    width: 100%; }
    @media screen and (max-width: 767px) {
      main#committee-cubiclepower .flyer {
        height: unset;
        width: 100%; } }

main#committee-emergency p {
  font-size: 1.6rem;
  line-height: 2em;
  white-space: pre-line; }

main#committee-emergency .about {
  margin-bottom: 12px;
  margin-top: 38px; }
  @media screen and (max-width: 767px) {
    main#committee-emergency .about p {
      font-size: 14px;
      color: #000000b7; } }

main#committee-emergency .contact-block {
  margin-bottom: 64px; }
  main#committee-emergency .contact-block .contact-section {
    text-align: center;
    background-color: #F2F4F8;
    padding: 48px 24px; }
    main#committee-emergency .contact-block .contact-section .contact-section-title {
      position: relative;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 32px; }
    main#committee-emergency .contact-block .contact-section .contact-section-title::after {
      content: "";
      position: absolute;
      bottom: -8px;
      right: calc(50% - 24px);
      background-color: #2759B4;
      width: 48px;
      height: 3px; }
    main#committee-emergency .contact-block .contact-section .main-content {
      font-size: 14px;
      margin-bottom: 16px; }
    main#committee-emergency .contact-block .contact-section .bold {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 16px; }
    main#committee-emergency .contact-block .contact-section .tel {
      font-size: 16px;
      white-space: pre-line; }
    main#committee-emergency .contact-block .contact-section .upper-space {
      margin-top: 32px; }
    main#committee-emergency .contact-block .contact-section .single {
      margin-top: -32px;
      position: relative;
      display: inline-flex;
      align-items: center;
      max-width: 243px;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        main#committee-emergency .contact-block .contact-section .single {
          display: flex;
          margin-bottom: 16px;
          text-align: left;
          margin-left: auto;
          margin-right: auto; } }
      main#committee-emergency .contact-block .contact-section .single .icon-and-title .contact {
        color: #2759B4;
        font-size: 14px;
        font-weight: bold;
        padding: 15px 60px 15px 24px; }
      main#committee-emergency .contact-block .contact-section .single .icon-and-title::after {
        position: absolute;
        right: 24px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("../images/common/menu.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all 0.5s; }

main#committee-emergency .menu {
  margin-top: 30px;
  margin-bottom: 44px;
  display: grid;
  justify-content: space-between;
  flex-direction: row;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px; }
  @media screen and (max-width: 767px) {
    main#committee-emergency .menu {
      display: block;
      justify-content: unset;
      flex-direction: column; } }
  main#committee-emergency .menu a {
    width: 100%; }
    main#committee-emergency .menu a:visited, main#committee-emergency .menu a:link {
      color: black; }
  main#committee-emergency .menu .menu-single {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 4px 24px;
    padding-left: 0;
    flex-wrap: wrap;
    height: 100%;
    border: 1px solid #E6E6E6;
    width: 100%; }
    @media screen and (max-width: 767px) {
      main#committee-emergency .menu .menu-single {
        display: block;
        width: 100%;
        margin-bottom: 16px;
        text-align: left; } }
    main#committee-emergency .menu .menu-single .icon-and-title {
      display: flex;
      width: 100%; }
      main#committee-emergency .menu .menu-single .icon-and-title .pdf-svg {
        transform: scale(calc(40/24)); }
      main#committee-emergency .menu .menu-single .icon-and-title .title {
        margin-left: 6px;
        margin: 16px 20px;
        color: #2759B4;
        font-size: 16px;
        font-weight: bold;
        white-space: pre-line; }
        @media screen and (max-width: 767px) {
          main#committee-emergency .menu .menu-single .icon-and-title .title {
            font-size: 14px; } }
      main#committee-emergency .menu .menu-single .icon-and-title::after {
        position: absolute;
        right: 10px;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem; }
      main#committee-emergency .menu .menu-single .icon-and-title img {
        position: absolute;
        right: 16px;
        bottom: calc(50% - 12px); }

main#committee-emergency .authorization-container {
  margin-bottom: 44px; }
  main#committee-emergency .authorization-container .dialog-text {
    font-size: 16px; }
    @media screen and (max-width: 767px) {
      main#committee-emergency .authorization-container .dialog-text {
        font-size: 14px;
        color: #000000b7; } }
  main#committee-emergency .authorization-container .external-link {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px; }
  main#committee-emergency .authorization-container .link-text {
    position: relative;
    font-size: 14px;
    margin-right: 8px;
    margin-left: 28px;
    color: #2759B4; }
    main#committee-emergency .authorization-container .link-text::before {
      position: absolute;
      content: "";
      width: 12px;
      height: 1px;
      background-color: #2759B4;
      bottom: 50%;
      left: -28px; }

main#committee-energysaving-anzen {
  margin-top: 60px; }
  main#committee-energysaving-anzen .blocks {
    display: grid;
    width: fit-content;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
    gap: 54px 20px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      main#committee-energysaving-anzen .blocks {
        display: block; } }
    main#committee-energysaving-anzen .blocks .block {
      height: 203px;
      width: 453px;
      padding-top: 24px;
      padding-bottom: 24px;
      padding-left: 17px;
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
      @media screen and (max-width: 767px) {
        main#committee-energysaving-anzen .blocks .block {
          height: 100%;
          width: 100%;
          margin-top: 24px;
          margin-right: auto; } }
      main#committee-energysaving-anzen .blocks .block .bluetitle {
        font-weight: bold;
        color: #2759B4; }
      main#committee-energysaving-anzen .blocks .block .address {
        display: flex;
        margin-top: 16px;
        margin-bottom: 16px;
        white-space: pre-line; }
        main#committee-energysaving-anzen .blocks .block .address .addresslogo {
          height: 20px;
          width: 20px;
          margin-right: 4px; }
        main#committee-energysaving-anzen .blocks .block .address .addresstext {
          font-size: 1.4rem; }
      main#committee-energysaving-anzen .blocks .block .detailbutton {
        display: flex;
        align-items: center;
        height: 40px;
        width: 200px;
        padding: 0 24px;
        margin: 0 auto;
        border: 1.2px solid #2759B4;
        border-radius: 20px; }
        main#committee-energysaving-anzen .blocks .block .detailbutton .detailtext {
          margin-right: 35px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #2759B4; }
        main#committee-energysaving-anzen .blocks .block .detailbutton .linklogo {
          height: 16px;
          width: 16px; }
  main#committee-energysaving-anzen .underblock {
    margin-bottom: 173px; }

main#committee-energysaving-list {
  margin-bottom: 128px; }
  main#committee-energysaving-list .description {
    white-space: pre-line; }
  main#committee-energysaving-list h1 .annotation {
    display: inline;
    margin-left: 16px;
    font-weight: normal;
    font-size: 1.6rem; }
  main#committee-energysaving-list .copyright {
    padding-top: 32px;
    font-size: 1.4rem; }
  main#committee-energysaving-list .warning {
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-direction: column; }
    main#committee-energysaving-list .warning .single {
      width: 85%;
      border: solid 2px #2759B4;
      border-radius: 8px; }
      @media screen and (max-width: 767px) {
        main#committee-energysaving-list .warning .single {
          width: 100%; } }
      main#committee-energysaving-list .warning .single .head {
        color: white;
        background-color: #2759B4;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 767px) {
          main#committee-energysaving-list .warning .single .head {
            padding-right: 8px; } }
        main#committee-energysaving-list .warning .single .head .description {
          display: inline-flex;
          font-size: 1.6rem;
          font-weight: bold;
          margin-left: 24px;
          margin-top: 12px;
          margin-bottom: 12px; }
          @media screen and (max-width: 767px) {
            main#committee-energysaving-list .warning .single .head .description {
              flex: 1; } }
      main#committee-energysaving-list .warning .single .body {
        padding: 16px; }
        main#committee-energysaving-list .warning .single .body div:nth-child(2) {
          margin-top: 16px; }
        main#committee-energysaving-list .warning .single .body .description {
          white-space: pre-line;
          font-size: 1.4rem; }
        main#committee-energysaving-list .warning .single .body .external::after {
          content: "";
          display: inline-flex;
          width: 1.4rem;
          height: 1.4rem;
          background-image: url("../images/common/link-blue.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          transition: all 0.5s; }
        main#committee-energysaving-list .warning .single .body .external:hover::after {
          background-image: url("../images/common/link-white.svg");
          transition: all 0.5s; }
        main#committee-energysaving-list .warning .single .body .link {
          display: flex;
          margin-top: auto;
          border: 1.2px solid #2759B4;
          border-radius: 24px;
          padding: 10px 24px;
          width: fit-content;
          margin-left: auto;
          margin-right: auto;
          align-items: center;
          transition: all 0.5s;
          margin-top: 16px; }
          main#committee-energysaving-list .warning .single .body .link .text {
            text-align: center;
            font-size: 14px;
            color: #2759B4;
            align-items: center;
            margin-right: 48px;
            transition: all 0.5s; }
          main#committee-energysaving-list .warning .single .body .link:hover {
            background-color: #2759B4;
            color: #FFF;
            transition: all 0.5s; }
            main#committee-energysaving-list .warning .single .body .link:hover .text {
              text-align: center;
              font-size: 14px;
              color: #FFF;
              align-items: center;
              transition: all 0.5s; }
  main#committee-energysaving-list .index a {
    color: #2759B4; }
  main#committee-energysaving-list .index .warning {
    font-size: 1.4rem;
    line-height: 1em;
    color: #CE0000;
    display: inline-block;
    margin-top: 0;
    margin-left: 32px; }
  main#committee-energysaving-list .index .proposal {
    margin-bottom: 8px;
    font-weight: bold;
    display: inline-block; }
  main#committee-energysaving-list .index .border {
    display: flex;
    margin-bottom: 16px; }
    main#committee-energysaving-list .index .border .bluerectangle {
      height: 2px;
      width: 100px;
      background-color: #2759B4; }
    main#committee-energysaving-list .index .border .grayrectangle {
      height: 2px;
      width: 100%;
      background-color: #F2F4F8; }
  main#committee-energysaving-list .index .description {
    margin-bottom: 24px; }
  main#committee-energysaving-list .adobe {
    display: flex;
    font-size: 1.4rem;
    width: 926px;
    padding: 24px 32px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    text-align: left;
    background-color: #F2F4F8;
    align-items: center; }
    main#committee-energysaving-list .adobe img {
      margin-right: 16px; }
  main#committee-energysaving-list .contents {
    margin-top: -80px;
    padding-top: 80px; }
    main#committee-energysaving-list .contents table {
      font-size: 1.4rem;
      width: 100%;
      border-bottom: solid 1px #E6E6E6; }
      @media screen and (max-width: 767px) {
        main#committee-energysaving-list .contents table {
          margin-top: 44px; } }
      main#committee-energysaving-list .contents table thead {
        font-size: 1.6rem;
        font-weight: bold;
        background-color: #F2F4F8;
        padding-top: 18px;
        padding-left: 12px;
        padding-bottom: 16px; }
      main#committee-energysaving-list .contents table tbody .case {
        padding-left: 24px; }
        main#committee-energysaving-list .contents table tbody .case.new::after {
          content: "NEW!";
          color: #CE0000; }
      main#committee-energysaving-list .contents table tbody .pdf {
        display: inline;
        font-size: 1.6rem; }
      @media screen and (max-width: 767px) {
        main#committee-energysaving-list .contents table tr {
          display: flex;
          flex-flow: column;
          align-items: center; } }
      main#committee-energysaving-list .contents table .policy {
        width: 230px;
        padding-left: 8px;
        padding-right: 8px; }
        @media screen and (max-width: 767px) {
          main#committee-energysaving-list .contents table .policy {
            width: 100%;
            text-align: center; } }
      main#committee-energysaving-list .contents table .industry {
        width: 242px;
        padding-left: 8px;
        padding-right: 8px; }
        @media screen and (max-width: 767px) {
          main#committee-energysaving-list .contents table .industry {
            width: 100%;
            text-align: center; } }
      main#committee-energysaving-list .contents table .number {
        min-width: 28px; }
        @media screen and (max-width: 767px) {
          main#committee-energysaving-list .contents table .number {
            min-width: 0; } }
      main#committee-energysaving-list .contents table .back-number {
        width: 88px; }
        @media screen and (max-width: 767px) {
          main#committee-energysaving-list .contents table .back-number {
            width: 100%;
            text-align: center; } }
      main#committee-energysaving-list .contents table .separator {
        border-top: solid 1px #E6E6E6; }
      main#committee-energysaving-list .contents table .pdf {
        height: fit-content;
        color: #2759B4;
        position: relative; }
        main#committee-energysaving-list .contents table .pdf::before {
          content: "";
          background-image: url("../images/common/pdf.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          width: 16px;
          height: 16px;
          position: absolute;
          top: 0;
          bottom: 0;
          left: -16px;
          margin: auto; }

main#committee-energysaving-shushi {
  font-family: Noto Sans JP; }
  main#committee-energysaving-shushi .abouttext {
    white-space: pre-line; }
    @media screen and (max-width: 767px) {
      main#committee-energysaving-shushi .abouttext {
        font-size: 14px;
        color: #000000b7; } }
  main#committee-energysaving-shushi .diagram {
    margin-top: 48px;
    font-weight: bold; }
    main#committee-energysaving-shushi .diagram .title {
      margin-bottom: 24px;
      font-size: 2.2rem;
      font-weight: bold; }
    main#committee-energysaving-shushi .diagram-pc {
      display: block; }
      @media screen and (max-width: 767px) {
        main#committee-energysaving-shushi .diagram-pc {
          display: none; } }
    main#committee-energysaving-shushi .diagram-sp {
      display: none; }
      @media screen and (max-width: 767px) {
        main#committee-energysaving-shushi .diagram-sp {
          display: block; } }
  main#committee-energysaving-shushi .grayback {
    position: relative;
    margin-top: 56px;
    padding: 24px 97px;
    background-color: #F2F4F8; }
    @media screen and (max-width: 767px) {
      main#committee-energysaving-shushi .grayback {
        padding: 24px 16px; } }
    main#committee-energysaving-shushi .grayback .bignumber {
      position: absolute;
      left: 0px;
      margin-top: -80px;
      font-family: open sans;
      font-weight: bold;
      font-size: 7.7rem;
      color: #2759B4; }
      @media screen and (max-width: 767px) {
        main#committee-energysaving-shushi .grayback .bignumber {
          font-size: 4.2rem;
          margin-top: -55px; } }
  main#committee-energysaving-shushi .graybackwithimg {
    position: relative;
    display: flex;
    margin-top: 56px;
    padding: 24px 97px;
    background-color: #F2F4F8; }
    @media screen and (max-width: 767px) {
      main#committee-energysaving-shushi .graybackwithimg {
        display: block;
        padding: 24px 16px; } }
    main#committee-energysaving-shushi .graybackwithimg .bignumber {
      position: absolute;
      left: 0px;
      margin-top: -80px;
      font-family: open sans;
      font-weight: bold;
      font-size: 7.7rem;
      color: #2759B4; }
      @media screen and (max-width: 767px) {
        main#committee-energysaving-shushi .graybackwithimg .bignumber {
          font-size: 4.2rem;
          margin-top: -55px; } }
    main#committee-energysaving-shushi .graybackwithimg .titleandtext {
      display: block;
      min-width: 600px; }
      @media screen and (max-width: 767px) {
        main#committee-energysaving-shushi .graybackwithimg .titleandtext {
          min-width: 100%; } }
    main#committee-energysaving-shushi .graybackwithimg .imgwrapper .img {
      height: 100%;
      width: 100%; }
  main#committee-energysaving-shushi .insidetitle {
    margin-bottom: 26px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #2759B4; }
    @media screen and (max-width: 767px) {
      main#committee-energysaving-shushi .insidetitle {
        font-size: 18px; } }
  @media screen and (max-width: 767px) {
    main#committee-energysaving-shushi .insidetext {
      margin-bottom: 24px;
      font-size: 14px; } }
  main#committee-energysaving-shushi .underblank {
    margin-bottom: 173px; }

main#committee-energysaving .abouttext {
  margin-top: 32px;
  margin-bottom: 16px; }
  @media screen and (max-width: 767px) {
    main#committee-energysaving .abouttext {
      font-size: 14px;
      color: #000000b7; } }

main#committee-energysaving .linkwithrectangle {
  display: flex;
  align-items: center;
  margin-top: 24px; }
  main#committee-energysaving .linkwithrectangle .rectangle {
    height: 1px;
    width: 12px;
    margin-right: 16px;
    background-color: #2759B4; }
  main#committee-energysaving .linkwithrectangle .link {
    margin-right: 8px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #2759B4; }

main#committee-energysaving .contact {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  height: 325px;
  width: 926px;
  padding-top: 48px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F2F4F8; }
  @media screen and (max-width: 767px) {
    main#committee-energysaving .contact {
      height: 100%;
      width: 100%;
      padding: 48px 16px; } }
  main#committee-energysaving .contact .contacttext {
    font-size: 2.4rem;
    font-weight: bold; }
  main#committee-energysaving .contact .bluerectangle2 {
    height: 3px;
    width: 48px;
    margin-top: 12px;
    background-color: #2759B4; }
  main#committee-energysaving .contact .secretariat {
    margin-top: 32px;
    font-size: 1.4rem;
    font-weight: bold; }
  main#committee-energysaving .contact .address {
    margin-top: 14px;
    margin-bottom: 16px;
    font-size: 1.4rem; }
  main#committee-energysaving .contact .phonenumber {
    margin-bottom: 20px;
    font-size: 1.6rem; }
  main#committee-energysaving .contact .mailnote {
    margin-top: 12px;
    text-align: left;
    font-size: 1.4rem; }
  main#committee-energysaving .contact .mailbutton {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 170px;
    margin-top: 15px;
    border: 1px solid #2759B4;
    border-radius: 8px;
    font-weight: bold;
    color: #2759B4; }
  main#committee-energysaving .contact .mailbuttontext {
    margin-left: 8px; }

main#committee-fc {
  margin-block-start: 36px; }
  @media screen and (max-width: 767px) {
    main#committee-fc {
      margin-block-start: 16px; } }
  main#committee-fc h1 {
    font-size: 22px;
    letter-spacing: 1.76px; }
    @media screen and (max-width: 767px) {
      main#committee-fc h1 {
        line-height: 36px; } }
  main#committee-fc p {
    font-size: 16px;
    letter-spacing: 0.64px;
    line-height: 30px;
    white-space: pre-line; }
    @media screen and (max-width: 767px) {
      main#committee-fc p {
        font-size: 14px;
        letter-spacing: 0.56px;
        line-height: 22px; } }
  main#committee-fc .topics {
    margin-block-start: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
    @media screen and (max-width: 767px) {
      main#committee-fc .topics {
        margin-block-start: 38px; } }
    main#committee-fc .topics:before, main#committee-fc .topics:after {
      border-top: 3px solid #2759B4;
      content: "";
      flex-grow: 1; }
    main#committee-fc .topics:before {
      margin-inline-end: 1em; }
    main#committee-fc .topics:after {
      margin-inline-start: 1em; }
    main#committee-fc .topics .topics-text .topics-en {
      font-size: 26px;
      font-weight: bold;
      letter-spacing: 2.08px;
      line-height: 42px; }
    main#committee-fc .topics .topics-text .topics-ja {
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.56px;
      line-height: 22px; }
  main#committee-fc .date {
    font-size: 12px;
    letter-spacing: 0.48px;
    line-height: 18px;
    color: #000000b7;
    margin-block-end: 16px; }
    @media screen and (max-width: 767px) {
      main#committee-fc .date {
        text-align: right; } }
  main#committee-fc .contact-block {
    max-width: 926px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      main#committee-fc .contact-block {
        margin-block-end: 64px; } }
    main#committee-fc .contact-block .contact-section {
      text-align: center;
      background-color: #F2F4F8;
      padding: 48px 24px; }
      main#committee-fc .contact-block .contact-section .contact-section-title {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 32px; }
      main#committee-fc .contact-block .contact-section .contact-section-title::after {
        content: "";
        position: absolute;
        bottom: -8px;
        right: calc(50% - 24px);
        background-color: #2759B4;
        width: 48px;
        height: 3px; }
      main#committee-fc .contact-block .contact-section .main-content {
        font-size: 14px;
        margin-bottom: 16px; }
      main#committee-fc .contact-block .contact-section .bold {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 16px; }
      main#committee-fc .contact-block .contact-section .tel {
        font-size: 16px;
        white-space: pre-line; }
  main#committee-fc .external-link {
    display: flex;
    align-items: center;
    margin-block-start: 16px;
    margin-block-end: 16px; }
    main#committee-fc .external-link .link-text {
      position: relative;
      font-size: 14px;
      font-weight: bold;
      margin-inline-start: 28px;
      margin-inline-end: 8px;
      color: #2759B4; }
      main#committee-fc .external-link .link-text::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 1px;
        background-color: #2759B4;
        bottom: 50%;
        left: -28px; }
  main#committee-fc .menu {
    margin-top: 30px;
    margin-bottom: 44px;
    display: grid;
    justify-content: space-between;
    flex-direction: row;
    grid-template-columns: 1fr 1fr;
    gap: 20px 24px; }
    @media screen and (max-width: 767px) {
      main#committee-fc .menu {
        display: block;
        justify-content: unset;
        flex-direction: column; } }
    main#committee-fc .menu a {
      width: 100%; }
      main#committee-fc .menu a:visited, main#committee-fc .menu a:link {
        color: black; }
    main#committee-fc .menu .menu-single {
      position: relative;
      display: inline-flex;
      align-items: center;
      padding: 4px 24px;
      padding-left: 0;
      flex-wrap: wrap;
      height: 100%;
      border: 1px solid #E6E6E6;
      width: 100%; }
      @media screen and (max-width: 767px) {
        main#committee-fc .menu .menu-single {
          display: block;
          width: 100%;
          margin-bottom: 16px;
          text-align: left; } }
      main#committee-fc .menu .menu-single .icon-and-title {
        display: flex;
        width: 100%; }
        main#committee-fc .menu .menu-single .icon-and-title .pdf-svg {
          transform: scale(calc(40/24)); }
        main#committee-fc .menu .menu-single .icon-and-title .title {
          margin: 16px 30px 16px 20px;
          color: #2759B4;
          font-size: 16px;
          font-weight: bold;
          white-space: pre-line; }
          @media screen and (max-width: 767px) {
            main#committee-fc .menu .menu-single .icon-and-title .title {
              font-size: 14px; } }
        main#committee-fc .menu .menu-single .icon-and-title::after {
          position: absolute;
          right: 10px;
          content: "";
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem; }
        main#committee-fc .menu .menu-single .icon-and-title img {
          position: absolute;
          right: 16px;
          bottom: calc(50% - 12px); }

main#committee-kyougikai-archive {
  font-family: Noto Sans JP; }
  main#committee-kyougikai-archive .description {
    margin-top: 46px;
    margin-bottom: 32px; }
  main#committee-kyougikai-archive .wrapper {
    margin-bottom: 32px; }
  main#committee-kyougikai-archive .major {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 24px; }
    main#committee-kyougikai-archive .major .major-line {
      width: 48px;
      height: 3px;
      background-color: #2759B4;
      margin-right: 12px; }
  main#committee-kyougikai-archive table {
    margin-bottom: 16px;
    font-size: 1.4rem;
    border-bottom: solid 1px #E6E6E6; }
    @media screen and (max-width: 767px) {
      main#committee-kyougikai-archive table {
        width: 100%;
        margin-top: 44px;
        display: flex;
        flex-direction: column; } }
    main#committee-kyougikai-archive table .title {
      font-size: 1.6rem;
      font-weight: bold;
      background-color: #F2F4F8;
      padding-top: 18px;
      padding-left: 12px;
      padding-bottom: 16px;
      padding-right: 90px;
      vertical-align: top; }
      @media screen and (max-width: 767px) {
        main#committee-kyougikai-archive table .title {
          width: 100%;
          padding-right: 18px; } }
    main#committee-kyougikai-archive table .name {
      padding-left: 24px;
      padding-right: 77px; }
      @media screen and (max-width: 767px) {
        main#committee-kyougikai-archive table .name {
          padding-top: 16px;
          padding-bottom: 16px;
          padding-right: 24px; } }
      main#committee-kyougikai-archive table .name-bold {
        font-weight: bold; }
    main#committee-kyougikai-archive table .separator {
      border-top: solid 1px #E6E6E6; }
    main#committee-kyougikai-archive table ol {
      list-style: decimal; }
      main#committee-kyougikai-archive table ol li {
        list-style-type: decimal; }
        main#committee-kyougikai-archive table ol li p {
          white-space: pre-line;
          margin-bottom: 1.6rem; }
    @media screen and (max-width: 767px) {
      main#committee-kyougikai-archive table tr {
        display: flex;
        flex-direction: column; }
        main#committee-kyougikai-archive table tr td {
          width: 100%; } }
  main#committee-kyougikai-archive .pdf {
    border: 1px solid #E6E6E6;
    padding: 24px 72px 24px 16px;
    height: fit-content;
    width: 548px;
    color: #2759B4;
    position: relative; }
    @media screen and (max-width: 767px) {
      main#committee-kyougikai-archive .pdf {
        width: 100%; } }
    main#committee-kyougikai-archive .pdf::after {
      content: "";
      background-image: url("../images/common/pdf.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 40px;
      height: 40px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 16px;
      margin: auto; }

main#committee-kyougikai-schedule {
  font-family: Noto Sans JP; }
  main#committee-kyougikai-schedule .description {
    margin-top: 46px;
    margin-bottom: 56px; }
  main#committee-kyougikai-schedule .major {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 24px; }
    main#committee-kyougikai-schedule .major .major-line {
      width: 48px;
      height: 3px;
      background-color: #2759B4;
      margin-right: 12px; }
  main#committee-kyougikai-schedule table {
    font-size: 1.4rem;
    border-bottom: solid 1px #E6E6E6; }
    @media screen and (max-width: 767px) {
      main#committee-kyougikai-schedule table {
        width: 100%;
        margin-top: 44px;
        display: flex;
        flex-direction: column; } }
    main#committee-kyougikai-schedule table .title {
      font-size: 1.6rem;
      font-weight: bold;
      background-color: #F2F4F8;
      padding-top: 18px;
      padding-left: 12px;
      padding-bottom: 16px;
      padding-right: 90px; }
      @media screen and (max-width: 767px) {
        main#committee-kyougikai-schedule table .title {
          width: 100%;
          padding-right: 18px; } }
    main#committee-kyougikai-schedule table .name {
      padding-left: 24px;
      padding-right: 77px; }
      @media screen and (max-width: 767px) {
        main#committee-kyougikai-schedule table .name {
          padding-top: 16px;
          padding-bottom: 16px;
          padding-right: 24px; } }
      main#committee-kyougikai-schedule table .name-bold {
        font-weight: bold; }
    main#committee-kyougikai-schedule table .separator {
      border-top: solid 1px #E6E6E6; }
    @media screen and (max-width: 767px) {
      main#committee-kyougikai-schedule table tr {
        display: flex;
        flex-direction: column; }
        main#committee-kyougikai-schedule table tr td {
          width: 100%; } }
  main#committee-kyougikai-schedule .remark {
    margin-top: 57px; }
    main#committee-kyougikai-schedule .remark h4 {
      font-size: 1.6rem;
      font-weight: bold;
      padding-bottom: 8px; }
    main#committee-kyougikai-schedule .remark .separator {
      width: 100%;
      height: 2px;
      background-color: #E6E6E6;
      position: relative;
      margin-bottom: 16px;
      z-index: 1; }
      main#committee-kyougikai-schedule .remark .separator::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        margin: auto;
        display: block;
        width: 100px;
        height: 2px;
        content: "";
        background-color: #2759B4; }
    main#committee-kyougikai-schedule .remark ol {
      list-style: decimal; }
      main#committee-kyougikai-schedule .remark ol li {
        list-style-type: decimal; }
        main#committee-kyougikai-schedule .remark ol li p {
          white-space: pre-line;
          margin-bottom: 1.6rem; }
  main#committee-kyougikai-schedule .contact {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    height: 422px;
    width: 80%;
    padding-top: 0px;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F2F4F8; }
    @media screen and (max-width: 767px) {
      main#committee-kyougikai-schedule .contact {
        height: 100%;
        width: 100%;
        padding: 16px 48px; } }
    main#committee-kyougikai-schedule .contact .contacttext {
      margin-top: 48px;
      font-size: 2.4rem;
      font-weight: bold; }
    main#committee-kyougikai-schedule .contact .bluerectangle2 {
      height: 3px;
      width: 48px;
      margin-top: 12px;
      background-color: #2759B4; }
    main#committee-kyougikai-schedule .contact .secretariat {
      margin-top: 32px;
      font-size: 1.4rem;
      font-weight: bold; }
    main#committee-kyougikai-schedule .contact .address {
      margin-top: 14px;
      margin-bottom: 16px;
      font-size: 1.4rem; }
    main#committee-kyougikai-schedule .contact .phonenumber {
      margin-bottom: 20px;
      font-size: 1.6rem; }
    main#committee-kyougikai-schedule .contact .mailnote {
      margin-top: 12px;
      text-align: left;
      font-size: 1.4rem; }
    main#committee-kyougikai-schedule .contact .mailbutton {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px;
      width: 170px;
      margin-top: 15px;
      border: 1px solid #2759B4;
      border-radius: 8px;
      font-weight: bold;
      color: #2759B4;
      background-color: #FFF; }
    main#committee-kyougikai-schedule .contact .mailbuttontext {
      margin-left: 8px; }
  main#committee-kyougikai-schedule .contact-block {
    margin-bottom: 64px; }

main#committee-kyougikai {
  font-family: Noto Sans JP; }
  main#committee-kyougikai .abouttext {
    margin-top: 46px; }
    @media screen and (max-width: 767px) {
      main#committee-kyougikai .abouttext {
        font-size: 14px;
        color: #000000b7; } }
  main#committee-kyougikai .grayback {
    position: relative;
    margin-top: 64px;
    padding-top: 24px;
    padding-bottom: 8px;
    padding-left: 97px;
    padding-right: 97px;
    background-color: #F2F4F8; }
    @media screen and (max-width: 767px) {
      main#committee-kyougikai .grayback {
        padding: 24px 16px; } }
    main#committee-kyougikai .grayback .bignumber {
      position: absolute;
      left: 0px;
      margin-top: -80px;
      font-family: Open Sans;
      font-weight: bold;
      font-size: 7.7rem;
      letter-spacing: 6.16px;
      color: #2759B4; }
      @media screen and (max-width: 767px) {
        main#committee-kyougikai .grayback .bignumber {
          font-size: 4.2rem;
          margin-top: -55px; } }
    main#committee-kyougikai .grayback .insidetext {
      margin-bottom: 32px;
      color: #000; }
      @media screen and (max-width: 767px) {
        main#committee-kyougikai .grayback .insidetext {
          font-size: 14px; } }
    main#committee-kyougikai .grayback .pdf {
      height: 106px;
      width: 548px;
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding-top: 16px;
      padding-bottom: 16px;
      padding-left: 16px;
      padding-right: 24px;
      margin-bottom: 16px;
      background-color: #FFF; }
      @media screen and (max-width: 767px) {
        main#committee-kyougikai .grayback .pdf {
          height: 100%;
          width: 100%;
          padding: 16px; } }
      main#committee-kyougikai .grayback .pdf .pdfname {
        width: 421px;
        margin-right: 47px;
        font-weight: bold;
        color: #2759B4; }
        @media screen and (max-width: 767px) {
          main#committee-kyougikai .grayback .pdf .pdfname {
            width: 100%;
            margin-right: 6px;
            font-size: 14px; } }
      main#committee-kyougikai .grayback .pdf .pdflogo {
        height: 40px;
        width: 40px; }
    main#committee-kyougikai .grayback .link {
      display: flex;
      align-items: center;
      margin-bottom: 16px; }
      main#committee-kyougikai .grayback .link .bluerectangle {
        height: 1px;
        width: 12px;
        margin-right: 16px;
        background-color: #2759B4; }
      main#committee-kyougikai .grayback .link .linktext {
        margin-right: 8px;
        font-family: Roboto;
        font-size: 1.4rem;
        font-weight: bold;
        color: #2759B4; }
      main#committee-kyougikai .grayback .link .linklogo {
        height: 16px;
        width: 16px;
        flex-shrink: 0; }
  main#committee-kyougikai .contact {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    height: 422px;
    width: 80%;
    padding-top: 0px;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F2F4F8; }
    @media screen and (max-width: 767px) {
      main#committee-kyougikai .contact {
        height: 100%;
        width: 100%;
        padding: 16px 48px; } }
    main#committee-kyougikai .contact .contacttext {
      margin-top: 48px;
      font-size: 2.4rem;
      font-weight: bold; }
    main#committee-kyougikai .contact .bluerectangle2 {
      height: 3px;
      width: 48px;
      margin-top: 12px;
      background-color: #2759B4; }
    main#committee-kyougikai .contact .secretariat {
      margin-top: 32px;
      font-size: 1.4rem;
      font-weight: bold; }
    main#committee-kyougikai .contact .address {
      margin-top: 14px;
      margin-bottom: 16px;
      font-size: 1.4rem; }
    main#committee-kyougikai .contact .phonenumber {
      margin-bottom: 20px;
      font-size: 1.6rem; }
    main#committee-kyougikai .contact .mailnote {
      margin-top: 12px;
      text-align: left;
      font-size: 1.4rem; }
    main#committee-kyougikai .contact .mailbutton {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px;
      width: 170px;
      margin-top: 15px;
      border: 1px solid #2759B4;
      border-radius: 8px;
      font-weight: bold;
      color: #2759B4;
      background-color: #FFF; }
    main#committee-kyougikai .contact .mailbuttontext {
      margin-left: 8px; }
  main#committee-kyougikai .contact-block {
    margin-bottom: 64px; }

main#committee-safety-division {
  margin-top: 60px; }
  main#committee-safety-division .description {
    white-space: pre-line; }
  main#committee-safety-division .blocks {
    display: grid;
    width: fit-content;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
    gap: 54px 20px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      main#committee-safety-division .blocks {
        display: block;
        width: 100%; } }
    main#committee-safety-division .blocks .block {
      height: 239px;
      width: 453px;
      padding-top: 24px;
      padding-bottom: 24px;
      padding-left: 17px;
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
      @media screen and (max-width: 767px) {
        main#committee-safety-division .blocks .block {
          height: 100%;
          width: 100%;
          margin-top: 24px;
          margin-right: auto; } }
      main#committee-safety-division .blocks .block .bluetitle {
        font-weight: bold;
        color: #2759B4; }
      main#committee-safety-division .blocks .block .address {
        display: flex;
        margin-top: 16px;
        margin-bottom: 16px;
        white-space: pre-line; }
        main#committee-safety-division .blocks .block .address .addresslogo {
          height: 20px;
          width: 20px;
          margin-right: 4px; }
        main#committee-safety-division .blocks .block .address .addresstext {
          font-size: 1.4rem;
          color: black; }
      main#committee-safety-division .blocks .block .detailbutton {
        display: flex;
        align-items: center;
        height: 40px;
        width: 200px;
        padding: 0 24px;
        margin: 0 auto;
        border: 1.2px solid #2759B4;
        border-radius: 20px; }
        main#committee-safety-division .blocks .block .detailbutton .detailtext {
          margin-right: 35px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #2759B4; }
        main#committee-safety-division .blocks .block .detailbutton .linklogo {
          height: 16px;
          width: 16px; }
  main#committee-safety-division .underblock {
    margin-bottom: 173px; }

main#committee-safety {
  font-family: Noto Sans JP; }
  main#committee-safety .abouttext {
    margin-top: 64px;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      main#committee-safety .abouttext {
        margin-top: 32px;
        margin-bottom: 48px;
        font-size: 14px;
        color: #000000b7; } }
  main#committee-safety .border {
    height: 2px;
    width: 100%;
    background-color: #2759B4; }
  main#committee-safety .section {
    display: flex;
    align-items: center; }
    main#committee-safety .section .sectiontitle {
      flex-shrink: 0;
      font-size: 2.2rem;
      font-weight: bold;
      margin-right: 25px; }
  main#committee-safety .contentsofsection {
    display: flex;
    margin-top: 32px;
    margin-bottom: 26px; }
    @media screen and (max-width: 767px) {
      main#committee-safety .contentsofsection {
        display: block; } }
    main#committee-safety .contentsofsection .posterwithname {
      display: block;
      flex-shrink: 0;
      width: 263px;
      margin-right: 24px; }
      @media screen and (max-width: 767px) {
        main#committee-safety .contentsofsection .posterwithname {
          width: 100%;
          margin-bottom: 32px; } }
      main#committee-safety .contentsofsection .posterwithname .poster {
        width: 100%; }
      main#committee-safety .contentsofsection .posterwithname .postername {
        text-align: center;
        font-size: 1.2rem;
        color: #000000b7; }
    main#committee-safety .contentsofsection .descriptionwithcheck {
      display: block; }
      main#committee-safety .contentsofsection .descriptionwithcheck .description {
        margin-bottom: 25px; }
      main#committee-safety .contentsofsection .descriptionwithcheck .checkwithtext {
        display: flex;
        margin-top: 15px; }
        main#committee-safety .contentsofsection .descriptionwithcheck .checkwithtext .check {
          margin-right: 8px; }
  main#committee-safety .order {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      main#committee-safety .order {
        display: block; } }
    main#committee-safety .order .descriptionandlinks {
      display: block;
      width: 70%; }
      @media screen and (max-width: 767px) {
        main#committee-safety .order .descriptionandlinks {
          margin-right: 0px;
          margin-bottom: 32px; } }
      main#committee-safety .order .descriptionandlinks .flyerdescription {
        margin-bottom: 27px; }
      main#committee-safety .order .descriptionandlinks .pdf {
        height: 83px;
        width: 548px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding-left: 16px;
        padding-right: 24px;
        margin-bottom: 16px;
        border: 1px solid #E2E2E2; }
        @media screen and (max-width: 767px) {
          main#committee-safety .order .descriptionandlinks .pdf {
            height: 100%;
            width: 100%;
            padding: 16px; } }
        main#committee-safety .order .descriptionandlinks .pdf .pdfname {
          width: 421px;
          margin-right: 47px;
          font-weight: bold;
          color: #2759B4; }
          @media screen and (max-width: 767px) {
            main#committee-safety .order .descriptionandlinks .pdf .pdfname {
              width: 100%;
              margin-right: 6px;
              font-size: 1.4rem; } }
        main#committee-safety .order .descriptionandlinks .pdf .pdflogo {
          height: 40px;
          width: 40px; }
      main#committee-safety .order .descriptionandlinks .linkwithrectangle {
        display: flex;
        align-items: center;
        margin-top: 25px; }
        main#committee-safety .order .descriptionandlinks .linkwithrectangle .rectangle {
          height: 1px;
          width: 12px;
          margin-right: 16px;
          background-color: #2759B4; }
        main#committee-safety .order .descriptionandlinks .linkwithrectangle .link {
          font-size: 1.4rem;
          font-weight: bold;
          color: #2759B4; }
    main#committee-safety .order .flyersamples {
      display: block;
      width: 263px; }
      @media screen and (max-width: 767px) {
        main#committee-safety .order .flyersamples {
          width: 100%; } }
      main#committee-safety .order .flyersamples .poster {
        width: 100%; }
      main#committee-safety .order .flyersamples .postername {
        margin-top: 8px;
        margin-bottom: 32px;
        text-align: center;
        font-size: 12px;
        color: #000000b7; }
  main#committee-safety .accepting {
    margin-bottom: 40px; }
  main#committee-safety .blueback {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 150px;
    font-size: 1.8rem;
    font-weight: bold;
    color: white;
    background-color: #2759B4; }
  main#committee-safety .pamphlets {
    display: flex;
    flex-direction: column; }
    main#committee-safety .pamphlets .wrapper {
      display: flex;
      justify-content: space-between; }
      main#committee-safety .pamphlets .wrapper .image-and-description {
        width: 358px; }
        @media screen and (max-width: 767px) {
          main#committee-safety .pamphlets .wrapper .image-and-description {
            width: 100%; } }
        main#committee-safety .pamphlets .wrapper .image-and-description img {
          width: 100%; }
        main#committee-safety .pamphlets .wrapper .image-and-description .description {
          font-size: 12px;
          color: #000000b7;
          text-align: center; }
  main#committee-safety .pdf2 {
    display: inline-flex;
    width: fit-content;
    flex-direction: column;
    margin-top: 16px;
    margin-bottom: 32px; }
    @media screen and (max-width: 767px) {
      main#committee-safety .pdf2 {
        display: block; } }
    main#committee-safety .pdf2 .pdf {
      height: 83px;
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding-left: 16px;
      padding-right: 24px;
      border: 1px solid #E2E2E2; }
      @media screen and (max-width: 767px) {
        main#committee-safety .pdf2 .pdf {
          height: 100%;
          width: 100%;
          padding: 16px;
          margin-bottom: 24px; } }
      main#committee-safety .pdf2 .pdf .pdfname {
        width: 421px;
        margin-right: 47px;
        font-weight: bold;
        color: #2759B4; }
        @media screen and (max-width: 767px) {
          main#committee-safety .pdf2 .pdf .pdfname {
            width: 100%;
            margin-right: 6px; } }
      main#committee-safety .pdf2 .pdf .pdflogo {
        height: 40px;
        width: 40px; }
  main#committee-safety .linkwithrectangle {
    display: flex;
    align-items: center;
    margin-top: 32px; }
    main#committee-safety .linkwithrectangle .rectangle {
      height: 1px;
      width: 12px;
      margin-right: 16px;
      background-color: #2759B4; }
    main#committee-safety .linkwithrectangle .link {
      margin-right: 8px;
      font-size: 1.4rem;
      font-weight: bold;
      color: #2759B4; }
  main#committee-safety .contact {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    height: 422px;
    width: 926px;
    padding-top: 48px;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F2F4F8; }
    @media screen and (max-width: 767px) {
      main#committee-safety .contact {
        height: 100%;
        width: 100%;
        padding: 48px 16px; } }
    main#committee-safety .contact .contacttext {
      font-size: 2.4rem;
      font-weight: bold; }
    main#committee-safety .contact .bluerectangle2 {
      height: 3px;
      width: 48px;
      margin-top: 12px;
      background-color: #2759B4; }
    main#committee-safety .contact .secretariat {
      margin-top: 32px;
      font-size: 1.4rem;
      font-weight: bold; }
    main#committee-safety .contact .address {
      margin-top: 14px;
      margin-bottom: 16px;
      font-size: 1.4rem; }
    main#committee-safety .contact .phonenumber {
      margin-bottom: 20px;
      font-size: 1.6rem; }
    main#committee-safety .contact .mailnote {
      margin-top: 12px;
      text-align: left;
      font-size: 1.4rem; }
    main#committee-safety .contact .mailbutton {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px;
      width: 170px;
      margin-top: 15px;
      border: 1px solid #2759B4;
      border-radius: 8px;
      font-weight: bold;
      color: #2759B4;
      background-color: white; }
    main#committee-safety .contact .mailbuttontext {
      margin-left: 8px; }

main#committee-switch p {
  font-size: 1.6rem;
  line-height: 2em;
  white-space: pre-line; }

main#committee-switch .about {
  margin-bottom: 12px;
  margin-top: 38px; }
  @media screen and (max-width: 767px) {
    main#committee-switch .about {
      font-size: 14px;
      color: #000000b7; } }
  @media screen and (max-width: 767px) {
    main#committee-switch .about p {
      font-size: 14px;
      color: #000000b7; } }

main#committee-switch .contact-block {
  margin-bottom: 64px; }
  main#committee-switch .contact-block .contact-section {
    text-align: center;
    background-color: #F2F4F8;
    padding: 48px 24px; }
    main#committee-switch .contact-block .contact-section .contact-section-title {
      position: relative;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 32px; }
    main#committee-switch .contact-block .contact-section .contact-section-title::after {
      content: "";
      position: absolute;
      bottom: -8px;
      right: calc(50% - 24px);
      background-color: #2759B4;
      width: 48px;
      height: 3px; }
    main#committee-switch .contact-block .contact-section .main-content {
      font-size: 14px;
      margin-bottom: 16px; }
    main#committee-switch .contact-block .contact-section .bold {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 16px; }
    main#committee-switch .contact-block .contact-section .tel {
      font-size: 16px;
      white-space: pre-line; }
    main#committee-switch .contact-block .contact-section .no-decoration {
      color: #000;
      text-decoration: none; }
    main#committee-switch .contact-block .contact-section .upper-space {
      margin-top: 32px; }
    main#committee-switch .contact-block .contact-section .single {
      margin-top: -32px;
      position: relative;
      display: inline-flex;
      align-items: center;
      max-width: 243px;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        main#committee-switch .contact-block .contact-section .single {
          display: flex;
          margin-bottom: 16px;
          text-align: left;
          margin-left: auto;
          margin-right: auto; } }
      main#committee-switch .contact-block .contact-section .single .icon-and-title .contact {
        color: #2759B4;
        font-size: 14px;
        font-weight: bold;
        padding: 15px 60px 15px 24px; }
      main#committee-switch .contact-block .contact-section .single .icon-and-title::after {
        position: absolute;
        right: 24px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("../images/common/menu.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all 0.5s; }

main#committee-switch .menu {
  margin-top: 30px;
  margin-bottom: 44px;
  display: grid;
  justify-content: space-between;
  flex-direction: row;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px; }
  @media screen and (max-width: 767px) {
    main#committee-switch .menu {
      display: block;
      justify-content: unset;
      flex-direction: column; } }
  main#committee-switch .menu a {
    width: 100%; }
    main#committee-switch .menu a:visited, main#committee-switch .menu a:link {
      color: black; }
  main#committee-switch .menu .menu-single {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 4px 24px;
    padding-left: 0;
    flex-wrap: wrap;
    height: 100%;
    border: 1px solid #E6E6E6;
    width: 100%; }
    @media screen and (max-width: 767px) {
      main#committee-switch .menu .menu-single {
        display: block;
        width: 100%;
        margin-bottom: 16px;
        text-align: left; } }
    main#committee-switch .menu .menu-single .icon-and-title {
      display: flex;
      width: 100%; }
      main#committee-switch .menu .menu-single .icon-and-title .pdf-svg {
        transform: scale(calc(40/24)); }
      main#committee-switch .menu .menu-single .icon-and-title .title {
        margin-left: 6px;
        margin: 16px 20px;
        color: #2759B4;
        font-size: 16px;
        font-weight: bold;
        white-space: pre-line; }
        @media screen and (max-width: 767px) {
          main#committee-switch .menu .menu-single .icon-and-title .title {
            font-size: 14px; } }
      main#committee-switch .menu .menu-single .icon-and-title::after {
        position: absolute;
        right: 10px;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem; }
      main#committee-switch .menu .menu-single .icon-and-title img {
        position: absolute;
        right: 16px;
        bottom: calc(50% - 12px); }

main#committee-switch .authorization-container {
  margin-bottom: 44px; }
  main#committee-switch .authorization-container .dialog-text {
    font-size: 16px; }
    @media screen and (max-width: 767px) {
      main#committee-switch .authorization-container .dialog-text {
        font-size: 14px;
        color: #000000b7; } }
  main#committee-switch .authorization-container .external-link {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px; }
  main#committee-switch .authorization-container .link-text {
    position: relative;
    font-size: 14px;
    margin-right: 8px;
    margin-left: 28px;
    color: #2759B4; }
    main#committee-switch .authorization-container .link-text::before {
      position: absolute;
      content: "";
      width: 12px;
      height: 1px;
      background-color: #2759B4;
      bottom: 50%;
      left: -28px; }

main#committee-wire p {
  font-size: 1.6rem;
  line-height: 2em;
  white-space: pre-line; }

main#committee-wire .about {
  margin-bottom: 12px;
  margin-top: 38px; }
  @media screen and (max-width: 767px) {
    main#committee-wire .about {
      font-size: 14px;
      color: #000000b7; } }
  @media screen and (max-width: 767px) {
    main#committee-wire .about p {
      font-size: 14px;
      color: #000000b7; } }

main#committee-wire .contact-block {
  margin-bottom: 64px; }
  main#committee-wire .contact-block .contact-section {
    text-align: center;
    background-color: #F2F4F8;
    padding: 48px 24px; }
    main#committee-wire .contact-block .contact-section .contact-section-title {
      position: relative;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 32px; }
    main#committee-wire .contact-block .contact-section .contact-section-title::after {
      content: "";
      position: absolute;
      bottom: -8px;
      right: calc(50% - 24px);
      background-color: #2759B4;
      width: 48px;
      height: 3px; }
    main#committee-wire .contact-block .contact-section .main-content {
      font-size: 14px;
      margin-bottom: 16px; }
    main#committee-wire .contact-block .contact-section .bold {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 16px; }
    main#committee-wire .contact-block .contact-section .tel {
      font-size: 16px;
      white-space: pre-line; }
    main#committee-wire .contact-block .contact-section .upper-space {
      margin-top: 32px; }
    main#committee-wire .contact-block .contact-section .single {
      margin-top: -32px;
      position: relative;
      display: inline-flex;
      align-items: center;
      max-width: 243px;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        main#committee-wire .contact-block .contact-section .single {
          display: flex;
          margin-bottom: 16px;
          text-align: left;
          margin-left: auto;
          margin-right: auto; } }
      main#committee-wire .contact-block .contact-section .single .icon-and-title .contact {
        color: #2759B4;
        font-size: 14px;
        font-weight: bold;
        padding: 15px 60px 15px 24px; }
      main#committee-wire .contact-block .contact-section .single .icon-and-title::after {
        position: absolute;
        right: 24px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("../images/common/menu.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all 0.5s; }

main#committee-wire .menu {
  margin-top: 30px;
  margin-bottom: 44px;
  display: grid;
  justify-content: space-between;
  flex-direction: row;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px; }
  @media screen and (max-width: 767px) {
    main#committee-wire .menu {
      display: block;
      justify-content: unset;
      flex-direction: column; } }
  main#committee-wire .menu a {
    width: 100%; }
    main#committee-wire .menu a:visited, main#committee-wire .menu a:link {
      color: black; }
  main#committee-wire .menu .menu-single {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 4px 24px;
    padding-left: 0;
    flex-wrap: wrap;
    height: 100%;
    border: 1px solid #E6E6E6;
    width: 100%; }
    @media screen and (max-width: 767px) {
      main#committee-wire .menu .menu-single {
        display: block;
        width: 100%;
        margin-bottom: 16px;
        text-align: left; } }
    main#committee-wire .menu .menu-single .icon-and-title {
      display: flex;
      width: 100%; }
      main#committee-wire .menu .menu-single .icon-and-title .pdf-svg {
        transform: scale(calc(40/24)); }
      main#committee-wire .menu .menu-single .icon-and-title .title {
        margin-left: 6px;
        margin: 16px 30px 16px 20px;
        color: #2759B4;
        font-size: 16px;
        font-weight: bold;
        white-space: pre-line;
        text-align: center; }
        @media screen and (max-width: 767px) {
          main#committee-wire .menu .menu-single .icon-and-title .title {
            font-size: 14px; } }
      main#committee-wire .menu .menu-single .icon-and-title::after {
        position: absolute;
        right: 10px;
        content: "";
        display: inline-flex;
        width: 2.4rem;
        height: 2.4rem; }
      main#committee-wire .menu .menu-single .icon-and-title img {
        position: absolute;
        right: 16px;
        bottom: calc(50% - 12px); }

main#committee-wire .authorization-container {
  margin-bottom: 44px; }
  main#committee-wire .authorization-container .dialog-text {
    font-size: 16px; }
    @media screen and (max-width: 767px) {
      main#committee-wire .authorization-container .dialog-text {
        font-size: 14px;
        color: #000000b7; } }
  main#committee-wire .authorization-container .external-link {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px; }
  main#committee-wire .authorization-container .link-text {
    position: relative;
    font-size: 14px;
    margin-right: 8px;
    margin-left: 28px;
    color: #2759B4; }
    main#committee-wire .authorization-container .link-text::before {
      position: absolute;
      content: "";
      width: 12px;
      height: 1px;
      background-color: #2759B4;
      bottom: 50%;
      left: -28px; }

main#committee p {
  font-size: 1.6rem;
  line-height: 2em;
  white-space: pre-line; }

@media screen and (max-width: 767px) {
  main#committee {
    padding-top: 12px; } }

@media screen and (max-width: 1239px) and (min-width: 768px) {
  main#committee {
    padding-top: 16px; } }

main#committee .committees ul {
  position: relative;
  list-style: none;
  padding-left: 16px;
  padding-right: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-wrap: wrap;
  width: fit-content;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-top: 30px; }
  @media screen and (max-width: 767px) {
    main#committee .committees ul {
      margin-top: 12px;
      grid-template-columns: repeat(1, 1fr);
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 64px; } }

main#committee .committees .committee {
  display: flex;
  flex-direction: column;
  min-height: 285px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 16px 12px;
  margin: 10px; }
  @media screen and (max-width: 767px) {
    main#committee .committees .committee {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      max-width: 432px; } }
  @media screen and (min-width: 768px) {
    main#committee .committees .committee {
      min-width: 432px; } }
  main#committee .committees .committee .name {
    color: #2759B4;
    font-weight: bold;
    font-size: 16px;
    white-space: pre-wrap; }
  main#committee .committees .committee .introduce {
    margin: 12px auto 12px;
    font-size: 14px; }
  main#committee .committees .committee .link {
    display: flex;
    margin-top: auto; }
  main#committee .committees .committee .external::after {
    content: "";
    display: inline-flex;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("../images/common/link-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: all 0.5s; }
  main#committee .committees .committee .external:hover::after {
    background-image: url("../images/common/link-white.svg");
    transition: all 0.5s; }
  main#committee .committees .committee .internal {
    background-image: url("../images/common/menu.svg");
    background-size: 20px;
    background-position: right 24px center;
    background-repeat: no-repeat; }
  main#committee .committees .committee .internal:hover {
    background-image: url("../images/common/menu-white.svg");
    background-size: 20px;
    background-position: right 24px center;
    background-repeat: no-repeat; }
  main#committee .committees .committee .detail {
    display: flex;
    margin-top: auto;
    border: 1.2px solid #2759B4;
    border-radius: 24px;
    padding: 10px 24px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    transition: all 0.5s; }
    main#committee .committees .committee .detail .text {
      text-align: center;
      font-size: 14px;
      color: #2759B4;
      align-items: center;
      margin-right: 48px;
      transition: all 0.5s; }
    main#committee .committees .committee .detail:hover {
      background-color: #2759B4;
      color: #FFF;
      transition: all 0.5s; }
      main#committee .committees .committee .detail:hover .text {
        text-align: center;
        font-size: 14px;
        color: #FFF;
        align-items: center;
        transition: all 0.5s; }

.cover-image {
  width: 100%;
  height: auto;
  padding-top: 80px; }
  @media screen and (max-width: 767px) {
    .cover-image {
      padding-top: 54px; } }
  .cover-image img {
    width: 100%;
    height: auto;
    object-fit: cover; }

main#ebook-detail .content-about {
  border-top: 1px solid #2759B4;
  border-bottom: 1px solid #2759B4;
  margin-top: 40px; }
  main#ebook-detail .content-about .title {
    z-index: 5;
    background-color: #FFF;
    padding-right: 32px;
    font-size: 22px;
    font-weight: bold;
    margin-top: -16px;
    margin-bottom: 0;
    width: fit-content; }
  main#ebook-detail .content-about .body-container {
    display: flex; }
    @media screen and (max-width: 767px) {
      main#ebook-detail .content-about .body-container {
        flex-direction: column; } }
    main#ebook-detail .content-about .body-container .mascot {
      margin-left: auto;
      margin-top: auto;
      margin-bottom: auto;
      margin-right: 0; }
      main#ebook-detail .content-about .body-container .mascot img {
        width: 200px; }
    main#ebook-detail .content-about .body-container .rewards {
      list-style: none;
      padding-left: 0;
      margin: 30px auto 30px 0; }
      @media screen and (max-width: 767px) {
        main#ebook-detail .content-about .body-container .rewards {
          margin: 18px auto; } }
      main#ebook-detail .content-about .body-container .rewards .reward {
        position: relative;
        display: flex;
        margin-bottom: 4px; }
        @media screen and (max-width: 767px) {
          main#ebook-detail .content-about .body-container .rewards .reward {
            margin-bottom: 4px; } }
        main#ebook-detail .content-about .body-container .rewards .reward .reward-text {
          font-size: 16px;
          color: #000;
          margin-left: 8px; }
          @media screen and (max-width: 767px) {
            main#ebook-detail .content-about .body-container .rewards .reward .reward-text {
              font-size: 14px;
              color: #000000b7; } }

main#ebook-detail .content-plan .fluid-box-inner {
  padding-top: 56px;
  padding-bottom: 56px;
  max-width: 1120px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    main#ebook-detail .content-plan .fluid-box-inner {
      padding-top: 48px; } }
  main#ebook-detail .content-plan .fluid-box-inner .row {
    display: flex;
    flex-wrap: wrap; }
    main#ebook-detail .content-plan .fluid-box-inner .row .frame-box {
      font-size: 22px;
      font-weight: 600;
      letter-spacing: 1.8px;
      padding: 30px;
      position: relative;
      margin-bottom: 24px;
      white-space: pre-line; }
      main#ebook-detail .content-plan .fluid-box-inner .row .frame-box::before, main#ebook-detail .content-plan .fluid-box-inner .row .frame-box::after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute; }
      main#ebook-detail .content-plan .fluid-box-inner .row .frame-box::before {
        border-left: 2px solid #2759B4;
        border-top: 2px solid #2759B4;
        top: 0;
        left: 0; }
      main#ebook-detail .content-plan .fluid-box-inner .row .frame-box::after {
        border-right: 2px solid #2759B4;
        border-bottom: 2px solid #2759B4;
        bottom: 0;
        right: 0; }
    main#ebook-detail .content-plan .fluid-box-inner .row p {
      width: 100%;
      white-space: pre-line;
      line-height: 30px; }

main#ebook-detail .content-plan .plans {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 64px;
  margin-bottom: 0px; }
  @media screen and (max-width: 767px) {
    main#ebook-detail .content-plan .plans {
      display: flex;
      flex-direction: column;
      margin-top: 45px;
      margin-bottom: 0; } }
  main#ebook-detail .content-plan .plans .plan {
    border: solid 1px #E6E6E6;
    padding: 24px;
    display: inline-flex;
    align-items: center;
    position: relative;
    display: flex;
    width: calc(100% - 86px * 2);
    margin: 0 86px 100px; }
    @media screen and (max-width: 1239px) {
      main#ebook-detail .content-plan .plans .plan {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      main#ebook-detail .content-plan .plans .plan {
        width: 100%;
        flex-direction: column;
        padding-top: 36px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 92px;
        margin: 0 0 50px; } }
    main#ebook-detail .content-plan .plans .plan .plan-icon {
      position: absolute;
      top: -29px;
      left: 0; }
    main#ebook-detail .content-plan .plans .plan .reward-contents-side {
      width: 50%;
      padding-top: 71px;
      border-right: 1px solid #E2E2E2; }
      @media screen and (max-width: 767px) {
        main#ebook-detail .content-plan .plans .plan .reward-contents-side {
          border-right: none;
          width: 100%;
          padding-top: 40px; } }
      main#ebook-detail .content-plan .plans .plan .reward-contents-side .rewards {
        list-style: none;
        padding-left: 0;
        margin: 0 auto 30px; }
        @media screen and (max-width: 767px) {
          main#ebook-detail .content-plan .plans .plan .reward-contents-side .rewards {
            margin-bottom: 0; } }
        main#ebook-detail .content-plan .plans .plan .reward-contents-side .rewards .reward {
          position: relative;
          display: flex;
          margin-bottom: 4px; }
          @media screen and (max-width: 767px) {
            main#ebook-detail .content-plan .plans .plan .reward-contents-side .rewards .reward {
              margin-bottom: 0; } }
          main#ebook-detail .content-plan .plans .plan .reward-contents-side .rewards .reward .reward-text {
            font-size: 16px;
            color: #000;
            margin-left: 8px; }
            @media screen and (max-width: 767px) {
              main#ebook-detail .content-plan .plans .plan .reward-contents-side .rewards .reward .reward-text {
                font-size: 14px;
                color: #000000b7; } }
      main#ebook-detail .content-plan .plans .plan .reward-contents-side .external-link {
        margin-left: auto;
        margin-right: auto;
        width: fit-content; }
        main#ebook-detail .content-plan .plans .plan .reward-contents-side .external-link .link-button-to-section {
          margin-left: auto;
          margin-right: auto;
          padding-right: 24px;
          display: block; }
          @media screen and (max-width: 767px) {
            main#ebook-detail .content-plan .plans .plan .reward-contents-side .external-link .link-button-to-section {
              padding-right: 0;
              position: absolute;
              bottom: 32px;
              left: 50%;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%); } }
          main#ebook-detail .content-plan .plans .plan .reward-contents-side .external-link .link-button-to-section .section {
            color: #2759B4;
            border: solid 1px #2759B4;
            border-radius: 22px;
            background-color: white;
            display: flex;
            width: 284px;
            height: 44px;
            padding-top: 16px;
            padding-bottom: 16px;
            padding-left: 24px;
            padding-right: 52px;
            justify-content: center;
            margin-left: auto;
            margin-right: auto;
            font-size: 1.4rem;
            position: relative;
            align-items: center;
            font-weight: bold; }
            @media screen and (max-width: 767px) {
              main#ebook-detail .content-plan .plans .plan .reward-contents-side .external-link .link-button-to-section .section {
                margin-top: 32px;
                max-width: 100%;
                padding-right: 38px; } }
            main#ebook-detail .content-plan .plans .plan .reward-contents-side .external-link .link-button-to-section .section::after {
              content: "";
              position: absolute;
              right: 24px;
              top: 0;
              bottom: 0;
              margin: auto;
              width: 2.0rem;
              height: 2.0rem;
              background-image: url("../images/common/link-blue.svg");
              background-repeat: no-repeat;
              background-size: contain;
              background-position: center; }
              @media screen and (max-width: 767px) {
                main#ebook-detail .content-plan .plans .plan .reward-contents-side .external-link .link-button-to-section .section::after {
                  right: 12px; } }
            main#ebook-detail .content-plan .plans .plan .reward-contents-side .external-link .link-button-to-section .section:hover {
              background-color: #2759B4;
              color: #FFF;
              transition: all 0.5s; }
              main#ebook-detail .content-plan .plans .plan .reward-contents-side .external-link .link-button-to-section .section:hover::after {
                background-image: url("../images/common/link-white.svg");
                transition: all 0.5s; }
    main#ebook-detail .content-plan .plans .plan .explanation-side {
      width: 50%;
      padding-left: 28px;
      padding-top: 12px; }
      @media screen and (max-width: 767px) {
        main#ebook-detail .content-plan .plans .plan .explanation-side {
          width: 100%;
          padding-left: 8px;
          padding-top: 10px; } }
      main#ebook-detail .content-plan .plans .plan .explanation-side .frame-box {
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 1.8px;
        padding: 6px 36px;
        position: relative;
        margin-bottom: 24px;
        white-space: pre-line;
        color: #2759B4;
        text-align: center; }
        @media screen and (max-width: 767px) {
          main#ebook-detail .content-plan .plans .plan .explanation-side .frame-box {
            padding: 12px 0;
            font-size: 28px; } }
        main#ebook-detail .content-plan .plans .plan .explanation-side .frame-box::before, main#ebook-detail .content-plan .plans .plan .explanation-side .frame-box::after {
          content: '';
          width: 20px;
          height: 20px;
          position: absolute; }
        main#ebook-detail .content-plan .plans .plan .explanation-side .frame-box::before {
          border-left: 2px solid #2759B4;
          border-top: 2px solid #2759B4;
          top: 0;
          left: 0; }
        main#ebook-detail .content-plan .plans .plan .explanation-side .frame-box::after {
          border-right: 2px solid #2759B4;
          border-bottom: 2px solid #2759B4;
          bottom: 0;
          right: 0; }
      main#ebook-detail .content-plan .plans .plan .explanation-side .recommend-for {
        color: #CE0000;
        text-align: center;
        font-size: 18px;
        font-weight: bold; }
      main#ebook-detail .content-plan .plans .plan .explanation-side .body {
        white-space: pre-wrap;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
        width: fit-content; }
        @media screen and (max-width: 767px) {
          main#ebook-detail .content-plan .plans .plan .explanation-side .body {
            margin-top: 12px; } }

main#ebook-detail .content-plan-for-corporation {
  width: 100%; }
  main#ebook-detail .content-plan-for-corporation .separate-container {
    display: flex;
    width: 100%; }
    @media screen and (max-width: 767px) {
      main#ebook-detail .content-plan-for-corporation .separate-container {
        flex-direction: column; } }
    main#ebook-detail .content-plan-for-corporation .separate-container .body-part {
      margin-left: 0; }
      @media screen and (max-width: 767px) {
        main#ebook-detail .content-plan-for-corporation .separate-container .body-part {
          margin-left: auto;
          margin-right: auto; } }
      main#ebook-detail .content-plan-for-corporation .separate-container .body-part .recommend {
        color: #CE0000;
        font-size: 16px; }
      main#ebook-detail .content-plan-for-corporation .separate-container .body-part .body {
        white-space: pre-wrap;
        font-size: 16px;
        color: #222222; }
        @media screen and (max-width: 767px) {
          main#ebook-detail .content-plan-for-corporation .separate-container .body-part .body {
            margin-bottom: 32px; } }
    main#ebook-detail .content-plan-for-corporation .separate-container .catchword-part {
      margin-right: 0;
      margin-left: auto; }
      @media screen and (max-width: 767px) {
        main#ebook-detail .content-plan-for-corporation .separate-container .catchword-part {
          margin-left: auto;
          margin-right: auto; } }
      main#ebook-detail .content-plan-for-corporation .separate-container .catchword-part .frame-box {
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 1.8px;
        padding: 30px;
        position: relative;
        margin-bottom: 24px;
        white-space: pre-line;
        color: #2759B4; }
        @media screen and (max-width: 767px) {
          main#ebook-detail .content-plan-for-corporation .separate-container .catchword-part .frame-box {
            font-size: 28px; } }
        main#ebook-detail .content-plan-for-corporation .separate-container .catchword-part .frame-box::before, main#ebook-detail .content-plan-for-corporation .separate-container .catchword-part .frame-box::after {
          content: '';
          width: 20px;
          height: 20px;
          position: absolute; }
        main#ebook-detail .content-plan-for-corporation .separate-container .catchword-part .frame-box::before {
          border-left: 2px solid #2759B4;
          border-top: 2px solid #2759B4;
          top: 0;
          left: 0; }
        main#ebook-detail .content-plan-for-corporation .separate-container .catchword-part .frame-box::after {
          border-right: 2px solid #2759B4;
          border-bottom: 2px solid #2759B4;
          bottom: 0;
          right: 0; }

main#ebook-detail .content-items {
  margin-top: 40px;
  border-top: 1px solid #2759B4; }
  main#ebook-detail .content-items .title {
    z-index: 5;
    background-color: #FFF;
    padding-right: 32px;
    font-size: 22px;
    font-weight: bold;
    margin-top: -16px;
    width: fit-content; }
  main#ebook-detail .content-items .body-container {
    border-bottom: 1px solid #2759B4;
    display: flex;
    position: relative;
    padding-bottom: 62px; }
    main#ebook-detail .content-items .body-container .mascot {
      margin-left: auto;
      margin-top: auto;
      margin-bottom: 0;
      margin-right: 0; }
      main#ebook-detail .content-items .body-container .mascot img {
        width: 200px; }
    main#ebook-detail .content-items .body-container .pdf-wrapper {
      position: absolute;
      bottom: 8px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      margin-top: 8px;
      text-align: right; }
      main#ebook-detail .content-items .body-container .pdf-wrapper .officers-pdf {
        color: #2759B4;
        border: solid 1px #E6E6E6;
        padding: 8px 24px;
        display: inline-flex;
        background-color: white;
        transition: all 0.5s; }
        main#ebook-detail .content-items .body-container .pdf-wrapper .officers-pdf:hover {
          border: solid 1px #2759B4;
          background-color: #F2F4F8;
          transition: all 0.5s; }
        main#ebook-detail .content-items .body-container .pdf-wrapper .officers-pdf::before {
          content: "";
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem;
          margin-right: 8px;
          background-image: url("../images/common/pdf.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
    main#ebook-detail .content-items .body-container .rewards {
      list-style: none;
      padding-left: 0;
      margin: 30px auto 30px 0; }
      @media screen and (max-width: 767px) {
        main#ebook-detail .content-items .body-container .rewards {
          margin: 18px auto 18px 0; } }
      main#ebook-detail .content-items .body-container .rewards .reward {
        position: relative;
        display: flex;
        margin-bottom: 4px; }
        @media screen and (max-width: 767px) {
          main#ebook-detail .content-items .body-container .rewards .reward {
            margin-bottom: 4px; } }
        main#ebook-detail .content-items .body-container .rewards .reward .reward-text {
          font-size: 16px;
          color: #000;
          margin-left: 8px; }
          @media screen and (max-width: 767px) {
            main#ebook-detail .content-items .body-container .rewards .reward .reward-text {
              font-size: 14px;
              color: #000000b7; } }
  main#ebook-detail .content-items .more-container {
    margin: 64px auto; }
  main#ebook-detail .content-items .external-link {
    margin-left: auto;
    margin-right: auto;
    width: fit-content; }
    main#ebook-detail .content-items .external-link .link-button-to-section {
      margin-left: auto;
      margin-right: auto;
      padding-right: 24px;
      display: block; }
      @media screen and (max-width: 767px) {
        main#ebook-detail .content-items .external-link .link-button-to-section {
          padding-right: 0; } }
      main#ebook-detail .content-items .external-link .link-button-to-section .section {
        color: #2759B4;
        border: solid 1px #2759B4;
        border-radius: 22px;
        background-color: white;
        display: flex;
        width: 284px;
        height: 44px;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 24px;
        padding-right: 52px;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.4rem;
        position: relative;
        align-items: center;
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          main#ebook-detail .content-items .external-link .link-button-to-section .section {
            margin-top: 32px;
            max-width: 100%;
            padding-right: 38px; } }
        main#ebook-detail .content-items .external-link .link-button-to-section .section::after {
          content: "";
          position: absolute;
          right: 24px;
          top: 0;
          bottom: 0;
          margin: auto;
          width: 2.0rem;
          height: 2.0rem;
          background-image: url("../images/common/menu.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
          @media screen and (max-width: 767px) {
            main#ebook-detail .content-items .external-link .link-button-to-section .section::after {
              right: 12px; } }
        main#ebook-detail .content-items .external-link .link-button-to-section .section:hover {
          background-color: #2759B4;
          color: #FFF;
          transition: all 0.5s; }
          main#ebook-detail .content-items .external-link .link-button-to-section .section:hover::after {
            background-image: url("../images/common/menu-white.svg");
            transition: all 0.5s; }

main#ebook-detail .content-contact .contact-section {
  text-align: center;
  background-color: #F2F4F8;
  padding: 48px 24px;
  margin-bottom: 170px; }
  @media screen and (max-width: 767px) {
    main#ebook-detail .content-contact .contact-section {
      margin-bottom: 140px; } }
  main#ebook-detail .content-contact .contact-section .contact-section-title {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px; }
  main#ebook-detail .content-contact .contact-section .contact-section-title::after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: calc(50% - 24px);
    background-color: #2759B4;
    width: 48px;
    height: 3px; }
  main#ebook-detail .content-contact .contact-section .main-content {
    font-size: 14px;
    margin-bottom: 16px; }
  main#ebook-detail .content-contact .contact-section .bold {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px; }
  main#ebook-detail .content-contact .contact-section .mail-button {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 170px;
    margin: 15px auto 0;
    border: 1px solid #2759B4;
    border-radius: 8px;
    font-weight: bold;
    color: #2759B4;
    background-color: #FFF; }
    main#ebook-detail .content-contact .contact-section .mail-button:hover {
      background-color: #2759B4;
      color: #FFF;
      transition: all 0.5s; }
      main#ebook-detail .content-contact .contact-section .mail-button:hover::after {
        background-image: url("../images/common/mail-white.svg");
        transition: all 0.5s; }
    main#ebook-detail .content-contact .contact-section .mail-button::after {
      content: "";
      position: absolute;
      left: 24px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 2rem;
      height: 2rem;
      background-image: url(../images/common/mail-blue.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  main#ebook-detail .content-contact .contact-section .mail-button-text {
    margin-left: 28px; }
    main#ebook-detail .content-contact .contact-section .mail-button-text a {
      color: #2759B4; }

main#ebook-entry {
  margin-block-start: 36px;
  padding-bottom: 160px; }
  @media screen and (max-width: 767px) {
    main#ebook-entry {
      margin-block-start: 16px; } }
  main#ebook-entry h1 {
    font-size: 22px;
    letter-spacing: 1.76px; }
    @media screen and (max-width: 767px) {
      main#ebook-entry h1 {
        line-height: 36px; } }
  main#ebook-entry p {
    font-size: 16px;
    letter-spacing: 0.64px;
    line-height: 30px; }
    @media screen and (max-width: 767px) {
      main#ebook-entry p {
        font-size: 14px;
        letter-spacing: 0.56px;
        line-height: 22px; } }
  main#ebook-entry .title {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 48px; }
  main#ebook-entry .now-page {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
    gap: 80px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
  main#ebook-entry .page-number-container {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    main#ebook-entry .page-number-container p {
      text-align: center;
      font-size: 14px; }
    main#ebook-entry .page-number-container .bold {
      font-weight: bold; }
  main#ebook-entry .section-number {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background-color: #FFF;
    color: #2759B4;
    border: 1.5px solid #2759B4; }
    main#ebook-entry .section-number p {
      font-size: 24px;
      text-align: center;
      font-weight: bold; }
  main#ebook-entry .highlighted {
    background-color: #2759B4;
    color: #FFF;
    border: none; }
  main#ebook-entry .note {
    font-size: 16px;
    margin-bottom: 64px;
    color: #000000b7;
    white-space: pre-line;
    text-align: center; }
    main#ebook-entry .note span {
      color: #CE0000;
      font-weight: bold; }
  main#ebook-entry .form {
    display: flex;
    flex-direction: column;
    width: fit-content;
    min-width: 600px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 767px) {
      main#ebook-entry .form {
        width: 100%;
        min-width: 100%; } }
    main#ebook-entry .form .input-section-title {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 14px;
      font-weight: bold;
      width: 210px;
      text-align: right;
      margin-right: 24px; }
      @media screen and (max-width: 767px) {
        main#ebook-entry .form .input-section-title {
          flex-direction: column;
          margin-bottom: 8px; } }
      main#ebook-entry .form .input-section-title .upper-position {
        margin-top: 9px; }
      @media screen and (max-width: 767px) {
        main#ebook-entry .form .input-section-title.license-title {
          margin-bottom: 22px; } }
      main#ebook-entry .form .input-section-title p {
        width: 100%;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 14px;
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          main#ebook-entry .form .input-section-title p {
            text-align: left; } }
      main#ebook-entry .form .input-section-title span {
        color: #CE0000;
        font-weight: bold; }
    main#ebook-entry .form .input-section {
      position: relative;
      display: flex;
      margin-bottom: 16px; }
      @media screen and (max-width: 767px) {
        main#ebook-entry .form .input-section {
          flex-direction: column; } }
      main#ebook-entry .form .input-section .product-name {
        font-size: 14px;
        font-weight: bold; }
      main#ebook-entry .form .input-section .input-account {
        font-size: 14px;
        font-weight: normal; }
    main#ebook-entry .form .input {
      padding: 16px 12px;
      border-radius: 8px;
      border: 1px solid #E2E2E2;
      font-size: 16px; }
      main#ebook-entry .form .input.is_error {
        border: 1px solid #CE0000;
        background-color: rgba(206, 0, 0, 0.12); }
      main#ebook-entry .form .input:focus {
        outline: none;
        border: 1px solid #2759B4; }
      main#ebook-entry .form .input::placeholder {
        font-size: 14px;
        color: #000000b7; }
    main#ebook-entry .form .input-text {
      min-width: 356px; }
      @media screen and (max-width: 767px) {
        main#ebook-entry .form .input-text {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#ebook-entry .form .input-smaller-text {
      max-width: 204px;
      width: 204px;
      min-width: none; }
    main#ebook-entry .form .input-tel {
      min-width: 356px; }
      @media screen and (max-width: 767px) {
        main#ebook-entry .form .input-tel {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#ebook-entry .form .input-email {
      min-width: 451px; }
      @media screen and (max-width: 767px) {
        main#ebook-entry .form .input-email {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#ebook-entry .form .input-address {
      min-width: 489px; }
      @media screen and (max-width: 767px) {
        main#ebook-entry .form .input-address {
          text-align: left;
          max-width: 100%;
          width: 100%;
          min-width: 100%; } }
    main#ebook-entry .form .input-age {
      width: 106px; }
  main#ebook-entry .input-section-title-text {
    font-size: 14px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      main#ebook-entry .input-section-title-text {
        text-align: left; } }
  main#ebook-entry .lower-spacing {
    margin-bottom: 16px; }
  main#ebook-entry .select {
    position: relative;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    position: relative;
    z-index: 1;
    min-width: 80px; }
    main#ebook-entry .select.is_error {
      border: 1px solid #CE0000;
      background-color: rgba(206, 0, 0, 0.12); }
    main#ebook-entry .select.address {
      width: 300px; }
    main#ebook-entry .select.birthday {
      width: 106px; }
    main#ebook-entry .select .lower-spacing {
      margin-bottom: 16px; }
  main#ebook-entry .date-container {
    display: flex;
    align-items: center; }
  main#ebook-entry .note-form {
    font-size: 12px;
    color: #000000b7; }
  main#ebook-entry .date-character {
    margin: auto 8px; }
  main#ebook-entry .bold {
    font-weight: bold; }
  main#ebook-entry .check-select-options {
    width: calc(100% - 210px); }
    main#ebook-entry .check-select-options .check-select-option {
      display: flex;
      align-items: center;
      height: 48px; }
      main#ebook-entry .check-select-options .check-select-option .select {
        position: relative;
        background: #FFF;
        border-radius: 5px;
        border: 1px solid #E2E2E2;
        position: relative;
        z-index: 1;
        min-width: 80px; }
        main#ebook-entry .check-select-options .check-select-option .select.is_error {
          border: 1px solid #CE0000;
          background-color: rgba(206, 0, 0, 0.12); }
        main#ebook-entry .check-select-options .check-select-option .select.address {
          width: 300px; }
        main#ebook-entry .check-select-options .check-select-option .select.birthday {
          width: 106px; }
        main#ebook-entry .check-select-options .check-select-option .select .lower-spacing {
          margin-bottom: 16px; }
      main#ebook-entry .check-select-options .check-select-option .count {
        width: 100px; }
        main#ebook-entry .check-select-options .check-select-option .count .upper-button {
          position: absolute;
          right: 12px;
          top: 2px;
          background-image: url("../images/common/lower-arrow.svg");
          transform: rotate(180deg);
          background-repeat: no-repeat;
          background-size: 20px;
          transition: all 0.5s;
          z-index: 5;
          width: 20px;
          height: 20px; }
        main#ebook-entry .check-select-options .check-select-option .count .lower-button {
          position: absolute;
          right: 12px;
          bottom: 2px;
          background-image: url("../images/common/lower-arrow.svg");
          background-repeat: no-repeat;
          background-size: 20px;
          transition: all 0.5s;
          z-index: 5;
          width: 20px;
          height: 20px; }
        main#ebook-entry .check-select-options .check-select-option .count.invisible {
          display: none; }
      main#ebook-entry .check-select-options .check-select-option .right {
        margin-left: auto;
        margin-right: 0; }
    main#ebook-entry .check-select-options .check-select-option-text {
      margin-left: 12px;
      font-size: 14px;
      line-height: 24px; }
  main#ebook-entry input[type=checkbox] {
    display: none; }
  main#ebook-entry .checkbox {
    box-sizing: border-box;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #FFF; }
    main#ebook-entry .checkbox::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      opacity: 0;
      background-image: url("../images/common/check-button-after.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    main#ebook-entry .checkbox::before {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      background-image: url("../images/common/check-button-before.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 1; }
  main#ebook-entry input[type=checkbox]:checked + .checkbox::after {
    opacity: 1; }
  main#ebook-entry input[type=checkbox]:checked + .checkbox::before {
    opacity: 0; }
  main#ebook-entry input[type=radio] {
    display: none; }
  main#ebook-entry .radio {
    box-sizing: border-box;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #FFF; }
    main#ebook-entry .radio::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      opacity: 0;
      background-image: url("../images/common/radio-button-after.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    main#ebook-entry .radio::before {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      background-image: url("../images/common/radio-button-before.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 1; }
  main#ebook-entry input[type=radio]:checked + .radio::after {
    opacity: 1; }
  main#ebook-entry input[type=radio]:checked + .radio::before {
    opacity: 0; }
  main#ebook-entry input::-webkit-inner-spin-button,
  main#ebook-entry input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  main#ebook-entry select {
    /* 初期化 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    background-image: url("../images/common/lower-arrow.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 12px center;
    transition: all 0.5s;
    border: none;
    color: #000;
    font-size: 16px;
    padding: 16px 42px 16px 12px;
    width: 100%;
    height: 100%; }
    main#ebook-entry select:focus {
      outline: none;
      border: 1px solid #2759B4; }
    main#ebook-entry select .count {
      min-width: 80px; }
    main#ebook-entry select .right {
      margin-left: auto;
      margin-right: 0; }
  main#ebook-entry input.number {
    /* 初期化 */
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    color: #000;
    font-size: 16px;
    padding: 10px 42px 10px 12px;
    width: 100%;
    height: 40px; }
    main#ebook-entry input.number:focus {
      outline: none;
      border: 1px solid #2759B4; }
  main#ebook-entry textarea {
    resize: none;
    height: 90px;
    width: 489px;
    border: 1px solid #E2E2E2;
    border-radius: 8px;
    padding: 12px 10px;
    font-size: 14px;
    font-family: inherit; }
    main#ebook-entry textarea.is_error {
      border: 1px solid #CE0000;
      background-color: rgba(206, 0, 0, 0.12); }
    main#ebook-entry textarea::placeholder {
      white-space: pre-line;
      font-size: 14px;
      color: #000000b7; }
    main#ebook-entry textarea:focus {
      outline: none;
      border: 1px solid #2759B4; }
    @media screen and (max-width: 767px) {
      main#ebook-entry textarea {
        width: 100%; } }
  main#ebook-entry .consent-check-container {
    margin: 24px auto 0; }
    main#ebook-entry .consent-check-container .consent-check {
      display: flex;
      align-items: center; }
      main#ebook-entry .consent-check-container .consent-check.spacing {
        margin-bottom: 24px; }
    main#ebook-entry .consent-check-container .check-select-option-text {
      margin-left: 12px;
      font-size: 14px;
      line-height: 24px;
      font-weight: bold; }
    main#ebook-entry .consent-check-container a {
      color: #2759B4;
      border-bottom: 1px solid #2759B4;
      font-weight: bold; }
  main#ebook-entry .legal-detail-container {
    margin: 16px auto 61px; }
    main#ebook-entry .legal-detail-container a {
      color: #2759B4;
      border-bottom: 1px solid #2759B4;
      font-weight: bold;
      text-align: center;
      font-size: 14px; }
  main#ebook-entry .submit-button-container {
    margin: 0 auto;
    margin-bottom: 32px; }
    main#ebook-entry .submit-button-container .submit-button-text {
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px; }
    main#ebook-entry .submit-button-container button {
      width: 300px;
      max-width: 300px;
      border-radius: 8px;
      border: none; }
    main#ebook-entry .submit-button-container .enabled {
      border-radius: 8px;
      background-color: #2759B4;
      color: #FFF;
      font-weight: bold; }
    main#ebook-entry .submit-button-container .disabled {
      border-radius: 8px;
      background-color: rgba(0, 0, 0, 0.4);
      color: #FFF;
      font-weight: bold; }
  main#ebook-entry #back-button {
    border: none;
    background-color: white;
    color: #2759B4;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-flex;
    align-self: center; }
  main#ebook-entry .error_message {
    display: flex;
    font-size: 1.2rem;
    color: #CE0000;
    align-items: center; }
    main#ebook-entry .error_message::before {
      content: "";
      display: inline-flex;
      background-image: url("../images/common/warning.svg");
      width: 2.4rem;
      height: 2.4rem;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  main#ebook-entry .thanks-message {
    display: block;
    text-align: center;
    margin-top: 32px;
    white-space: pre-wrap; }
  main#ebook-entry .thanks-button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 64px; }
    main#ebook-entry .thanks-button-wrapper .finish-button {
      width: 320px;
      height: 48px;
      background-color: #2759B4;
      color: white;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 8px; }

main#ebook {
  overflow-x: inherit;
  margin-bottom: 160px; }
  main#ebook p {
    font-size: 16px;
    line-height: 18px;
    white-space: pre-line; }
  main#ebook .content-about {
    background-image: url(../images/employment/back-employment.png);
    background-size: cover;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 40px;
    margin-bottom: 48px;
    width: 100vw; }
    @media screen and (max-width: 767px) {
      main#ebook .content-about {
        background-image: url(../images/employment/back-employment-sp.png);
        padding: 32px 16px; } }
    main#ebook .content-about .fluid-box-inner {
      padding-top: 56px;
      padding-bottom: 56px;
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        main#ebook .content-about .fluid-box-inner {
          padding-top: 48px; } }
      main#ebook .content-about .fluid-box-inner .row {
        display: flex;
        flex-wrap: wrap; }
        main#ebook .content-about .fluid-box-inner .row .frame-box {
          font-size: 32px;
          font-weight: 600;
          letter-spacing: 1.8px;
          padding: 30px 110px;
          position: relative;
          margin-bottom: 24px;
          white-space: pre-line; }
          @media screen and (max-width: 767px) {
            main#ebook .content-about .fluid-box-inner .row .frame-box {
              font-size: 28px;
              padding: 30px;
              width: 100%;
              text-align: center; } }
          main#ebook .content-about .fluid-box-inner .row .frame-box::before, main#ebook .content-about .fluid-box-inner .row .frame-box::after {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute; }
          main#ebook .content-about .fluid-box-inner .row .frame-box::before {
            border-left: 2px solid #2759B4;
            border-top: 2px solid #2759B4;
            top: 0;
            left: 0; }
          main#ebook .content-about .fluid-box-inner .row .frame-box::after {
            border-right: 2px solid #2759B4;
            border-bottom: 2px solid #2759B4;
            bottom: 0;
            right: 0; }
        main#ebook .content-about .fluid-box-inner .row p {
          width: 100%;
          white-space: pre-line;
          line-height: 30px; }
  main#ebook .content-for .container {
    max-width: 1120px;
    margin: 0 auto; }
    main#ebook .content-for .container .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      main#ebook .content-for .container .row .column {
        width: 48.5%; }
        @media screen and (max-width: 767px) {
          main#ebook .content-for .container .row .column {
            width: 100%; } }
        main#ebook .content-for .container .row .column .title {
          color: #FFF;
          padding: 16px 0;
          text-align: center;
          width: 100%;
          height: fit-content; }
          main#ebook .content-for .container .row .column .title .font-large {
            font-size: 22px; }
          main#ebook .content-for .container .row .column .title.spacing-block {
            padding-top: 27px;
            padding-bottom: 27px; }
          main#ebook .content-for .container .row .column .title .font-small {
            font-size: 16px; }
        main#ebook .content-for .container .row .column .caption {
          border: 1px solid #E6E6E6;
          border-top: none;
          padding: 24px 16px;
          min-height: 78px; }
          @media screen and (max-width: 767px) {
            main#ebook .content-for .container .row .column .caption {
              margin-bottom: 24px; } }
          main#ebook .content-for .container .row .column .caption .person li::before {
            background-image: url(../images/common/check-yellow.svg); }
          main#ebook .content-for .container .row .column .caption .company li::before {
            background-image: url(../images/common/check-blue.svg); }
          main#ebook .content-for .container .row .column .caption .button-more {
            margin: 0 auto;
            text-align: center; }
            main#ebook .content-for .container .row .column .caption .button-more a {
              color: #2759B4;
              display: inline-block;
              padding: 12px 56px 12px 24px;
              text-align: center;
              border-radius: 64px;
              background-color: #FFF;
              border: 1.2px solid #2759B4;
              position: relative; }
              main#ebook .content-for .container .row .column .caption .button-more a::after {
                content: "";
                position: absolute;
                right: 24px;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 2rem;
                height: 2rem;
                background-image: url(../images/common/menu.svg);
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center; }
              main#ebook .content-for .container .row .column .caption .button-more a:hover {
                background-color: #2759B4;
                color: #FFF;
                transition: all 0.5s; }
                main#ebook .content-for .container .row .column .caption .button-more a:hover::after {
                  background-image: url("../images/common/menu-white.svg");
                  transition: all 0.5s; }
          main#ebook .content-for .container .row .column .caption.yellow .button-more a {
            color: #F7B633;
            border: 1.2px solid #F7B633; }
            main#ebook .content-for .container .row .column .caption.yellow .button-more a::after {
              background-image: url(../images/common/menu-yellow.svg); }
            main#ebook .content-for .container .row .column .caption.yellow .button-more a:hover {
              background-color: #F7B633;
              color: #FFF;
              transition: all 0.5s; }
              main#ebook .content-for .container .row .column .caption.yellow .button-more a:hover::after {
                background-image: url("../images/common/menu-white.svg");
                transition: all 0.5s; }
          main#ebook .content-for .container .row .column .caption .button-external-more {
            margin: 0 auto;
            text-align: center; }
            main#ebook .content-for .container .row .column .caption .button-external-more a {
              color: #2759B4;
              display: inline-block;
              padding: 12px 56px 12px 24px;
              text-align: center;
              border-radius: 64px;
              background-color: #FFF;
              border: 1.2px solid #2759B4;
              position: relative; }
              main#ebook .content-for .container .row .column .caption .button-external-more a::after {
                content: "";
                position: absolute;
                right: 24px;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 2rem;
                height: 2rem;
                background-image: url(../images/common/link-blue.svg);
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center; }
              main#ebook .content-for .container .row .column .caption .button-external-more a:hover {
                background-color: #2759B4;
                color: #FFF;
                transition: all 0.5s; }
                main#ebook .content-for .container .row .column .caption .button-external-more a:hover::after {
                  background-image: url("../images/common/link-white.svg");
                  transition: all 0.5s; }
      main#ebook .content-for .container .row .back-primary {
        background-color: #2759B4; }
      main#ebook .content-for .container .row .back-yellow {
        background-color: #F7B633; }
  main#ebook .contact-block {
    max-width: 926px;
    margin: 80px auto 32px; }
    main#ebook .contact-block .contact-section {
      text-align: center;
      background-color: #F2F4F8;
      padding: 48px 24px; }
      main#ebook .contact-block .contact-section .contact-section-title {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 32px; }
      main#ebook .contact-block .contact-section .contact-section-title::after {
        content: "";
        position: absolute;
        bottom: -8px;
        right: calc(50% - 24px);
        background-color: #2759B4;
        width: 48px;
        height: 3px; }
      main#ebook .contact-block .contact-section .main-content {
        font-size: 14px;
        margin-bottom: 16px; }
      main#ebook .contact-block .contact-section .bold {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 16px; }
      main#ebook .contact-block .contact-section .mail-button {
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        height: 50px;
        width: 170px;
        margin: 15px auto 0;
        border: 1px solid #2759B4;
        border-radius: 8px;
        font-weight: bold;
        color: #2759B4;
        background-color: #FFF; }
        main#ebook .contact-block .contact-section .mail-button:hover {
          background-color: #2759B4;
          color: #FFF;
          transition: all 0.5s; }
          main#ebook .contact-block .contact-section .mail-button:hover::after {
            background-image: url("../images/common/mail-white.svg");
            transition: all 0.5s; }
        main#ebook .contact-block .contact-section .mail-button::after {
          content: "";
          position: absolute;
          left: 24px;
          top: 0;
          bottom: 0;
          margin: auto;
          width: 2rem;
          height: 2rem;
          background-image: url(../images/common/mail-blue.svg);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
      main#ebook .contact-block .contact-section .mail-button-text {
        margin-left: 28px; }
        main#ebook .contact-block .contact-section .mail-button-text a {
          color: #2759B4; }

main#employment-company {
  line-height: 3.0rem;
  letter-spacing: 0.64; }
  main#employment-company .description {
    white-space: pre-line;
    margin-bottom: 37px; }
  main#employment-company .feature {
    width: 100%;
    border: 1px solid #E6E6E6;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 56px; }
    @media screen and (max-width: 767px) {
      main#employment-company .feature {
        justify-content: unset;
        flex-direction: column; } }
    main#employment-company .feature .single {
      display: flex;
      width: 324px;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 767px) {
        main#employment-company .feature .single {
          width: 90%;
          margin: 0 auto; } }
      main#employment-company .feature .single .title {
        font-weight: bold;
        font-size: 1.8rem;
        margin-top: 32px;
        margin-bottom: 16px; }
    main#employment-company .feature .separator {
      width: 1px;
      height: 350px;
      background-color: #E6E6E6; }
      @media screen and (max-width: 767px) {
        main#employment-company .feature .separator {
          height: 1px;
          width: 80%;
          margin: 0 auto;
          margin-bottom: 32px; } }
  main#employment-company .form-button {
    color: black;
    background-color: #F7B633;
    width: 334px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 37px;
    margin: 0 auto;
    margin-bottom: 137px; }
    main#employment-company .form-button::before {
      content: "";
      width: 18px;
      height: 18px;
      background-image: url("../images/common/mail-black.svg");
      background-repeat: no-repeat;
      background-size: auto;
      margin-right: 12px; }
    @media screen and (max-width: 767px) {
      main#employment-company .form-button {
        width: 100%; } }

main#employment-personal {
  line-height: 3.0rem;
  letter-spacing: 0.64; }
  main#employment-personal .description {
    white-space: pre-line;
    margin-bottom: 37px; }
  main#employment-personal .feature {
    width: 100%;
    border: 1px solid #E6E6E6;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 56px; }
    @media screen and (max-width: 767px) {
      main#employment-personal .feature {
        justify-content: unset;
        flex-direction: column; } }
    main#employment-personal .feature .single {
      display: flex;
      width: 324px;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 767px) {
        main#employment-personal .feature .single {
          width: 90%;
          margin: 0 auto; } }
      main#employment-personal .feature .single .title {
        font-weight: bold;
        font-size: 1.8rem;
        margin-top: 32px;
        margin-bottom: 16px; }
    main#employment-personal .feature .separator {
      width: 1px;
      height: 350px;
      background-color: #E6E6E6; }
      @media screen and (max-width: 767px) {
        main#employment-personal .feature .separator {
          height: 1px;
          width: 80%;
          margin: 0 auto;
          margin-bottom: 32px; } }
  main#employment-personal .form-button {
    color: black;
    background-color: #F7B633;
    width: 334px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 37px;
    margin: 0 auto;
    margin-bottom: 137px; }
    main#employment-personal .form-button::before {
      content: "";
      width: 18px;
      height: 18px;
      background-image: url("../images/common/mail-black.svg");
      background-repeat: no-repeat;
      background-size: auto;
      margin-right: 12px; }
    @media screen and (max-width: 767px) {
      main#employment-personal .form-button {
        width: 100%; } }

main#employment-company-entry {
  margin-block-start: 36px;
  padding-bottom: 160px; }
  @media screen and (max-width: 767px) {
    main#employment-company-entry {
      margin-block-start: 16px; } }
  main#employment-company-entry h1 {
    font-size: 22px;
    letter-spacing: 1.76px; }
    @media screen and (max-width: 767px) {
      main#employment-company-entry h1 {
        line-height: 36px; } }
  main#employment-company-entry p {
    font-size: 16px;
    letter-spacing: 0.64px;
    line-height: 30px; }
    @media screen and (max-width: 767px) {
      main#employment-company-entry p {
        font-size: 14px;
        letter-spacing: 0.56px;
        line-height: 22px; } }
  main#employment-company-entry .title {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 48px; }
  main#employment-company-entry .now-page {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
    gap: 80px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
  main#employment-company-entry .page-number-container {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    main#employment-company-entry .page-number-container p {
      text-align: center;
      font-size: 14px; }
    main#employment-company-entry .page-number-container .bold {
      font-weight: bold; }
  main#employment-company-entry .section-number {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background-color: #FFF;
    color: #2759B4;
    border: 1.5px solid #2759B4; }
    main#employment-company-entry .section-number p {
      font-size: 24px;
      text-align: center;
      font-weight: bold; }
  main#employment-company-entry .highlighted {
    background-color: #2759B4;
    color: #FFF;
    border: none; }
  main#employment-company-entry .note {
    font-size: 16px;
    margin-bottom: 64px;
    color: #000000b7;
    white-space: pre-line;
    text-align: center; }
    main#employment-company-entry .note span {
      color: #CE0000;
      font-weight: bold; }
  main#employment-company-entry .form {
    display: flex;
    flex-direction: column;
    width: fit-content;
    min-width: 600px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 767px) {
      main#employment-company-entry .form {
        width: 100%;
        min-width: 100%; } }
    main#employment-company-entry .form .input-section-title {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 14px;
      font-weight: bold;
      width: 220px;
      text-align: right;
      margin-right: 24px; }
      @media screen and (max-width: 767px) {
        main#employment-company-entry .form .input-section-title {
          flex-direction: column;
          margin-bottom: 8px; } }
      main#employment-company-entry .form .input-section-title .upper-position {
        margin-top: 0; }
      @media screen and (max-width: 767px) {
        main#employment-company-entry .form .input-section-title.license-title {
          margin-bottom: 22px; } }
      main#employment-company-entry .form .input-section-title p {
        width: 100%;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 14px;
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          main#employment-company-entry .form .input-section-title p {
            text-align: left; } }
      main#employment-company-entry .form .input-section-title span {
        color: #CE0000;
        font-weight: bold; }
    main#employment-company-entry .form .input-section {
      position: relative;
      display: flex;
      margin-bottom: 16px; }
      @media screen and (max-width: 767px) {
        main#employment-company-entry .form .input-section {
          flex-direction: column; } }
    main#employment-company-entry .form .input {
      padding: 16px 12px;
      border-radius: 8px;
      border: 1px solid #E2E2E2;
      font-size: 16px; }
      main#employment-company-entry .form .input.is_error {
        border: 1px solid #CE0000;
        background-color: rgba(206, 0, 0, 0.12); }
      main#employment-company-entry .form .input:focus {
        outline: none;
        border: 1px solid #2759B4; }
      main#employment-company-entry .form .input::placeholder {
        font-size: 14px;
        color: #000000b7; }
    main#employment-company-entry .form .input-text {
      min-width: 356px; }
      @media screen and (max-width: 767px) {
        main#employment-company-entry .form .input-text {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#employment-company-entry .form .input-smaller-text {
      max-width: 204px;
      width: 204px;
      min-width: none; }
    main#employment-company-entry .form .input-tel {
      min-width: 356px; }
      @media screen and (max-width: 767px) {
        main#employment-company-entry .form .input-tel {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#employment-company-entry .form .input-email {
      min-width: 451px; }
      @media screen and (max-width: 767px) {
        main#employment-company-entry .form .input-email {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#employment-company-entry .form .input-address {
      min-width: 489px; }
      @media screen and (max-width: 767px) {
        main#employment-company-entry .form .input-address {
          text-align: left;
          max-width: 100%;
          width: 100%;
          min-width: 100%; } }
    main#employment-company-entry .form .input-age {
      width: 106px; }
  main#employment-company-entry .input-section-title-text {
    font-size: 14px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      main#employment-company-entry .input-section-title-text {
        text-align: left; } }
  main#employment-company-entry .lower-spacing {
    margin-bottom: 16px; }
  main#employment-company-entry .select {
    position: relative;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    position: relative;
    z-index: 1;
    min-width: 80px; }
    main#employment-company-entry .select.is_error {
      border: 1px solid #CE0000;
      background-color: rgba(206, 0, 0, 0.12); }
    main#employment-company-entry .select.address {
      width: 300px; }
    main#employment-company-entry .select.birthday {
      width: 106px; }
    main#employment-company-entry .select .lower-spacing {
      margin-bottom: 16px; }
  main#employment-company-entry .date-container {
    display: flex;
    align-items: center; }
  main#employment-company-entry .note-form {
    font-size: 12px;
    color: #000000b7; }
  main#employment-company-entry .date-character {
    margin: auto 8px; }
  main#employment-company-entry .bold {
    font-weight: bold; }
  main#employment-company-entry .check-select-options .check-select-option {
    display: flex;
    align-items: center; }
    main#employment-company-entry .check-select-options .check-select-option.spacing {
      margin-bottom: 24px; }
  main#employment-company-entry .check-select-options .check-select-option-text {
    margin-left: 12px;
    font-size: 14px;
    line-height: 24px; }
  main#employment-company-entry input[type=checkbox] {
    display: none; }
  main#employment-company-entry .checkbox {
    box-sizing: border-box;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #FFF; }
    main#employment-company-entry .checkbox::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      opacity: 0;
      background-image: url("../images/common/check-button-after.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    main#employment-company-entry .checkbox::before {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      background-image: url("../images/common/check-button-before.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 1; }
  main#employment-company-entry input[type=checkbox]:checked + .checkbox::after {
    opacity: 1; }
  main#employment-company-entry input[type=checkbox]:checked + .checkbox::before {
    opacity: 0; }
  main#employment-company-entry input[type=radio] {
    display: none; }
  main#employment-company-entry .radio {
    box-sizing: border-box;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #FFF; }
    main#employment-company-entry .radio::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      opacity: 0;
      background-image: url("../images/common/radio-button-after.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    main#employment-company-entry .radio::before {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      background-image: url("../images/common/radio-button-before.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 1; }
  main#employment-company-entry input[type=radio]:checked + .radio::after {
    opacity: 1; }
  main#employment-company-entry input[type=radio]:checked + .radio::before {
    opacity: 0; }
  main#employment-company-entry select {
    /* 初期化 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    background-image: url("../images/common/lower-arrow.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 12px center;
    transition: all 0.5s;
    border: none;
    color: #000;
    font-size: 16px;
    padding: 16px 42px 16px 12px;
    width: 100%;
    height: 100%; }
    main#employment-company-entry select:focus {
      outline: none;
      border: 1px solid #2759B4; }
    main#employment-company-entry select .year {
      min-width: 80px; }
  main#employment-company-entry textarea {
    resize: none;
    height: 90px;
    width: 489px;
    border: 1px solid #E2E2E2;
    border-radius: 8px;
    padding: 12px 10px;
    font-size: 14px;
    font-family: inherit; }
    main#employment-company-entry textarea.is_error {
      border: 1px solid #CE0000;
      background-color: rgba(206, 0, 0, 0.12); }
    main#employment-company-entry textarea::placeholder {
      white-space: pre-line;
      font-size: 14px;
      color: #000000b7; }
    main#employment-company-entry textarea:focus {
      outline: none;
      border: 1px solid #2759B4; }
    @media screen and (max-width: 767px) {
      main#employment-company-entry textarea {
        width: 100%; } }
  main#employment-company-entry .consent-check-container {
    margin: 24px auto 61px; }
    main#employment-company-entry .consent-check-container .consent-check {
      display: flex;
      align-items: center; }
      main#employment-company-entry .consent-check-container .consent-check.spacing {
        margin-bottom: 24px; }
    main#employment-company-entry .consent-check-container .check-select-option-text {
      margin-left: 12px;
      font-size: 14px;
      line-height: 24px;
      font-weight: bold; }
    main#employment-company-entry .consent-check-container a {
      color: #2759B4;
      border-bottom: 1px solid #2759B4;
      font-weight: bold; }
  main#employment-company-entry .submit-button-container {
    margin: 0 auto;
    margin-bottom: 32px; }
    main#employment-company-entry .submit-button-container .submit-button-text {
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px; }
    main#employment-company-entry .submit-button-container button {
      width: 300px;
      max-width: 300px;
      border-radius: 8px;
      border: none; }
    main#employment-company-entry .submit-button-container .enabled {
      border-radius: 8px;
      background-color: #2759B4;
      color: #FFF;
      font-weight: bold; }
    main#employment-company-entry .submit-button-container .disabled {
      border-radius: 8px;
      background-color: rgba(0, 0, 0, 0.4);
      color: #FFF;
      font-weight: bold; }
  main#employment-company-entry #back-button {
    border: none;
    background-color: white;
    color: #2759B4;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-flex;
    align-self: center; }
  main#employment-company-entry .error_message {
    display: flex;
    font-size: 1.2rem;
    color: #CE0000;
    align-items: center; }
    main#employment-company-entry .error_message::before {
      content: "";
      display: inline-flex;
      background-image: url("../images/common/warning.svg");
      width: 2.4rem;
      height: 2.4rem;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  main#employment-company-entry .thanks-message {
    display: block;
    text-align: center;
    margin-top: 32px; }
  main#employment-company-entry .thanks-button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 64px; }
    main#employment-company-entry .thanks-button-wrapper .finish-button {
      width: 320px;
      height: 48px;
      background-color: #2759B4;
      color: white;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 8px; }

main#employment-personal-entry-input {
  margin-block-start: 36px;
  padding-bottom: 160px; }
  @media screen and (max-width: 767px) {
    main#employment-personal-entry-input {
      margin-block-start: 16px; } }
  main#employment-personal-entry-input h1 {
    font-size: 22px;
    letter-spacing: 1.76px; }
    @media screen and (max-width: 767px) {
      main#employment-personal-entry-input h1 {
        line-height: 36px; } }
  main#employment-personal-entry-input p {
    font-size: 16px;
    letter-spacing: 0.64px;
    line-height: 30px; }
    @media screen and (max-width: 767px) {
      main#employment-personal-entry-input p {
        font-size: 14px;
        letter-spacing: 0.56px;
        line-height: 22px; } }
  main#employment-personal-entry-input .title {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 48px; }
  main#employment-personal-entry-input .now-page {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
    gap: 80px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
  main#employment-personal-entry-input .page-number-container {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    main#employment-personal-entry-input .page-number-container p {
      text-align: center;
      font-size: 14px; }
    main#employment-personal-entry-input .page-number-container .bold {
      font-weight: bold; }
  main#employment-personal-entry-input .section-number {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background-color: #FFF;
    color: #2759B4;
    border: 1.5px solid #2759B4; }
    main#employment-personal-entry-input .section-number p {
      font-size: 24px;
      text-align: center;
      font-weight: bold; }
  main#employment-personal-entry-input .highlighted {
    background-color: #2759B4;
    color: #FFF;
    border: none; }
  main#employment-personal-entry-input .note {
    font-size: 16px;
    margin-bottom: 64px;
    color: #000000b7;
    white-space: pre-line;
    text-align: center; }
    main#employment-personal-entry-input .note span {
      color: #CE0000;
      font-weight: bold; }
  main#employment-personal-entry-input .form {
    display: flex;
    flex-direction: column;
    width: fit-content;
    min-width: 600px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 767px) {
      main#employment-personal-entry-input .form {
        width: 100%;
        min-width: 100%; } }
    main#employment-personal-entry-input .form .input-section-title {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 14px;
      font-weight: bold;
      width: 210px;
      text-align: right;
      margin-right: 24px; }
      @media screen and (max-width: 767px) {
        main#employment-personal-entry-input .form .input-section-title {
          flex-direction: column;
          margin-bottom: 8px; } }
      main#employment-personal-entry-input .form .input-section-title .upper-position {
        margin-top: 0; }
      @media screen and (max-width: 767px) {
        main#employment-personal-entry-input .form .input-section-title.license-title {
          margin-bottom: 22px; } }
      main#employment-personal-entry-input .form .input-section-title p {
        width: 100%;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 14px;
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          main#employment-personal-entry-input .form .input-section-title p {
            text-align: left; } }
      main#employment-personal-entry-input .form .input-section-title span {
        color: #CE0000;
        font-weight: bold; }
    main#employment-personal-entry-input .form .input-section {
      position: relative;
      display: flex;
      margin-bottom: 16px; }
      @media screen and (max-width: 767px) {
        main#employment-personal-entry-input .form .input-section {
          flex-direction: column; } }
    main#employment-personal-entry-input .form .input-section {
      position: relative;
      display: flex;
      margin-bottom: 16px; }
      @media screen and (max-width: 767px) {
        main#employment-personal-entry-input .form .input-section {
          flex-direction: column; } }
    main#employment-personal-entry-input .form .input-age-section {
      position: relative;
      display: flex; }
    main#employment-personal-entry-input .form .input {
      padding: 16px 12px;
      border-radius: 8px;
      border: 1px solid #E2E2E2;
      font-size: 16px; }
      main#employment-personal-entry-input .form .input.is_error {
        border: 1px solid #CE0000;
        background-color: rgba(206, 0, 0, 0.12); }
      main#employment-personal-entry-input .form .input:focus {
        outline: none;
        border: 1px solid #2759B4; }
      main#employment-personal-entry-input .form .input::placeholder {
        font-size: 14px;
        color: #000000b7; }
    main#employment-personal-entry-input .form .input-text {
      min-width: 356px; }
      @media screen and (max-width: 767px) {
        main#employment-personal-entry-input .form .input-text {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#employment-personal-entry-input .form .input-smaller-text {
      max-width: 204px;
      width: 204px;
      min-width: none; }
    main#employment-personal-entry-input .form .input-tel {
      min-width: 356px; }
      @media screen and (max-width: 767px) {
        main#employment-personal-entry-input .form .input-tel {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#employment-personal-entry-input .form .input-email {
      min-width: 451px; }
      @media screen and (max-width: 767px) {
        main#employment-personal-entry-input .form .input-email {
          text-align: left; } }
    main#employment-personal-entry-input .form .input-address {
      min-width: 489px;
      max-width: 100%; }
      @media screen and (max-width: 767px) {
        main#employment-personal-entry-input .form .input-address {
          text-align: left;
          width: 100%;
          min-width: 0; } }
    main#employment-personal-entry-input .form .input-age {
      width: 106px; }
  main#employment-personal-entry-input .input-section-title-text {
    font-size: 14px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      main#employment-personal-entry-input .input-section-title-text {
        text-align: left; } }
  main#employment-personal-entry-input .select {
    position: relative;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    position: relative;
    z-index: 1;
    min-width: 80px; }
    main#employment-personal-entry-input .select.is_error {
      border: 1px solid #CE0000;
      background-color: rgba(206, 0, 0, 0.12); }
    main#employment-personal-entry-input .select.address {
      width: 300px; }
    main#employment-personal-entry-input .select.birthday {
      width: 106px; }
    main#employment-personal-entry-input .select .lower-spacing {
      margin-bottom: 16px; }
  main#employment-personal-entry-input .lower-spacing {
    margin-bottom: 16px; }
  main#employment-personal-entry-input .date-container {
    display: flex;
    align-items: center; }
  main#employment-personal-entry-input .note-form {
    font-size: 12px;
    color: #000000b7; }
  main#employment-personal-entry-input .date-character {
    margin: auto 8px; }
  main#employment-personal-entry-input .bold {
    font-weight: bold; }
  main#employment-personal-entry-input .check-select-options .check-select-option {
    display: flex;
    align-items: center; }
    main#employment-personal-entry-input .check-select-options .check-select-option.spacing {
      margin-bottom: 24px; }
  main#employment-personal-entry-input .check-select-options .check-select-option-text {
    margin-left: 12px;
    font-size: 14px;
    line-height: 24px; }
  main#employment-personal-entry-input input[type=checkbox] {
    display: none; }
  main#employment-personal-entry-input .checkbox {
    box-sizing: border-box;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #FFF; }
    main#employment-personal-entry-input .checkbox::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      opacity: 0;
      background-image: url("../images/common/check-button-after.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    main#employment-personal-entry-input .checkbox::before {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      background-image: url("../images/common/check-button-before.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 1; }
  main#employment-personal-entry-input input[type=checkbox]:checked + .checkbox::after {
    opacity: 1; }
  main#employment-personal-entry-input input[type=checkbox]:checked + .checkbox::before {
    opacity: 0; }
  main#employment-personal-entry-input input[type=radio] {
    display: none; }
  main#employment-personal-entry-input .radio {
    box-sizing: border-box;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #FFF; }
    main#employment-personal-entry-input .radio::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      opacity: 0;
      background-image: url("../images/common/radio-button-after.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    main#employment-personal-entry-input .radio::before {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      background-image: url("../images/common/radio-button-before.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 1; }
  main#employment-personal-entry-input input[type=radio]:checked + .radio::after {
    opacity: 1; }
  main#employment-personal-entry-input input[type=radio]:checked + .radio::before {
    opacity: 0; }
  main#employment-personal-entry-input select {
    /* 初期化 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    background-image: url("../images/common/lower-arrow.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 12px center;
    transition: all 0.5s;
    border: none;
    color: #000;
    font-size: 16px;
    padding: 16px 42px 16px 12px;
    width: 100%;
    height: 100%; }
    main#employment-personal-entry-input select:focus {
      outline: none;
      border: 1px solid #2759B4; }
    main#employment-personal-entry-input select .year {
      min-width: 80px; }
  main#employment-personal-entry-input textarea {
    resize: none;
    height: 90px;
    width: 489px;
    border: 1px solid #E2E2E2;
    border-radius: 8px;
    padding: 12px 10px;
    font-size: 14px;
    font-family: inherit; }
    main#employment-personal-entry-input textarea::placeholder {
      white-space: pre-line;
      font-size: 14px;
      color: #000000b7; }
    main#employment-personal-entry-input textarea:focus {
      outline: none;
      border: 1px solid #2759B4; }
    @media screen and (max-width: 767px) {
      main#employment-personal-entry-input textarea {
        width: 100%; } }
  main#employment-personal-entry-input .consent-check-container {
    margin: 24px auto 61px; }
    main#employment-personal-entry-input .consent-check-container .consent-check {
      display: flex;
      align-items: center; }
      main#employment-personal-entry-input .consent-check-container .consent-check.spacing {
        margin-bottom: 24px; }
    main#employment-personal-entry-input .consent-check-container .check-select-option-text {
      margin-left: 12px;
      font-size: 14px;
      line-height: 24px;
      font-weight: bold; }
    main#employment-personal-entry-input .consent-check-container a {
      color: #2759B4;
      border-bottom: 1px solid #2759B4;
      font-weight: bold; }
  main#employment-personal-entry-input .submit-button-container {
    margin: 0 auto;
    margin-bottom: 32px; }
    main#employment-personal-entry-input .submit-button-container .submit-button-text {
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px; }
    main#employment-personal-entry-input .submit-button-container button {
      width: 300px;
      max-width: 300px;
      border-radius: 8px;
      border: none; }
    main#employment-personal-entry-input .submit-button-container .enabled {
      border-radius: 8px;
      background-color: #2759B4;
      color: #FFF;
      font-weight: bold; }
    main#employment-personal-entry-input .submit-button-container .disabled {
      border-radius: 8px;
      background-color: rgba(0, 0, 0, 0.4);
      color: #FFF;
      font-weight: bold; }
  main#employment-personal-entry-input #back-button {
    border: none;
    background-color: white;
    color: #2759B4;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-flex;
    align-self: center; }
  main#employment-personal-entry-input .error_message {
    display: flex;
    font-size: 1.2rem;
    color: #CE0000;
    align-items: center; }
    main#employment-personal-entry-input .error_message::before {
      content: "";
      display: inline-flex;
      background-image: url("../images/common/warning.svg");
      width: 2.4rem;
      height: 2.4rem;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  main#employment-personal-entry-input .thanks-message {
    display: block;
    text-align: center;
    margin-top: 32px; }
  main#employment-personal-entry-input .thanks-button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 64px; }
    main#employment-personal-entry-input .thanks-button-wrapper .finish-button {
      width: 320px;
      height: 48px;
      background-color: #2759B4;
      color: white;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 8px; }

main#employment {
  overflow-x: inherit;
  margin-bottom: 160px; }
  main#employment p {
    font-size: 16px;
    line-height: 18px;
    white-space: pre-line; }
  main#employment .content-about {
    background-image: url(../images/employment/back-employment.png);
    background-size: cover;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 40px;
    margin-bottom: 48px;
    width: 100vw; }
    @media screen and (max-width: 767px) {
      main#employment .content-about {
        background-image: url(../images/employment/back-employment-sp.png);
        padding: 32px 16px; } }
    main#employment .content-about .fluid-box-inner {
      padding-top: 56px;
      padding-bottom: 56px;
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        main#employment .content-about .fluid-box-inner {
          padding-top: 48px; } }
      main#employment .content-about .fluid-box-inner .row {
        display: flex;
        flex-wrap: wrap; }
        main#employment .content-about .fluid-box-inner .row .frame-box {
          font-size: 22px;
          font-weight: 600;
          letter-spacing: 1.8px;
          padding: 30px;
          position: relative;
          margin-bottom: 24px;
          white-space: pre-line; }
          main#employment .content-about .fluid-box-inner .row .frame-box::before, main#employment .content-about .fluid-box-inner .row .frame-box::after {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute; }
          main#employment .content-about .fluid-box-inner .row .frame-box::before {
            border-left: 2px solid #2759B4;
            border-top: 2px solid #2759B4;
            top: 0;
            left: 0; }
          main#employment .content-about .fluid-box-inner .row .frame-box::after {
            border-right: 2px solid #2759B4;
            border-bottom: 2px solid #2759B4;
            bottom: 0;
            right: 0; }
        main#employment .content-about .fluid-box-inner .row p {
          width: 100%;
          white-space: pre-line;
          line-height: 30px; }
  main#employment .content-for .container {
    max-width: 1120px;
    margin: 0 auto; }
    main#employment .content-for .container .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      main#employment .content-for .container .row .column {
        width: 48.5%; }
        @media screen and (max-width: 767px) {
          main#employment .content-for .container .row .column {
            width: 100%; } }
        main#employment .content-for .container .row .column .title {
          color: #FFF;
          padding: 16px 0;
          text-align: center;
          width: 100%; }
          main#employment .content-for .container .row .column .title .font-large {
            font-size: 22px; }
        main#employment .content-for .container .row .column .caption {
          border: 1px solid #E6E6E6;
          border-top: none;
          padding: 24px 16px;
          min-height: 218px; }
          @media screen and (max-width: 767px) {
            main#employment .content-for .container .row .column .caption {
              margin-bottom: 24px; } }
          main#employment .content-for .container .row .column .caption .caption-list {
            margin-bottom: 16px;
            min-height: 148px; }
          main#employment .content-for .container .row .column .caption .caption-list li::before {
            content: '';
            display: inline-block;
            width: 1em;
            height: 1em;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            padding-right: 28px; }
          main#employment .content-for .container .row .column .caption .person li::before {
            background-image: url(../images/common/check-yellow.svg); }
          main#employment .content-for .container .row .column .caption .company li::before {
            background-image: url(../images/common/check-blue.svg); }
          main#employment .content-for .container .row .column .caption .button-more {
            margin: 0 auto;
            text-align: center; }
            main#employment .content-for .container .row .column .caption .button-more a {
              color: #2759B4;
              display: inline-block;
              padding: 12px 56px 12px 24px;
              text-align: center;
              border-radius: 64px;
              background-color: #FFF;
              border: 1.2px solid #2759B4;
              position: relative; }
              main#employment .content-for .container .row .column .caption .button-more a::after {
                content: "";
                position: absolute;
                right: 24px;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 2rem;
                height: 2rem;
                background-image: url(../images/common/menu.svg);
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center; }
              main#employment .content-for .container .row .column .caption .button-more a:hover {
                background-color: #2759B4;
                color: #FFF;
                transition: all 0.5s; }
                main#employment .content-for .container .row .column .caption .button-more a:hover::after {
                  background-image: url("../images/common/menu-white.svg");
                  transition: all 0.5s; }
            main#employment .content-for .container .row .column .caption .button-more.person a {
              color: #F7B633;
              border: 1.2px solid #F7B633; }
              main#employment .content-for .container .row .column .caption .button-more.person a::after {
                background-image: url(../images/common/menu-yellow.svg); }
              main#employment .content-for .container .row .column .caption .button-more.person a:hover {
                background-color: #F7B633;
                color: #FFF;
                transition: all 0.5s; }
                main#employment .content-for .container .row .column .caption .button-more.person a:hover::after {
                  background-image: url("../images/common/menu-white.svg");
                  transition: all 0.5s; }
      main#employment .content-for .container .row .back-primary {
        background-color: #2759B4; }
      main#employment .content-for .container .row .back-yellow {
        background-color: #F7B633; }
  main#employment .contact-block {
    max-width: 926px;
    margin: 80px auto 32px; }
    main#employment .contact-block .contact-section {
      text-align: center;
      background-color: #F2F4F8;
      padding: 48px 24px; }
      main#employment .contact-block .contact-section .contact-section-title {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 32px; }
      main#employment .contact-block .contact-section .contact-section-title::after {
        content: "";
        position: absolute;
        bottom: -8px;
        right: calc(50% - 24px);
        background-color: #2759B4;
        width: 48px;
        height: 3px; }
      main#employment .contact-block .contact-section .main-content {
        font-size: 14px;
        margin-bottom: 16px; }
      main#employment .contact-block .contact-section .bold {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 16px; }
      main#employment .contact-block .contact-section .mail-button {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        width: 170px;
        margin: 15px auto 0;
        border: 1px solid #2759B4;
        border-radius: 8px;
        font-weight: bold;
        color: #2759B4;
        background-color: #FFF; }
      main#employment .contact-block .contact-section .mail-button-text {
        margin-left: 8px; }
        main#employment .contact-block .contact-section .mail-button-text a {
          color: #2759B4; }

main#login {
  font-family: Noto Sans JP; }
  main#login .wrapper {
    margin-top: 64px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 173px;
    width: 356px; }
    main#login .wrapper input {
      background-color: #FFFFFF00; }
    @media screen and (max-width: 767px) {
      main#login .wrapper {
        width: 343px;
        margin-top: 12px;
        margin-bottom: 222px; } }
    main#login .wrapper .title {
      margin-bottom: 48px;
      text-align: center;
      font-size: 2.4rem;
      font-weight: bold; }
    main#login .wrapper .formname {
      margin-bottom: 12px;
      font-size: 1.4rem;
      font-weight: bold; }
    main#login .wrapper .iform {
      display: flex;
      align-items: center;
      height: 48px;
      margin-bottom: 24px;
      padding-left: 12px;
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
      main#login .wrapper .iform .id {
        width: 100%;
        font-size: 1.6rem;
        border: none; }
      main#login .wrapper .iform .id:focus {
        outline: none; }
      main#login .wrapper .iform.is_error {
        border: 1px solid #CE0000;
        background-color: #CE00000C; }
    main#login .wrapper .pform {
      display: flex;
      align-items: center;
      height: 48px;
      margin-bottom: 8px;
      padding-right: 16px;
      padding-left: 12px;
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
      @media screen and (max-width: 767px) {
        main#login .wrapper .pform {
          margin-bottom: 4px; } }
      main#login .wrapper .pform .pass {
        width: 100%;
        font-size: 2.0rem;
        border: none; }
      main#login .wrapper .pform .pass:focus {
        outline: none; }
      main#login .wrapper .pform .eye {
        height: 24px;
        width: 24px; }
      main#login .wrapper .pform.is_error {
        border: 1px solid #CE0000;
        background-color: #CE00000C; }
    main#login .wrapper .tform {
      display: none;
      align-items: center;
      height: 48px;
      margin-bottom: 8px;
      padding-right: 16px;
      padding-left: 12px;
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
      @media screen and (max-width: 767px) {
        main#login .wrapper .tform {
          margin-bottom: 4px; } }
      main#login .wrapper .tform .txt {
        width: 100%;
        font-size: 1.6rem;
        border: none; }
      main#login .wrapper .tform .txt:focus {
        outline: none; }
      main#login .wrapper .tform .eyeslash {
        height: 24px;
        width: 24px; }
      main#login .wrapper .tform.is_error {
        border: 1px solid #CE0000;
        background-color: #CE00000C; }
    main#login .wrapper .pnote {
      margin-bottom: 28px;
      font-size: 1.2rem;
      color: #000000b7; }
    main#login .wrapper .error {
      display: none;
      align-items: center;
      height: 24px;
      width: 343px;
      margin-bottom: 28px;
      padding-left: 4px; }
      main#login .wrapper .error .errorlogo {
        transform: transform(0.5);
        margin-right: 4px; }
      main#login .wrapper .error .errortext {
        font-size: 1.2rem;
        color: #CE0000; }
    main#login .wrapper .button {
      display: block;
      height: 48px;
      margin-right: 18px;
      margin-left: 18px;
      margin-bottom: 24px;
      padding-top: 10px;
      text-align: center;
      font-weight: bold;
      border-radius: 8px;
      color: white;
      background-color: #2759B4; }
      @media screen and (max-width: 767px) {
        main#login .wrapper .button {
          margin-right: 0px;
          margin-left: 0px; } }
    main#login .wrapper .forget {
      text-align: center;
      text-decoration: underline;
      font-size: 1.4rem;
      font-weight: bold;
      color: #2759B4; }

.blank {
  height: 93px; }
  @media screen and (max-width: 767px) {
    .blank {
      height: 58px; } }

main#first-login-page .title {
  margin-block-start: 44px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.94px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    main#first-login-page .title {
      margin-block-start: 12px;
      font-size: 22px;
      letter-spacing: 1.76px; } }

main#first-login-page .require-id-and-pass {
  margin-block-start: 32px;
  font-size: 16px;
  letter-spacing: 0.64px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    main#first-login-page .require-id-and-pass {
      font-size: 14px;
      letter-spacing: 0.56px; } }

main#first-login-page .next-button {
  display: none;
  margin: 80px auto 0;
  width: 320px;
  height: 48px;
  background-color: #2759B4;
  border-radius: 8px;
  color: #FFF; }
  @media screen and (max-width: 767px) {
    main#first-login-page .next-button {
      margin-top: 32px;
      width: 343px; } }

main#first-login-page .disabled-next-button {
  margin: 32px auto 0;
  width: 320px;
  height: 48px;
  background-color: #00000067;
  border-radius: 8px;
  color: #FFF; }
  @media screen and (max-width: 767px) {
    main#first-login-page .disabled-next-button {
      margin-top: 32px;
      width: 343px; } }

main#first-login-page .button-text {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold; }

main#first-login-page .input-form {
  margin-top: 48px; }
  main#first-login-page .input-form .input-section {
    width: 356px;
    margin: 0 auto 24px; }
    main#first-login-page .input-form .input-section:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      main#first-login-page .input-form .input-section {
        width: 343px; } }
    main#first-login-page .input-form .input-section .input-label {
      margin-bottom: 12px;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.56px; }
    main#first-login-page .input-form .input-section .input {
      z-index: 10;
      width: 356px;
      padding: 16px 12px;
      border-radius: 8px;
      border: 1px solid #E2E2E2;
      font-size: 16px; }
      @media screen and (max-width: 767px) {
        main#first-login-page .input-form .input-section .input {
          width: 343px; } }
      main#first-login-page .input-form .input-section .input.is_error {
        border: 1px solid #CE0000;
        background-color: rgba(206, 0, 0, 0.12); }
      main#first-login-page .input-form .input-section .input:focus {
        outline: none;
        border: 1px solid #2759B4; }
      main#first-login-page .input-form .input-section .input::placeholder {
        font-size: 14px;
        color: #000000b7; }
    main#first-login-page .input-form .input-section .pass-form {
      position: relative; }
      main#first-login-page .input-form .input-section .pass-form .eye-image {
        z-index: 0;
        position: absolute;
        top: 17px;
        left: 320px; }
        @media screen and (max-width: 767px) {
          main#first-login-page .input-form .input-section .pass-form .eye-image {
            left: 307px; } }
        main#first-login-page .input-form .input-section .pass-form .eye-image .eye {
          display: none; }
        main#first-login-page .input-form .input-section .pass-form .eye-image .eye-slash {
          display: block; }
    main#first-login-page .input-form .input-section .pass-requirements {
      margin-top: 4px;
      font-size: 12px;
      color: #000000b7; }
  main#first-login-page .input-form .error-text {
    display: none; }
    main#first-login-page .input-form .error-text .warning-text {
      display: flex;
      align-items: center;
      color: #CE0000;
      font-size: 12px; }

main#first-login-page .forget-pass {
  display: flex;
  justify-content: center;
  margin: 24px auto 173px;
  color: #2759B4;
  font-size: 14px;
  letter-spacing: 0.56px;
  font-weight: bold;
  text-decoration: underline; }
  @media screen and (max-width: 767px) {
    main#first-login-page .forget-pass {
      margin-bottom: 160px; } }

main#member-bulletin {
  margin-bottom: 130px; }
  main#member-bulletin .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    width: 100%;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      main#member-bulletin .wrapper {
        grid-template-columns: 1fr; } }
    main#member-bulletin .wrapper .single {
      width: 100%;
      height: fit-content;
      border: 1px solid #E6E6E6;
      display: flex;
      align-items: center;
      position: relative;
      padding-top: 28px;
      padding-bottom: 28px;
      padding-left: 32px;
      padding-right: 173px;
      position: relative; }
      @media screen and (max-width: 767px) {
        main#member-bulletin .wrapper .single {
          padding-right: 78px;
          height: fit-content; } }
      main#member-bulletin .wrapper .single .month {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #F7B633;
        width: 61px;
        height: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.4rem;
        font-weight: bold;
        color: white; }
      main#member-bulletin .wrapper .single .title {
        font-size: 1.6rem;
        font-weight: bold;
        color: black; }
      main#member-bulletin .wrapper .single::after {
        content: "";
        background-image: url(../images/common/pdf.svg);
        width: 4.0rem;
        height: 4.0rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 24px;
        margin: auto; }

main#member-greeting {
  font-family: Noto Sans JP;
  display: flex;
  flex-direction: column;
  align-items: center; }
  main#member-greeting .title {
    margin-bottom: 48px;
    font-size: 2.4rem;
    font-weight: bold; }
  main#member-greeting .bannerwrapper {
    height: 100px;
    width: 356px;
    margin-top: 64px;
    margin-bottom: 56px; }
    main#member-greeting .bannerwrapper .banner {
      height: 100%;
      width: 100%; }
  main#member-greeting .descriptionwrapper {
    display: flex;
    text-align: center; }
    @media screen and (max-width: 767px) {
      main#member-greeting .descriptionwrapper {
        display: block; } }
  main#member-greeting .radiowrapper {
    display: flex;
    align-items: center;
    height: 48px;
    width: 100%;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      main#member-greeting .radiowrapper {
        width: 100%; } }
    main#member-greeting .radiowrapper.delegate-wrapper {
      height: 82px; }
      main#member-greeting .radiowrapper.delegate-wrapper .delegate-contents {
        display: flex;
        flex-flow: column; }
        main#member-greeting .radiowrapper.delegate-wrapper .delegate-contents .delegate-agent {
          display: flex;
          align-items: center; }
          main#member-greeting .radiowrapper.delegate-wrapper .delegate-contents .delegate-agent :nth-child(3) {
            margin-left: 90px; }
            @media screen and (max-width: 767px) {
              main#member-greeting .radiowrapper.delegate-wrapper .delegate-contents .delegate-agent :nth-child(3) {
                margin-left: 60px; } }
    main#member-greeting .radiowrapper .form-contents {
      display: flex;
      width: 60%;
      align-items: center; }
      main#member-greeting .radiowrapper .form-contents :nth-child(3) {
        margin-left: 90px; }
        @media screen and (max-width: 767px) {
          main#member-greeting .radiowrapper .form-contents :nth-child(3) {
            margin-left: 60px; } }
    main#member-greeting .radiowrapper .radiotitle {
      width: 40%;
      margin-right: 22px;
      text-align: right; }
      @media screen and (max-width: 767px) {
        main#member-greeting .radiowrapper .radiotitle {
          margin-right: 32px; } }
    main#member-greeting .radiowrapper .radiobutton {
      appearance: none;
      height: 24px;
      width: 24px;
      margin-right: 12px;
      margin-left: 19px;
      border: 2px solid #2759B4;
      border-radius: 50%; }
    main#member-greeting .radiowrapper .radiobutton:checked {
      height: 24px;
      width: 24px;
      border: 2px solid #2759B4;
      border-radius: 50%;
      outline: 4px solid white;
      outline-offset: -6px;
      background-color: #2759B4; }
    main#member-greeting .radiowrapper .text-title {
      width: 40%;
      margin-right: 22px;
      text-align: right; }
      @media screen and (max-width: 767px) {
        main#member-greeting .radiowrapper .text-title {
          width: 100%;
          text-align: left; } }
    main#member-greeting .radiowrapper .text-input {
      height: 48px;
      width: 356px;
      border: 1px solid #E6E6E6;
      border-radius: 8px;
      margin-top: 10px;
      padding-left: 12px; }
      @media screen and (max-width: 767px) {
        main#member-greeting .radiowrapper .text-input {
          width: 100%; } }
    main#member-greeting .radiowrapper .number-input {
      height: 48px;
      width: 62px;
      border: 1px solid #E6E6E6;
      border-radius: 8px;
      padding-left: 12px;
      margin-right: 10px; }
    @media screen and (max-width: 767px) {
      main#member-greeting .radiowrapper .radiowrapper:has(.text-input) {
        display: block;
        height: fit-content; } }
  main#member-greeting #attendances {
    width: 100%;
    height: 248px;
    overflow: hidden;
    transition: all 0.5s; }
    main#member-greeting #attendances.is_close {
      height: 0px;
      transition: all 0.5s; }
    main#member-greeting #attendances .radiowrapper {
      margin-bottom: 16px; }
    main#member-greeting #attendances .text-input {
      height: 48px;
      width: 356px;
      border: 1px solid #E6E6E6;
      border-radius: 8px;
      margin-top: 10px;
      padding-left: 12px; }
      @media screen and (max-width: 767px) {
        main#member-greeting #attendances .text-input {
          width: 100%; } }
    main#member-greeting #attendances #attends-wrapper {
      height: fit-content; }
      main#member-greeting #attendances #attends-wrapper.is_close {
        height: 0px;
        transition: all 0.5s;
        overflow: hidden; }
      main#member-greeting #attendances #attends-wrapper .text-title {
        align-self: flex-start;
        margin-top: 24px; }
      main#member-greeting #attendances #attends-wrapper .form-text {
        width: 56%; }
        @media screen and (max-width: 767px) {
          main#member-greeting #attendances #attends-wrapper .form-text {
            width: 100%; } }
    @media screen and (max-width: 767px) {
      main#member-greeting #attendances .radiowrapper:has(.text-input) {
        display: block;
        height: fit-content; } }
  main#member-greeting #attention {
    color: #2759B4;
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
    main#member-greeting #attention.is_close {
      transition: all 0.5s;
      height: 0px;
      overflow: hidden; }
  main#member-greeting .bluebutton {
    height: 48px;
    width: 340px;
    margin-top: 48px;
    margin-bottom: 173px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: white;
    background-color: #2759B4; }
  main#member-greeting .modal-wrapper {
    display: none;
    position: fixed;
    overflow: hidden;
    z-index: 1900;
    align-items: center;
    justify-content: center;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000067; }
    main#member-greeting .modal-wrapper .modal {
      width: 736px;
      height: 229px;
      background-color: #FFF;
      border-radius: 16px;
      padding: 32px 24px; }
      main#member-greeting .modal-wrapper .modal .cancel-button-wrapper {
        width: 24px;
        height: 24px;
        margin-left: auto; }
        main#member-greeting .modal-wrapper .modal .cancel-button-wrapper .cancel-button {
          width: 24px;
          height: 24px; }
      main#member-greeting .modal-wrapper .modal .modal-main-contents .modal-title {
        display: flex;
        justify-content: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 18px; }
        @media screen and (max-width: 767px) {
          main#member-greeting .modal-wrapper .modal .modal-main-contents .modal-title {
            margin-top: 16px;
            font-size: 14px;
            line-height: 14px; } }
      main#member-greeting .modal-wrapper .modal .modal-main-contents .modal-sentence {
        margin: 32px 0;
        display: flex;
        justify-content: center;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0.64px;
        color: #000000b7;
        line-height: 16px; }
        @media screen and (max-width: 767px) {
          main#member-greeting .modal-wrapper .modal .modal-main-contents .modal-sentence {
            margin-top: 16px;
            font-size: 14px;
            letter-spacing: 0.56px;
            line-height: 14px; } }
      main#member-greeting .modal-wrapper .modal .modal-main-contents .ok-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 165px;
        height: 43px;
        background-color: #2759B4;
        border-radius: 8px; }
        @media screen and (max-width: 767px) {
          main#member-greeting .modal-wrapper .modal .modal-main-contents .ok-button {
            width: 163px; } }
        main#member-greeting .modal-wrapper .modal .modal-main-contents .ok-button .ok-button-text {
          color: #FFF;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.56px;
          text-align: center; }
      @media screen and (max-width: 767px) {
        main#member-greeting .modal-wrapper .modal {
          width: 280px;
          height: 207px;
          padding: 16px; } }

main#member-meeting-agenda {
  width: 65%;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media screen and (max-width: 767px) {
    main#member-meeting-agenda {
      width: 100%; } }
  main#member-meeting-agenda h2::after {
    display: none; }
  main#member-meeting-agenda .single {
    margin-bottom: 80px; }
    main#member-meeting-agenda .single h4 {
      font-size: 1.6rem;
      font-weight: bold;
      padding-bottom: 8px; }
    main#member-meeting-agenda .single .separator {
      width: 100%;
      height: 2px;
      background-color: #E6E6E6;
      position: relative;
      margin-bottom: 16px;
      z-index: 1; }
      main#member-meeting-agenda .single .separator::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        margin: auto;
        display: block;
        width: 100px;
        height: 2px;
        content: "";
        background-color: #2759B4; }
    main#member-meeting-agenda .single .description {
      font-size: 1.6rem;
      font-weight: normal;
      margin-bottom: 24px; }
    main#member-meeting-agenda .single .pdf {
      border: 1px solid #E6E6E6;
      padding: 8px 24px 8px 56px;
      color: #2759B4;
      width: fit-content;
      position: relative; }
      main#member-meeting-agenda .single .pdf::after {
        content: "";
        width: 2.4rem;
        height: auto;
        background-image: url("../images/common/pdf.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 24px;
        margin: auto; }

main#member-meeting-attendance {
  font-family: Noto Sans JP;
  display: flex;
  flex-direction: column;
  align-items: center; }
  main#member-meeting-attendance .title {
    margin-bottom: 48px;
    font-size: 24px;
    font-weight: bold; }
  main#member-meeting-attendance .bannerwrapper {
    height: 100px;
    width: 356px;
    margin-top: 64px;
    margin-bottom: 56px; }
    main#member-meeting-attendance .bannerwrapper .banner {
      height: 100%;
      width: 100%; }
  main#member-meeting-attendance .descriptionwrapper {
    display: flex;
    text-align: center; }
    @media screen and (max-width: 767px) {
      main#member-meeting-attendance .descriptionwrapper {
        display: block; } }
  main#member-meeting-attendance .radiowrapper {
    display: flex;
    align-items: center;
    height: 48px;
    width: 100%;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      main#member-meeting-attendance .radiowrapper {
        width: 100%; } }
    main#member-meeting-attendance .radiowrapper .radiotitle {
      width: 40%;
      margin-right: 22px;
      text-align: right; }
    main#member-meeting-attendance .radiowrapper .text-title {
      width: 40%;
      margin-right: 22px;
      text-align: right; }
      @media screen and (max-width: 767px) {
        main#member-meeting-attendance .radiowrapper .text-title {
          width: 100%;
          text-align: left; } }
    main#member-meeting-attendance .radiowrapper .form-contents {
      display: flex;
      width: 60%; }
      main#member-meeting-attendance .radiowrapper .form-contents :nth-child(3) {
        margin-left: 90px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-attendance .radiowrapper .form-contents :nth-child(3) {
            margin-left: 60px; } }
    main#member-meeting-attendance .radiowrapper .radiobutton {
      appearance: none;
      height: 24px;
      width: 24px;
      margin-right: 12px;
      border: 2px solid #2759B4;
      border-radius: 50%; }
    main#member-meeting-attendance .radiowrapper .radiobutton:checked {
      height: 24px;
      width: 24px;
      border: 2px solid #2759B4;
      border-radius: 50%;
      outline: 4px solid white;
      outline-offset: -6px;
      background-color: #2759B4; }
  main#member-meeting-attendance #attendances {
    width: 100%;
    height: 248px;
    overflow: hidden;
    transition: all 0.5s; }
    main#member-meeting-attendance #attendances.is_close {
      height: 0px;
      transition: all 0.5s; }
    main#member-meeting-attendance #attendances .radiowrapper {
      margin-bottom: 16px; }
    main#member-meeting-attendance #attendances .text-input {
      height: 48px;
      width: 356px;
      border: 1px solid #E6E6E6;
      border-radius: 8px;
      margin-top: 10px;
      padding-left: 12px; }
      @media screen and (max-width: 767px) {
        main#member-meeting-attendance #attendances .text-input {
          width: 100%; } }
    @media screen and (max-width: 767px) {
      main#member-meeting-attendance #attendances .radiowrapper:has(.text-input) {
        display: block;
        height: fit-content; } }
  main#member-meeting-attendance .bluebutton {
    height: 48px;
    width: 340px;
    margin-top: 48px;
    margin-bottom: 173px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: white;
    background-color: #2759B4; }
  main#member-meeting-attendance .modal-wrapper {
    display: none;
    position: fixed;
    overflow: hidden;
    z-index: 1900;
    align-items: center;
    justify-content: center;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000067; }
    main#member-meeting-attendance .modal-wrapper .modal {
      width: 736px;
      height: 229px;
      background-color: #FFF;
      border-radius: 16px;
      padding: 32px 24px; }
      main#member-meeting-attendance .modal-wrapper .modal .cancel-button-wrapper {
        width: 24px;
        height: 24px;
        margin-left: auto; }
        main#member-meeting-attendance .modal-wrapper .modal .cancel-button-wrapper .cancel-button {
          width: 24px;
          height: 24px; }
      main#member-meeting-attendance .modal-wrapper .modal .modal-main-contents .modal-title {
        display: flex;
        justify-content: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 18px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-attendance .modal-wrapper .modal .modal-main-contents .modal-title {
            margin-top: 16px;
            font-size: 14px;
            line-height: 14px; } }
      main#member-meeting-attendance .modal-wrapper .modal .modal-main-contents .modal-sentence {
        margin: 32px 0;
        display: flex;
        justify-content: center;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0.64px;
        color: #000000b7;
        line-height: 16px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-attendance .modal-wrapper .modal .modal-main-contents .modal-sentence {
            margin-top: 16px;
            font-size: 14px;
            letter-spacing: 0.56px;
            line-height: 14px; } }
      main#member-meeting-attendance .modal-wrapper .modal .modal-main-contents .ok-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 165px;
        height: 43px;
        background-color: #2759B4;
        border-radius: 8px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-attendance .modal-wrapper .modal .modal-main-contents .ok-button {
            width: 163px; } }
        main#member-meeting-attendance .modal-wrapper .modal .modal-main-contents .ok-button .ok-button-text {
          color: #FFF;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.56px;
          text-align: center; }
      @media screen and (max-width: 767px) {
        main#member-meeting-attendance .modal-wrapper .modal {
          width: 280px;
          height: 207px;
          padding: 16px; } }

main#member-meeting-method-other {
  font-family: Noto Sans JP;
  width: 736px; }
  @media screen and (max-width: 767px) {
    main#member-meeting-method-other {
      width: 100%; } }
  main#member-meeting-method-other .title {
    margin-top: 44px;
    margin-bottom: 48px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      main#member-meeting-method-other .title {
        margin-top: 12px;
        margin-bottom: 32px; } }
  main#member-meeting-method-other .description {
    text-align: center; }
  main#member-meeting-method-other .descriptionwrapper {
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      main#member-meeting-method-other .descriptionwrapper {
        display: flex;
        flex-direction: column;
        align-items: center; } }
  main#member-meeting-method-other .proxywrapper {
    height: auto;
    width: 724px;
    padding: 32px 16px;
    margin-left: 3px;
    margin-bottom: 48px;
    box-shadow: 0px 3px 6px #00000029; }
    @media screen and (max-width: 767px) {
      main#member-meeting-method-other .proxywrapper {
        width: 333px;
        padding: 24px 16px;
        margin: 0 auto; } }
    main#member-meeting-method-other .proxywrapper .proxytitle {
      margin-bottom: 27px;
      text-align: center;
      font-size: 1.8rem;
      font-weight: bold; }
    main#member-meeting-method-other .proxywrapper .proxyfirstline {
      display: flex;
      align-items: center;
      margin-bottom: 24px; }
      @media screen and (max-width: 767px) {
        main#member-meeting-method-other .proxywrapper .proxyfirstline {
          display: block;
          margin-bottom: 0px;
          font-size: 1.4rem; } }
      main#member-meeting-method-other .proxywrapper .proxyfirstline .proxyfirstlineleft {
        display: flex;
        align-items: center; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-other .proxywrapper .proxyfirstline .proxyfirstlineleft {
            align-items: baseline; } }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-other .proxywrapper .proxyfirstline .proxyfirstlineleft .watashiha {
            margin-top: 16px; } }
        main#member-meeting-method-other .proxywrapper .proxyfirstline .proxyfirstlineleft .nameinputwrapper {
          display: flex;
          align-items: center;
          height: 48px;
          width: 298px;
          margin: 0px 8px;
          padding-right: 16px;
          padding-left: 12px;
          border: 1px solid #E2E2E2;
          border-radius: 8px; }
          @media screen and (max-width: 767px) {
            main#member-meeting-method-other .proxywrapper .proxyfirstline .proxyfirstlineleft .nameinputwrapper {
              width: 258px;
              margin-right: 0px;
              margin-left: 0px;
              margin-bottom: 16px; } }
          main#member-meeting-method-other .proxywrapper .proxyfirstline .proxyfirstlineleft .nameinputwrapper .nameinput {
            width: 100%;
            font-size: 1.6rem;
            border: none; }
            @media screen and (max-width: 767px) {
              main#member-meeting-method-other .proxywrapper .proxyfirstline .proxyfirstlineleft .nameinputwrapper .nameinput {
                font-size: 1.4rem; } }
          main#member-meeting-method-other .proxywrapper .proxyfirstline .proxyfirstlineleft .nameinputwrapper .nameinput:focus {
            outline: none; }
            @media screen and (max-width: 767px) {
              main#member-meeting-method-other .proxywrapper .proxyfirstline .proxyfirstlineleft .nameinputwrapper .nameinput:focus {
                font-size: 1.4rem; } }
    @media screen and (max-width: 767px) {
      main#member-meeting-method-other .proxywrapper .proxysecondline {
        font-size: 1.4rem;
        margin-bottom: 56px; } }
    main#member-meeting-method-other .proxywrapper .date {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-top: 31px; }
      main#member-meeting-method-other .proxywrapper .date .datetext {
        font-size: 1.4rem;
        font-weight: bold; }
      main#member-meeting-method-other .proxywrapper .date .dateselectwrapper {
        display: flex;
        align-items: center;
        height: 48px;
        width: 106px;
        margin: 0px 8px;
        border: 1px solid #E2E2E2;
        border-radius: 8px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-other .proxywrapper .date .dateselectwrapper {
            margin: 0px 2px; } }
        main#member-meeting-method-other .proxywrapper .date .dateselectwrapper .dateselect {
          position: relative;
          z-index: 1;
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          height: 100%;
          width: 100%;
          padding: 14px 42px 14px 12px;
          border: none;
          border-radius: 8px;
          background: none;
          background-image: url("../images/common/lower-arrow.svg");
          background-repeat: no-repeat;
          background-size: 20px;
          background-position: right 12px center;
          transition: all 0.5s; }
        main#member-meeting-method-other .proxywrapper .date .dateselectwrapper .dateselect:focus {
          outline: none; }
    main#member-meeting-method-other .proxywrapper .textform {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-top: 16px; }
      @media screen and (max-width: 767px) {
        main#member-meeting-method-other .proxywrapper .textform {
          display: block; } }
      main#member-meeting-method-other .proxywrapper .textform .formtitle {
        font-size: 1.4rem;
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-other .proxywrapper .textform .formtitle {
            margin-bottom: 8px; } }
      main#member-meeting-method-other .proxywrapper .textform .textinputwrapper {
        display: flex;
        align-items: center;
        height: 48px;
        width: 298px;
        margin-left: 24px;
        padding-right: 16px;
        padding-left: 12px;
        border: 1px solid #E2E2E2;
        border-radius: 8px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-other .proxywrapper .textform .textinputwrapper {
            margin-left: 0px; } }
        main#member-meeting-method-other .proxywrapper .textform .textinputwrapper .textinput {
          width: 100%;
          font-size: 1.6rem;
          border: none; }
        main#member-meeting-method-other .proxywrapper .textform .textinputwrapper .textinput:focus {
          outline: none; }
  main#member-meeting-method-other .button {
    display: none;
    height: 48px;
    width: 340px;
    margin-top: 48px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 173px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: white;
    background-color: #2759B4; }
    @media screen and (max-width: 767px) {
      main#member-meeting-method-other .button {
        margin-bottom: 160px; } }
  main#member-meeting-method-other .disabledbutton {
    height: 48px;
    width: 340px;
    margin-top: 48px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 173px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: white;
    background-color: #00000067; }
    @media screen and (max-width: 767px) {
      main#member-meeting-method-other .disabledbutton {
        margin-bottom: 160px; } }
  main#member-meeting-method-other .modal-wrapper {
    display: none;
    position: fixed;
    overflow: hidden;
    z-index: 1900;
    align-items: center;
    justify-content: center;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000067; }
    main#member-meeting-method-other .modal-wrapper .modal {
      width: 736px;
      height: 229px;
      background-color: #FFF;
      border-radius: 16px;
      padding: 32px 24px; }
      main#member-meeting-method-other .modal-wrapper .modal .cancel-button-wrapper {
        width: 24px;
        height: 24px;
        margin-left: auto; }
        main#member-meeting-method-other .modal-wrapper .modal .cancel-button-wrapper .cancel-button {
          width: 24px;
          height: 24px; }
      main#member-meeting-method-other .modal-wrapper .modal .modal-main-contents .modal-title {
        display: flex;
        justify-content: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 18px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-other .modal-wrapper .modal .modal-main-contents .modal-title {
            margin-top: 16px;
            font-size: 14px;
            line-height: 14px; } }
      main#member-meeting-method-other .modal-wrapper .modal .modal-main-contents .modal-sentence {
        margin: 32px 0;
        display: flex;
        justify-content: center;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0.64px;
        color: #000000b7;
        line-height: 16px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-other .modal-wrapper .modal .modal-main-contents .modal-sentence {
            margin-top: 16px;
            font-size: 14px;
            letter-spacing: 0.56px;
            line-height: 14px; } }
      main#member-meeting-method-other .modal-wrapper .modal .modal-main-contents .ok-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 165px;
        height: 43px;
        background-color: #2759B4;
        border-radius: 8px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-other .modal-wrapper .modal .modal-main-contents .ok-button {
            width: 163px; } }
        main#member-meeting-method-other .modal-wrapper .modal .modal-main-contents .ok-button .ok-button-text {
          color: #FFF;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.56px;
          text-align: center; }
      @media screen and (max-width: 767px) {
        main#member-meeting-method-other .modal-wrapper .modal {
          width: 280px;
          height: 207px;
          padding: 16px; } }

main#member-meeting-method-paper {
  font-family: Noto Sans JP;
  width: 736px; }
  @media screen and (max-width: 767px) {
    main#member-meeting-method-paper {
      width: 100%; } }
  main#member-meeting-method-paper .title {
    margin-bottom: 48px;
    font-size: 2.4rem;
    font-weight: bold; }
  main#member-meeting-method-paper .proposalwrapper {
    display: block;
    margin-bottom: 40px; }
    main#member-meeting-method-paper .proposalwrapper .proposal {
      margin-bottom: 8px;
      font-weight: bold; }
    main#member-meeting-method-paper .proposalwrapper .border {
      display: flex;
      margin-bottom: 16px; }
      main#member-meeting-method-paper .proposalwrapper .border .bluerectangle {
        height: 2px;
        width: 100px;
        background-color: #2759B4; }
      main#member-meeting-method-paper .proposalwrapper .border .grayrectangle {
        height: 2px;
        width: 100%;
        background-color: #F2F4F8; }
    main#member-meeting-method-paper .proposalwrapper .description {
      margin-bottom: 24px; }
    main#member-meeting-method-paper .proposalwrapper .pdf-wrapper {
      display: flex; }
      main#member-meeting-method-paper .proposalwrapper .pdf-wrapper a {
        display: flex;
        margin-right: 0;
        margin-left: auto;
        margin-bottom: 12px; }
        main#member-meeting-method-paper .proposalwrapper .pdf-wrapper a .pdf {
          display: inline-flex;
          align-items: center;
          height: 40px;
          width: 261px;
          padding-left: 24px;
          border: 1px solid #E2E2E2; }
          @media screen and (max-width: 767px) {
            main#member-meeting-method-paper .proposalwrapper .pdf-wrapper a .pdf {
              width: 220px;
              margin-left: 0px; } }
          main#member-meeting-method-paper .proposalwrapper .pdf-wrapper a .pdf .pdflogo {
            height: 24px;
            width: 24px;
            margin-right: 4px; }
          main#member-meeting-method-paper .proposalwrapper .pdf-wrapper a .pdf .pdfname {
            font-weight: bold;
            color: #2759B4; }
      main#member-meeting-method-paper .proposalwrapper .pdf-wrapper:not(:has(+ .radiowrapper)) {
        margin-bottom: 40px; }
    main#member-meeting-method-paper .proposalwrapper .radiowrapper {
      display: flex;
      align-items: center;
      height: 48px;
      width: 172px;
      font-size: 1.4rem;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        main#member-meeting-method-paper .proposalwrapper .radiowrapper {
          margin-right: auto;
          margin-left: auto; } }
      main#member-meeting-method-paper .proposalwrapper .radiowrapper .radiobutton {
        appearance: none;
        height: 24px;
        width: 24px;
        margin-right: 12px;
        border: 2px solid #2759B4;
        border-radius: 50%; }
      main#member-meeting-method-paper .proposalwrapper .radiowrapper .radiobutton:checked {
        height: 24px;
        width: 24px;
        border: 2px solid #2759B4;
        border-radius: 50%;
        outline: 4px solid white;
        outline-offset: -6px;
        background-color: #2759B4; }
      main#member-meeting-method-paper .proposalwrapper .radiowrapper .option1 {
        margin-right: 19px; }
    main#member-meeting-method-paper .proposalwrapper .remarks {
      display: flex;
      width: 100%;
      margin-bottom: 24px;
      padding-left: 12px;
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
  main#member-meeting-method-paper .blue-button {
    height: 48px;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 173px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: white;
    background-color: #2759B4; }
  main#member-meeting-method-paper .modal-wrapper {
    display: none;
    position: fixed;
    overflow: hidden;
    z-index: 1900;
    align-items: center;
    justify-content: center;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000067; }
    main#member-meeting-method-paper .modal-wrapper .modal {
      width: 736px;
      height: 229px;
      background-color: #FFF;
      border-radius: 16px;
      padding: 32px 24px; }
      main#member-meeting-method-paper .modal-wrapper .modal .cancel-button-wrapper {
        width: 24px;
        height: 24px;
        margin-left: auto; }
        main#member-meeting-method-paper .modal-wrapper .modal .cancel-button-wrapper .cancel-button {
          width: 24px;
          height: 24px; }
      main#member-meeting-method-paper .modal-wrapper .modal .modal-main-contents .modal-title {
        display: flex;
        justify-content: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 18px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-paper .modal-wrapper .modal .modal-main-contents .modal-title {
            margin-top: 16px;
            font-size: 14px;
            line-height: 14px; } }
      main#member-meeting-method-paper .modal-wrapper .modal .modal-main-contents .modal-sentence {
        margin: 32px 0;
        display: flex;
        justify-content: center;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0.64px;
        color: #000000b7;
        line-height: 16px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-paper .modal-wrapper .modal .modal-main-contents .modal-sentence {
            margin-top: 16px;
            font-size: 14px;
            letter-spacing: 0.56px;
            line-height: 14px; } }
      main#member-meeting-method-paper .modal-wrapper .modal .modal-main-contents .ok-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 165px;
        height: 43px;
        background-color: #2759B4;
        border-radius: 8px; }
        @media screen and (max-width: 767px) {
          main#member-meeting-method-paper .modal-wrapper .modal .modal-main-contents .ok-button {
            width: 163px; } }
        main#member-meeting-method-paper .modal-wrapper .modal .modal-main-contents .ok-button .ok-button-text {
          color: #FFF;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.56px;
          text-align: center; }
      @media screen and (max-width: 767px) {
        main#member-meeting-method-paper .modal-wrapper .modal {
          width: 280px;
          height: 207px;
          padding: 16px; } }

main#member-meeting-method {
  font-family: Noto Sans JP;
  display: flex;
  flex-direction: column;
  align-items: center; }
  main#member-meeting-method .title {
    margin-bottom: 48px;
    font-size: 2.4rem;
    font-weight: bold; }
  main#member-meeting-method .description {
    margin-bottom: 64px;
    text-align: center; }
  main#member-meeting-method a {
    margin-bottom: 16px; }
  main#member-meeting-method .bluebutton {
    height: 48px;
    width: 320px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: white;
    background-color: #2759B4; }
  main#member-meeting-method .underblank {
    margin-bottom: 157px; }
    @media screen and (max-width: 767px) {
      main#member-meeting-method .underblank {
        margin-bottom: 339px; } }

main#member-meeting {
  font-family: Noto Sans JP;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 173px; }
  main#member-meeting .title {
    margin-bottom: 80px;
    font-size: 2.4rem;
    font-weight: bold; }
  main#member-meeting a {
    margin-bottom: 16px; }
  main#member-meeting .bluebutton {
    height: 48px;
    width: 340px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: white;
    background-color: #2759B4; }
    main#member-meeting .bluebutton.inactive {
      background-color: #00000067; }
  main#member-meeting .whitebutton {
    height: 48px;
    width: 340px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #2759B4;
    border-radius: 8px;
    color: #2759B4;
    background-color: white; }
    @media screen and (max-width: 767px) {
      main#member-meeting .whitebutton {
        margin-bottom: 391px; } }

.blank {
  height: 93px; }
  @media screen and (max-width: 767px) {
    .blank {
      height: 58px; } }

.breadcrumbs {
  margin-block-start: 18px; }
  @media screen and (max-width: 767px) {
    .breadcrumbs {
      margin-block-start: 0; } }

main#member-organization-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 120px; }
  main#member-organization-page .title {
    margin-block-start: 46px;
    margin-bottom: 80px; }
  main#member-organization-page .error {
    display: block;
    width: 65%;
    margin: 0 auto;
    margin-bottom: 48px;
    padding-top: 30px;
    padding-bottom: 24px;
    border: 1px solid #CE0000;
    border-radius: 8px;
    background-color: rgba(206, 0, 0, 0.12); }
    main#member-organization-page .error .errorlogowrapper {
      height: 28px;
      width: 28px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 6px; }
      main#member-organization-page .error .errorlogowrapper .errorlogo {
        height: 100%;
        width: 100%; }
    main#member-organization-page .error .errortext {
      text-align: center;
      color: #CE0000; }
  main#member-organization-page .bluebutton {
    width: 320px;
    height: 48px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: white;
    background-color: #2759B4; }
    @media screen and (max-width: 767px) {
      main#member-organization-page .bluebutton {
        width: 100%; } }
    main#member-organization-page .bluebutton.inactive {
      background-color: #00000067; }
  main#member-organization-page .attend-button {
    display: inline-flex;
    width: 320px;
    height: 48px;
    background-color: #2759B4;
    border-radius: 8px;
    color: #FFF;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      main#member-organization-page .attend-button {
        width: 100%; } }
    main#member-organization-page .attend-button.inactive {
      background-color: #00000067; }
  main#member-organization-page .report-button {
    display: inline-flex;
    width: 320px;
    height: 48px;
    background-color: #FFF;
    border: 1px solid #2759B4;
    border-radius: 8px;
    color: #2759B4;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      main#member-organization-page .report-button {
        width: 100%;
        margin-bottom: 371px; } }
  main#member-organization-page .button-text {
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold; }
  main#member-organization-page a {
    margin: 0 auto;
    margin-top: 16px; }
    @media screen and (max-width: 767px) {
      main#member-organization-page a {
        width: 100%; } }

main#password-change {
  font-family: Noto Sans JP; }
  main#password-change .modalwrapper {
    position: absolute;
    overflow: hidden;
    z-index: 1900;
    display: none;
    flex-direction: column;
    align-items: center;
    height: 1663px;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: #00000067; }
    @media screen and (max-width: 767px) {
      main#password-change .modalwrapper {
        height: 819px; } }
    main#password-change .modalwrapper .modal {
      width: 736px;
      margin-top: 411px;
      padding-top: 32px;
      padding-bottom: 32px;
      padding-right: 24px;
      text-align: center;
      border-radius: 16px;
      background-color: white; }
      @media screen and (max-width: 767px) {
        main#password-change .modalwrapper .modal {
          width: 280px;
          margin-top: 290px;
          padding-top: 16px;
          padding-right: 16px;
          padding-left: 16px;
          padding-bottom: 32px; } }
      main#password-change .modalwrapper .modal .cancelbuttonwrapper {
        height: 24px;
        width: 24px;
        margin-left: 688px; }
        main#password-change .modalwrapper .modal .cancelbuttonwrapper .cancelbutton {
          height: 100%;
          width: 100%; }
        @media screen and (max-width: 767px) {
          main#password-change .modalwrapper .modal .cancelbuttonwrapper {
            margin-left: 220px;
            margin-bottom: 16px; } }
      main#password-change .modalwrapper .modal .modaltitle {
        font-size: 1.8rem;
        font-weight: bold; }
      main#password-change .modalwrapper .modal .modaltext {
        margin: 32px 0px; }
      main#password-change .modalwrapper .modal .okbutton {
        height: 43px;
        width: 162px;
        margin: auto;
        padding: 12px 0px;
        font-size: 1.4rem;
        font-weight: bold;
        border-radius: 8px;
        color: white;
        background-color: #2759B4; }
  main#password-change .wrapper {
    margin-top: 64px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 173px;
    width: 356px; }
    @media screen and (max-width: 767px) {
      main#password-change .wrapper {
        width: 343px;
        margin-top: 12px;
        margin-bottom: 222px; } }
    main#password-change .wrapper .title {
      margin-bottom: 48px;
      text-align: center;
      font-size: 2.4rem;
      font-weight: bold; }
    main#password-change .wrapper .formname {
      margin-bottom: 12px;
      font-size: 1.4rem;
      font-weight: bold; }
    main#password-change .wrapper .pform {
      display: flex;
      align-items: center;
      height: 48px;
      margin-bottom: 8px;
      padding-right: 16px;
      padding-left: 12px;
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
      @media screen and (max-width: 767px) {
        main#password-change .wrapper .pform {
          margin-bottom: 4px; } }
      main#password-change .wrapper .pform .pass {
        width: 100%;
        font-size: 1.6rem;
        border: none; }
      main#password-change .wrapper .pform .pass:focus {
        outline: none; }
      main#password-change .wrapper .pform .eye {
        height: 24px;
        width: 24px; }
      main#password-change .wrapper .pform .eyeslash {
        height: 24px;
        width: 24px;
        display: none; }
    main#password-change .wrapper .pnote {
      margin-bottom: 16px;
      font-size: 1.2rem;
      color: #000000b7; }
    main#password-change .wrapper .pform2 {
      display: flex;
      align-items: center;
      height: 48px;
      margin-bottom: 32px;
      padding-right: 16px;
      padding-left: 12px;
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
      @media screen and (max-width: 767px) {
        main#password-change .wrapper .pform2 {
          margin-bottom: 32px; } }
      main#password-change .wrapper .pform2 .pass2 {
        width: 100%;
        font-size: 1.6rem;
        border: none; }
      main#password-change .wrapper .pform2 .pass2:focus {
        outline: none; }
      main#password-change .wrapper .pform2 .eye2 {
        height: 24px;
        width: 24px; }
      main#password-change .wrapper .pform2 .eyeslash2 {
        height: 24px;
        width: 24px;
        display: none; }
    main#password-change .wrapper .error {
      display: none;
      margin-bottom: 28px; }
      main#password-change .wrapper .error .errorlogo {
        height: 16px;
        width: 16px;
        margin-right: 4px; }
      main#password-change .wrapper .error .errortext {
        font-size: 1.2rem;
        color: #CE0000; }
    main#password-change .wrapper .disabledbutton {
      height: 48px;
      margin-right: 18px;
      margin-left: 18px;
      margin-bottom: 24px;
      padding-top: 10px;
      text-align: center;
      font-weight: bold;
      border-radius: 8px;
      color: white;
      background-color: #00000067; }
      @media screen and (max-width: 767px) {
        main#password-change .wrapper .disabledbutton {
          margin-right: 0px;
          margin-left: 0px; } }
    main#password-change .wrapper .button {
      display: none;
      height: 48px;
      margin-right: 18px;
      margin-left: 18px;
      margin-bottom: 24px;
      padding-top: 10px;
      text-align: center;
      font-weight: bold;
      border-radius: 8px;
      color: white;
      background-color: #2759B4; }
      @media screen and (max-width: 767px) {
        main#password-change .wrapper .button {
          margin-right: 0px;
          margin-left: 0px; } }
    main#password-change .wrapper .forget {
      text-align: center;
      text-decoration: underline;
      font-size: 1.4rem;
      font-weight: bold;
      color: #2759B4; }

main#passforget {
  font-family: Noto Sans JP; }
  main#passforget .modalwrapper {
    position: absolute;
    overflow: hidden;
    z-index: 1900;
    display: none;
    flex-direction: column;
    align-items: center;
    height: 1588px;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: #00000067; }
    @media screen and (max-width: 767px) {
      main#passforget .modalwrapper {
        min-height: 766px;
        height: 100%; } }
    main#passforget .modalwrapper .modal {
      height: 262px;
      width: 736px;
      margin-top: 411px;
      padding-top: 32px;
      padding-bottom: 32px;
      padding-right: 24px;
      text-align: center;
      border-radius: 16px;
      background-color: white; }
      @media screen and (max-width: 767px) {
        main#passforget .modalwrapper .modal {
          height: auto;
          width: 280px;
          margin-top: 268px;
          padding-top: 16px;
          padding-right: 16px;
          padding-left: 16px;
          padding-bottom: 32px; } }
      main#passforget .modalwrapper .modal .cancelbuttonwrapper {
        height: 24px;
        width: 24px;
        margin-left: 688px; }
        @media screen and (max-width: 767px) {
          main#passforget .modalwrapper .modal .cancelbuttonwrapper {
            margin-left: 230px;
            margin-bottom: 13px; } }
        main#passforget .modalwrapper .modal .cancelbuttonwrapper .cancenbutton {
          height: 100%;
          width: 100%; }
      main#passforget .modalwrapper .modal .modaltitle {
        font-size: 1.8rem;
        font-weight: bold; }
      main#passforget .modalwrapper .modal .modaltext {
        margin: 32px 0px; }
        @media screen and (max-width: 767px) {
          main#passforget .modalwrapper .modal .modaltext {
            margin-top: 16px; } }
      main#passforget .modalwrapper .modal .okbutton {
        height: 43px;
        width: 162px;
        margin: auto;
        padding: 12px 0px;
        font-size: 1.4rem;
        font-weight: bold;
        border-radius: 8px;
        color: white;
        background-color: #2759B4; }
  main#passforget .title {
    margin-top: 64px;
    margin-bottom: 32px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      main#passforget .title {
        margin-top: 12px; } }
  main#passforget .descriptionwrapper {
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      main#passforget .descriptionwrapper {
        display: block; } }
    main#passforget .descriptionwrapper .description {
      text-align: center; }
      @media screen and (max-width: 767px) {
        main#passforget .descriptionwrapper .description {
          font-size: 1.4rem; } }
  main#passforget .wrapper {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 173px;
    width: 356px; }
    @media screen and (max-width: 767px) {
      main#passforget .wrapper {
        width: 343px;
        margin-bottom: 222px; } }
    main#passforget .wrapper .formname {
      margin-top: 48px;
      margin-bottom: 12px;
      font-size: 1.4rem;
      font-weight: bold; }
    main#passforget .wrapper .mform {
      display: flex;
      align-items: center;
      height: 48px;
      margin-bottom: 24px;
      padding-left: 12px;
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
      main#passforget .wrapper .mform .mail {
        width: 100%;
        font-size: 1.6rem;
        border: none; }
      main#passforget .wrapper .mform .mail:focus {
        outline: none; }
    main#passforget .wrapper .disabledbutton {
      height: 48px;
      margin-right: 18px;
      margin-left: 18px;
      margin-bottom: 24px;
      padding-top: 10px;
      text-align: center;
      font-weight: bold;
      border-radius: 8px;
      color: white;
      background-color: #00000067; }
      @media screen and (max-width: 767px) {
        main#passforget .wrapper .disabledbutton {
          margin-right: 0px;
          margin-left: 0px; } }
    main#passforget .wrapper .button {
      display: none;
      height: 48px;
      margin-right: 18px;
      margin-left: 18px;
      margin-bottom: 24px;
      padding-top: 10px;
      text-align: center;
      font-weight: bold;
      border-radius: 8px;
      color: white;
      background-color: #2759B4; }
      @media screen and (max-width: 767px) {
        main#passforget .wrapper .button {
          margin-right: 0px;
          margin-left: 0px; } }

.blank {
  height: 93px; }
  @media screen and (max-width: 767px) {
    .blank {
      height: 58px; } }

main#signup-confirm h1 {
  font-size: 22px;
  letter-spacing: 1.76px; }
  @media screen and (max-width: 767px) {
    main#signup-confirm h1 {
      line-height: 36px; } }

main#signup-confirm p {
  font-size: 16px;
  letter-spacing: 0.64px;
  line-height: 30px; }
  @media screen and (max-width: 767px) {
    main#signup-confirm p {
      font-size: 14px;
      letter-spacing: 0.56px;
      line-height: 22px; } }

main#signup-confirm .title {
  font-size: 24px;
  letter-spacing: 0.96px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 48px; }

main#signup-confirm .now-page {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  gap: 80px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto; }

main#signup-confirm .page-number-container {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  main#signup-confirm .page-number-container p {
    text-align: center;
    font-size: 14px; }
  main#signup-confirm .page-number-container .bold {
    font-weight: bold; }

main#signup-confirm .section-number {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-color: #FFF;
  color: #2759B4;
  border: 1.5px solid #2759B4; }
  main#signup-confirm .section-number p {
    font-size: 24px;
    text-align: center;
    font-weight: bold; }

main#signup-confirm .highlighted {
  background-color: #2759B4;
  color: #FFF;
  border: none; }

main#signup-confirm .note {
  max-width: 736px;
  font-size: 16px;
  letter-spacing: 0.64px;
  margin: 0 auto 64px;
  color: #000000b7;
  white-space: pre-line;
  text-align: center; }
  @media screen and (max-width: 767px) {
    main#signup-confirm .note {
      font-size: 14px;
      letter-spacing: 0.56px;
      width: 343px; } }
  main#signup-confirm .note span {
    color: #CE0000;
    font-weight: bold; }

main#signup-confirm .form {
  display: flex;
  flex-direction: column;
  width: fit-content;
  min-width: 600px;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: 1fr 1fr; }
  @media screen and (max-width: 767px) {
    main#signup-confirm .form {
      width: 100%;
      min-width: 100%; } }
  main#signup-confirm .form .input-section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    width: 210px;
    text-align: right;
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      main#signup-confirm .form .input-section-title {
        flex-direction: column;
        margin-bottom: 8px; } }
    main#signup-confirm .form .input-section-title .upper-position {
      margin-top: 0; }
    @media screen and (max-width: 767px) {
      main#signup-confirm .form .input-section-title.license-title {
        margin-bottom: 22px; } }
    main#signup-confirm .form .input-section-title p {
      width: 100%;
      margin-top: auto;
      margin-bottom: auto;
      font-size: 14px;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        main#signup-confirm .form .input-section-title p {
          text-align: left; } }
    main#signup-confirm .form .input-section-title span {
      color: #CE0000;
      font-weight: bold; }
  main#signup-confirm .form .input-section {
    position: relative;
    display: flex;
    margin-bottom: 16px; }
    @media screen and (max-width: 767px) {
      main#signup-confirm .form .input-section {
        flex-direction: column; } }
  main#signup-confirm .form .input {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    font-size: 16px; }
    main#signup-confirm .form .input.is_error {
      border: 1px solid #CE0000;
      background-color: rgba(206, 0, 0, 0.12); }
    main#signup-confirm .form .input:focus {
      outline: none;
      border: 1px solid #2759B4; }
    main#signup-confirm .form .input::placeholder {
      font-size: 14px;
      color: #000000b7; }
  main#signup-confirm .form .input-text .input-tel {
    min-width: 356px; }
    @media screen and (max-width: 767px) {
      main#signup-confirm .form .input-text .input-tel {
        text-align: left; } }
  main#signup-confirm .form .input-email {
    min-width: 451px; }
    @media screen and (max-width: 767px) {
      main#signup-confirm .form .input-email {
        text-align: left; } }
  main#signup-confirm .form .input-address {
    min-width: 489px; }
    @media screen and (max-width: 767px) {
      main#signup-confirm .form .input-address {
        text-align: left;
        max-width: 100%; } }
  main#signup-confirm .form .input-age {
    width: 106px; }

main#signup-confirm .input-section-title-text {
  font-size: 14px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    main#signup-confirm .input-section-title-text {
      text-align: left; } }

main#signup-confirm .select {
  position: relative;
  background: #FFF;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  position: relative;
  z-index: 1;
  min-width: 80px; }
  main#signup-confirm .select.is_error {
    border: 1px solid #CE0000;
    background-color: rgba(206, 0, 0, 0.12); }
  main#signup-confirm .select.address {
    width: 300px; }
  main#signup-confirm .select.birthday {
    width: 106px; }
  main#signup-confirm .select .lower-spacing {
    margin-bottom: 16px; }

main#signup-confirm .date-container {
  display: flex;
  align-items: center; }

main#signup-confirm .note-form {
  font-size: 12px;
  color: #000000b7; }

main#signup-confirm .date-character {
  margin: auto 8px; }

main#signup-confirm .bold {
  font-weight: bold; }

main#signup-confirm .check-select-options .check-select-option {
  display: flex;
  align-items: center; }
  main#signup-confirm .check-select-options .check-select-option.spacing {
    margin-bottom: 24px; }

main#signup-confirm .check-select-options .check-select-option-text {
  margin-left: 12px;
  font-size: 14px;
  line-height: 24px; }

main#signup-confirm input[type=checkbox] {
  display: none; }

main#signup-confirm .checkbox {
  box-sizing: border-box;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #FFF; }
  main#signup-confirm .checkbox::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    opacity: 0;
    background-image: url("../images/common/check-button-after.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  main#signup-confirm .checkbox::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("../images/common/check-button-before.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1; }

main#signup-confirm input[type=checkbox]:checked + .checkbox::after {
  opacity: 1; }

main#signup-confirm input[type=checkbox]:checked + .checkbox::before {
  opacity: 0; }

main#signup-confirm input[type=radio] {
  display: none; }

main#signup-confirm .radio {
  box-sizing: border-box;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #FFF; }
  main#signup-confirm .radio::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    opacity: 0;
    background-image: url("../images/common/radio-button-after.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  main#signup-confirm .radio::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("../images/common/radio-button-before.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1; }

main#signup-confirm input[type=radio]:checked + .radio::after {
  opacity: 1; }

main#signup-confirm input[type=radio]:checked + .radio::before {
  opacity: 0; }

main#signup-confirm select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  background-image: url("../images/common/lower-arrow.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 12px center;
  transition: all 0.5s;
  border: none;
  color: #000;
  font-size: 16px;
  padding: 16px 42px 16px 12px;
  width: 100%;
  height: 100%; }
  main#signup-confirm select:focus {
    outline: none;
    border: 1px solid #2759B4; }
  main#signup-confirm select .year {
    min-width: 80px; }

main#signup-confirm textarea {
  resize: none;
  height: 90px;
  width: 489px;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  padding: 12px 10px;
  font-size: 14px;
  font-family: inherit; }
  main#signup-confirm textarea::placeholder {
    white-space: pre-line;
    font-size: 14px;
    color: #000000b7; }
  main#signup-confirm textarea:focus {
    outline: none;
    border: 1px solid #2759B4; }
  @media screen and (max-width: 767px) {
    main#signup-confirm textarea {
      max-width: 100%; } }

main#signup-confirm .consent-check-container {
  margin: 24px auto 61px; }
  main#signup-confirm .consent-check-container .consent-check {
    display: flex;
    align-items: center; }
    main#signup-confirm .consent-check-container .consent-check.spacing {
      margin-bottom: 24px; }
  main#signup-confirm .consent-check-container .check-select-option-text {
    margin-left: 12px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold; }
  main#signup-confirm .consent-check-container a {
    color: #2759B4;
    border-bottom: 1px solid #2759B4;
    font-weight: bold; }

main#signup-confirm .submit-button-container {
  margin: 59px auto 32px; }
  main#signup-confirm .submit-button-container .submit-button-text {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px; }
  main#signup-confirm .submit-button-container button {
    width: 300px;
    max-width: 300px;
    border-radius: 8px;
    border: none; }
  main#signup-confirm .submit-button-container .enabled {
    border-radius: 8px;
    background-color: #2759B4;
    color: #FFF;
    font-weight: bold; }
  main#signup-confirm .submit-button-container .disabled {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFF;
    font-weight: bold; }

main#signup-confirm #back-button {
  border: none;
  margin-bottom: 189px;
  color: #2759B4;
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-flex;
  align-self: center; }

main#signup-confirm .error_message {
  display: flex;
  font-size: 1.2rem;
  color: #CE0000;
  align-items: center; }
  main#signup-confirm .error_message::before {
    content: "";
    display: inline-flex;
    background-image: url("../images/common/warning.svg");
    width: 2.4rem;
    height: 2.4rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }

main#signup-confirm .thanks-message {
  display: block;
  text-align: center;
  margin-top: 32px; }

main#signup-confirm .thanks-button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 64px; }
  main#signup-confirm .thanks-button-wrapper .finish-button {
    width: 320px;
    height: 48px;
    background-color: #2759B4;
    color: white;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 8px; }

.blank {
  height: 93px; }
  @media screen and (max-width: 767px) {
    .blank {
      height: 58px; } }

main#signup-thanks h1 {
  font-size: 22px;
  letter-spacing: 1.76px; }
  @media screen and (max-width: 767px) {
    main#signup-thanks h1 {
      line-height: 36px; } }

main#signup-thanks p {
  font-size: 16px;
  letter-spacing: 0.64px;
  line-height: 30px; }
  @media screen and (max-width: 767px) {
    main#signup-thanks p {
      font-size: 14px;
      letter-spacing: 0.56px;
      line-height: 22px; } }

main#signup-thanks .title {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 48px; }

main#signup-thanks .now-page {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  gap: 80px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto; }

main#signup-thanks .page-number-container {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  main#signup-thanks .page-number-container p {
    text-align: center;
    font-size: 14px; }
  main#signup-thanks .page-number-container .bold {
    font-weight: bold; }

main#signup-thanks .section-number {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-color: #FFF;
  color: #2759B4;
  border: 1.5px solid #2759B4; }
  main#signup-thanks .section-number p {
    font-size: 24px;
    text-align: center;
    font-weight: bold; }

main#signup-thanks .highlighted {
  background-color: #2759B4;
  color: #FFF;
  border: none; }

main#signup-thanks .note {
  font-size: 16px;
  margin-bottom: 64px;
  color: #000000b7;
  white-space: pre-line;
  text-align: center; }
  main#signup-thanks .note span {
    color: #CE0000;
    font-weight: bold; }

main#signup-thanks .form {
  display: flex;
  flex-direction: column;
  width: fit-content;
  min-width: 600px;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: 1fr 1fr; }
  @media screen and (max-width: 767px) {
    main#signup-thanks .form {
      width: 100%;
      min-width: 100%; } }
  main#signup-thanks .form .input-section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    width: 210px;
    text-align: right;
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      main#signup-thanks .form .input-section-title {
        flex-direction: column;
        margin-bottom: 8px; } }
    main#signup-thanks .form .input-section-title .upper-position {
      margin-top: 0; }
    @media screen and (max-width: 767px) {
      main#signup-thanks .form .input-section-title.license-title {
        margin-bottom: 22px; } }
    main#signup-thanks .form .input-section-title p {
      width: 100%;
      margin-top: auto;
      margin-bottom: auto;
      font-size: 14px;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        main#signup-thanks .form .input-section-title p {
          text-align: left; } }
    main#signup-thanks .form .input-section-title span {
      color: #CE0000;
      font-weight: bold; }
  main#signup-thanks .form .input-section {
    position: relative;
    display: flex;
    margin-bottom: 16px; }
    @media screen and (max-width: 767px) {
      main#signup-thanks .form .input-section {
        flex-direction: column; } }
  main#signup-thanks .form .input {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    font-size: 16px; }
    main#signup-thanks .form .input.is_error {
      border: 1px solid #CE0000;
      background-color: rgba(206, 0, 0, 0.12); }
    main#signup-thanks .form .input:focus {
      outline: none;
      border: 1px solid #2759B4; }
    main#signup-thanks .form .input::placeholder {
      font-size: 14px;
      color: #000000b7; }
  main#signup-thanks .form .input-text .input-tel {
    min-width: 356px; }
    @media screen and (max-width: 767px) {
      main#signup-thanks .form .input-text .input-tel {
        text-align: left; } }
  main#signup-thanks .form .input-email {
    min-width: 451px; }
    @media screen and (max-width: 767px) {
      main#signup-thanks .form .input-email {
        text-align: left; } }
  main#signup-thanks .form .input-address {
    min-width: 489px; }
    @media screen and (max-width: 767px) {
      main#signup-thanks .form .input-address {
        text-align: left;
        max-width: 100%; } }
  main#signup-thanks .form .input-age {
    width: 106px; }

main#signup-thanks .input-section-title-text {
  font-size: 14px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    main#signup-thanks .input-section-title-text {
      text-align: left; } }

main#signup-thanks .select {
  position: relative;
  background: #FFF;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  position: relative;
  z-index: 1;
  min-width: 80px; }
  main#signup-thanks .select.is_error {
    border: 1px solid #CE0000;
    background-color: rgba(206, 0, 0, 0.12); }
  main#signup-thanks .select.address {
    width: 300px; }
  main#signup-thanks .select.birthday {
    width: 106px; }
  main#signup-thanks .select .lower-spacing {
    margin-bottom: 16px; }

main#signup-thanks .date-container {
  display: flex;
  align-items: center; }

main#signup-thanks .note-form {
  font-size: 12px;
  color: #000000b7; }

main#signup-thanks .date-character {
  margin: auto 8px; }

main#signup-thanks .bold {
  font-weight: bold; }

main#signup-thanks .check-select-options .check-select-option {
  display: flex;
  align-items: center; }
  main#signup-thanks .check-select-options .check-select-option.spacing {
    margin-bottom: 24px; }

main#signup-thanks .check-select-options .check-select-option-text {
  margin-left: 12px;
  font-size: 14px;
  line-height: 24px; }

main#signup-thanks input[type=checkbox] {
  display: none; }

main#signup-thanks .checkbox {
  box-sizing: border-box;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #FFF; }
  main#signup-thanks .checkbox::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    opacity: 0;
    background-image: url("../images/common/check-button-after.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  main#signup-thanks .checkbox::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("../images/common/check-button-before.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1; }

main#signup-thanks input[type=checkbox]:checked + .checkbox::after {
  opacity: 1; }

main#signup-thanks input[type=checkbox]:checked + .checkbox::before {
  opacity: 0; }

main#signup-thanks input[type=radio] {
  display: none; }

main#signup-thanks .radio {
  box-sizing: border-box;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #FFF; }
  main#signup-thanks .radio::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    opacity: 0;
    background-image: url("../images/common/radio-button-after.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  main#signup-thanks .radio::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("../images/common/radio-button-before.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1; }

main#signup-thanks input[type=radio]:checked + .radio::after {
  opacity: 1; }

main#signup-thanks input[type=radio]:checked + .radio::before {
  opacity: 0; }

main#signup-thanks select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  background-image: url("../images/common/lower-arrow.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 12px center;
  transition: all 0.5s;
  border: none;
  color: #000;
  font-size: 16px;
  padding: 16px 42px 16px 12px;
  width: 100%;
  height: 100%; }
  main#signup-thanks select:focus {
    outline: none;
    border: 1px solid #2759B4; }
  main#signup-thanks select .year {
    min-width: 80px; }

main#signup-thanks textarea {
  resize: none;
  height: 90px;
  width: 489px;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  padding: 12px 10px;
  font-size: 14px;
  font-family: inherit; }
  main#signup-thanks textarea::placeholder {
    white-space: pre-line;
    font-size: 14px;
    color: #000000b7; }
  main#signup-thanks textarea:focus {
    outline: none;
    border: 1px solid #2759B4; }
  @media screen and (max-width: 767px) {
    main#signup-thanks textarea {
      max-width: 100%; } }

main#signup-thanks .consent-check-container {
  margin: 24px auto 61px; }
  main#signup-thanks .consent-check-container .consent-check {
    display: flex;
    align-items: center; }
    main#signup-thanks .consent-check-container .consent-check.spacing {
      margin-bottom: 24px; }
  main#signup-thanks .consent-check-container .check-select-option-text {
    margin-left: 12px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold; }
  main#signup-thanks .consent-check-container a {
    color: #2759B4;
    border-bottom: 1px solid #2759B4;
    font-weight: bold; }

main#signup-thanks .submit-button-container {
  margin: 0 auto;
  margin-bottom: 32px; }
  main#signup-thanks .submit-button-container .submit-button-text {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px; }
  main#signup-thanks .submit-button-container button {
    width: 300px;
    max-width: 300px;
    border-radius: 8px;
    border: none; }
  main#signup-thanks .submit-button-container .enabled {
    border-radius: 8px;
    background-color: #2759B4;
    color: #FFF;
    font-weight: bold; }
  main#signup-thanks .submit-button-container .disabled {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFF;
    font-weight: bold; }

main#signup-thanks #back-button {
  border: none;
  margin-bottom: 189px;
  color: #2759B4;
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-flex;
  align-self: center; }

main#signup-thanks .error_message {
  display: flex;
  font-size: 1.2rem;
  color: #CE0000;
  align-items: center; }
  main#signup-thanks .error_message::before {
    content: "";
    display: inline-flex;
    background-image: url("../images/common/warning.svg");
    width: 2.4rem;
    height: 2.4rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }

main#signup-thanks .thanks-message {
  display: block;
  text-align: center;
  margin-top: 32px;
  font-size: 16px;
  letter-spacing: 0.64px; }
  @media screen and (max-width: 767px) {
    main#signup-thanks .thanks-message {
      font-size: 14px;
      letter-spacing: 0.56px; } }

main#signup-thanks .thanks-button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 64px;
  margin-bottom: 173px; }
  @media screen and (max-width: 767px) {
    main#signup-thanks .thanks-button-wrapper {
      margin-top: 48px;
      margin-bottom: 291px; } }
  main#signup-thanks .thanks-button-wrapper .finish-button {
    width: 320px;
    height: 48px;
    background-color: #2759B4;
    color: white;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 8px; }

.blank {
  height: 93px; }
  @media screen and (max-width: 767px) {
    .blank {
      height: 58px; } }

main#signup h1 {
  font-size: 22px;
  letter-spacing: 1.76px; }
  @media screen and (max-width: 767px) {
    main#signup h1 {
      line-height: 36px; } }

main#signup p {
  font-size: 16px;
  letter-spacing: 0.64px;
  line-height: 30px; }
  @media screen and (max-width: 767px) {
    main#signup p {
      font-size: 14px;
      letter-spacing: 0.56px;
      line-height: 22px; } }

main#signup .title {
  font-size: 24px;
  letter-spacing: 0.94px;
  text-align: center;
  font-weight: bold;
  margin-top: 44px;
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    main#signup .title {
      margin-top: 14px; } }

main#signup .now-page {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  gap: 80px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto; }

main#signup .page-number-container {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  main#signup .page-number-container p {
    text-align: center;
    font-size: 14px; }
  main#signup .page-number-container .bold {
    font-weight: bold; }

main#signup .section-number {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-color: #FFF;
  color: #2759B4;
  border: 1.5px solid #2759B4; }
  main#signup .section-number p {
    font-size: 24px;
    text-align: center;
    font-weight: bold; }

main#signup .highlighted {
  background-color: #2759B4;
  color: #FFF;
  border: none; }

main#signup .note {
  max-width: 736px;
  font-size: 16px;
  letter-spacing: 0.64px;
  margin: 0 auto 64px;
  color: #000000b7;
  white-space: pre-line;
  text-align: center; }
  @media screen and (max-width: 767px) {
    main#signup .note {
      font-size: 14px;
      letter-spacing: 0.56px;
      width: 343px; } }
  main#signup .note span {
    color: #CE0000;
    font-weight: bold; }

main#signup .form {
  display: flex;
  flex-direction: column;
  width: fit-content;
  min-width: 600px;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: 1fr 1fr; }
  @media screen and (max-width: 767px) {
    main#signup .form {
      width: 100%;
      min-width: 100%; } }
  main#signup .form .input-section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    width: 210px;
    text-align: right;
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      main#signup .form .input-section-title {
        flex-direction: column;
        margin-bottom: 8px; } }
    main#signup .form .input-section-title .upper-position {
      margin-top: 0; }
    @media screen and (max-width: 767px) {
      main#signup .form .input-section-title.license-title {
        margin-bottom: 22px; } }
    main#signup .form .input-section-title p {
      width: 100%;
      margin-top: auto;
      margin-bottom: auto;
      font-size: 14px;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        main#signup .form .input-section-title p {
          text-align: left; } }
    main#signup .form .input-section-title span {
      color: #CE0000;
      font-weight: bold; }
  main#signup .form .input-section {
    position: relative;
    display: flex;
    margin-bottom: 16px; }
    @media screen and (max-width: 767px) {
      main#signup .form .input-section {
        flex-direction: column; } }
  main#signup .form .input {
    padding: 16px 12px;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    font-size: 16px; }
    main#signup .form .input.is_error {
      border: 1px solid #CE0000;
      background-color: rgba(206, 0, 0, 0.12); }
    main#signup .form .input:focus {
      outline: none;
      border: 1px solid #2759B4; }
    main#signup .form .input::placeholder {
      font-size: 14px;
      color: #000000b7; }
  main#signup .form .input-text {
    min-width: 356px; }
    @media screen and (max-width: 767px) {
      main#signup .form .input-text {
        min-width: 343px;
        text-align: left; } }
  main#signup .form .input-tel {
    min-width: 356px; }
    @media screen and (max-width: 767px) {
      main#signup .form .input-tel {
        min-width: 343px;
        text-align: left; } }
  main#signup .form .input-email {
    min-width: 451px; }
    @media screen and (max-width: 767px) {
      main#signup .form .input-email {
        min-width: 343px;
        text-align: left; } }
  main#signup .form .input-address {
    min-width: 489px; }
    @media screen and (max-width: 767px) {
      main#signup .form .input-address {
        min-width: 343px;
        text-align: left;
        max-width: 100%; } }
  main#signup .form .input-age {
    width: 106px; }

main#signup .input-section-title-text {
  font-size: 14px;
  letter-spacing: 0.56px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    main#signup .input-section-title-text {
      text-align: left; } }

main#signup .select {
  position: relative;
  background: #FFF;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  position: relative;
  z-index: 1;
  min-width: 80px; }
  main#signup .select.is_error {
    border: 1px solid #CE0000;
    background-color: rgba(206, 0, 0, 0.12); }
  main#signup .select.address {
    width: 190px; }
  main#signup .select.birthday {
    width: 106px; }
  main#signup .select .lower-spacing {
    margin-bottom: 16px; }

main#signup .date-container {
  display: flex;
  align-items: center; }

main#signup .note-form {
  font-size: 12px;
  color: #000000b7; }

main#signup .date-character {
  margin: auto 8px; }

main#signup .bold {
  font-weight: bold; }

main#signup .check-select-options .check-select-option {
  display: flex;
  align-items: center; }
  main#signup .check-select-options .check-select-option.spacing {
    margin-bottom: 24px; }

main#signup .check-select-options .check-select-option-text {
  margin-left: 12px;
  font-size: 14px;
  line-height: 24px; }

main#signup input[type=checkbox] {
  display: none; }

main#signup .checkbox {
  box-sizing: border-box;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #FFF; }
  main#signup .checkbox::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    opacity: 0;
    background-image: url("../images/common/check-button-after.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  main#signup .checkbox::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("../images/common/check-button-before.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1; }

main#signup input[type=checkbox]:checked + .checkbox::after {
  opacity: 1; }

main#signup input[type=checkbox]:checked + .checkbox::before {
  opacity: 0; }

main#signup input[type=radio] {
  display: none; }

main#signup .radio {
  box-sizing: border-box;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #FFF; }
  main#signup .radio::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    opacity: 0;
    background-image: url("../images/common/radio-button-after.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  main#signup .radio::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("../images/common/radio-button-before.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1; }

main#signup input[type=radio]:checked + .radio::after {
  opacity: 1; }

main#signup input[type=radio]:checked + .radio::before {
  opacity: 0; }

main#signup select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  background-image: url("../images/common/lower-arrow.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 12px center;
  transition: all 0.5s;
  border: none;
  color: #000;
  font-size: 16px;
  padding: 16px 42px 16px 12px;
  width: 100%;
  height: 100%; }
  main#signup select:focus {
    outline: none;
    border: 1px solid #2759B4; }
  main#signup select .year {
    min-width: 80px; }

main#signup textarea {
  resize: none;
  height: 90px;
  width: 489px;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  padding: 12px 10px;
  font-size: 14px;
  font-family: inherit; }
  main#signup textarea::placeholder {
    white-space: pre-line;
    font-size: 14px;
    color: #000000b7; }
  main#signup textarea:focus {
    outline: none;
    border: 1px solid #2759B4; }
  @media screen and (max-width: 767px) {
    main#signup textarea {
      max-width: 100%; } }

main#signup .consent-check-container {
  margin: 24px auto 61px; }
  main#signup .consent-check-container .consent-check {
    display: flex;
    align-items: center; }
    main#signup .consent-check-container .consent-check.spacing {
      margin-bottom: 24px; }
  main#signup .consent-check-container .check-select-option-text {
    margin-left: 12px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold; }
  main#signup .consent-check-container a {
    color: #2759B4;
    border-bottom: 1px solid #2759B4;
    font-weight: bold; }

main#signup .submit-button-container {
  margin: 0 auto;
  margin-bottom: 32px; }
  main#signup .submit-button-container .submit-button-text {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px; }
  main#signup .submit-button-container button {
    width: 300px;
    max-width: 300px;
    border-radius: 8px;
    border: none; }
  main#signup .submit-button-container .enabled {
    border-radius: 8px;
    background-color: #2759B4;
    color: #FFF;
    font-weight: bold; }
  main#signup .submit-button-container .disabled {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFF;
    font-weight: bold; }

main#signup #back-button {
  border: none;
  background-color: white;
  color: #2759B4;
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-flex;
  align-self: center; }

main#signup .error_message {
  display: flex;
  font-size: 1.2rem;
  color: #CE0000;
  align-items: center; }
  main#signup .error_message::before {
    content: "";
    display: inline-flex;
    background-image: url("../images/common/warning.svg");
    width: 2.4rem;
    height: 2.4rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }

main#signup .thanks-message {
  display: block;
  text-align: center;
  margin-top: 32px; }

main#signup .thanks-button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 64px; }
  main#signup .thanks-button-wrapper .finish-button {
    width: 320px;
    height: 48px;
    background-color: #2759B4;
    color: white;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 8px; }

main#member {
  font-family: Noto Sans JP;
  display: flex;
  flex-direction: column;
  align-items: center; }
  main#member .title {
    margin-bottom: 12px;
    font-size: 2.4rem;
    font-weight: bold; }
  main#member .bluerectangle {
    height: 3px;
    width: 48px;
    margin-bottom: 80px;
    background-color: #2759B4; }
  main#member .error {
    display: block;
    width: 65%;
    margin: 0 auto;
    margin-bottom: 48px;
    padding-top: 30px;
    padding-bottom: 24px;
    border: 1px solid #CE0000;
    border-radius: 8px;
    background-color: rgba(206, 0, 0, 0.12); }
    main#member .error .errorlogowrapper {
      height: 28px;
      width: 28px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 6px; }
      main#member .error .errorlogowrapper .errorlogo {
        height: 100%;
        width: 100%; }
    main#member .error .errortext {
      text-align: center;
      color: #CE0000; }
  main#member .bluebutton {
    height: 48px;
    width: 340px;
    margin-bottom: 16px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    color: white;
    background-color: #2759B4; }
    main#member .bluebutton.inactive {
      background-color: #00000067; }
  main#member .whitebutton {
    height: 48px;
    width: 340px;
    margin-bottom: 173px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #2759B4;
    border-radius: 8px;
    color: #2759B4;
    background-color: white; }

main#new-login-changeless {
  padding-top: 80px; }
  @media screen and (max-width: 767px) {
    main#new-login-changeless {
      padding-top: 54px; } }
  main#new-login-changeless .page-title-container {
    margin-top: 80px; }
    main#new-login-changeless .page-title-container .page-title-text {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 24px; }
    main#new-login-changeless .page-title-container .password-change-note {
      font-size: 16px;
      text-align: center;
      color: #000000b7;
      margin-bottom: 53px; }
  main#new-login-changeless .modalwrapper {
    position: fixed;
    overflow: hidden;
    z-index: 1900;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #00000067; }
    main#new-login-changeless .modalwrapper .modal {
      width: 736px;
      height: 229px;
      text-align: center;
      border-radius: 16px;
      background-color: white;
      padding-top: 32px; }
      @media screen and (max-width: 767px) {
        main#new-login-changeless .modalwrapper .modal {
          width: 280px;
          margin-top: 290px;
          padding-top: 16px;
          padding-right: 16px;
          padding-left: 16px;
          padding-bottom: 32px; } }
      main#new-login-changeless .modalwrapper .modal .cancelbuttonwrapper {
        height: 24px;
        width: 24px;
        margin-left: 688px; }
        main#new-login-changeless .modalwrapper .modal .cancelbuttonwrapper .cancelbutton {
          height: 100%;
          width: 100%; }
        @media screen and (max-width: 767px) {
          main#new-login-changeless .modalwrapper .modal .cancelbuttonwrapper {
            margin-left: 220px;
            margin-bottom: 16px; } }
      main#new-login-changeless .modalwrapper .modal .modaltitle {
        line-height: 18px;
        font-size: 1.8rem;
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          main#new-login-changeless .modalwrapper .modal .modaltitle {
            font-size: 14px;
            line-height: 14px; } }
      main#new-login-changeless .modalwrapper .modal .modaltext {
        line-height: 16px;
        margin: 32px 0;
        color: #000000b7; }
        @media screen and (max-width: 767px) {
          main#new-login-changeless .modalwrapper .modal .modaltext {
            margin-top: 16px; } }
      main#new-login-changeless .modalwrapper .modal .okbutton {
        height: 43px;
        width: 162px;
        margin: auto;
        padding: 12px 0px;
        font-size: 1.4rem;
        font-weight: bold;
        border-radius: 8px;
        color: white;
        background-color: #2759B4; }
  main#new-login-changeless .input-note {
    font-size: 12px;
    text-align: left;
    color: #000000b7; }
  main#new-login-changeless .form {
    display: flex;
    flex-direction: column;
    width: fit-content;
    min-width: 336px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 767px) {
      main#new-login-changeless .form {
        min-width: none;
        width: 100%;
        margin-left: 16px;
        margin-right: 16px; } }
  main#new-login-changeless .input-section {
    position: relative;
    display: flex;
    max-width: 336px;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 16px; }
    @media screen and (max-width: 767px) {
      main#new-login-changeless .input-section {
        max-width: none;
        width: 100%; } }
  main#new-login-changeless .input-container {
    width: 100%;
    position: relative; }
  main#new-login-changeless .eye-mark {
    position: absolute;
    right: 16px;
    bottom: calc(50% -12px); }
  main#new-login-changeless .eye-image {
    z-index: 0;
    position: absolute;
    top: 17px;
    right: 16px; }
    @media screen and (max-width: 767px) {
      main#new-login-changeless .eye-image {
        right: 16px; } }
    main#new-login-changeless .eye-image .eye {
      display: none; }
    main#new-login-changeless .eye-image .eye-slash {
      display: block; }
  main#new-login-changeless .pass-requirements {
    margin-top: 4px;
    font-size: 12px;
    color: #000000b7; }
  main#new-login-changeless .error-text {
    display: none; }
    main#new-login-changeless .error-text .warning-text {
      display: flex;
      align-items: center;
      color: #CE0000;
      font-size: 12px; }
  main#new-login-changeless .input {
    width: 100%;
    padding: 16px 12px;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    font-size: 16px; }
    main#new-login-changeless .input:focus {
      outline: none;
      border: 1px solid #2759B4; }
    main#new-login-changeless .input::placeholder {
      font-size: 14px;
      color: #000000b7; }
  main#new-login-changeless .input-text .input-tel {
    min-width: 356px; }
    @media screen and (max-width: 767px) {
      main#new-login-changeless .input-text .input-tel {
        text-align: left; } }
  main#new-login-changeless .input-password {
    position: relative;
    max-width: 356px; }
    @media screen and (max-width: 767px) {
      main#new-login-changeless .input-password {
        text-align: left;
        max-width: none; } }
    main#new-login-changeless .input-password.input-error {
      background-color: rgba(206, 0, 0, 0.12);
      border: 1px solid #CE0000; }
  main#new-login-changeless .input-section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    width: 210px;
    text-align: left;
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      main#new-login-changeless .input-section-title {
        flex-direction: column;
        margin-bottom: 8px; } }
    main#new-login-changeless .input-section-title .upper-position {
      margin-top: 0; }
    @media screen and (max-width: 767px) {
      main#new-login-changeless .input-section-title.license-title {
        margin-bottom: 22px; } }
    main#new-login-changeless .input-section-title p {
      width: 100%;
      margin-top: auto;
      margin-bottom: auto;
      font-size: 14px;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        main#new-login-changeless .input-section-title p {
          text-align: left; } }
    main#new-login-changeless .input-section-title span {
      color: #CE0000;
      font-weight: bold; }
  main#new-login-changeless .submit-button-container {
    margin: 0px auto 159px;
    height: fit-content; }
    main#new-login-changeless .submit-button-container .submit-button-text {
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px; }
    main#new-login-changeless .submit-button-container button {
      width: 300px;
      max-width: 300px;
      border-radius: 8px;
      border: none; }
    main#new-login-changeless .submit-button-container .enabled {
      border-radius: 8px;
      background-color: #2759B4;
      color: #FFF;
      font-weight: bold; }
    main#new-login-changeless .submit-button-container .disabled {
      border-radius: 8px;
      background-color: rgba(0, 0, 0, 0.4);
      color: #FFF;
      font-weight: bold; }
  main#new-login-changeless .next-button {
    display: none;
    width: 320px;
    height: 48px;
    margin-top: 16px;
    background-color: #2759B4;
    border-radius: 8px;
    color: #FFF; }
    @media screen and (max-width: 767px) {
      main#new-login-changeless .next-button {
        width: 343px; } }
  main#new-login-changeless .disabled-next-button {
    width: 320px;
    height: 48px;
    margin-top: 16px;
    background-color: #00000067;
    border-radius: 8px;
    color: #FFF; }
    @media screen and (max-width: 767px) {
      main#new-login-changeless .disabled-next-button {
        width: 343px; } }
  main#new-login-changeless .button-text {
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold; }

main#privacy {
  margin-block-start: 36px; }
  @media screen and (max-width: 767px) {
    main#privacy {
      margin-block-start: 12px; } }
  main#privacy p {
    font-size: 16px;
    letter-spacing: 0.64px;
    line-height: 30px; }
    @media screen and (max-width: 767px) {
      main#privacy p {
        font-size: 14px;
        letter-spacing: 0.56px;
        line-height: 22px; } }
  main#privacy .name {
    font-size: 16px;
    letter-spacing: 0.64px;
    line-height: 30px;
    text-align: right;
    margin-block-start: 40px;
    margin-block-end: 35px; }
    @media screen and (max-width: 767px) {
      main#privacy .name {
        font-size: 14px;
        letter-spacing: 0.56px;
        line-height: 20px; } }
  main#privacy .title-section {
    margin-block-end: 65px; }
    @media screen and (max-width: 767px) {
      main#privacy .title-section {
        margin-block-end: 35px; } }
    main#privacy .title-section .title-text {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 0.96px; }
      @media screen and (max-width: 767px) {
        main#privacy .title-section .title-text {
          font-size: 22px;
          letter-spacing: 1.76px; } }
      main#privacy .title-section .title-text .sp-only {
        display: none; }
        @media screen and (max-width: 767px) {
          main#privacy .title-section .title-text .sp-only {
            display: block; } }
  main#privacy .privacy-section .privacy-content {
    margin-block-end: 40px; }
    @media screen and (max-width: 767px) {
      main#privacy .privacy-section .privacy-content {
        margin-block-end: 32px; } }
    main#privacy .privacy-section .privacy-content .privacy-title {
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 26px;
      position: relative;
      border-bottom: 2px solid #F2F4F8;
      padding-block-end: 5px;
      margin-block-end: 16px; }
      main#privacy .privacy-section .privacy-content .privacy-title:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100px;
        height: inherit;
        border-bottom: 2px solid #2759B4; }
    main#privacy .privacy-section .privacy-content .privacy-describe {
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 0.56px;
      line-height: 22px; }
  main#privacy .contact-block {
    max-width: 926px;
    margin: 80px auto 32px; }
    main#privacy .contact-block .contact-section {
      text-align: center;
      background-color: #F2F4F8;
      padding: 48px 24px; }
      main#privacy .contact-block .contact-section .contact-section-title {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 32px; }
      main#privacy .contact-block .contact-section .contact-section-title::after {
        content: "";
        position: absolute;
        bottom: -8px;
        right: calc(50% - 24px);
        background-color: #2759B4;
        width: 48px;
        height: 3px; }
      main#privacy .contact-block .contact-section .main-content {
        font-size: 14px;
        margin-bottom: 16px; }
      main#privacy .contact-block .contact-section .bold {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 16px; }
      main#privacy .contact-block .contact-section .tel {
        font-size: 16px;
        white-space: pre-line; }
      main#privacy .contact-block .contact-section .mail-button {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        width: 170px;
        margin: 15px auto 0;
        border: 1px solid #2759B4;
        border-radius: 8px;
        font-weight: bold;
        color: #2759B4;
        background-color: #FFF; }
      main#privacy .contact-block .contact-section .mail-button-text {
        margin-left: 8px; }
  main#privacy .attention-text {
    font-size: 14px;
    margin-block-end: 213px; }
    @media screen and (max-width: 767px) {
      main#privacy .attention-text {
        margin-block-end: 194px; } }

main#scholarship-nuclear h2 {
  margin-top: 68px;
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    main#scholarship-nuclear h2 {
      margin-top: 12px;
      margin-bottom: 24px; } }

main#scholarship-nuclear .container .flex-box {
  display: flex;
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    main#scholarship-nuclear .container .flex-box {
      flex-direction: column; } }
  main#scholarship-nuclear .container .flex-box .shibusawa {
    width: 368px;
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #F2F4F8;
    padding-bottom: 24px;
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      main#scholarship-nuclear .container .flex-box .shibusawa {
        width: 100%;
        margin-bottom: 20px; } }
    main#scholarship-nuclear .container .flex-box .shibusawa img {
      width: 75%;
      height: auto;
      margin: 0 auto;
      margin-top: 24px;
      margin-bottom: 16px;
      display: inline-flex; }
    main#scholarship-nuclear .container .flex-box .shibusawa .name {
      font-size: 2.2rem;
      font-weight: bold; }
    main#scholarship-nuclear .container .flex-box .shibusawa .furi, main#scholarship-nuclear .container .flex-box .shibusawa .title {
      font-size: 1.4rem;
      white-space: pre-line; }
  main#scholarship-nuclear .container .flex-box .description {
    flex: 1;
    white-space: pre-line;
    line-height: 3.0rem; }
    @media screen and (max-width: 767px) {
      main#scholarship-nuclear .container .flex-box .description {
        flex: unset; } }
  main#scholarship-nuclear .container .flex-box .certificate {
    width: 451px;
    margin-left: 24px; }
    @media screen and (max-width: 767px) {
      main#scholarship-nuclear .container .flex-box .certificate {
        width: 100%;
        margin-left: 0; }
        main#scholarship-nuclear .container .flex-box .certificate img {
          width: 100%; } }

main#scholarship-nuclear .details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px; }
  @media screen and (max-width: 767px) {
    main#scholarship-nuclear .details {
      grid-template-columns: 1fr;
      gap: 16px; } }
  main#scholarship-nuclear .details .single {
    height: fit-content;
    border-left: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    display: flex;
    flex-direction: column;
    padding-bottom: 16px; }
    main#scholarship-nuclear .details .single .title {
      color: white;
      background-color: #2759B4;
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 1.6rem;
      font-weight: bold; }
    main#scholarship-nuclear .details .single .description {
      padding-top: 16px;
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 16px;
      font-size: 1.4rem; }
    main#scholarship-nuclear .details .single a {
      display: inline-flex;
      align-self: center;
      margin-top: auto;
      margin-bottom: 24px; }
      main#scholarship-nuclear .details .single a .file {
        color: #2759B4;
        font-size: 1.6rem;
        font-weight: bold;
        border: solid 1px #E6E6E6;
        display: flex;
        align-items: center;
        padding: 8px 24px;
        background-color: white;
        cursor: pointer;
        transition: all 0.5s; }
        main#scholarship-nuclear .details .single a .file:hover {
          border: solid 1px #2759B4;
          background-color: #F2F4F8;
          transition: all 0.5s; }
        main#scholarship-nuclear .details .single a .file::before {
          content: "";
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        main#scholarship-nuclear .details .single a .file.pdf::before {
          background-image: url("../images/common/pdf.svg"); }
        main#scholarship-nuclear .details .single a .file.word::before {
          background-image: url("../images/common/word.svg"); }
        main#scholarship-nuclear .details .single a .file.excel::before {
          background-image: url("../images/common/excel.svg"); }
      main#scholarship-nuclear .details .single a .youtube {
        color: black;
        font-size: 1.6rem;
        font-weight: bold;
        border: 2px solid #E6E6E6;
        display: flex;
        align-items: center;
        cursor: pointer;
        width: 264px;
        height: 80px;
        justify-content: center; }
        main#scholarship-nuclear .details .single a .youtube::before {
          content: "";
          display: inline-flex;
          margin-right: 24px;
          width: 4.0rem;
          height: 2.8rem;
          background-image: url("../images/common/youtube.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
    main#scholarship-nuclear .details .single ul, main#scholarship-nuclear .details .single li {
      padding-left: 16px;
      list-style: none;
      font-size: 1.4rem;
      font-weight: normal; }

.blank {
  height: 80px; }
  @media screen and (max-width: 767px) {
    .blank {
      height: 54px; } }

main#select-page .title {
  margin-block-start: 46px; }

main#select-page .attention {
  margin-block-start: 32px; }
  main#select-page .attention .require-pass {
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
    @media screen and (max-width: 767px) {
      main#select-page .attention .require-pass {
        font-size: 14px; } }
  main#select-page .attention .only-member {
    color: #000000b7;
    margin-block-start: 24px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.64px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      main#select-page .attention .only-member {
        margin-block-start: 22px;
        font-size: 14px;
        letter-spacing: 0.56px; } }

main#select-page .login-button {
  margin: 80px auto 0;
  width: 320px;
  height: 48px;
  background-color: #2759B4;
  border-radius: 8px;
  color: #FFF; }
  @media screen and (max-width: 767px) {
    main#select-page .login-button {
      margin-top: 55px;
      width: 100%; } }

main#select-page .register-button {
  margin: 16px auto 0;
  width: 320px;
  height: 48px;
  background-color: #FFF;
  border: 1px solid #2759B4;
  border-radius: 8px;
  color: #2759B4; }
  @media screen and (max-width: 767px) {
    main#select-page .register-button {
      width: 100%; } }

main#select-page .button-text {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold; }

main#select-page .co-member {
  width: 736px;
  height: 102px;
  background-color: #F2F4F8;
  margin: 80px auto 173px;
  padding-block-start: 24px; }
  @media screen and (max-width: 767px) {
    main#select-page .co-member {
      margin-top: 24px;
      width: 100%; } }
  main#select-page .co-member .to-co-member {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 16px; }
    @media screen and (max-width: 767px) {
      main#select-page .co-member .to-co-member {
        font-size: 14px;
        letter-spacing: 0.56px;
        line-height: 14px; } }
  main#select-page .co-member .check-member-list {
    margin-block-start: 16px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.64px;
    text-align: center;
    line-height: 30px; }
    @media screen and (max-width: 767px) {
      main#select-page .co-member .check-member-list {
        margin-block-start: 18px;
        font-size: 14px;
        letter-spacing: 0.56px;
        line-height: 22px; } }
    main#select-page .co-member .check-member-list a {
      text-decoration: underline; }

main#seminar {
  margin-block-start: 36px;
  padding-bottom: 160px; }
  main#seminar .modal-wrapper {
    display: none;
    position: fixed;
    overflow: hidden;
    z-index: 1900;
    align-items: center;
    justify-content: center;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000067; }
    main#seminar .modal-wrapper .modal {
      width: 736px;
      height: 323px;
      background-color: #FFF;
      border-radius: 16px;
      padding: 32px 24px; }
      main#seminar .modal-wrapper .modal .cancel-button-wrapper {
        width: 24px;
        height: 24px;
        margin-left: auto; }
        main#seminar .modal-wrapper .modal .cancel-button-wrapper .cancel-button {
          width: 24px;
          height: 24px; }
      main#seminar .modal-wrapper .modal .modal-main-contents .modal-title {
        display: flex;
        justify-content: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 18px; }
        @media screen and (max-width: 767px) {
          main#seminar .modal-wrapper .modal .modal-main-contents .modal-title {
            margin-top: 16px;
            font-size: 14px;
            line-height: 14px; } }
      main#seminar .modal-wrapper .modal .modal-main-contents .modal-sentence {
        margin: 32px 0;
        display: flex;
        justify-content: center;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0.64px;
        color: #000000b7;
        line-height: 16px;
        flex-direction: column;
        text-align: center; }
        @media screen and (max-width: 767px) {
          main#seminar .modal-wrapper .modal .modal-main-contents .modal-sentence {
            margin-top: 16px;
            font-size: 14px;
            letter-spacing: 0.56px;
            line-height: 14px; } }
      main#seminar .modal-wrapper .modal .modal-main-contents .ok-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 165px;
        height: 43px;
        background-color: #2759B4;
        border-radius: 8px; }
        @media screen and (max-width: 767px) {
          main#seminar .modal-wrapper .modal .modal-main-contents .ok-button {
            width: 163px; } }
        main#seminar .modal-wrapper .modal .modal-main-contents .ok-button .ok-button-text {
          color: #FFF;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.56px;
          text-align: center; }
      @media screen and (max-width: 767px) {
        main#seminar .modal-wrapper .modal {
          width: 280px;
          height: 331px;
          padding: 16px; } }
  @media screen and (max-width: 767px) {
    main#seminar {
      margin-block-start: 16px; } }
  main#seminar h1 {
    font-size: 22px;
    letter-spacing: 1.76px; }
    @media screen and (max-width: 767px) {
      main#seminar h1 {
        line-height: 36px; } }
  main#seminar h2 {
    margin-bottom: 32px; }
  main#seminar p {
    font-size: 16px;
    letter-spacing: 0.64px;
    line-height: 30px; }
    @media screen and (max-width: 767px) {
      main#seminar p {
        font-size: 14px;
        letter-spacing: 0.56px;
        line-height: 22px; } }
  main#seminar .title {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 48px; }
  main#seminar .now-page {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
    gap: 80px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
  main#seminar .page-number-container {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    main#seminar .page-number-container p {
      text-align: center;
      font-size: 14px; }
    main#seminar .page-number-container .bold {
      font-weight: bold; }
  main#seminar .section-number {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background-color: #FFF;
    color: #2759B4;
    border: 1.5px solid #2759B4; }
    main#seminar .section-number p {
      font-size: 24px;
      text-align: center;
      font-weight: bold; }
  main#seminar .highlighted {
    background-color: #2759B4;
    color: #FFF;
    border: none; }
  main#seminar .note {
    font-size: 16px;
    margin-bottom: 64px;
    color: #000000b7;
    white-space: pre-line;
    text-align: center; }
    main#seminar .note span {
      color: #CE0000;
      font-weight: bold; }
  main#seminar .form {
    display: flex;
    flex-direction: column;
    width: fit-content;
    min-width: 600px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 767px) {
      main#seminar .form {
        width: 100%;
        min-width: 100%; } }
    main#seminar .form .input-section-title {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 14px;
      font-weight: bold;
      width: 210px;
      text-align: right;
      margin-right: 24px; }
      @media screen and (max-width: 767px) {
        main#seminar .form .input-section-title {
          flex-direction: column;
          margin-bottom: 8px; } }
      main#seminar .form .input-section-title .upper-position {
        margin-top: 0; }
      @media screen and (max-width: 767px) {
        main#seminar .form .input-section-title.license-title {
          margin-bottom: 22px; } }
      main#seminar .form .input-section-title p {
        width: 100%;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 14px;
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          main#seminar .form .input-section-title p {
            text-align: left; } }
      main#seminar .form .input-section-title span {
        color: #CE0000;
        font-weight: bold; }
    main#seminar .form .input-section {
      position: relative;
      display: flex;
      margin-bottom: 16px; }
      @media screen and (max-width: 767px) {
        main#seminar .form .input-section {
          flex-direction: column; } }
    main#seminar .form .input-section {
      position: relative;
      display: flex;
      margin-bottom: 16px; }
      @media screen and (max-width: 767px) {
        main#seminar .form .input-section {
          flex-direction: column; } }
    main#seminar .form .input-age-section {
      position: relative;
      display: flex; }
    main#seminar .form .input {
      padding: 16px 12px;
      border-radius: 8px;
      border: 1px solid #E2E2E2;
      font-size: 16px; }
      main#seminar .form .input.is_error {
        border: 1px solid #CE0000;
        background-color: rgba(206, 0, 0, 0.12); }
      main#seminar .form .input:focus {
        outline: none;
        border: 1px solid #2759B4; }
      main#seminar .form .input::placeholder {
        font-size: 14px;
        color: #000000b7; }
    main#seminar .form .input-text {
      min-width: 356px; }
      @media screen and (max-width: 767px) {
        main#seminar .form .input-text {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#seminar .form .input-smaller-text {
      max-width: 204px;
      width: 204px;
      min-width: none; }
    main#seminar .form .input-tel {
      min-width: 356px; }
      @media screen and (max-width: 767px) {
        main#seminar .form .input-tel {
          text-align: left;
          width: 100%;
          min-width: 100%; } }
    main#seminar .form .input-email {
      min-width: 451px; }
      @media screen and (max-width: 767px) {
        main#seminar .form .input-email {
          text-align: left;
          min-width: 100%; } }
    main#seminar .form .input-address {
      min-width: 489px;
      max-width: 100%; }
      @media screen and (max-width: 767px) {
        main#seminar .form .input-address {
          text-align: left;
          width: 100%;
          min-width: 0; } }
    main#seminar .form .input-age {
      width: 106px; }
    main#seminar .form .students {
      margin-top: 32px;
      padding: 20px;
      background-color: #F2F4F8;
      border-radius: 5px;
      border: none; }
      main#seminar .form .students .students-title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 32px;
        position: relative;
        height: 46px;
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        transition: all 0.5s; }
        main#seminar .form .students .students-title::after {
          position: absolute;
          content: "";
          display: block;
          right: 0;
          background-image: url("../images/common/page-top.svg");
          width: 46px;
          height: 46px;
          top: 0;
          bottom: 0;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          transform: rotate(180deg);
          transition: all 0.5s; }
      main#seminar .form .students.is_open .students-title {
        margin-bottom: 0; }
        main#seminar .form .students.is_open .students-title::after {
          transform: rotate(0deg); }
  main#seminar .input-section-title-text {
    font-size: 14px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      main#seminar .input-section-title-text {
        text-align: left; } }
  main#seminar .select {
    position: relative;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    position: relative;
    z-index: 1;
    min-width: 80px; }
    main#seminar .select.is_error {
      border: 1px solid #CE0000;
      background-color: rgba(206, 0, 0, 0.12); }
    main#seminar .select.address {
      width: 300px; }
    main#seminar .select.birthday {
      width: 106px; }
    main#seminar .select .lower-spacing {
      margin-bottom: 16px; }
  main#seminar .lower-spacing {
    margin-bottom: 16px; }
  main#seminar .date-container {
    display: flex;
    align-items: center; }
  main#seminar .note-form {
    font-size: 12px;
    color: #000000b7; }
  main#seminar .date-character {
    margin: auto 8px; }
  main#seminar .bold {
    font-weight: bold; }
  main#seminar .check-select-options .check-select-option {
    display: flex;
    align-items: center; }
    main#seminar .check-select-options .check-select-option.spacing {
      margin-bottom: 24px; }
  main#seminar .check-select-options .check-select-option-text {
    margin-left: 12px;
    font-size: 14px;
    line-height: 24px; }
  main#seminar input[type=checkbox] {
    display: none; }
  main#seminar .checkbox {
    box-sizing: border-box;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #FFF; }
    main#seminar .checkbox::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      opacity: 0;
      background-image: url("../images/common/check-button-after.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    main#seminar .checkbox::before {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      background-image: url("../images/common/check-button-before.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 1; }
  main#seminar input[type=checkbox]:checked + .checkbox::after {
    opacity: 1; }
  main#seminar input[type=checkbox]:checked + .checkbox::before {
    opacity: 0; }
  main#seminar input[type=radio] {
    display: none; }
  main#seminar .radio {
    box-sizing: border-box;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #FFF; }
    main#seminar .radio::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      opacity: 0;
      background-image: url("../images/common/radio-button-after.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    main#seminar .radio::before {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      background-image: url("../images/common/radio-button-before.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 1; }
  main#seminar input[type=radio]:checked + .radio::after {
    opacity: 1; }
  main#seminar input[type=radio]:checked + .radio::before {
    opacity: 0; }
  main#seminar select {
    /* 初期化 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    background-image: url("../images/common/lower-arrow.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 12px center;
    transition: all 0.5s;
    border: none;
    color: #000;
    font-size: 16px;
    padding: 16px 42px 16px 12px;
    width: 100%;
    height: 100%; }
    main#seminar select:focus {
      outline: none;
      border: 1px solid #2759B4; }
    main#seminar select .year {
      min-width: 80px; }
  main#seminar textarea {
    resize: none;
    height: 90px;
    width: 489px;
    border: 1px solid #E2E2E2;
    border-radius: 8px;
    padding: 12px 10px;
    font-size: 14px;
    font-family: inherit; }
    main#seminar textarea::placeholder {
      white-space: pre-line;
      font-size: 14px;
      color: #000000b7; }
    main#seminar textarea:focus {
      outline: none;
      border: 1px solid #2759B4; }
    @media screen and (max-width: 767px) {
      main#seminar textarea {
        width: 100%; } }
  main#seminar .consent-check-container {
    margin: 24px auto 61px; }
    main#seminar .consent-check-container .consent-check {
      display: flex;
      align-items: center; }
      main#seminar .consent-check-container .consent-check.spacing {
        margin-bottom: 24px; }
    main#seminar .consent-check-container .check-select-option-text {
      margin-left: 12px;
      font-size: 14px;
      line-height: 24px;
      font-weight: bold; }
    main#seminar .consent-check-container a {
      color: #2759B4;
      border-bottom: 1px solid #2759B4;
      font-weight: bold; }
  main#seminar .submit-button-container {
    margin: 0 auto;
    margin-top: 32px;
    margin-bottom: 32px; }
    main#seminar .submit-button-container .submit-button-text {
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px; }
    main#seminar .submit-button-container button {
      width: 300px;
      max-width: 300px;
      border-radius: 8px;
      border: none; }
    main#seminar .submit-button-container .enabled {
      border-radius: 8px;
      background-color: #2759B4;
      color: #FFF;
      font-weight: bold; }
    main#seminar .submit-button-container .disabled {
      border-radius: 8px;
      background-color: rgba(0, 0, 0, 0.4);
      color: #FFF;
      font-weight: bold; }
  main#seminar #back-button {
    border: none;
    background-color: white;
    color: #2759B4;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-flex;
    align-self: center; }
  main#seminar .error_message {
    display: flex;
    font-size: 1.2rem;
    color: #CE0000;
    align-items: center; }
    main#seminar .error_message::before {
      content: "";
      display: inline-flex;
      background-image: url("../images/common/warning.svg");
      width: 2.4rem;
      height: 2.4rem;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  main#seminar .thanks-message {
    display: block;
    text-align: center;
    margin-top: 32px; }
  main#seminar .thanks-button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 64px; }
    main#seminar .thanks-button-wrapper .finish-button {
      width: 320px;
      height: 48px;
      background-color: #2759B4;
      color: white;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 8px; }

main#sitemap .content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  flex-wrap: wrap; }
  main#sitemap .content .small-menu {
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.4rem; }
    main#sitemap .content .small-menu .separator {
      margin: 0 24px; }
    main#sitemap .content .small-menu div a {
      color: #000000b7; }
  main#sitemap .content .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      main#sitemap .content .row {
        flex-wrap: wrap;
        margin-bottom: 0; } }
    main#sitemap .content .row .column {
      width: 30%; }
      @media screen and (max-width: 767px) {
        main#sitemap .content .row .column {
          width: 100%;
          margin-bottom: 48px; } }
      main#sitemap .content .row .column .menu {
        color: #000; }
      main#sitemap .content .row .column .major {
        color: #000;
        font-size: 1.8rem;
        padding-bottom: 1.8rem;
        border-bottom: 1px solid #000;
        margin-bottom: 24px;
        display: flex;
        justify-content: space-between;
        transition: all 0.5s; }
        main#sitemap .content .row .column .major.link::after {
          content: "";
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem;
          background-image: url("../images/common/link.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        main#sitemap .content .row .column .major.menu::after {
          content: "";
          display: inline-flex;
          width: 2.4rem;
          height: 2.4rem;
          background-image: url("../images/common/blackmenu.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        main#sitemap .content .row .column .major:hover {
          opacity: 0.8;
          transition: all 0.5s; }
      main#sitemap .content .row .column .minor {
        font-size: 1.4rem;
        margin-bottom: 20px;
        transition: all 0.5s; }
        main#sitemap .content .row .column .minor:hover {
          opacity: 0.8;
          transition: all 0.5s; }
        main#sitemap .content .row .column .minor a {
          color: #000000b7; }

main#topics .tags-wrapper {
  overflow-x: scroll;
  margin: 0 -16px;
  padding-left: 16px; }
  main#topics .tags-wrapper .tags {
    display: block;
    width: 1120px; }
    main#topics .tags-wrapper .tags a {
      display: inline; }
      main#topics .tags-wrapper .tags a .single-tag {
        display: inline-flex;
        background-color: rgba(0, 0, 0, 0.72);
        font-size: 1.4rem;
        color: white;
        border-radius: 1.3rem;
        padding: 0.6rem 1.2rem;
        line-height: 1em;
        margin-right: 16px; }
        main#topics .tags-wrapper .tags a .single-tag.active.all {
          background-color: #2759B4; }
        main#topics .tags-wrapper .tags a .single-tag.active.news {
          background-color: #2759B4; }
        main#topics .tags-wrapper .tags a .single-tag.active.publication {
          background-color: #5893D4; }
        main#topics .tags-wrapper .tags a .single-tag.active.training {
          background-color: #58C6D4; }
        main#topics .tags-wrapper .tags a .single-tag.active.video {
          background-color: #2799B4; }
        main#topics .tags-wrapper .tags a .single-tag.active.seminar {
          background-color: #1F7488; }
        main#topics .tags-wrapper .tags a .single-tag.active.symposium {
          background-color: #83B427; }
        main#topics .tags-wrapper .tags a .single-tag.active.recruitment {
          background-color: #1F882F; }
        main#topics .tags-wrapper .tags a .single-tag.active.public-comment {
          background-color: #A0D458; }
        main#topics .tags-wrapper .tags a .single-tag.active.others {
          background-color: #778595; }

main#topics .wrapper {
  width: 80%;
  margin: 0 auto;
  margin-top: 74px; }
  main#topics .wrapper .single {
    margin-bottom: 48px; }
    main#topics .wrapper .single:hover .text {
      color: #2759B4;
      transition: all 0.5s; }
    main#topics .wrapper .single date {
      font-size: 1.4rem;
      color: #919696;
      display: inline-block; }
    main#topics .wrapper .single .category {
      font-size: 1.4rem;
      color: white;
      border-radius: 1.3rem;
      padding: 0.6rem 1.2rem;
      line-height: 1em;
      margin-left: 1.2rem;
      display: inline-block;
      background-color: #2759B4; }
      main#topics .wrapper .single .category.news {
        background-color: #2759B4; }
      main#topics .wrapper .single .category.publication {
        background-color: #5893D4; }
      main#topics .wrapper .single .category.training {
        background-color: #58C6D4; }
      main#topics .wrapper .single .category.video {
        background-color: #2799B4; }
      main#topics .wrapper .single .category.seminar {
        background-color: #1F7488; }
      main#topics .wrapper .single .category.symposium {
        background-color: #83B427; }
      main#topics .wrapper .single .category.recruitment {
        background-color: #1F882F; }
      main#topics .wrapper .single .category.public-comment {
        background-color: #A0D458; }
      main#topics .wrapper .single .category.others {
        background-color: #778595; }
    main#topics .wrapper .single .text {
      font-size: 1.6rem;
      color: black;
      margin-top: 16px;
      transition: all 0.5s; }

.video-wrapper {
  width: 100%;
  height: auto;
  padding-top: 80px; }
  @media screen and (max-width: 767px) {
    .video-wrapper {
      padding-top: 56px; } }
  .video-wrapper video {
    width: 100%;
    height: auto; }

main#index {
  width: 100%; }
  main#index .container {
    max-width: 1120px;
    margin: 0 auto;
    position: relative; }
    main#index .container::before {
      content: "";
      position: absolute;
      width: 1108px;
      height: 534px;
      top: -236px;
      right: -560px;
      background-image: url("../images/common/background.svg"); }
      @media screen and (max-width: 767px) {
        main#index .container::before {
          width: 432px;
          height: 208px;
          top: -95px;
          right: -170px;
          background-image: url("../images/common/background-sp.svg"); } }
    @media screen and (max-width: 767px) {
      main#index .container {
        width: calc(100% - 32px);
        margin: 0 auto; } }
    main#index .container .contents {
      margin-top: 64px;
      display: flex;
      justify-content: space-around; }
      @media screen and (max-width: 767px) {
        main#index .container .contents {
          margin-top: 35px;
          display: block; } }
      main#index .container .contents .title {
        display: inline-flex;
        flex-direction: column; }
        main#index .container .contents .title .english {
          font-size: 5.7rem;
          color: #2759B4;
          line-height: 1em; }
          @media screen and (max-width: 767px) {
            main#index .container .contents .title .english {
              font-size: 3.2rem; } }
        main#index .container .contents .title .japanese {
          font-size: 2.2rem;
          color: black; }
          @media screen and (max-width: 767px) {
            main#index .container .contents .title .japanese {
              font-size: 1.6rem; } }
      main#index .container .contents .articles {
        width: 65%; }
        @media screen and (max-width: 767px) {
          main#index .container .contents .articles {
            width: 100%;
            margin-top: 32px; } }
        main#index .container .contents .articles .single {
          margin-bottom: 48px; }
          main#index .container .contents .articles .single:hover .text {
            color: #2759B4;
            transition: all 0.5s; }
          main#index .container .contents .articles .single date {
            font-size: 1.4rem;
            color: #919696;
            display: inline-block; }
          main#index .container .contents .articles .single .category {
            font-size: 1.4rem;
            color: white;
            border-radius: 1.3rem;
            padding: 0.6rem 1.2rem;
            line-height: 1em;
            margin-left: 1.2rem;
            display: inline-block;
            background-color: #2759B4; }
            main#index .container .contents .articles .single .category.news {
              background-color: #2759B4; }
            main#index .container .contents .articles .single .category.publication {
              background-color: #5893D4; }
            main#index .container .contents .articles .single .category.training {
              background-color: #58C6D4; }
            main#index .container .contents .articles .single .category.video {
              background-color: #2799B4; }
            main#index .container .contents .articles .single .category.seminar {
              background-color: #1F7488; }
            main#index .container .contents .articles .single .category.symposium {
              background-color: #83B427; }
            main#index .container .contents .articles .single .category.recruitment {
              background-color: #1F882F; }
            main#index .container .contents .articles .single .category.public-comment {
              background-color: #A0D458; }
            main#index .container .contents .articles .single .category.others {
              background-color: #778595; }
          main#index .container .contents .articles .single .text {
            font-size: 1.6rem;
            color: black;
            margin-top: 16px;
            transition: all 0.5s; }
        main#index .container .contents .articles .read-more-wrapper {
          display: flex;
          justify-content: right;
          margin-top: 102px;
          margin-bottom: 100px; }
          main#index .container .contents .articles .read-more-wrapper .read-more {
            width: fit-content;
            position: relative; }
            main#index .container .contents .articles .read-more-wrapper .read-more div {
              display: inline-block;
              margin-right: 72px;
              font-size: 1.6rem;
              color: black; }
              @media screen and (max-width: 767px) {
                main#index .container .contents .articles .read-more-wrapper .read-more div {
                  margin-right: 56px; } }
            main#index .container .contents .articles .read-more-wrapper .read-more img {
              position: absolute;
              top: 0;
              bottom: 0;
              right: 0;
              margin: auto;
              width: 40px;
              height: 40px; }
            main#index .container .contents .articles .read-more-wrapper .read-more .hover-change-on {
              opacity: 1;
              transition: all 0.5s; }
            main#index .container .contents .articles .read-more-wrapper .read-more .hover-change-off {
              opacity: 0;
              transition: all 0.5s; }
            main#index .container .contents .articles .read-more-wrapper .read-more:hover .hover-change-on {
              opacity: 0;
              transition: all 0.5s; }
            main#index .container .contents .articles .read-more-wrapper .read-more:hover .hover-change-off {
              opacity: 1;
              transition: all 0.5s; }
  main#index .banners {
    padding-top: 80px;
    padding-bottom: 173px;
    display: flex;
    justify-content: center;
    box-shadow: 0 0 400px 0px rgba(88, 147, 212, 0.2);
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      main#index .banners {
        flex-direction: column;
        align-items: center; } }
    main#index .banners .single {
      display: inline-flex;
      margin-right: 24px;
      margin-bottom: 16px;
      opacity: 1;
      transition: all 0.5s; }
      main#index .banners .single:hover {
        opacity: 0.8;
        transition: all 0.5s; }
      @media screen and (max-width: 767px) {
        main#index .banners .single {
          margin-right: 0;
          margin-bottom: 32px; } }

.blog-main-content,
.editor-block-preview__content {
  @use "sass:math"; }
  .blog-main-content p:first-child,
  .blog-main-content h1:first-child,
  .blog-main-content h2:first-child,
  .blog-main-content h3:first-child,
  .blog-main-content h4:first-child,
  .blog-main-content h5:first-child,
  .blog-main-content h6:first-child,
  .blog-main-content ul:first-child,
  .blog-main-content figure:first-child,
  .editor-block-preview__content p:first-child,
  .editor-block-preview__content h1:first-child,
  .editor-block-preview__content h2:first-child,
  .editor-block-preview__content h3:first-child,
  .editor-block-preview__content h4:first-child,
  .editor-block-preview__content h5:first-child,
  .editor-block-preview__content h6:first-child,
  .editor-block-preview__content ul:first-child,
  .editor-block-preview__content figure:first-child {
    margin-top: 0; }
  .blog-main-content p,
  .editor-block-preview__content p {
    font-size: 16px;
    line-height: calc(27 / 16);
    margin-bottom: 24px; }
    @media screen and (max-width: 767px) {
      .blog-main-content p,
      .editor-block-preview__content p {
        font-size: 14px;
        line-height: calc(24 / 14); } }
    .blog-main-content p + p,
    .editor-block-preview__content p + p {
      margin-top: 1em; }
  .blog-main-content h1,
  .editor-block-preview__content h1 {
    font-size: 34px;
    line-height: calc(50 / 34);
    margin: 16px auto 30px;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 767px) {
      .blog-main-content h1,
      .editor-block-preview__content h1 {
        font-size: 24px;
        line-height: calc(40 / 24); } }
  .blog-main-content h2,
  .editor-block-preview__content h2 {
    font-size: 30px;
    line-height: calc(50 / 30);
    margin: 16px auto 27px;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 767px) {
      .blog-main-content h2,
      .editor-block-preview__content h2 {
        font-size: 22px;
        line-height: calc(51 / 22); } }
  .blog-main-content h3,
  .editor-block-preview__content h3 {
    font-size: 26px;
    line-height: calc(40 / 26);
    margin: 16px auto 27px;
    letter-spacing: 0; }
    @media screen and (max-width: 767px) {
      .blog-main-content h3,
      .editor-block-preview__content h3 {
        font-size: 20px;
        line-height: calc(34 / 20); } }
  .blog-main-content h4,
  .editor-block-preview__content h4 {
    font-size: 22px;
    line-height: calc(36 / 22);
    margin: 16px auto 21px;
    letter-spacing: 0; }
    @media screen and (max-width: 767px) {
      .blog-main-content h4,
      .editor-block-preview__content h4 {
        font-size: 18px;
        line-height: calc(70 / 18); } }
  .blog-main-content h5,
  .editor-block-preview__content h5 {
    font-size: 18px;
    line-height: calc(31 / 18);
    margin: 16px auto 21px;
    letter-spacing: 0; }
    @media screen and (max-width: 767px) {
      .blog-main-content h5,
      .editor-block-preview__content h5 {
        font-size: 17px;
        line-height: calc(28 / 17); } }
  .blog-main-content h6,
  .editor-block-preview__content h6 {
    font-size: 16px;
    line-height: calc(27 / 16);
    margin: 16px auto 16px;
    letter-spacing: 0; }
    @media screen and (max-width: 767px) {
      .blog-main-content h6,
      .editor-block-preview__content h6 {
        font-size: 16px;
        line-height: calc(27 / 16); } }
  .blog-main-content h1,
  .blog-main-content h2,
  .blog-main-content h3,
  .blog-main-content h4,
  .blog-main-content h5,
  .blog-main-content h6,
  .editor-block-preview__content h1,
  .editor-block-preview__content h2,
  .editor-block-preview__content h3,
  .editor-block-preview__content h4,
  .editor-block-preview__content h5,
  .editor-block-preview__content h6 {
    position: relative; }
    .blog-main-content h1::before, .blog-main-content h1::after,
    .blog-main-content h2::before,
    .blog-main-content h2::after,
    .blog-main-content h3::before,
    .blog-main-content h3::after,
    .blog-main-content h4::before,
    .blog-main-content h4::after,
    .blog-main-content h5::before,
    .blog-main-content h5::after,
    .blog-main-content h6::before,
    .blog-main-content h6::after,
    .editor-block-preview__content h1::before,
    .editor-block-preview__content h1::after,
    .editor-block-preview__content h2::before,
    .editor-block-preview__content h2::after,
    .editor-block-preview__content h3::before,
    .editor-block-preview__content h3::after,
    .editor-block-preview__content h4::before,
    .editor-block-preview__content h4::after,
    .editor-block-preview__content h5::before,
    .editor-block-preview__content h5::after,
    .editor-block-preview__content h6::before,
    .editor-block-preview__content h6::after {
      position: absolute;
      content: "";
      margin: auto; }
    .blog-main-content h1.is-style-heading-type_01,
    .blog-main-content h2.is-style-heading-type_01,
    .blog-main-content h3.is-style-heading-type_01,
    .blog-main-content h4.is-style-heading-type_01,
    .blog-main-content h5.is-style-heading-type_01,
    .blog-main-content h6.is-style-heading-type_01,
    .editor-block-preview__content h1.is-style-heading-type_01,
    .editor-block-preview__content h2.is-style-heading-type_01,
    .editor-block-preview__content h3.is-style-heading-type_01,
    .editor-block-preview__content h4.is-style-heading-type_01,
    .editor-block-preview__content h5.is-style-heading-type_01,
    .editor-block-preview__content h6.is-style-heading-type_01 {
      padding-left: 56px;
      background-image: url(../images/editor/icon_face.svg);
      background-size: 40px;
      background-repeat: no-repeat;
      color: #9c8054;
      background-position: left top;
      border-bottom: 2px solid #9c8054;
      padding-bottom: 12px; }
      .blog-main-content h1.is-style-heading-type_01::before,
      .blog-main-content h2.is-style-heading-type_01::before,
      .blog-main-content h3.is-style-heading-type_01::before,
      .blog-main-content h4.is-style-heading-type_01::before,
      .blog-main-content h5.is-style-heading-type_01::before,
      .blog-main-content h6.is-style-heading-type_01::before,
      .editor-block-preview__content h1.is-style-heading-type_01::before,
      .editor-block-preview__content h2.is-style-heading-type_01::before,
      .editor-block-preview__content h3.is-style-heading-type_01::before,
      .editor-block-preview__content h4.is-style-heading-type_01::before,
      .editor-block-preview__content h5.is-style-heading-type_01::before,
      .editor-block-preview__content h6.is-style-heading-type_01::before {
        display: block;
        bottom: -16px;
        left: 56px;
        background-color: #9c8054;
        width: 22px;
        height: 16px;
        clip-path: polygon(0 0, 100% 0%, 50% 100%); }
      .blog-main-content h1.is-style-heading-type_01::after,
      .blog-main-content h2.is-style-heading-type_01::after,
      .blog-main-content h3.is-style-heading-type_01::after,
      .blog-main-content h4.is-style-heading-type_01::after,
      .blog-main-content h5.is-style-heading-type_01::after,
      .blog-main-content h6.is-style-heading-type_01::after,
      .editor-block-preview__content h1.is-style-heading-type_01::after,
      .editor-block-preview__content h2.is-style-heading-type_01::after,
      .editor-block-preview__content h3.is-style-heading-type_01::after,
      .editor-block-preview__content h4.is-style-heading-type_01::after,
      .editor-block-preview__content h5.is-style-heading-type_01::after,
      .editor-block-preview__content h6.is-style-heading-type_01::after {
        display: block;
        bottom: -14px;
        left: 58px;
        top: auto;
        right: auto;
        background-color: #FFF;
        width: 18px;
        height: 14px;
        clip-path: polygon(0 0, 100% 0%, 50% 100%); }
    .blog-main-content h1.is-style-heading-type_02,
    .blog-main-content h2.is-style-heading-type_02,
    .blog-main-content h3.is-style-heading-type_02,
    .blog-main-content h4.is-style-heading-type_02,
    .blog-main-content h5.is-style-heading-type_02,
    .blog-main-content h6.is-style-heading-type_02,
    .editor-block-preview__content h1.is-style-heading-type_02,
    .editor-block-preview__content h2.is-style-heading-type_02,
    .editor-block-preview__content h3.is-style-heading-type_02,
    .editor-block-preview__content h4.is-style-heading-type_02,
    .editor-block-preview__content h5.is-style-heading-type_02,
    .editor-block-preview__content h6.is-style-heading-type_02 {
      background-repeat: repeat-x;
      background-image: url(../images/common/h_line_dot_red_interval_5.svg);
      background-position: bottom;
      padding-bottom: 10px; }
    .blog-main-content h1.is-style-heading-type_03,
    .blog-main-content h2.is-style-heading-type_03,
    .blog-main-content h3.is-style-heading-type_03,
    .blog-main-content h4.is-style-heading-type_03,
    .blog-main-content h5.is-style-heading-type_03,
    .blog-main-content h6.is-style-heading-type_03,
    .editor-block-preview__content h1.is-style-heading-type_03,
    .editor-block-preview__content h2.is-style-heading-type_03,
    .editor-block-preview__content h3.is-style-heading-type_03,
    .editor-block-preview__content h4.is-style-heading-type_03,
    .editor-block-preview__content h5.is-style-heading-type_03,
    .editor-block-preview__content h6.is-style-heading-type_03 {
      border-bottom: 1px solid #222;
      padding-bottom: 9px;
      font-weight: 300; }
      .blog-main-content h1.is-style-heading-type_03::before,
      .blog-main-content h2.is-style-heading-type_03::before,
      .blog-main-content h3.is-style-heading-type_03::before,
      .blog-main-content h4.is-style-heading-type_03::before,
      .blog-main-content h5.is-style-heading-type_03::before,
      .blog-main-content h6.is-style-heading-type_03::before,
      .editor-block-preview__content h1.is-style-heading-type_03::before,
      .editor-block-preview__content h2.is-style-heading-type_03::before,
      .editor-block-preview__content h3.is-style-heading-type_03::before,
      .editor-block-preview__content h4.is-style-heading-type_03::before,
      .editor-block-preview__content h5.is-style-heading-type_03::before,
      .editor-block-preview__content h6.is-style-heading-type_03::before {
        display: block;
        bottom: -1px;
        height: 3px;
        width: 200px;
        background-color: #2759B4; }
    .blog-main-content h1.is-style-heading-type_04,
    .blog-main-content h2.is-style-heading-type_04,
    .blog-main-content h3.is-style-heading-type_04,
    .blog-main-content h4.is-style-heading-type_04,
    .blog-main-content h5.is-style-heading-type_04,
    .blog-main-content h6.is-style-heading-type_04,
    .editor-block-preview__content h1.is-style-heading-type_04,
    .editor-block-preview__content h2.is-style-heading-type_04,
    .editor-block-preview__content h3.is-style-heading-type_04,
    .editor-block-preview__content h4.is-style-heading-type_04,
    .editor-block-preview__content h5.is-style-heading-type_04,
    .editor-block-preview__content h6.is-style-heading-type_04 {
      padding: 7px 0 4px 8px;
      border-left: 2px solid #222;
      font-weight: 300; }
    .blog-main-content h1.is-style-heading-type_05,
    .blog-main-content h2.is-style-heading-type_05,
    .blog-main-content h3.is-style-heading-type_05,
    .blog-main-content h4.is-style-heading-type_05,
    .blog-main-content h5.is-style-heading-type_05,
    .blog-main-content h6.is-style-heading-type_05,
    .editor-block-preview__content h1.is-style-heading-type_05,
    .editor-block-preview__content h2.is-style-heading-type_05,
    .editor-block-preview__content h3.is-style-heading-type_05,
    .editor-block-preview__content h4.is-style-heading-type_05,
    .editor-block-preview__content h5.is-style-heading-type_05,
    .editor-block-preview__content h6.is-style-heading-type_05 {
      padding: 4px 0 2px 16px;
      border-left: 4px solid #2759B4; }
    .blog-main-content h1.is-style-heading-type_06,
    .blog-main-content h2.is-style-heading-type_06,
    .blog-main-content h3.is-style-heading-type_06,
    .blog-main-content h4.is-style-heading-type_06,
    .blog-main-content h5.is-style-heading-type_06,
    .blog-main-content h6.is-style-heading-type_06,
    .editor-block-preview__content h1.is-style-heading-type_06,
    .editor-block-preview__content h2.is-style-heading-type_06,
    .editor-block-preview__content h3.is-style-heading-type_06,
    .editor-block-preview__content h4.is-style-heading-type_06,
    .editor-block-preview__content h5.is-style-heading-type_06,
    .editor-block-preview__content h6.is-style-heading-type_06 {
      font-weight: normal;
      padding: 4px 0 9px 15px;
      border-left: 4px solid #222;
      border-bottom: 1px solid #222; }
    .blog-main-content h1.is-style-heading-type_07, .blog-main-content h1.is-style-heading-type_08,
    .blog-main-content h2.is-style-heading-type_07,
    .blog-main-content h2.is-style-heading-type_08,
    .blog-main-content h3.is-style-heading-type_07,
    .blog-main-content h3.is-style-heading-type_08,
    .blog-main-content h4.is-style-heading-type_07,
    .blog-main-content h4.is-style-heading-type_08,
    .blog-main-content h5.is-style-heading-type_07,
    .blog-main-content h5.is-style-heading-type_08,
    .blog-main-content h6.is-style-heading-type_07,
    .blog-main-content h6.is-style-heading-type_08,
    .editor-block-preview__content h1.is-style-heading-type_07,
    .editor-block-preview__content h1.is-style-heading-type_08,
    .editor-block-preview__content h2.is-style-heading-type_07,
    .editor-block-preview__content h2.is-style-heading-type_08,
    .editor-block-preview__content h3.is-style-heading-type_07,
    .editor-block-preview__content h3.is-style-heading-type_08,
    .editor-block-preview__content h4.is-style-heading-type_07,
    .editor-block-preview__content h4.is-style-heading-type_08,
    .editor-block-preview__content h5.is-style-heading-type_07,
    .editor-block-preview__content h5.is-style-heading-type_08,
    .editor-block-preview__content h6.is-style-heading-type_07,
    .editor-block-preview__content h6.is-style-heading-type_08 {
      position: relative; }
      .blog-main-content h1.is-style-heading-type_07 .border-h,
      .blog-main-content h1.is-style-heading-type_07 .border-v, .blog-main-content h1.is-style-heading-type_08 .border-h,
      .blog-main-content h1.is-style-heading-type_08 .border-v,
      .blog-main-content h2.is-style-heading-type_07 .border-h,
      .blog-main-content h2.is-style-heading-type_07 .border-v,
      .blog-main-content h2.is-style-heading-type_08 .border-h,
      .blog-main-content h2.is-style-heading-type_08 .border-v,
      .blog-main-content h3.is-style-heading-type_07 .border-h,
      .blog-main-content h3.is-style-heading-type_07 .border-v,
      .blog-main-content h3.is-style-heading-type_08 .border-h,
      .blog-main-content h3.is-style-heading-type_08 .border-v,
      .blog-main-content h4.is-style-heading-type_07 .border-h,
      .blog-main-content h4.is-style-heading-type_07 .border-v,
      .blog-main-content h4.is-style-heading-type_08 .border-h,
      .blog-main-content h4.is-style-heading-type_08 .border-v,
      .blog-main-content h5.is-style-heading-type_07 .border-h,
      .blog-main-content h5.is-style-heading-type_07 .border-v,
      .blog-main-content h5.is-style-heading-type_08 .border-h,
      .blog-main-content h5.is-style-heading-type_08 .border-v,
      .blog-main-content h6.is-style-heading-type_07 .border-h,
      .blog-main-content h6.is-style-heading-type_07 .border-v,
      .blog-main-content h6.is-style-heading-type_08 .border-h,
      .blog-main-content h6.is-style-heading-type_08 .border-v,
      .editor-block-preview__content h1.is-style-heading-type_07 .border-h,
      .editor-block-preview__content h1.is-style-heading-type_07 .border-v,
      .editor-block-preview__content h1.is-style-heading-type_08 .border-h,
      .editor-block-preview__content h1.is-style-heading-type_08 .border-v,
      .editor-block-preview__content h2.is-style-heading-type_07 .border-h,
      .editor-block-preview__content h2.is-style-heading-type_07 .border-v,
      .editor-block-preview__content h2.is-style-heading-type_08 .border-h,
      .editor-block-preview__content h2.is-style-heading-type_08 .border-v,
      .editor-block-preview__content h3.is-style-heading-type_07 .border-h,
      .editor-block-preview__content h3.is-style-heading-type_07 .border-v,
      .editor-block-preview__content h3.is-style-heading-type_08 .border-h,
      .editor-block-preview__content h3.is-style-heading-type_08 .border-v,
      .editor-block-preview__content h4.is-style-heading-type_07 .border-h,
      .editor-block-preview__content h4.is-style-heading-type_07 .border-v,
      .editor-block-preview__content h4.is-style-heading-type_08 .border-h,
      .editor-block-preview__content h4.is-style-heading-type_08 .border-v,
      .editor-block-preview__content h5.is-style-heading-type_07 .border-h,
      .editor-block-preview__content h5.is-style-heading-type_07 .border-v,
      .editor-block-preview__content h5.is-style-heading-type_08 .border-h,
      .editor-block-preview__content h5.is-style-heading-type_08 .border-v,
      .editor-block-preview__content h6.is-style-heading-type_07 .border-h,
      .editor-block-preview__content h6.is-style-heading-type_07 .border-v,
      .editor-block-preview__content h6.is-style-heading-type_08 .border-h,
      .editor-block-preview__content h6.is-style-heading-type_08 .border-v {
        position: absolute;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        pointer-events: none; }
        .blog-main-content h1.is-style-heading-type_07 .border-h::before, .blog-main-content h1.is-style-heading-type_07 .border-h::after,
        .blog-main-content h1.is-style-heading-type_07 .border-v::before,
        .blog-main-content h1.is-style-heading-type_07 .border-v::after, .blog-main-content h1.is-style-heading-type_08 .border-h::before, .blog-main-content h1.is-style-heading-type_08 .border-h::after,
        .blog-main-content h1.is-style-heading-type_08 .border-v::before,
        .blog-main-content h1.is-style-heading-type_08 .border-v::after,
        .blog-main-content h2.is-style-heading-type_07 .border-h::before,
        .blog-main-content h2.is-style-heading-type_07 .border-h::after,
        .blog-main-content h2.is-style-heading-type_07 .border-v::before,
        .blog-main-content h2.is-style-heading-type_07 .border-v::after,
        .blog-main-content h2.is-style-heading-type_08 .border-h::before,
        .blog-main-content h2.is-style-heading-type_08 .border-h::after,
        .blog-main-content h2.is-style-heading-type_08 .border-v::before,
        .blog-main-content h2.is-style-heading-type_08 .border-v::after,
        .blog-main-content h3.is-style-heading-type_07 .border-h::before,
        .blog-main-content h3.is-style-heading-type_07 .border-h::after,
        .blog-main-content h3.is-style-heading-type_07 .border-v::before,
        .blog-main-content h3.is-style-heading-type_07 .border-v::after,
        .blog-main-content h3.is-style-heading-type_08 .border-h::before,
        .blog-main-content h3.is-style-heading-type_08 .border-h::after,
        .blog-main-content h3.is-style-heading-type_08 .border-v::before,
        .blog-main-content h3.is-style-heading-type_08 .border-v::after,
        .blog-main-content h4.is-style-heading-type_07 .border-h::before,
        .blog-main-content h4.is-style-heading-type_07 .border-h::after,
        .blog-main-content h4.is-style-heading-type_07 .border-v::before,
        .blog-main-content h4.is-style-heading-type_07 .border-v::after,
        .blog-main-content h4.is-style-heading-type_08 .border-h::before,
        .blog-main-content h4.is-style-heading-type_08 .border-h::after,
        .blog-main-content h4.is-style-heading-type_08 .border-v::before,
        .blog-main-content h4.is-style-heading-type_08 .border-v::after,
        .blog-main-content h5.is-style-heading-type_07 .border-h::before,
        .blog-main-content h5.is-style-heading-type_07 .border-h::after,
        .blog-main-content h5.is-style-heading-type_07 .border-v::before,
        .blog-main-content h5.is-style-heading-type_07 .border-v::after,
        .blog-main-content h5.is-style-heading-type_08 .border-h::before,
        .blog-main-content h5.is-style-heading-type_08 .border-h::after,
        .blog-main-content h5.is-style-heading-type_08 .border-v::before,
        .blog-main-content h5.is-style-heading-type_08 .border-v::after,
        .blog-main-content h6.is-style-heading-type_07 .border-h::before,
        .blog-main-content h6.is-style-heading-type_07 .border-h::after,
        .blog-main-content h6.is-style-heading-type_07 .border-v::before,
        .blog-main-content h6.is-style-heading-type_07 .border-v::after,
        .blog-main-content h6.is-style-heading-type_08 .border-h::before,
        .blog-main-content h6.is-style-heading-type_08 .border-h::after,
        .blog-main-content h6.is-style-heading-type_08 .border-v::before,
        .blog-main-content h6.is-style-heading-type_08 .border-v::after,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-h::before,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-h::after,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-v::before,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-v::after,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-h::before,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-h::after,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-v::before,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-v::after,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-h::before,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-h::after,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-v::before,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-v::after,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-h::before,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-h::after,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-v::before,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-v::after,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-h::before,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-h::after,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-v::before,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-v::after,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-h::before,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-h::after,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-v::before,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-v::after,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-h::before,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-h::after,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-v::before,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-v::after,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-h::before,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-h::after,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-v::before,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-v::after,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-h::before,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-h::after,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-v::before,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-v::after,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-h::before,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-h::after,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-v::before,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-v::after,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-h::before,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-h::after,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-v::before,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-v::after,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-h::before,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-h::after,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-v::before,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-v::after {
          display: block;
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0; }
        .blog-main-content h1.is-style-heading-type_07 .border-h .border-h::before, .blog-main-content h1.is-style-heading-type_07 .border-h .border-h::after,
        .blog-main-content h1.is-style-heading-type_07 .border-v .border-h::before,
        .blog-main-content h1.is-style-heading-type_07 .border-v .border-h::after, .blog-main-content h1.is-style-heading-type_08 .border-h .border-h::before, .blog-main-content h1.is-style-heading-type_08 .border-h .border-h::after,
        .blog-main-content h1.is-style-heading-type_08 .border-v .border-h::before,
        .blog-main-content h1.is-style-heading-type_08 .border-v .border-h::after,
        .blog-main-content h2.is-style-heading-type_07 .border-h .border-h::before,
        .blog-main-content h2.is-style-heading-type_07 .border-h .border-h::after,
        .blog-main-content h2.is-style-heading-type_07 .border-v .border-h::before,
        .blog-main-content h2.is-style-heading-type_07 .border-v .border-h::after,
        .blog-main-content h2.is-style-heading-type_08 .border-h .border-h::before,
        .blog-main-content h2.is-style-heading-type_08 .border-h .border-h::after,
        .blog-main-content h2.is-style-heading-type_08 .border-v .border-h::before,
        .blog-main-content h2.is-style-heading-type_08 .border-v .border-h::after,
        .blog-main-content h3.is-style-heading-type_07 .border-h .border-h::before,
        .blog-main-content h3.is-style-heading-type_07 .border-h .border-h::after,
        .blog-main-content h3.is-style-heading-type_07 .border-v .border-h::before,
        .blog-main-content h3.is-style-heading-type_07 .border-v .border-h::after,
        .blog-main-content h3.is-style-heading-type_08 .border-h .border-h::before,
        .blog-main-content h3.is-style-heading-type_08 .border-h .border-h::after,
        .blog-main-content h3.is-style-heading-type_08 .border-v .border-h::before,
        .blog-main-content h3.is-style-heading-type_08 .border-v .border-h::after,
        .blog-main-content h4.is-style-heading-type_07 .border-h .border-h::before,
        .blog-main-content h4.is-style-heading-type_07 .border-h .border-h::after,
        .blog-main-content h4.is-style-heading-type_07 .border-v .border-h::before,
        .blog-main-content h4.is-style-heading-type_07 .border-v .border-h::after,
        .blog-main-content h4.is-style-heading-type_08 .border-h .border-h::before,
        .blog-main-content h4.is-style-heading-type_08 .border-h .border-h::after,
        .blog-main-content h4.is-style-heading-type_08 .border-v .border-h::before,
        .blog-main-content h4.is-style-heading-type_08 .border-v .border-h::after,
        .blog-main-content h5.is-style-heading-type_07 .border-h .border-h::before,
        .blog-main-content h5.is-style-heading-type_07 .border-h .border-h::after,
        .blog-main-content h5.is-style-heading-type_07 .border-v .border-h::before,
        .blog-main-content h5.is-style-heading-type_07 .border-v .border-h::after,
        .blog-main-content h5.is-style-heading-type_08 .border-h .border-h::before,
        .blog-main-content h5.is-style-heading-type_08 .border-h .border-h::after,
        .blog-main-content h5.is-style-heading-type_08 .border-v .border-h::before,
        .blog-main-content h5.is-style-heading-type_08 .border-v .border-h::after,
        .blog-main-content h6.is-style-heading-type_07 .border-h .border-h::before,
        .blog-main-content h6.is-style-heading-type_07 .border-h .border-h::after,
        .blog-main-content h6.is-style-heading-type_07 .border-v .border-h::before,
        .blog-main-content h6.is-style-heading-type_07 .border-v .border-h::after,
        .blog-main-content h6.is-style-heading-type_08 .border-h .border-h::before,
        .blog-main-content h6.is-style-heading-type_08 .border-h .border-h::after,
        .blog-main-content h6.is-style-heading-type_08 .border-v .border-h::before,
        .blog-main-content h6.is-style-heading-type_08 .border-v .border-h::after,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-h .border-h::before,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-h .border-h::after,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-v .border-h::before,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-v .border-h::after,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-h .border-h::before,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-h .border-h::after,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-v .border-h::before,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-v .border-h::after,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-h .border-h::before,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-h .border-h::after,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-v .border-h::before,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-v .border-h::after,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-h .border-h::before,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-h .border-h::after,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-v .border-h::before,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-v .border-h::after,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-h .border-h::before,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-h .border-h::after,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-v .border-h::before,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-v .border-h::after,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-h .border-h::before,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-h .border-h::after,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-v .border-h::before,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-v .border-h::after,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-h .border-h::before,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-h .border-h::after,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-v .border-h::before,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-v .border-h::after,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-h .border-h::before,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-h .border-h::after,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-v .border-h::before,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-v .border-h::after,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-h .border-h::before,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-h .border-h::after,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-v .border-h::before,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-v .border-h::after,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-h .border-h::before,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-h .border-h::after,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-v .border-h::before,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-v .border-h::after,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-h .border-h::before,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-h .border-h::after,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-v .border-h::before,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-v .border-h::after,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-h .border-h::before,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-h .border-h::after,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-v .border-h::before,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-v .border-h::after {
          width: 100%; }
        .blog-main-content h1.is-style-heading-type_07 .border-h .border-v::before, .blog-main-content h1.is-style-heading-type_07 .border-h .border-v::after,
        .blog-main-content h1.is-style-heading-type_07 .border-v .border-v::before,
        .blog-main-content h1.is-style-heading-type_07 .border-v .border-v::after, .blog-main-content h1.is-style-heading-type_08 .border-h .border-v::before, .blog-main-content h1.is-style-heading-type_08 .border-h .border-v::after,
        .blog-main-content h1.is-style-heading-type_08 .border-v .border-v::before,
        .blog-main-content h1.is-style-heading-type_08 .border-v .border-v::after,
        .blog-main-content h2.is-style-heading-type_07 .border-h .border-v::before,
        .blog-main-content h2.is-style-heading-type_07 .border-h .border-v::after,
        .blog-main-content h2.is-style-heading-type_07 .border-v .border-v::before,
        .blog-main-content h2.is-style-heading-type_07 .border-v .border-v::after,
        .blog-main-content h2.is-style-heading-type_08 .border-h .border-v::before,
        .blog-main-content h2.is-style-heading-type_08 .border-h .border-v::after,
        .blog-main-content h2.is-style-heading-type_08 .border-v .border-v::before,
        .blog-main-content h2.is-style-heading-type_08 .border-v .border-v::after,
        .blog-main-content h3.is-style-heading-type_07 .border-h .border-v::before,
        .blog-main-content h3.is-style-heading-type_07 .border-h .border-v::after,
        .blog-main-content h3.is-style-heading-type_07 .border-v .border-v::before,
        .blog-main-content h3.is-style-heading-type_07 .border-v .border-v::after,
        .blog-main-content h3.is-style-heading-type_08 .border-h .border-v::before,
        .blog-main-content h3.is-style-heading-type_08 .border-h .border-v::after,
        .blog-main-content h3.is-style-heading-type_08 .border-v .border-v::before,
        .blog-main-content h3.is-style-heading-type_08 .border-v .border-v::after,
        .blog-main-content h4.is-style-heading-type_07 .border-h .border-v::before,
        .blog-main-content h4.is-style-heading-type_07 .border-h .border-v::after,
        .blog-main-content h4.is-style-heading-type_07 .border-v .border-v::before,
        .blog-main-content h4.is-style-heading-type_07 .border-v .border-v::after,
        .blog-main-content h4.is-style-heading-type_08 .border-h .border-v::before,
        .blog-main-content h4.is-style-heading-type_08 .border-h .border-v::after,
        .blog-main-content h4.is-style-heading-type_08 .border-v .border-v::before,
        .blog-main-content h4.is-style-heading-type_08 .border-v .border-v::after,
        .blog-main-content h5.is-style-heading-type_07 .border-h .border-v::before,
        .blog-main-content h5.is-style-heading-type_07 .border-h .border-v::after,
        .blog-main-content h5.is-style-heading-type_07 .border-v .border-v::before,
        .blog-main-content h5.is-style-heading-type_07 .border-v .border-v::after,
        .blog-main-content h5.is-style-heading-type_08 .border-h .border-v::before,
        .blog-main-content h5.is-style-heading-type_08 .border-h .border-v::after,
        .blog-main-content h5.is-style-heading-type_08 .border-v .border-v::before,
        .blog-main-content h5.is-style-heading-type_08 .border-v .border-v::after,
        .blog-main-content h6.is-style-heading-type_07 .border-h .border-v::before,
        .blog-main-content h6.is-style-heading-type_07 .border-h .border-v::after,
        .blog-main-content h6.is-style-heading-type_07 .border-v .border-v::before,
        .blog-main-content h6.is-style-heading-type_07 .border-v .border-v::after,
        .blog-main-content h6.is-style-heading-type_08 .border-h .border-v::before,
        .blog-main-content h6.is-style-heading-type_08 .border-h .border-v::after,
        .blog-main-content h6.is-style-heading-type_08 .border-v .border-v::before,
        .blog-main-content h6.is-style-heading-type_08 .border-v .border-v::after,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-h .border-v::before,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-h .border-v::after,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-v .border-v::before,
        .editor-block-preview__content h1.is-style-heading-type_07 .border-v .border-v::after,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-h .border-v::before,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-h .border-v::after,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-v .border-v::before,
        .editor-block-preview__content h1.is-style-heading-type_08 .border-v .border-v::after,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-h .border-v::before,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-h .border-v::after,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-v .border-v::before,
        .editor-block-preview__content h2.is-style-heading-type_07 .border-v .border-v::after,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-h .border-v::before,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-h .border-v::after,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-v .border-v::before,
        .editor-block-preview__content h2.is-style-heading-type_08 .border-v .border-v::after,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-h .border-v::before,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-h .border-v::after,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-v .border-v::before,
        .editor-block-preview__content h3.is-style-heading-type_07 .border-v .border-v::after,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-h .border-v::before,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-h .border-v::after,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-v .border-v::before,
        .editor-block-preview__content h3.is-style-heading-type_08 .border-v .border-v::after,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-h .border-v::before,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-h .border-v::after,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-v .border-v::before,
        .editor-block-preview__content h4.is-style-heading-type_07 .border-v .border-v::after,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-h .border-v::before,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-h .border-v::after,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-v .border-v::before,
        .editor-block-preview__content h4.is-style-heading-type_08 .border-v .border-v::after,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-h .border-v::before,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-h .border-v::after,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-v .border-v::before,
        .editor-block-preview__content h5.is-style-heading-type_07 .border-v .border-v::after,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-h .border-v::before,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-h .border-v::after,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-v .border-v::before,
        .editor-block-preview__content h5.is-style-heading-type_08 .border-v .border-v::after,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-h .border-v::before,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-h .border-v::after,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-v .border-v::before,
        .editor-block-preview__content h6.is-style-heading-type_07 .border-v .border-v::after,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-h .border-v::before,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-h .border-v::after,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-v .border-v::before,
        .editor-block-preview__content h6.is-style-heading-type_08 .border-v .border-v::after {
          height: 100%; }
    .blog-main-content h1.is-style-heading-type_07,
    .blog-main-content h2.is-style-heading-type_07,
    .blog-main-content h3.is-style-heading-type_07,
    .blog-main-content h4.is-style-heading-type_07,
    .blog-main-content h5.is-style-heading-type_07,
    .blog-main-content h6.is-style-heading-type_07,
    .editor-block-preview__content h1.is-style-heading-type_07,
    .editor-block-preview__content h2.is-style-heading-type_07,
    .editor-block-preview__content h3.is-style-heading-type_07,
    .editor-block-preview__content h4.is-style-heading-type_07,
    .editor-block-preview__content h5.is-style-heading-type_07,
    .editor-block-preview__content h6.is-style-heading-type_07 {
      padding: 14px 10px 16px;
      background-color: #e7f2f4; }
      .blog-main-content h1.is-style-heading-type_07 .border-h::before,
      .blog-main-content h2.is-style-heading-type_07 .border-h::before,
      .blog-main-content h3.is-style-heading-type_07 .border-h::before,
      .blog-main-content h4.is-style-heading-type_07 .border-h::before,
      .blog-main-content h5.is-style-heading-type_07 .border-h::before,
      .blog-main-content h6.is-style-heading-type_07 .border-h::before,
      .editor-block-preview__content h1.is-style-heading-type_07 .border-h::before,
      .editor-block-preview__content h2.is-style-heading-type_07 .border-h::before,
      .editor-block-preview__content h3.is-style-heading-type_07 .border-h::before,
      .editor-block-preview__content h4.is-style-heading-type_07 .border-h::before,
      .editor-block-preview__content h5.is-style-heading-type_07 .border-h::before,
      .editor-block-preview__content h6.is-style-heading-type_07 .border-h::before {
        background-repeat: repeat-x;
        background-image: url(../images/common/h_line_dot_primary_interval_8.svg);
        background-position: top; }
      .blog-main-content h1.is-style-heading-type_07 .border-h::after,
      .blog-main-content h2.is-style-heading-type_07 .border-h::after,
      .blog-main-content h3.is-style-heading-type_07 .border-h::after,
      .blog-main-content h4.is-style-heading-type_07 .border-h::after,
      .blog-main-content h5.is-style-heading-type_07 .border-h::after,
      .blog-main-content h6.is-style-heading-type_07 .border-h::after,
      .editor-block-preview__content h1.is-style-heading-type_07 .border-h::after,
      .editor-block-preview__content h2.is-style-heading-type_07 .border-h::after,
      .editor-block-preview__content h3.is-style-heading-type_07 .border-h::after,
      .editor-block-preview__content h4.is-style-heading-type_07 .border-h::after,
      .editor-block-preview__content h5.is-style-heading-type_07 .border-h::after,
      .editor-block-preview__content h6.is-style-heading-type_07 .border-h::after {
        background-repeat: repeat-x;
        background-image: url(../images/common/h_line_dot_primary_interval_8.svg);
        background-position: bottom; }
      .blog-main-content h1.is-style-heading-type_07 .border-v::before,
      .blog-main-content h2.is-style-heading-type_07 .border-v::before,
      .blog-main-content h3.is-style-heading-type_07 .border-v::before,
      .blog-main-content h4.is-style-heading-type_07 .border-v::before,
      .blog-main-content h5.is-style-heading-type_07 .border-v::before,
      .blog-main-content h6.is-style-heading-type_07 .border-v::before,
      .editor-block-preview__content h1.is-style-heading-type_07 .border-v::before,
      .editor-block-preview__content h2.is-style-heading-type_07 .border-v::before,
      .editor-block-preview__content h3.is-style-heading-type_07 .border-v::before,
      .editor-block-preview__content h4.is-style-heading-type_07 .border-v::before,
      .editor-block-preview__content h5.is-style-heading-type_07 .border-v::before,
      .editor-block-preview__content h6.is-style-heading-type_07 .border-v::before {
        background-repeat: repeat-y;
        background-image: url(../images/common/v_line_dot_primary_interval_8.svg);
        background-position: left; }
      .blog-main-content h1.is-style-heading-type_07 .border-v::after,
      .blog-main-content h2.is-style-heading-type_07 .border-v::after,
      .blog-main-content h3.is-style-heading-type_07 .border-v::after,
      .blog-main-content h4.is-style-heading-type_07 .border-v::after,
      .blog-main-content h5.is-style-heading-type_07 .border-v::after,
      .blog-main-content h6.is-style-heading-type_07 .border-v::after,
      .editor-block-preview__content h1.is-style-heading-type_07 .border-v::after,
      .editor-block-preview__content h2.is-style-heading-type_07 .border-v::after,
      .editor-block-preview__content h3.is-style-heading-type_07 .border-v::after,
      .editor-block-preview__content h4.is-style-heading-type_07 .border-v::after,
      .editor-block-preview__content h5.is-style-heading-type_07 .border-v::after,
      .editor-block-preview__content h6.is-style-heading-type_07 .border-v::after {
        background-repeat: repeat-y;
        background-image: url(../images/common/v_line_dot_primary_interval_8.svg);
        background-position: right; }
    .blog-main-content h1.is-style-heading-type_08,
    .blog-main-content h2.is-style-heading-type_08,
    .blog-main-content h3.is-style-heading-type_08,
    .blog-main-content h4.is-style-heading-type_08,
    .blog-main-content h5.is-style-heading-type_08,
    .blog-main-content h6.is-style-heading-type_08,
    .editor-block-preview__content h1.is-style-heading-type_08,
    .editor-block-preview__content h2.is-style-heading-type_08,
    .editor-block-preview__content h3.is-style-heading-type_08,
    .editor-block-preview__content h4.is-style-heading-type_08,
    .editor-block-preview__content h5.is-style-heading-type_08,
    .editor-block-preview__content h6.is-style-heading-type_08 {
      padding: 14px 10px 16px;
      background-color: #f8e7e7; }
      .blog-main-content h1.is-style-heading-type_08 .border-h::before,
      .blog-main-content h2.is-style-heading-type_08 .border-h::before,
      .blog-main-content h3.is-style-heading-type_08 .border-h::before,
      .blog-main-content h4.is-style-heading-type_08 .border-h::before,
      .blog-main-content h5.is-style-heading-type_08 .border-h::before,
      .blog-main-content h6.is-style-heading-type_08 .border-h::before,
      .editor-block-preview__content h1.is-style-heading-type_08 .border-h::before,
      .editor-block-preview__content h2.is-style-heading-type_08 .border-h::before,
      .editor-block-preview__content h3.is-style-heading-type_08 .border-h::before,
      .editor-block-preview__content h4.is-style-heading-type_08 .border-h::before,
      .editor-block-preview__content h5.is-style-heading-type_08 .border-h::before,
      .editor-block-preview__content h6.is-style-heading-type_08 .border-h::before {
        background-repeat: repeat-x;
        background-image: url(../images/common/h_line_dot_red_interval_8.svg);
        background-position: top; }
      .blog-main-content h1.is-style-heading-type_08 .border-h::after,
      .blog-main-content h2.is-style-heading-type_08 .border-h::after,
      .blog-main-content h3.is-style-heading-type_08 .border-h::after,
      .blog-main-content h4.is-style-heading-type_08 .border-h::after,
      .blog-main-content h5.is-style-heading-type_08 .border-h::after,
      .blog-main-content h6.is-style-heading-type_08 .border-h::after,
      .editor-block-preview__content h1.is-style-heading-type_08 .border-h::after,
      .editor-block-preview__content h2.is-style-heading-type_08 .border-h::after,
      .editor-block-preview__content h3.is-style-heading-type_08 .border-h::after,
      .editor-block-preview__content h4.is-style-heading-type_08 .border-h::after,
      .editor-block-preview__content h5.is-style-heading-type_08 .border-h::after,
      .editor-block-preview__content h6.is-style-heading-type_08 .border-h::after {
        background-repeat: repeat-x;
        background-image: url(../images/common/h_line_dot_red_interval_8.svg);
        background-position: bottom; }
      .blog-main-content h1.is-style-heading-type_08 .border-v::before,
      .blog-main-content h2.is-style-heading-type_08 .border-v::before,
      .blog-main-content h3.is-style-heading-type_08 .border-v::before,
      .blog-main-content h4.is-style-heading-type_08 .border-v::before,
      .blog-main-content h5.is-style-heading-type_08 .border-v::before,
      .blog-main-content h6.is-style-heading-type_08 .border-v::before,
      .editor-block-preview__content h1.is-style-heading-type_08 .border-v::before,
      .editor-block-preview__content h2.is-style-heading-type_08 .border-v::before,
      .editor-block-preview__content h3.is-style-heading-type_08 .border-v::before,
      .editor-block-preview__content h4.is-style-heading-type_08 .border-v::before,
      .editor-block-preview__content h5.is-style-heading-type_08 .border-v::before,
      .editor-block-preview__content h6.is-style-heading-type_08 .border-v::before {
        background-repeat: repeat-y;
        background-image: url(../images/common/v_line_dot_red_interval_8.svg);
        background-position: left; }
      .blog-main-content h1.is-style-heading-type_08 .border-v::after,
      .blog-main-content h2.is-style-heading-type_08 .border-v::after,
      .blog-main-content h3.is-style-heading-type_08 .border-v::after,
      .blog-main-content h4.is-style-heading-type_08 .border-v::after,
      .blog-main-content h5.is-style-heading-type_08 .border-v::after,
      .blog-main-content h6.is-style-heading-type_08 .border-v::after,
      .editor-block-preview__content h1.is-style-heading-type_08 .border-v::after,
      .editor-block-preview__content h2.is-style-heading-type_08 .border-v::after,
      .editor-block-preview__content h3.is-style-heading-type_08 .border-v::after,
      .editor-block-preview__content h4.is-style-heading-type_08 .border-v::after,
      .editor-block-preview__content h5.is-style-heading-type_08 .border-v::after,
      .editor-block-preview__content h6.is-style-heading-type_08 .border-v::after {
        background-repeat: repeat-y;
        background-image: url(../images/common/v_line_dot_red_interval_8.svg);
        background-position: right; }
  .blog-main-content h1.is-style-heading-type_01,
  .editor-block-preview__content h1.is-style-heading-type_01 {
    background-size: 44px;
    margin: 16px auto 46px; }
  .blog-main-content h2.is-style-heading-type_01,
  .editor-block-preview__content h2.is-style-heading-type_01 {
    background-size: 42px;
    margin: 16px auto 43px; }
  .blog-main-content h3.is-style-heading-type_01,
  .editor-block-preview__content h3.is-style-heading-type_01 {
    margin: 16px auto 43px; }
  .blog-main-content h4.is-style-heading-type_01,
  .editor-block-preview__content h4.is-style-heading-type_01 {
    background-size: 38px;
    margin: 16px auto 37px; }
  .blog-main-content h5.is-style-heading-type_01,
  .editor-block-preview__content h5.is-style-heading-type_01 {
    background-size: 36px;
    margin: 16px auto 37px; }
  .blog-main-content h6.is-style-heading-type_01,
  .editor-block-preview__content h6.is-style-heading-type_01 {
    background-size: 32px;
    margin: 16px auto 32px; }
  .blog-main-content img,
  .editor-block-preview__content img {
    height: auto; }
  .blog-main-content figure,
  .editor-block-preview__content figure {
    margin: 0 auto 8px; }
  .blog-main-content ul,
  .editor-block-preview__content ul {
    padding: 0 0 0 1.5em; }
    .blog-main-content ul li,
    .editor-block-preview__content ul li {
      list-style: disc;
      margin: 14px 0;
      position: relative; }
  .blog-main-content ol,
  .editor-block-preview__content ol {
    padding: 0 0 0 2em; }
    .blog-main-content ol li,
    .editor-block-preview__content ol li {
      list-style: decimal; }
  .blog-main-content td,
  .blog-main-content th,
  .editor-block-preview__content td,
  .editor-block-preview__content th {
    border: 1px solid #222; }