@charset "UTF-8";
/*
theme Name: dx-merrybiz
Author: 
Description: original theme
version： 0.0.1
*/
/* resset.dev • v5.0.2 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
  height: 0;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

details,
main {
  display: block;
  /* Render the `main` element consistently in IE. */
}

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

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

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

abbr[title] {
  border-bottom: none;
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

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

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
  border-style: none;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

.page-template-page-paper .st-header,
.page-template-page-contact .st-header,
.page-template-page-ma-paper-thanks .st-header,
.page-template-page-ma-thanks .st-header {
  position: static;
  top: 0;
}
.page-template-page-paper .st-header.is-hidden,
.page-template-page-contact .st-header.is-hidden,
.page-template-page-ma-paper-thanks .st-header.is-hidden,
.page-template-page-ma-thanks .st-header.is-hidden {
  transform: translateY(0);
}

.st-header {
  background-color: #fff;
  font-family: Noto Sans JP, sans-serif;
  position: sticky;
  z-index: 9999;
  top: 0;
  border-bottom: 1px solid #efefef;
  box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
  .st-header {
    top: -40px;
  }
}

.st-header_top {
  display: none;
}
@media screen and (min-width: 1120px) {
  .st-header_top {
    display: block;
    background-color: #f5f5f5;
    height: 40px;
  }
}

.st-header_topInner {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  height: 40px;
  padding: 0 32px;
}
@media screen and (min-width: 1120px) {
  .st-header_topInner {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1440px) {
  .st-header_topInner {
    padding: 0 32px;
  }
}

.st-header_topNav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 40px;
}

.st-header_topItem {
  color: #666;
  font-size: 12px;
  line-height: 1;
  margin-right: 24px;
}
.st-header_topItem a {
  color: #666;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.42188%2011.34C3.27788%2011.5075%203.29765%2011.7607%203.46517%2011.9037C3.63176%2012.0468%203.88494%2012.028%204.02894%2011.8595L8.38282%206.77998C8.77059%206.32822%208.77059%205.67127%208.38282%205.21857L4.02894%200.13998C3.88588%20-0.028491%203.63365%20-0.0473145%203.46517%200.0966855C3.2967%200.240686%203.27788%200.492921%203.42188%200.66045L7.77576%205.73998C7.9047%205.89151%207.9047%206.10986%207.77576%206.26045L3.42188%2011.34Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 12px 12px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.st-header_topItem a:hover {
  opacity: 1;
  text-decoration: underline;
  color: #252f69;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.42188%2011.34C3.27788%2011.5075%203.29765%2011.7607%203.46517%2011.9037C3.63176%2012.0468%203.88494%2012.028%204.02894%2011.8595L8.38282%206.77998C8.77059%206.32822%208.77059%205.67127%208.38282%205.21857L4.02894%200.13998C3.88588%20-0.028491%203.63365%20-0.0473145%203.46517%200.0966855C3.2967%200.240686%203.27788%200.492921%203.42188%200.66045L7.77576%205.73998C7.9047%205.89151%207.9047%206.10986%207.77576%206.26045L3.42188%2011.34Z%22%20fill%3D%22%23252F69%22%2F%3E%3C%2Fsvg%3E");
}
.st-header_topItem.tel {
  margin-left: 8px;
  margin-right: 0;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  line-height: 12px;
}
.st-header_topItem.tel a {
  background: none;
  padding-right: 0;
}
.st-header_topItem.tel a:hover {
  color: #666;
  text-decoration: none;
}
.st-header_topItem.tel span {
  font-size: 12px;
  margin-left: 4px;
  font-weight: normal;
}
.st-header_topItem.topDrop {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}
.st-header_topItem.topDrop:hover .st-header_topDropdown {
  height: auto;
  opacity: 1;
}

.st-header_topDrop {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_184_17)%22%3E%3Cpath%20d%3D%22M0.659532%203.42286C0.492002%203.27886%200.238826%203.29862%200.095767%203.46615C-0.0472918%203.63274%20-0.0284681%203.88592%200.140003%204.02992L5.21953%208.3838C5.6713%208.77156%206.32824%208.77156%206.78094%208.3838L11.8595%204.02992C12.028%203.88686%2012.0468%203.63462%2011.9028%203.46615C11.7588%203.29768%2011.5066%203.27886%2011.3391%203.42286L6.25953%207.77674C6.108%207.90568%205.88965%207.90568%205.73906%207.77674L0.659532%203.42286Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 12px 12px;
  padding-right: 16px;
  transition: all 0.5s ease;
  padding-top: 8px;
  padding-bottom: 8px;
}
.st-header_topDrop:hover {
  cursor: pointer;
  opacity: 1;
  text-decoration: underline;
  color: #252f69;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_184_17)%22%3E%3Cpath%20d%3D%22M0.659532%203.42286C0.492002%203.27886%200.238826%203.29862%200.095767%203.46615C-0.0472918%203.63274%20-0.0284681%203.88592%200.140003%204.02992L5.21953%208.3838C5.6713%208.77156%206.32824%208.77156%206.78094%208.3838L11.8595%204.02992C12.028%203.88686%2012.0468%203.63462%2011.9028%203.46615C11.7588%203.29768%2011.5066%203.27886%2011.3391%203.42286L6.25953%207.77674C6.108%207.90568%205.88965%207.90568%205.73906%207.77674L0.659532%203.42286Z%22%20fill%3D%22%23252F69%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.st-header_topDropdown {
  position: absolute;
  background-color: #fff;
  width: max-content;
  box-shadow: 0 4px 14px rgba(0, 63, 136, 0.1);
  z-index: 99999;
  left: 0;
  bottom: 0;
  transform: translate(0, 100%);
  height: 0;
  overflow: hidden;
  transition: 0.3s;
  opacity: 0;
}
.st-header_topDropdown:hover ~ .st-header_topDrop {
  cursor: pointer;
  opacity: 1;
  text-decoration: underline;
  color: #00abdc;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_184_17)%22%3E%3Cpath%20d%3D%22M0.659532%203.42286C0.492002%203.27886%200.238826%203.29862%200.095767%203.46615C-0.0472918%203.63274%20-0.0284681%203.88592%200.140003%204.02992L5.21953%208.3838C5.6713%208.77156%206.32824%208.77156%206.78094%208.3838L11.8595%204.02992C12.028%203.88686%2012.0468%203.63462%2011.9028%203.46615C11.7588%203.29768%2011.5066%203.27886%2011.3391%203.42286L6.25953%207.77674C6.108%207.90568%205.88965%207.90568%205.73906%207.77674L0.659532%203.42286Z%22%20fill%3D%22%2300ABDC%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.st-header_topDropdown a {
  display: block;
  background: none;
  color: #333;
  line-height: 1;
  padding: 16px 12px;
}
.st-header_topDropdown a:hover {
  background: none;
  background-color: #dbe0fb;
  text-decoration: none;
  color: #333;
}
.st-header_topDropdown li + li {
  border-top: 1px solid #efefef;
}

.st-header_main {
  position: relative;
}

.st-header_mainInner {
  max-width: 1440px;
  height: 56px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1120px) {
  .st-header_mainInner {
    height: 104px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .st-header_mainInner {
    padding-right: 24px;
  }
}

.st-header_logo {
  margin-left: 5.1282051282vw;
}
.st-header_logo img {
  width: auto;
  height: 32px;
}
@media screen and (min-width: 1120px) {
  .st-header_logo {
    margin-left: 20px;
  }
  .st-header_logo img {
    width: auto;
    height: clamp(32px, 48px + 24 * (100vw - 1120px) / 320, 72px);
  }
}
@media screen and (min-width: 1440px) {
  .st-header_logo {
    margin-left: 53px;
  }
  .st-header_logo img {
    width: auto;
    height: 72px;
  }
}

.st-header_nav {
  width: 0;
}
@media screen and (min-width: 1120px) {
  .st-header_nav {
    width: 100%;
  }
}

@supports (-webkit-touch-callout: none) {
  .st-header_navList {
    height: -webkit-fill-available;
  }
}
.st-header_navList {
  background-color: #fff;
  width: 100%;
  height: calc(100vh - 56px);
  position: absolute;
  top: 56px;
  left: 0;
  display: none;
  overflow-y: auto !important;
  border-top: 1px solid #efefef;
}
@media screen and (min-width: 1120px) {
  .st-header_navList {
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    height: auto;
    position: static;
    overflow-y: visible !important;
    padding-bottom: 0;
  }
}

.st-header_navItem > a,
.st-header_navItem > .st-header_mega {
  font-size: 14px;
  display: block;
  padding-right: 5.1282051282vw;
  padding-left: 5.1282051282vw;
  font-weight: bold;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #252f69;
}
@media screen and (min-width: 1120px) {
  .st-header_navItem > a,
.st-header_navItem > .st-header_mega {
    padding: 0;
    padding-right: clamp(1px, 8px + 8 * (100vw - 1120px) / 320, 16px);
    padding-left: clamp(1px, 8px + 8 * (100vw - 1120px) / 320, 16px);
    font-weight: 500;
    height: 60px;
    justify-content: center;
    position: relative;
  }
  .st-header_navItem > a:after,
.st-header_navItem > .st-header_mega:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 2px;
    background: #252f69;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  .st-header_navItem > a:hover,
.st-header_navItem > .st-header_mega:hover {
    cursor: pointer;
    opacity: 1;
  }
  .st-header_navItem > a:hover:after,
.st-header_navItem > .st-header_mega:hover:after {
    transform: scale(1, 1);
  }
}
.st-header_navItem.paper {
  height: 48px;
  padding-right: 5.1282051282%;
  padding-left: 5.1282051282%;
}
@media screen and (min-width: 1120px) {
  .st-header_navItem.paper {
    padding: 0;
    margin-left: 24px;
  }
}
.st-header_navItem.paper a {
  font-size: 14px;
  font-weight: bold;
  color: #2f2f2f;
  background-color: #f1c40f;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 24px;
  transition: all 0.3s ease;
}
.st-header_navItem.paper a::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2018H16V16H8V18ZM8%2014H16V12H8V14ZM6%2022C5.45%2022%204.97917%2021.8042%204.5875%2021.4125C4.19583%2021.0208%204%2020.55%204%2020V4C4%203.45%204.19583%202.97917%204.5875%202.5875C4.97917%202.19583%205.45%202%206%202H14L20%208V20C20%2020.55%2019.8042%2021.0208%2019.4125%2021.4125C19.0208%2021.8042%2018.55%2022%2018%2022H6ZM13%209V4H6V20H18V9H13Z%22%20fill%3D%22%232F2F2F%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  margin-right: 4px;
}
.st-header_navItem.paper a:after {
  content: none;
}
.st-header_navItem.paper a:hover {
  opacity: 0.4;
}
.st-header_navItem.contact {
  height: 48px;
  padding-right: 5.1282051282%;
  padding-left: 5.1282051282%;
  margin-top: 16px;
}
.st-header_navItem.contact:after {
  content: "";
  display: block;
  width: 100%;
  height: 32px;
}
@media screen and (min-width: 1120px) {
  .st-header_navItem.contact {
    padding: 0;
    margin-left: 8px;
    margin-top: 0;
  }
  .st-header_navItem.contact:after {
    content: nones;
  }
}
.st-header_navItem.contact a {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #252f69;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 24px;
  transition: all 0.3s ease;
}
.st-header_navItem.contact a::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%2020C3.45%2020%202.97917%2019.8042%202.5875%2019.4125C2.19583%2019.0208%202%2018.55%202%2018V6C2%205.45%202.19583%204.97917%202.5875%204.5875C2.97917%204.19583%203.45%204%204%204H20C20.55%204%2021.0208%204.19583%2021.4125%204.5875C21.8042%204.97917%2022%205.45%2022%206V18C22%2018.55%2021.8042%2019.0208%2021.4125%2019.4125C21.0208%2019.8042%2020.55%2020%2020%2020H4ZM12%2013L4%208V18H20V8L12%2013ZM12%2011L20%206H4L12%2011ZM4%208V6V18V8Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  margin-right: 4px;
}
.st-header_navItem.contact a:after {
  content: none;
}
.st-header_navItem.contact a:hover {
  opacity: 0.4;
}

.st-header_mega {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_184_17)%22%3E%3Cpath%20d%3D%22M0.659532%203.42286C0.492002%203.27886%200.238826%203.29862%200.095767%203.46615C-0.0472918%203.63274%20-0.0284681%203.88592%200.140003%204.02992L5.21953%208.3838C5.6713%208.77156%206.32824%208.77156%206.78094%208.3838L11.8595%204.02992C12.028%203.88686%2012.0468%203.63462%2011.9028%203.46615C11.7588%203.29768%2011.5066%203.27886%2011.3391%203.42286L6.25953%207.77674C6.108%207.90568%205.88965%207.90568%205.73906%207.77674L0.659532%203.42286Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center right 5.1282051282vw;
}
@media screen and (min-width: 1120px) {
  .st-header_mega {
    background-size: 12px 12px;
    background-position: bottom center;
  }
}

.js-mega {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 1120px) {
  .js-mega {
    display: block;
  }
}

.js-megaContent {
  display: none;
}
@media screen and (min-width: 1120px) {
  .js-megaContent {
    display: none;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    z-index: 99999;
    background-color: #fff;
    box-shadow: 0 4px 14px rgba(0, 63, 136, 0.1);
    transform: translate(0, 100%);
    height: 94px;
  }
  .js-megaContent:hover ~ .st-header_mega {
    cursor: pointer;
    opacity: 1;
  }
  .js-megaContent:hover ~ .st-header_mega:after {
    transform: scale(1, 1);
  }
}

@media screen and (min-width: 1120px) {
  .st-header_mainDropdown {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 94px;
  }
}
.st-header_mainDropdown li {
  margin-left: 5.1282051282vw;
}
@media screen and (min-width: 1120px) {
  .st-header_mainDropdown li {
    margin-left: 32px;
  }
}
.st-header_mainDropdown a {
  font-size: 14px;
  color: #2f2f2f;
  padding-left: 10px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 400;
}
@media screen and (min-width: 1120px) {
  .st-header_mainDropdown a {
    display: block;
    font-size: 12px;
    color: #666;
    height: auto;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.42188%2011.34C3.27788%2011.5075%203.29765%2011.7607%203.46517%2011.9037C3.63176%2012.0468%203.88494%2012.028%204.02894%2011.8595L8.38282%206.77998C8.77059%206.32822%208.77059%205.67127%208.38282%205.21857L4.02894%200.13998C3.88588%20-0.028491%203.63365%20-0.0473145%203.46517%200.0966855C3.2967%200.240686%203.27788%200.492921%203.42188%200.66045L7.77576%205.73998C7.9047%205.89151%207.9047%206.10986%207.77576%206.26045L3.42188%2011.34Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 12px 12px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .st-header_mainDropdown a:hover {
    opacity: 1;
    text-decoration: underline;
    color: #00abdc;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.42188%2011.34C3.27788%2011.5075%203.29765%2011.7607%203.46517%2011.9037C3.63176%2012.0468%203.88494%2012.028%204.02894%2011.8595L8.38282%206.77998C8.77059%206.32822%208.77059%205.67127%208.38282%205.21857L4.02894%200.13998C3.88588%20-0.028491%203.63365%20-0.0473145%203.46517%200.0966855C3.2967%200.240686%203.27788%200.492921%203.42188%200.66045L7.77576%205.73998C7.9047%205.89151%207.9047%206.10986%207.77576%206.26045L3.42188%2011.34Z%22%20fill%3D%22%2300ABDC%22%2F%3E%3C%2Fsvg%3E");
  }
}

.st-header_megaTitle {
  display: none;
}
@media screen and (min-width: 1120px) {
  .st-header_megaTitle {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #00abdc;
    margin-left: 0;
    margin-right: 8px;
  }
}

.st-header_toggle {
  position: relative;
  width: 100%;
  width: 56px;
  height: 56px;
  display: block;
  background-position: center center;
  transition: 0.3s;
  margin-left: auto;
}
.st-header_toggle:hover {
  opacity: 0.7;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .st-header_toggle {
    display: none;
  }
}
.st-header_toggle.is-show .st-header_toggle-icon i:nth-child(1) {
  transform: translateY(9px) rotate(-45deg);
}
.st-header_toggle.is-show .st-header_toggle-icon i:nth-child(2) {
  opacity: 0;
}
.st-header_toggle.is-show .st-header_toggle-icon i:nth-child(3) {
  transform: translateY(-7px) rotate(45deg);
}

.st-header_toggle-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -12px;
  height: 18px;
  width: 24px;
}
.st-header_toggle-icon i {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #252f69;
  position: absolute;
  transition: transform 0.5s, opacity 0.5s;
  border-radius: 2px;
}
.st-header_toggle-icon i:nth-child(1) {
  top: 0;
}
.st-header_toggle-icon i:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
}
.st-header_toggle-icon i:nth-child(3) {
  bottom: 0;
}

.st-header_navSp {
  display: block;
  border-top: 1px solid #efefef;
}
@media screen and (min-width: 1120px) {
  .st-header_navSp {
    display: none;
  }
}
.st-header_navSp > ul > li > a {
  font-size: 14px;
  display: block;
  padding-right: 5.1282051282vw;
  padding-left: 5.1282051282vw;
  font-weight: bold;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.st-header_navSp .js-mega > span {
  font-size: 14px;
  display: block;
  padding-right: 5.1282051282vw;
  padding-left: 5.1282051282vw;
  font-weight: bold;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #252f69;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_184_17)%22%3E%3Cpath%20d%3D%22M0.659532%203.42286C0.492002%203.27886%200.238826%203.29862%200.095767%203.46615C-0.0472918%203.63274%20-0.0284681%203.88592%200.140003%204.02992L5.21953%208.3838C5.6713%208.77156%206.32824%208.77156%206.78094%208.3838L11.8595%204.02992C12.028%203.88686%2012.0468%203.63462%2011.9028%203.46615C11.7588%203.29768%2011.5066%203.27886%2011.3391%203.42286L6.25953%207.77674C6.108%207.90568%205.88965%207.90568%205.73906%207.77674L0.659532%203.42286Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center right 5.1282051282vw;
}
.st-header_navSp .js-mega:hover {
  cursor: pointer;
}
.st-header_navSp .js-mega li {
  margin-left: 5.1282051282vw;
}
.st-header_navSp .js-mega a {
  font-size: 14px;
  color: #2f2f2f;
  padding-left: 10px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 400;
}
.st-header_navSp.tel {
  padding-top: 24px;
  margin-bottom: 24px;
}
.st-header_navSp.tel a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #252f69;
}
.st-header_navSp.tel a span {
  font-size: 14px;
  margin-left: 8px;
  font-weight: 400;
  line-height: 18px;
}

.sp-nav {
  display: block;
}
.sp-nav.partner {
  border-top: 1px solid #efefef;
}
.sp-nav.js-mega {
  display: flex;
}
@media screen and (min-width: 1120px) {
  .sp-nav {
    display: none !important;
  }
}

html {
  height: 100%;
}

.page-template-page-thanks, .page-template-page-document_thanks {
  position: relative !important;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: #fff;
}

.page-thanks {
  padding-bottom: 145px;
}
@media screen and (min-width: 1024px) {
  .page-thanks {
    padding-bottom: 135px;
  }
}
.page-thanks ~ .st-footerShort {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.st-footerShort {
  position: relative;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .st-footerShort {
    background: #efefef;
  }
}

.page-thanks ~ .st-footerShort {
  background: #efefef;
}

.st-footerShort_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 26px 0;
}
@media screen and (min-width: 1120px) {
  .st-footerShort_inner {
    max-width: 1110px;
    padding: 24px 0;
    margin-right: auto;
    margin-left: auto;
    justify-content: flex-start;
  }
}

.st-footerShort_logo {
  display: block;
  width: auto;
  height: 40px;
  margin: 0 auto;
}
@media screen and (min-width: 1120px) {
  .st-footerShort_logo {
    height: 48px;
  }
}
.st-footerShort_logo img {
  width: auto;
  height: 40px;
  vertical-align: baseline;
}
@media screen and (min-width: 1120px) {
  .st-footerShort_logo img {
    height: 48px;
  }
}

.st-footerShort_copy {
  color: #666;
  font-size: 10px;
  margin-top: 8px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .st-footerShort_copy {
    margin-top: 16px;
    text-align: left;
  }
}

_:-ms-input-placeholder,
:root .st-footer_button-link a {
  padding-top: 4px;
  padding-bottom: 0;
}

_:-ms-input-placeholder,
:root .st-footer_button-tel .tp-main_contactBtn-telNum {
  padding-top: 4px;
  padding-bottom: 0;
}

.st-footer {
  background-color: #efefef;
  padding-top: 32px;
  font-family: Noto Sans JP, sans-serif;
  color: #2f2f2f;
  line-height: 1.4;
}
@media screen and (min-width: 1120px) {
  .st-footer {
    padding-top: 48px;
  }
}

.st-footer_inner {
  padding-right: 5.1282051282vw;
  padding-left: 5.1282051282vw;
  padding-bottom: 24px;
}
@media screen and (min-width: 1120px) {
  .st-footer_inner {
    padding: 0;
    display: flex;
    max-width: 1110px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 48px;
  }
}

@media screen and (min-width: 1120px) {
  .st-footer_service {
    order: 1;
    margin-right: 64px;
  }
}

.st-footer_serviceTitle {
  font-size: 14px;
  font-weight: 500;
  color: #252f69;
}
@media screen and (min-width: 1120px) {
  .st-footer_serviceTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
    display: block;
  }
}

.st-footer_serviceItem {
  margin-top: 16px;
}
@media screen and (min-width: 1120px) {
  .st-footer_serviceItem {
    margin-top: 8px;
  }
}
.st-footer_serviceItem a {
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
  color: #666;
  display: block;
}
@media screen and (min-width: 1120px) {
  .st-footer_serviceItem a {
    font-size: 12px;
    margin-left: 16px;
  }
  .st-footer_serviceItem a:hover {
    text-decoration: underline;
    color: #252f69;
  }
}

@media screen and (min-width: 1120px) {
  .st-footer_nav {
    order: 2;
    margin-right: 64px;
  }
}
.st-footer_nav li {
  margin-top: 16px;
}
@media screen and (min-width: 1120px) {
  .st-footer_nav li {
    margin-top: 0;
  }
}
.st-footer_nav li a {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
@media screen and (min-width: 1120px) {
  .st-footer_nav li a {
    font-size: 12px;
    font-weight: 400;
    color: #666;
  }
  .st-footer_nav li a:hover {
    text-decoration: underline;
    color: #252f69;
  }
}
@media screen and (min-width: 1120px) {
  .st-footer_nav li + li {
    margin-top: 8px;
  }
}

.st-footer_company {
  margin-top: 32px;
}
@media screen and (min-width: 1120px) {
  .st-footer_company {
    order: 0;
    margin-right: auto;
    margin-top: 0;
  }
}

.st-footer_companyLogo img {
  width: auto;
  height: 40px;
}
@media screen and (min-width: 1120px) {
  .st-footer_companyLogo img {
    height: 64px;
  }
}

.st-footer_companyTel {
  margin-top: 20px;
}
@media screen and (min-width: 1120px) {
  .st-footer_companyTel {
    margin-top: 32px;
  }
}
.st-footer_companyTel a {
  color: #00abdc;
  font-weight: bold;
  font-size: 20px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1120px) {
  .st-footer_companyTel a {
    pointer-events: none;
    font-size: 28px;
  }
}
.st-footer_companyTel a:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_183_1902)%22%3E%3Cpath%20d%3D%22M8.79727%203.86564C8.52656%203.21173%207.81289%202.86368%207.13086%203.05001L4.03711%203.89376C3.42539%204.06251%203%204.61798%203%205.25079C3%2013.9484%2010.0523%2021.0008%2018.75%2021.0008C19.3828%2021.0008%2019.9383%2020.5754%2020.107%2019.9637L20.9508%2016.8699C21.1371%2016.1879%2020.7891%2015.4742%2020.1352%2015.2035L16.7602%2013.7973C16.1871%2013.5582%2015.5227%2013.7234%2015.1324%2014.2051L13.7121%2015.9383C11.2371%2014.7676%209.2332%2012.7637%208.0625%2010.2887L9.7957%208.87189C10.2773%208.47814%2010.4426%207.8172%2010.2035%207.24415L8.79727%203.86915V3.86564Z%22%20fill%3D%22%2300ABDC%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_183_1902%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22white%22%20transform%3D%22translate(3%203)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 4px;
}
@media screen and (min-width: 1120px) {
  .st-footer_companyTel a:before {
    width: 32px;
    height: 32px;
  }
}
.st-footer_companyTel a span {
  font-size: 12px;
  color: #2f2f2f;
  margin-left: 8px;
  font-weight: 400;
}
@media screen and (min-width: 1120px) {
  .st-footer_companyTel a span {
    font-size: 16px;
    margin-left: 20px;
  }
}

.st-footer_companyAddress {
  margin-top: 16px;
}
@media screen and (min-width: 1120px) {
  .st-footer_companyAddress {
    margin-top: 8px;
  }
}
.st-footer_companyAddress p {
  font-size: 12px;
  color: #2f2f2f;
  line-height: 1.4;
}
.st-footer_companyAddress p + p {
  margin-top: 4px;
}

.st-footer_companySns {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.st-footer_companySns a {
  display: block;
  width: 24px;
  height: 24px;
}
.st-footer_companySns a img {
  width: 24px;
  height: 24px;
  vertical-align: baseline;
}

.st-footer_companyFb {
  margin-left: 24px;
}

.st-footer_companyX {
  margin-left: 14px;
}

.st-footer_external {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}
@media screen and (min-width: 1120px) {
  .st-footer_external {
    display: block;
    margin-top: 0;
    order: 3;
  }
}

.st-footer_externalItem {
  width: 50%;
  height: 40px;
}
@media screen and (min-width: 1120px) {
  .st-footer_externalItem {
    width: auto;
    height: auto;
  }
}
.st-footer_externalItem a {
  width: 100%;
  color: #666;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
}
@media screen and (min-width: 1120px) {
  .st-footer_externalItem a {
    width: auto;
    height: auto;
  }
}
.st-footer_externalItem a:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.53467%2011C2.25967%2011%202.02425%2010.9021%201.82842%2010.7063C1.63258%2010.5104%201.53467%2010.275%201.53467%2010V3C1.53467%202.725%201.63258%202.48958%201.82842%202.29375C2.02425%202.09792%202.25967%202%202.53467%202H6.03467V3H2.53467V10H9.53467V6.5H10.5347V10C10.5347%2010.275%2010.4368%2010.5104%2010.2409%2010.7063C10.0451%2010.9021%209.80967%2011%209.53467%2011H2.53467ZM4.88467%208.35L4.18467%207.65L8.83467%203H7.03467V2H10.5347V5.5H9.53467V3.7L4.88467%208.35Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-left: 4px;
}
@media screen and (min-width: 1120px) {
  .st-footer_externalItem a:hover {
    text-decoration: underline;
    color: #252f69;
  }
  .st-footer_externalItem a:hover:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.53467%2011C2.25967%2011%202.02425%2010.9021%201.82842%2010.7063C1.63258%2010.5104%201.53467%2010.275%201.53467%2010V3C1.53467%202.725%201.63258%202.48958%201.82842%202.29375C2.02425%202.09792%202.25967%202%202.53467%202H6.03467V3H2.53467V10H9.53467V6.5H10.5347V10C10.5347%2010.275%2010.4368%2010.5104%2010.2409%2010.7063C10.0451%2010.9021%209.80967%2011%209.53467%2011H2.53467ZM4.88467%208.35L4.18467%207.65L8.83467%203H7.03467V2H10.5347V5.5H9.53467V3.7L4.88467%208.35Z%22%20fill%3D%22%23252F69%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 1120px) {
  .st-footer_externalItem + .st-footer_externalItem {
    margin-top: 8px;
  }
}

.st-footer_aside {
  background-color: #fff;
  padding-right: 5.1282051282vw;
  padding-left: 5.1282051282vw;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media screen and (min-width: 1120px) {
  .st-footer_aside {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.st-footer_asideLink {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1120px) {
  .st-footer_asideLink {
    flex-wrap: nowrap;
    align-items: center;
    max-width: 1110px;
    margin-right: auto;
    margin-left: auto;
  }
}
.st-footer_asideLink small {
  display: none;
}
@media screen and (min-width: 1120px) {
  .st-footer_asideLink small {
    display: block;
    margin-right: auto;
    font-size: 10px;
    color: #666;
  }
}
.st-footer_asideLink .st-footer_pMark {
  display: none;
}
@media screen and (min-width: 1120px) {
  .st-footer_asideLink .st-footer_pMark {
    display: block;
  }
}

.st-footer_asideItem {
  width: 50%;
  height: 40px;
}
@media screen and (min-width: 1120px) {
  .st-footer_asideItem {
    width: auto;
    height: auto;
    margin-right: 24px;
  }
}
.st-footer_asideItem a {
  width: 100%;
  color: #666;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
}
.st-footer_asideItem a:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.53467%2011C2.25967%2011%202.02425%2010.9021%201.82842%2010.7063C1.63258%2010.5104%201.53467%2010.275%201.53467%2010V3C1.53467%202.725%201.63258%202.48958%201.82842%202.29375C2.02425%202.09792%202.25967%202%202.53467%202H6.03467V3H2.53467V10H9.53467V6.5H10.5347V10C10.5347%2010.275%2010.4368%2010.5104%2010.2409%2010.7063C10.0451%2010.9021%209.80967%2011%209.53467%2011H2.53467ZM4.88467%208.35L4.18467%207.65L8.83467%203H7.03467V2H10.5347V5.5H9.53467V3.7L4.88467%208.35Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-left: 4px;
}
@media screen and (min-width: 1120px) {
  .st-footer_asideItem a:hover {
    text-decoration: underline;
    color: #252f69;
  }
  .st-footer_asideItem a:hover:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.53467%2011C2.25967%2011%202.02425%2010.9021%201.82842%2010.7063C1.63258%2010.5104%201.53467%2010.275%201.53467%2010V3C1.53467%202.725%201.63258%202.48958%201.82842%202.29375C2.02425%202.09792%202.25967%202%202.53467%202H6.03467V3H2.53467V10H9.53467V6.5H10.5347V10C10.5347%2010.275%2010.4368%2010.5104%2010.2409%2010.7063C10.0451%2010.9021%209.80967%2011%209.53467%2011H2.53467ZM4.88467%208.35L4.18467%207.65L8.83467%203H7.03467V2H10.5347V5.5H9.53467V3.7L4.88467%208.35Z%22%20fill%3D%22%23252F69%22%2F%3E%3C%2Fsvg%3E");
  }
}

.st-footer_asideCopy {
  display: flex;
  align-items: center;
}
.st-footer_asideCopy small {
  font-size: 10px;
  color: #666;
}
@media screen and (min-width: 1120px) {
  .st-footer_asideCopy {
    display: none;
  }
}

.st-footer_pMark {
  margin-left: auto;
}
@media screen and (min-width: 1120px) {
  .st-footer_pMark {
    margin-left: 0;
  }
}
.st-footer_pMark a {
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 1120px) {
  .st-footer_pMark a {
    width: 60px;
    height: 60px;
  }
}
.st-footer_pMark a img {
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 1120px) {
  .st-footer_pMark a img {
    width: 60px;
    height: 60px;
  }
}

/*
theme Name: dx-merrybiz
Author: 
Description: original theme
version： 0.0.1
*/
* {
  word-wrap: break-word;
}

html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

.js-nav-overlay {
  position: fixed;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  display: none;
}
.js-nav-overlay.is-active {
  display: block;
}

li {
  list-style: none;
}

a {
  display: block;
  text-decoration: none;
  color: #252f69;
}

.sp_only {
  display: block;
}
@media screen and (min-width: 768px) {
  .sp_only {
    display: none;
  }
}

.sp_only_sns {
  display: flex !important;
}
@media screen and (min-width: 768px) {
  .sp_only_sns {
    display: none !important;
  }
}

.pc_only_sns {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .pc_only_sns {
    display: flex !important;
  }
}

.pc_only {
  display: none;
}
@media screen and (min-width: 960px) {
  .pc_only {
    display: block;
  }
}

.sw-title {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #252f69;
  font-weight: 700;
  text-align: center;
  line-height: 1.25;
  font-size: 6.4vw;
}
@media screen and (min-width: 768px) {
  .sw-title {
    font-size: 36px;
  }
}
.sw-title span {
  margin-bottom: 6px;
}
.sw-title img {
  height: auto;
}
.top-service .sw-title img {
  width: 31.4666vw;
}
@media screen and (min-width: 768px) {
  .top-service .sw-title img {
    width: 152px;
  }
}
.top-overView .sw-title {
  color: #fff;
}
.top-overView .sw-title img {
  width: 27.46666vw;
}
@media screen and (min-width: 768px) {
  .top-overView .sw-title img {
    width: 132px;
  }
}
.top-problem .sw-title img {
  width: 22.93333vw;
}
@media screen and (min-width: 768px) {
  .top-problem .sw-title img {
    width: 115px;
  }
}
.top-value .sw-title img {
  width: 26.666666vw;
}
@media screen and (min-width: 768px) {
  .top-value .sw-title img {
    width: 131px;
  }
}
.top-menu .sw-title {
  color: #fff;
}
.top-menu .sw-title img {
  width: 49.066666vw;
}
@media screen and (min-width: 768px) {
  .top-menu .sw-title img {
    width: 236px;
  }
}
.top-case .sw-title img {
  width: 12.533333vw;
}
@media screen and (min-width: 768px) {
  .top-case .sw-title img {
    width: 60px;
  }
}
.top-flow .sw-title img {
  width: 14.4vw;
}
@media screen and (min-width: 768px) {
  .top-flow .sw-title img {
    width: 69px;
  }
}
.top-price .sw-title img {
  width: 13.6vw;
}
@media screen and (min-width: 768px) {
  .top-price .sw-title img {
    width: 65px;
  }
}
.top-consultant .sw-title img {
  width: 33.6vw;
}
@media screen and (min-width: 768px) {
  .top-consultant .sw-title img {
    width: 162px;
  }
}
.top-company .sw-title img {
  width: 46.6666666vw;
}
@media screen and (min-width: 768px) {
  .top-company .sw-title img {
    width: 224px;
  }
}
.top-faq .sw-title img {
  width: 10.4vw;
}
@media screen and (min-width: 768px) {
  .top-faq .sw-title img {
    width: 50px;
  }
}

.ly-main {
  scroll-padding-top: 48px;
  scroll-behavior: smooth;
}
@media screen and (min-width: 768px) {
  .ly-main {
    scroll-padding-top: 56px;
  }
}
@media screen and (min-width: 960px) {
  .ly-main {
    scroll-padding-top: 80px;
  }
}

.ly-section {
  padding-top: 11vw;
  padding-bottom: 11vw;
}
@media screen and (min-width: 768px) {
  .ly-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

.top-main {
  background-color: #252f69;
  color: #fff;
  padding: 4.26%;
  padding-bottom: 6%;
}
@media screen and (min-width: 768px) {
  .top-main {
    padding-right: 7.6923%;
    padding-left: 7.6923%;
    padding-top: 4.61538vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1300px) {
  .top-main {
    padding-right: 0;
    padding-left: 0;
    padding-top: 60px;
    padding-bottom: 80px;
  }
}

.top-main_inner {
  margin: 0 auto;
  max-width: 1100px;
}

@media screen and (min-width: 768px) {
  .top-main_content {
    display: flex;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .top-main_contentText {
    max-width: 45.3846vw;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_contentText {
    max-width: 590px;
  }
}

.top-main_contentImage {
  display: none;
}
@media screen and (min-width: 768px) {
  .top-main_contentImage {
    display: block;
    position: absolute;
    right: -3vw;
    top: 0;
  }
}
@media screen and (min-width: 960px) {
  .top-main_contentImage {
    top: -2.46153vw;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_contentImage {
    right: -48px;
    top: -32px;
  }
}
@media screen and (min-width: 768px) {
  .top-main_contentImage img {
    width: 37.3846vw;
    height: auto;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_contentImage img {
    width: 486px;
  }
}

.top-main_title {
  font-weight: 900;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .top-main_title {
    line-height: 1.45;
  }
}

.top-main_titleText01 {
  font-size: 10.6666666667vw;
  display: block;
}
@media screen and (min-width: 768px) {
  .top-main_titleText01 {
    font-size: 5.3846153846vw;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_titleText01 {
    font-size: 70px;
  }
}

.top-main_titleText02 {
  font-size: 9.6vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .top-main_titleText02 {
    font-size: 4.7692307692vw;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_titleText02 {
    font-size: 62px;
  }
}

.top-main_titleImage {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
}
.top-main_titleImage img {
  width: 12vw;
  height: auto;
}
@media screen and (min-width: 768px) {
  .top-main_titleImage img {
    width: 6.076vw;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_titleImage img {
    width: 79px;
  }
}

.top-main_lead {
  font-size: 3.7333333333vw;
  font-weight: 900;
  line-height: 1.428;
}
@media screen and (min-width: 768px) {
  .top-main_lead {
    font-size: 2.1538461538vw;
    line-height: 1.57;
  }
}
@media screen and (min-width: 960px) {
  .top-main_lead {
    font-size: 2.1538461538vw;
    max-width: 44vw;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_lead {
    font-size: 28px;
    max-width: 571px;
  }
}

.top-main_text {
  font-size: 2.4vw;
  line-height: 1.555;
  margin-top: 2.6vw;
}
@media screen and (min-width: 768px) {
  .top-main_text {
    font-size: 1.0769230769vw;
    font-size: 12px;
  }
}
@media screen and (min-width: 960px) {
  .top-main_text {
    font-size: 1.0769230769vw;
    max-width: 44vw;
    margin-top: 1.5384615vw;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_text {
    font-size: 14px;
    max-width: 572px;
    margin-top: 20px;
  }
}

.top-main_box {
  display: flex;
  margin-top: 4.26%;
}
@media screen and (min-width: 768px) {
  .top-main_box {
    margin-top: 20px;
  }
}

.top-main_boxImage {
  margin-left: 2px;
}
@media screen and (min-width: 768px) {
  .top-main_boxImage {
    display: none;
  }
}

.top-main_image {
  width: 32.53333vw;
  height: auto;
}
@media screen and (min-width: 768px) {
  .top-main_image {
    width: 210px;
    margin-right: -16px;
  }
}

.top-main_button {
  font-size: 4.2666666667vw;
  background: linear-gradient(#ffcc00, #d0a80d);
  border-radius: 2.6vw;
  font-weight: 700;
  width: 100%;
  height: 12.8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6%;
}
@media screen and (min-width: 768px) {
  .top-main_button {
    height: 68px;
    font-size: 22px;
    border-radius: 10px;
    margin-top: 30px;
  }
}
@media screen and (min-width: 960px) {
  .top-main_button {
    width: 40vw;
    transition: all 0.3s 0s ease;
    position: relative;
  }
  .top-main_button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    border-radius: 10px;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s 0s ease;
  }
  .top-main_button:hover:before {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_button {
    width: 520px;
  }
}
.top-main_button img {
  width: 3.46vw;
  height: auto;
  margin-left: 4.26vw;
}
@media screen and (min-width: 768px) {
  .top-main_button img {
    width: 13px;
    margin-left: 20px;
  }
}

.top-main_note {
  font-size: 10px;
  line-height: 1.37;
  margin-top: 4.26%;
}
@media screen and (min-width: 960px) {
  .top-main_note {
    font-size: 0.9230769231vw;
    margin-top: 4.61538vw;
  }
}
@media screen and (min-width: 1300px) {
  .top-main_note {
    font-size: 12px;
    margin-top: 60px;
  }
}

.top-service_list {
  margin-top: 6.4vw;
  padding: 0 4.26%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .top-service_list {
    margin-top: 30px;
  }
}
@media screen and (min-width: 960px) {
  .top-service_list {
    padding: 0;
    max-width: 910px;
    margin-right: auto;
    margin-left: auto;
  }
}
.top-service_list li {
  background: #252f69;
  color: #fff;
  width: 48.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 8px;
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 375px) {
  .top-service_list li {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .top-service_list li {
    font-size: 16px;
    height: 44px;
  }
}
@media screen and (min-width: 960px) {
  .top-service_list li {
    width: 220px;
    margin: 8px 3.5px;
    height: 52px;
  }
}
.top-service_list li:nth-child(2n) {
  margin-left: 3%;
}
@media screen and (min-width: 960px) {
  .top-service_list li:nth-child(2n) {
    margin-left: 3.5px;
  }
}
.top-service_list li:nth-child(n+3) {
  margin-top: 8px;
}
@media screen and (min-width: 960px) {
  .top-service_list li:nth-child(n+3) {
    margin-top: 8px;
  }
}

.top-overView {
  background-image: url("images/background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.top-overView .sw-title {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 768px) {
  .top-overView .sw-title {
    margin-bottom: 30px;
  }
}
.top-overView p {
  color: #fff;
  font-size: 12px;
  padding: 0 4.26%;
  line-height: 1.6667;
}
@media screen and (min-width: 768px) {
  .top-overView p {
    font-size: 16px;
    line-height: 1.8125;
  }
}
@media screen and (min-width: 960px) {
  .top-overView p {
    padding: 0;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
}
.top-overView p + p {
  margin-top: 1em;
}

.top-problem {
  background: #f0f0f0;
}
@media screen and (min-width: 960px) {
  .top-problem {
    position: relative;
  }
}

.top-problem_listWrap {
  width: 100%;
  margin-top: 5.8666vw;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.top-problem_listWrap:-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 768px) {
  .top-problem_listWrap {
    margin-top: 30px;
  }
}
@media screen and (min-width: 960px) {
  .top-problem_listWrap {
    overflow: visible;
    max-width: 900px;
    margin: 30px auto 0;
    height: 570px;
    position: relative;
  }
}

.top-problem_list {
  display: flex;
  align-items: center;
  padding-left: calc(50% - 172px);
}
@media screen and (min-width: 960px) {
  .top-problem_list {
    display: block;
    padding-left: 0;
  }
}

.top-problem_listItem {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 343px;
  min-width: 343px;
  height: 252px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  position: relative;
}
@media screen and (min-width: 960px) {
  .top-problem_listItem {
    position: absolute;
    width: auto;
    height: auto;
  }
}
.top-problem_listItem:last-child::after {
  position: absolute;
  content: "";
  top: 0;
  left: 100%;
  height: 1px;
  width: calc(50vw - 172px);
  background-color: transparent;
}
@media screen and (min-width: 960px) {
  .top-problem_listItem:last-child::after {
    width: auto;
  }
}
.top-problem_listItem.cloud01 {
  background-image: url("images/cloud01.svg");
}
@media screen and (min-width: 960px) {
  .top-problem_listItem.cloud01 {
    background-size: 374px 259px;
    top: 0;
    left: 65px;
    width: 374px;
    height: 259px;
  }
}
.top-problem_listItem.cloud02 {
  background-image: url("images/cloud02.svg");
}
@media screen and (min-width: 960px) {
  .top-problem_listItem.cloud02 {
    background-size: 415px 277px;
    top: 0;
    left: 458px;
    width: 415px;
    height: 277px;
  }
}
.top-problem_listItem.cloud03 {
  background-image: url("images/cloud03.svg");
  background-size: 343px 252px;
}
@media screen and (min-width: 960px) {
  .top-problem_listItem.cloud03 {
    background-size: 410px 300px;
    bottom: 0;
    left: 0;
    width: 410px;
    height: 300px;
    padding: 0 40px;
  }
}
.top-problem_listItem.cloud04 {
  background-image: url("images/cloud04.svg");
  background-size: 343px 202px;
  padding: 0 48px;
}
@media screen and (min-width: 960px) {
  .top-problem_listItem.cloud04 {
    background-size: 341px 237px;
    bottom: 0;
    right: 0;
    width: 341px;
    height: 237px;
    padding: 0 42px;
  }
}

.top-problem_listTitle {
  font-size: 18px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .top-problem_listTitle {
    font-size: 22px;
  }
}

.top-problem_listText {
  font-size: 12px;
  margin-top: 10px;
}
@media screen and (min-width: 960px) {
  .top-problem_listText {
    font-size: 14px;
    margin-top: 13px;
  }
}
.top-problem_listText li {
  position: relative;
  padding-left: 1em;
}
.top-problem_listText li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.top-problem_listText li + li {
  margin-top: 6px;
}

.top-problem_image-sp {
  display: block;
  margin: 0 auto;
  width: 104px;
  height: 200px;
}
@media screen and (min-width: 960px) {
  .top-problem_image-sp {
    display: none;
  }
}

.top-problem_image-pc {
  display: none;
  margin: 0 auto;
  width: 280px;
  height: 296px;
}
@media screen and (min-width: 960px) {
  .top-problem_image-pc {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 54px;
    margin-left: -106px;
  }
}

.top-value_list {
  padding: 0 12.8%;
  margin-top: 12vw;
}
@media screen and (min-width: 768px) {
  .top-value_list {
    margin-top: 48px;
  }
}
@media screen and (min-width: 960px) {
  .top-value_list {
    display: flex;
    padding: 0;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
  }
}

.top-value_listItem {
  position: relative;
  border: 3px solid #1b2560;
  border-radius: 10px;
  padding: 24px 16px 16px;
  color: #2b2b2b;
}
@media screen and (min-width: 960px) {
  .top-value_listItem {
    width: 288px;
    padding: 40px 0 20px;
  }
}
.top-value_listItem h3 {
  text-align: center;
  font-size: 20px;
}
@media screen and (min-width: 960px) {
  .top-value_listItem h3 {
    font-size: 22px;
  }
}
.top-value_listItem + .top-value_listItem {
  margin-top: 32px;
}
@media screen and (min-width: 960px) {
  .top-value_listItem + .top-value_listItem {
    margin-top: 0;
  }
}

.top-value_listNum {
  position: absolute;
  top: -26px;
  left: 16px;
}

.top-value_item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
@media screen and (min-width: 960px) {
  .top-value_item {
    margin-top: 30px;
    justify-content: flex-start;
    margin-left: 20px;
  }
}

.top-value_itemList li {
  font-size: 14px;
}
.top-value_itemList li + li {
  margin-top: 4px;
}
@media screen and (min-width: 960px) {
  .top-value_itemList li + li {
    margin-top: 10px;
  }
}
@media screen and (min-width: 960px) {
  .top-value_itemList.value_itemList02 li + li {
    margin-top: 4px;
  }
}

.top-value_listIcon {
  display: block;
  margin: 16px auto 0;
}
.top-value_listIcon.value_listIcon01 {
  width: 68px;
  height: 60px;
}
@media screen and (min-width: 960px) {
  .top-value_listIcon.value_listIcon01 {
    width: 112px;
    height: 98px;
    margin-top: 40px;
  }
}
.top-value_listIcon.value_listIcon02 {
  width: 73px;
  height: 60px;
}
@media screen and (min-width: 960px) {
  .top-value_listIcon.value_listIcon02 {
    width: 120px;
    height: 98px;
    margin-top: 26px;
  }
}
.top-value_listIcon.value_listIcon03 {
  width: 68px;
  height: 55px;
}
@media screen and (min-width: 960px) {
  .top-value_listIcon.value_listIcon03 {
    width: 122px;
    height: 98px;
    margin-top: 40px;
  }
}

.top-menu {
  background-color: #252f69;
  color: #fff;
}

.top-menu_list {
  padding: 0 4.26%;
  margin-top: 10.13333vw;
}
@media screen and (min-width: 768px) {
  .top-menu_list {
    margin-top: 38px;
  }
}
@media screen and (min-width: 960px) {
  .top-menu_list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
  }
}

.top-menu_listItem {
  border: 1px solid #fff;
  border-radius: 8px;
  position: relative;
  padding: 0 16px 16px;
}
@media screen and (min-width: 960px) {
  .top-menu_listItem {
    width: 440px;
  }
}
.top-menu_listItem h3 {
  font-size: 16px;
  font-weight: 700;
  margin-top: -13px;
}
@media screen and (min-width: 960px) {
  .top-menu_listItem h3 {
    font-size: 18px;
    margin-top: -15px;
  }
}
.top-menu_listItem h3 span {
  background: #252f69;
  padding: 0 5px;
  display: inline-block;
}
.top-menu_listItem + .top-menu_listItem {
  margin-top: 30px;
}
@media screen and (min-width: 960px) {
  .top-menu_listItem + .top-menu_listItem {
    margin-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .top-menu_listItem:nth-child(2n) {
    margin-left: 20px;
  }
}
@media screen and (min-width: 960px) {
  .top-menu_listItem:nth-child(n+3) {
    margin-top: 32px;
  }
}

.top-menu_listText {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.top-menu_listIcon {
  width: 65px;
  margin-right: 10px;
}
@media screen and (min-width: 960px) {
  .top-menu_listIcon {
    margin-right: 15px;
  }
}
.top-menu_listIcon + p {
  flex: 1;
  font-size: 12px;
}
@media screen and (min-width: 960px) {
  .top-menu_listIcon + p {
    font-size: 14px;
    font-weight: normal;
  }
}

.top-case {
  background: #f0f0f0;
}

.top-case_list {
  padding: 0 4.26%;
  margin-top: 6.4vw;
}
@media screen and (min-width: 768px) {
  .top-case_list {
    margin-top: 32px;
  }
}
@media screen and (min-width: 960px) {
  .top-case_list {
    padding: 0;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
}

.top-case_listItem {
  background: #fff;
  border-radius: 10px;
  padding: 8px;
}
@media screen and (min-width: 960px) {
  .top-case_listItem {
    display: flex;
    padding: 20px;
  }
}
.top-case_listItem + .top-case_listItem {
  margin-top: 10px;
}
@media screen and (min-width: 960px) {
  .top-case_listItem + .top-case_listItem {
    margin-top: 20px;
  }
}
.top-case_listItem.is-open p {
  display: block;
}
.top-case_listItem.is-open .top-case_more span {
  display: none;
}
.top-case_listItem.is-open .top-case_more img {
  transform: rotate(-180deg);
}
.top-case_listItem.is-open .top-case_more:before {
  content: "閉じる";
  font-size: 12px;
  text-decoration: underline;
}

@media screen and (min-width: 960px) {
  .top-case_listCorp {
    width: 324px;
  }
}
.top-case_listCorp img {
  width: 100%;
  height: auto;
}

.top-case_listCorpInfo {
  margin-top: 10px;
  color: #252f69;
  line-height: 1.636;
  font-size: 11px;
}
@media screen and (min-width: 960px) {
  .top-case_listCorpInfo {
    margin-top: 16px;
  }
}
.top-case_listCorpInfo dl {
  display: flex;
}
.top-case_listCorpInfo dd {
  flex: 1;
}

.top-case_listText {
  margin-top: 10px;
}
@media screen and (min-width: 960px) {
  .top-case_listText {
    margin-top: 0;
    margin-left: 20px;
    flex: 1;
  }
}
.top-case_listText h3 {
  font-size: 18px;
  line-height: 1.333333;
}
@media screen and (min-width: 960px) {
  .top-case_listText h3 {
    font-size: 20px;
  }
}
.top-case_listText ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
}
@media screen and (min-width: 960px) {
  .top-case_listText ul {
    margin-top: 8px;
  }
}
.top-case_listText ul li {
  color: #fff;
  background-color: #252f69;
  font-size: 12px;
  padding: 0 8px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  margin-right: 8px;
  margin-top: 8px;
}
@media screen and (min-width: 960px) {
  .top-case_listText ul li {
    height: 25px;
    border-radius: 12.5px;
  }
}
.top-case_listText p {
  font-size: 12px;
  line-height: 1.416666;
  margin-top: 10px;
  background-image: url("images/quarto_left.svg"), url("images/quarto_right.svg");
  background-repeat: no-repeat;
  background-position: top left, bottom right;
  display: none;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 960px) {
  .top-case_listText p {
    display: block !important;
    margin-top: 16px;
  }
}

.top-case_more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}
.top-case_more span {
  text-decoration: underline;
  font-size: 12px;
  color: #252f69;
  font-weight: 700;
}
.top-case_more img {
  margin-left: 8px;
}
@media screen and (min-width: 960px) {
  .top-case_more {
    display: none;
  }
}

.top-flow_list {
  padding: 0 4.26%;
  margin-top: 6.4vw;
}
@media screen and (min-width: 960px) {
  .top-flow_list {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
  }
}

.top-flow_listItem {
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 960px) {
  .top-flow_listItem {
    width: 160px;
  }
}
.top-flow_listItem + .top-flow_listItem {
  margin-top: 32px;
}
@media screen and (min-width: 960px) {
  .top-flow_listItem + .top-flow_listItem {
    margin-top: 0;
  }
}
.top-flow_listItem:after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 17px;
  border-top: 17px solid #252f69;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  bottom: -25px;
  left: 50%;
  margin-left: -30px;
}
@media screen and (min-width: 960px) {
  .top-flow_listItem:after {
    width: 25px;
    border-top: 12.5px solid transparent;
    border-left: 25px solid #252f69;
    border-bottom: 12.5px solid transparent;
    border-right: none;
    left: auto;
    right: -25px;
    top: 50%;
    bottom: auto;
    margin-top: -12.5px;
  }
}
.top-flow_listItem dl {
  outline-offset: -3px;
  border-radius: 10px;
  height: 100%;
  box-shadow: 0 0 0 3px #252f69 inset;
}
.top-flow_listItem dt {
  background: #252f69;
  color: #fff;
  border-radius: 7px 7px 0 0;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  font-weight: 700;
}
.top-flow_listItem dt span {
  margin-left: 8px;
}
@media screen and (min-width: 960px) {
  .top-flow_listItem dt span {
    display: none;
  }
}
.top-flow_listItem dd {
  padding: 10px 15px;
}
@media screen and (min-width: 960px) {
  .top-flow_listItem dd {
    padding: 10px 9px 15px;
  }
}
.top-flow_listItem dd h3 {
  display: none;
}
@media screen and (min-width: 960px) {
  .top-flow_listItem dd h3 {
    display: block;
    text-align: center;
    font-size: 20px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
  }
}
.top-flow_listItem dd p {
  font-size: 15px;
}
@media screen and (min-width: 960px) {
  .top-flow_listItem dd p {
    margin-top: 8px;
  }
}
.top-flow_listItem:last-of-type:after {
  display: none;
}
.top-flow_listItem:last-of-type dl {
  box-shadow: 0 0 0 3px #f1c40f inset;
}
.top-flow_listItem:last-of-type dt {
  background: #f1c40f;
  color: #252f69;
}

.top-price {
  background: #f0f0f0;
  padding-right: 4.26%;
  padding-left: 4.26%;
}
@media screen and (min-width: 960px) {
  .top-price {
    padding-right: 0;
    padding-left: 0;
  }
}

.top-price_list {
  margin-top: 6.4vw;
}
@media screen and (min-width: 768px) {
  .top-price_list {
    display: none;
  }
}
.top-price_list dl {
  border: 2px solid #252f69;
}
.top-price_list dl + dl {
  margin-top: 8px;
}
.top-price_list dt {
  color: #fff;
  background: #252f69;
  text-align: center;
  font-size: 16px;
  line-height: 1.375;
  padding: 8px;
}
.top-price_list dd {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  vertical-align: bottom;
  padding-top: 16px;
}
.top-price_list dd.detail p + p {
  margin-left: 16px;
}
.top-price_list dd.price {
  font-weight: 700;
  align-items: baseline;
  padding-top: 8px;
  padding-bottom: 16px;
}
.top-price_list dd.price span {
  font-size: 24px;
}

.top-price_table {
  display: none;
}
@media screen and (min-width: 768px) {
  .top-price_table {
    display: table;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #252f69;
    border-collapse: collapse;
    margin-top: 36px;
    width: 100%;
  }
}
.top-price_table th {
  background: #252f69;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 6px 0px;
}
.top-price_table th + th {
  border-left: 1px solid #fff;
}
.top-price_table td {
  border: 1px solid #252f69;
  background: #fff;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
}
.top-price_table .center {
  text-align: center;
}
.top-price_table .price {
  font-weight: 700;
  font-size: 18px;
}
.top-price_table .price span {
  font-size: 27px;
}
.top-price_table .min110 {
  min-width: 110px;
}
.top-price_table .min220 {
  min-width: 220px;
}

.top-price_text {
  text-align: center;
  color: #252f69;
  margin-top: 16px;
  font-size: 12px;
}
@media screen and (min-width: 960px) {
  .top-price_text {
    margin-top: 20px;
    font-size: 16px;
  }
}

.top-price_button {
  font-size: 16px;
  background: #f1c40f;
  border-radius: 8px;
  font-weight: 700;
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
  .top-price_button {
    height: 78px;
    font-size: 18px;
    border-radius: 10px;
    margin-top: 30px;
    width: 372px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
  }
  .top-price_button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    border-radius: 8px;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s 0s ease;
  }
  .top-price_button:hover:before {
    opacity: 0.6;
  }
}
.top-price_button img {
  width: 12px;
  height: auto;
  margin-left: 16px;
}
@media screen and (min-width: 768px) {
  .top-price_button img {
    margin-left: 13px;
  }
}

.top-consultant_text {
  max-width: 900px;
  padding-right: 4.26%;
  padding-left: 4.26%;
  margin-top: 6.4vw;
  font-size: 14px;
  line-height: 1.4286;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .top-consultant_text {
    margin-top: 24px;
  }
}
@media screen and (min-width: 960px) {
  .top-consultant_text {
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 32px;
    font-size: 20px;
  }
}

.top-consultant_list {
  margin-top: 24px;
}
@media screen and (min-width: 960px) {
  .top-consultant_list {
    margin-top: 32px;
  }
  .top-consultant_list:hover {
    cursor: pointer;
  }
}

.top-consultant_listItem {
  width: 280px !important;
  height: auto !important;
  border-radius: 8px;
}
.top-consultant_listItem + .top-consultant_listItem {
  margin-left: 8px;
}

.top-consultant_listItemInner {
  word-wrap: break-word;
  background: #f8f8f8;
  border-radius: 8px;
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
}
.top-consultant_listItemInner h3 {
  font-size: 18px;
  line-height: 1.3333;
}
.top-consultant_listItemInner div {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 10px;
  font-weight: 700;
  line-height: 1.3333;
}
.top-consultant_listItemInner div img {
  width: 64px;
  height: 64px;
  margin-right: 10px;
}
.top-consultant_listItemInner div p {
  flex: 1;
}
.top-consultant_listItemInner ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
}
@media screen and (min-width: 960px) {
  .top-consultant_listItemInner ul {
    margin-top: 5px;
  }
}
.top-consultant_listItemInner ul li {
  color: #fff;
  background-color: #252f69;
  font-size: 10px;
  padding: 0 8px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8.5px;
  margin-right: 5px;
  margin-top: 5px;
}
@media screen and (min-width: 960px) {
  .top-consultant_listItemInner ul li {
    height: 25px;
    border-radius: 12.5px;
  }
}
.top-consultant_listItemInner > p {
  word-wrap: break-word !important;
  font-size: 12px;
  margin-top: 15px;
}

.swiper,
.swiper-container,
.swiper-wrapper {
  transition-timing-function: linear !important;
}

.top-company_info {
  margin-top: 6.4vw;
}
@media screen and (min-width: 768px) {
  .top-company_info {
    margin-top: 24px;
  }
}
@media screen and (min-width: 960px) {
  .top-company_info {
    margin-top: 32px;
    display: flex;
    align-items: center;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
}

.top-company_logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top-company_logo img {
  width: 222px;
  height: auto;
}
.top-company_logo p {
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .top-company_logo p {
    font-size: 20px;
  }
}

.top-company_infoList {
  padding-right: 4.26%;
  padding-left: 4.26%;
  margin-top: 34px;
}
@media screen and (min-width: 960px) {
  .top-company_infoList {
    padding: 0;
    max-width: 900px;
    margin-top: 0;
    margin-left: 40px;
  }
}
.top-company_infoList dl {
  display: flex;
  font-weight: 700;
  line-height: 1.45;
  font-size: 14px;
}
@media screen and (min-width: 960px) {
  .top-company_infoList dl {
    font-size: 20px;
  }
}
.top-company_infoList dl + dl {
  margin-top: 8px;
}
.top-company_infoList dd {
  flex: 1;
}
.top-company_infoList dd span {
  display: none;
}
@media screen and (min-width: 960px) {
  .top-company_infoList dd span {
    display: inline;
  }
}

.top-company_text {
  padding-right: 4.26%;
  padding-left: 4.26%;
  font-size: 14px;
  margin-top: 16px;
  line-height: 1.55;
}
@media screen and (min-width: 960px) {
  .top-company_text {
    padding: 0;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
    line-height: 1.6666666;
    margin-top: 28px;
    font-weight: 400;
  }
}

.top-company_title {
  margin-top: 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  padding-right: 4.26%;
  padding-left: 4.26%;
}
@media screen and (min-width: 960px) {
  .top-company_title {
    padding: 0;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    font-size: 20px;
    margin-top: 30px;
  }
}

.top-company_corp {
  background: url("images/logo_list.png") repeat-x 50%;
  background-size: auto 240px;
  height: 240px;
  width: 100%;
  margin-top: 16px;
  animation: bg-slider 20000s linear infinite;
}
@media screen and (min-width: 960px) {
  .top-company_corp {
    animation: none;
    background-image: url("images/logo_list.png");
    background-repeat: no-repeat;
    background-size: 900px auto;
    width: 900px;
    height: 240px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
  }
}

@keyframes bg-slider {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -999999px 0;
  }
}
.top-faq {
  background: #f0f0f0;
  padding-right: 4.26%;
  padding-left: 4.26%;
}

.top-faq_list {
  margin-top: 6.4vw;
  border-bottom: 1px solid #252f69;
}
@media screen and (min-width: 768px) {
  .top-faq_list {
    margin-top: 24px;
  }
}
@media screen and (min-width: 960px) {
  .top-faq_list {
    margin-top: 32px;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
}
.top-faq_list dl {
  border-top: 1px solid #252f69;
}
.top-faq_list dt {
  font-size: 16px;
  line-height: 1.375;
  color: #0b0b0b;
  font-weight: 700;
  padding: 8px 0;
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 8px 40px 8px 0;
  background-image: url("images/plus.svg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 20px auto;
}
@media screen and (min-width: 768px) {
  .top-faq_list dt:hover {
    cursor: pointer;
  }
}
@media screen and (min-width: 960px) {
  .top-faq_list dt {
    padding-top: 20px;
    padding-bottom: 20px;
    background-size: 27px auto;
  }
}
.top-faq_list dt.is-open {
  background-image: url("images/minus.svg");
}
.top-faq_list dd {
  background: #fff;
  font-size: 12px;
  line-height: 1.5;
  padding: 8px;
  display: none;
}
@media screen and (min-width: 960px) {
  .top-faq_list dd {
    font-size: 16px;
    padding: 16px 20px;
  }
}
.top-faq_list dd a {
  display: block;
  width: 250px;
  height: 47px;
  background: #f1c40f;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.3s 0s ease;
  margin-top: 16px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .top-faq_list dd a:hover {
    opacity: 0.4;
  }
}

@media screen and (min-width: 960px) {
  .top-contact {
    padding-bottom: 72px;
  }
}

.top-contact_text {
  margin-top: 17px;
  text-align: center;
  color: #252f69;
}
@media screen and (min-width: 960px) {
  .top-contact_text {
    font-size: 20px;
  }
}

#top-contact {
  padding-right: 4.26%;
  padding-left: 4.26%;
  margin-top: 29px;
}
@media screen and (min-width: 960px) {
  #top-contact {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  #top-contact .satori__input_group.satori__customer_first_name {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 960px) {
  #top-contact .satori__custom_form {
    display: flex;
    flex-wrap: wrap;
  }
}
#top-contact .satori__input_group {
  padding-right: 0;
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
}
@media screen and (min-width: 960px) {
  #top-contact .satori__input_group {
    width: 100%;
  }
  #top-contact .satori__input_group:nth-of-type(1) {
    width: 100%;
  }
  #top-contact .satori__input_group:nth-of-type(2) {
    margin-left: 20px;
  }
  #top-contact .satori__input_group:nth-of-type(5) {
    width: 100%;
  }
  #top-contact .satori__input_group:nth-of-type(7) {
    width: 100%;
  }
  #top-contact .satori__input_group:nth-of-type(8) {
    width: 100%;
  }
}
#top-contact .satori__input_group > label {
  font-size: 14px;
  font-weight: bold;
  color: #252f69;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 960px) {
  #top-contact .satori__input_group > label {
    font-size: 18px;
  }
}
#top-contact .satori__input_group .satori__require {
  background: #ff0000;
  color: #fff;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: bold;
  margin-left: 5px;
}
@media screen and (min-width: 960px) {
  #top-contact .satori__input_group .satori__require {
    font-size: 14px;
    width: 44px;
    height: 24px;
    border-radius: 12px;
  }
}
#top-contact .satori__input_group .satori__not_require {
  display: none;
}
#top-contact .satori__input_group .satori__system_notes {
  display: none;
}
#top-contact .satori__input_group input[type=text],
#top-contact .satori__input_group input[type=tel],
#top-contact .satori__input_group input[type=email] {
  width: 100%;
  height: 40px;
  border: 2px solid #252f69;
  border-radius: 8px;
  background: #fff;
}
@media screen and (min-width: 960px) {
  #top-contact .satori__input_group input[type=text],
#top-contact .satori__input_group input[type=tel],
#top-contact .satori__input_group input[type=email] {
    height: 50px;
  }
}
#top-contact .satori__input_group select {
  width: 100%;
  height: 40px;
  border: 2px solid #252f69;
  border-radius: 8px;
  background-color: #fff;
  padding: 0 13px;
  position: relative;
  background-image: url("images/more.svg");
  background-repeat: no-repeat;
  background-position: right 13px center;
}
@media screen and (min-width: 960px) {
  #top-contact .satori__input_group select {
    height: 50px;
  }
}
#top-contact .satori__input_group input[type=radio] {
  display: none !important;
}
#top-contact .satori__input_group input[type=radio] + label {
  font-weight: 500;
  padding: 0;
  display: flex;
  align-items: center;
  height: 40px;
}
#top-contact .satori__input_group input[type=radio] + label:before {
  background-color: #fff;
  border: 2px solid #252f69;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-right: 10px;
}
#top-contact .satori__input_group input[type=radio]:checked + label:before {
  background-color: #252f69;
  box-shadow: 0 0 0 4px #fff inset;
}
#top-contact .satori__input_group input[type=checkbox] {
  display: none !important;
}
#top-contact .satori__input_group input[type=checkbox] + label {
  justify-content: center;
  font-weight: 500;
  padding: 0;
  display: flex;
  align-items: center;
  height: 40px;
}
#top-contact .satori__input_group input[type=checkbox] + label:before {
  background-color: #fff;
  border: 2px solid #252f69;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
#top-contact .satori__input_group input[type=checkbox]:checked + label:before {
  background-color: #252f69;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.955%22%20height%3D%2214.955%22%20viewBox%3D%220%200%2014.955%2014.955%22%3E%3Cpath%20d%3D%22M3.15%2012.594L0%209.446l2.361-2.361%203.149%203.148%207.084-7.085%202.361%202.361-9.445%209.446z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-position: top center;
  background-repeat: no-repeat;
}
#top-contact .satori__input_group textarea {
  width: 100%;
  height: 240px;
  border: 2px solid #252f69;
  border-radius: 8px;
  background: #fff;
}
#top-contact .satori__input_group.error input[type=text],
#top-contact .satori__input_group.error input[type=tel],
#top-contact .satori__input_group.error input[type=email] {
  border: 2px solid #f00;
}
#top-contact .satori__input_group.error textarea {
  border: 2px solid #f00;
}
#top-contact .satori__input_group.error select {
  border: 2px solid #f00;
}
#top-contact .satori__message {
  color: #252f69;
  font-size: 14px;
  text-align: center;
  margin-top: 16px;
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  #top-contact .satori__message {
    font-size: 16px;
  }
}
#top-contact .satori__message a {
  display: inline;
  text-decoration: underline;
  color: #252f69 !important;
}
@media screen and (min-width: 960px) {
  #top-contact #satori__privacy_policy_agreement_wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  #top-contact #satori__privacy_policy_agreement_wrapper .satori__input_group {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  #top-contact .satori__submit_group {
    width: 100%;
  }
}
#top-contact .satori__submit_group input[type=button] {
  width: 100%;
  height: 50px;
  color: #fff;
  background: #252f69;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  #top-contact .satori__submit_group input[type=button] {
    width: 371px;
    height: 70px;
    margin-top: 16px;
    transition: all 0.3s 0s ease;
  }
  #top-contact .satori__submit_group input[type=button]:hover {
    opacity: 0.4;
  }
}
#top-contact .satori__error_messages {
  color: #f00;
  font-size: 12px;
}
#top-contact .satori__horiz_group {
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-contact .satori__horiz_group {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 960px) {
  #top-contact .satori__horiz_group .satori__input_group {
    width: 100% !important;
  }
}

.top-cta {
  background-color: #252f69;
  padding-right: 4.26%;
  padding-left: 4.26%;
  margin-top: 9vw;
}
@media screen and (min-width: 960px) {
  .top-cta {
    padding-right: 0;
    padding-left: 0;
    margin-top: 64px;
  }
}

.top-cta_button {
  font-size: 18px;
  background: linear-gradient(#ffcc00, #d0a80d);
  border-radius: 8px;
  font-weight: 700;
  width: 100%;
  height: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), 4px 4px 6px rgba(0, 0, 0, 0.16) inset;
  max-width: 655px;
}
@media screen and (min-width: 768px) {
  .top-cta_button {
    height: 83px;
    font-size: 26px;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
  }
  .top-cta_button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    border-radius: 10px;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s 0s ease;
  }
  .top-cta_button:hover:before {
    opacity: 0.6;
  }
}
.top-cta_button img {
  width: 12px;
  height: auto;
  margin-left: 16px;
}
@media screen and (min-width: 768px) {
  .top-cta_button img {
    margin-left: 13px;
  }
}

.top-cta_text {
  max-width: 655px;
  color: #fff;
  font-size: 10px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .top-cta_text {
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
  }
}

.page-thanks {
  text-align: center;
}
.page-thanks section {
  padding-top: 32px;
  color: #252f69;
  padding-right: 4.26%;
  padding-left: 4.26%;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .page-thanks section {
    padding-top: 50px;
    padding-right: 0;
    padding-left: 0;
  }
}
.page-thanks section h1 {
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .page-thanks section h1 {
    font-size: 28px;
  }
}
.page-thanks section p {
  text-align: left;
  font-size: 14px;
  margin-top: 16px;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .page-thanks section p {
    font-size: 16px;
    margin-top: 24px;
    text-align: center;
  }
}

.page-thanks_button {
  width: 100%;
  background: #fff;
  border: 3px solid #252f69;
  border-radius: 8px;
  height: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin-top: 32px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  max-width: 340px;
  margin-right: auto;
  margin-left: auto;
  transition: all 0.3s 0s ease;
}
@media screen and (min-width: 768px) {
  .page-thanks_button {
    margin-top: 40px;
  }
}
.page-thanks_button svg {
  margin-left: 8px;
  width: 14px;
  height: 12px;
}
@media screen and (min-width: 960px) {
  .page-thanks_button:hover {
    background: #252f69;
    color: #fff;
  }
  .page-thanks_button:hover .color {
    fill: #fff;
  }
}

@media screen and (min-width: 960px) {
  .js-case_listItem {
    pointer-events: none;
  }
}

@media screen and (min-width: 768px) {
  .page-contact .top-contact {
    margin-bottom: 100px;
  }
}

.page-pankuzu {
  margin-top: 24px;
  max-width: 1270px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 4.26%;
}
@media screen and (min-width: 768px) {
  .page-pankuzu {
    padding-left: 4.26%;
  }
}
@media screen and (min-width: 1300px) {
  .page-pankuzu {
    padding-left: 0;
  }
}
.page-pankuzu ul {
  display: flex;
  align-items: center;
  overflow-x: auto;
  padding: 4px 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.page-pankuzu ul::-webkit-scrollbar {
  display: none;
}
.page-pankuzu li {
  font-size: 12px;
  color: #989898;
  display: flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .page-pankuzu li {
    font-size: 14px;
  }
}
.page-pankuzu li + li:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.192%22%20height%3D%2236.411%22%20viewBox%3D%220%200%2019.192%2036.411%22%3E%3Cpath%20d%3D%22M.691%2035.664a2.7%202.7%200%20010-3.61l12.823-13.848L.691%204.358a2.7%202.7%200%20010-3.61%202.242%202.242%200%20013.343%200L18.5%2016.379a2.635%202.635%200%2001.692%201.824%202.624%202.624%200%2001-.692%201.821L4.033%2035.66a2.273%202.273%200%2001-1.671.747%202.277%202.277%200%2001-1.671-.743z%22%20fill%3D%22%23989898%22%20opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  display: block;
  width: 6px;
  height: 10px;
  background-position: center center;
  background-size: contain;
  margin-right: 8px;
  margin-left: 8px;
  margin-top: -2px;
}
@media screen and (min-width: 768px) {
  .page-pankuzu li + li:before {
    width: 6px;
    height: 9px;
  }
}

.contact_text {
  padding-right: 4.26%;
  padding-left: 4.26%;
}
@media screen and (min-width: 768px) {
  .contact_text {
    padding-right: 0;
    padding-left: 0;
  }
}
.contact_text .sw-title {
  margin-top: 32px;
}

.page-form_single {
  background-color: #f0f0f0;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .page-form_single {
    max-width: 635px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 48px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 8px;
  }
}
.page-form_single .satori__custom_form {
  background-color: #f0f0f0 !important;
}
.page-form_single #top-contact {
  margin-top: 0;
}

.page-form_note {
  color: #333;
  margin-top: 32px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .page-form_note {
    max-width: 480px;
    margin: 32px auto 0;
  }
}
.page-form_note p + p {
  margin-top: 16px;
}

.page-form_satori #top-contact .satori__input_group:nth-of-type(2) {
  margin-left: 0;
}

.page-form_sampleSlide {
  padding: 0 5%;
  margin-top: 24px;
}
@media screen and (min-width: 1300px) {
  .page-form_sampleSlide {
    position: 0 30px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 960px) {
  .page-form_sampleSlide {
    position: 0 40px;
    margin-top: 40px;
  }
}
.page-form_sampleSlide li {
  padding: 0 8px;
}
.page-form_sampleSlide li img {
  width: 100%;
  height: auto;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}
.page-form_sampleSlide .slick-prev {
  top: 50%;
  left: -6px;
  margin-top: -12px;
  width: 20px;
  height: 36px;
}
@media screen and (min-width: 768px) {
  .page-form_sampleSlide .slick-prev {
    left: 0;
  }
}
.page-form_sampleSlide .slick-prev:before {
  content: "";
  display: block;
  width: 20px;
  height: 36px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.192%22%20height%3D%2236.411%22%20viewBox%3D%220%200%2019.192%2036.411%22%3E%3Cpath%20d%3D%22M18.501.747a2.7%202.7%200%20010%203.61L5.678%2018.205l12.823%2013.848a2.7%202.7%200%20010%203.61%202.242%202.242%200%2001-3.343%200L.692%2020.032A2.635%202.635%200%20010%2018.208a2.624%202.624%200%2001.692-1.821L15.159.751A2.273%202.273%200%200116.83.004a2.277%202.277%200%20011.671.743z%22%20fill%3D%22%23252f69%22%20opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.page-form_sampleSlide .slick-next {
  top: 50%;
  right: -6px;
  margin-top: -12px;
  width: 20px;
  height: 36px;
}
@media screen and (min-width: 1300px) {
  .page-form_sampleSlide .slick-next {
    right: 0;
  }
}
.page-form_sampleSlide .slick-next:before {
  content: "";
  display: block;
  width: 20px;
  height: 36px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.192%22%20height%3D%2236.411%22%20viewBox%3D%220%200%2019.192%2036.411%22%3E%3Cpath%20d%3D%22M.691%2035.664a2.7%202.7%200%20010-3.61l12.823-13.848L.691%204.358a2.7%202.7%200%20010-3.61%202.242%202.242%200%20013.343%200L18.5%2016.379a2.635%202.635%200%2001.692%201.824%202.624%202.624%200%2001-.692%201.821L4.033%2035.66a2.273%202.273%200%2001-1.671.747%202.277%202.277%200%2001-1.671-.743z%22%20fill%3D%22%23252f69%22%20opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.page-form_sampleSlide .slick-dots {
  left: 0;
  bottom: 0;
}
.page-form_sampleSlide .slick-dots li {
  width: 12px;
  height: 12px;
}
.page-form_sampleSlide .slick-dots li button {
  background: #dbdbdb;
  border-radius: 100%;
  height: 12px;
  width: 12px;
  padding: 6px;
}
.page-form_sampleSlide .slick-dots li button:before {
  content: none;
}
.page-form_sampleSlide .slick-dots li.slick-active button {
  background: #252f69;
}
.page-form_sampleSlide .slick-track {
  padding-bottom: 32px;
}
.page-form_sampleSlide .slick-slide:focus {
  outline: none;
}
.page-form_sampleSlide.slick-dotted.slick-slider {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .page-form_sampleSlide.slick-dotted.slick-slider {
    margin-bottom: 32px;
  }
}

.page-form_sample {
  padding-right: 4.26%;
  padding-left: 4.26%;
}
@media screen and (min-width: 960px) {
  .page-form_sample {
    width: 50%;
    max-width: 635px;
    padding: 0 60px 0;
  }
}
@media screen and (min-width: 1300px) {
  .page-form_sample {
    padding: 0 80px 0;
  }
}

@media screen and (min-width: 768px) {
  .page-form_content {
    width: 90%;
    margin: 0 auto 100px;
  }
}
@media screen and (min-width: 960px) {
  .page-form_content {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 1270px;
    margin-bottom: 120px;
  }
}

.page-form_sampleTitle {
  font-size: 22px;
  line-height: 1.5;
  color: #252f69;
  font-weight: bold;
  margin-top: 32px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page-form_sampleTitle {
    font-size: 32px;
  }
}

.page-form_sampleText {
  font-size: 16px;
  margin-top: 16px;
  color: #252f69;
}

.page-form_sampleRecommended h2 {
  font-size: 16px;
  font-weight: normal;
  color: #252f69;
}
@media screen and (min-width: 1300px) {
  .page-form_sampleRecommended h2 {
    font-size: 18px;
  }
}
.page-form_sampleRecommended ul {
  padding: 5%;
  margin-top: 18px;
  border: 1px solid #252f69;
  border-radius: 8px;
}
.page-form_sampleRecommended ul li {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 1em;
  line-height: 1.25;
  color: #252f69;
}
@media screen and (min-width: 1300px) {
  .page-form_sampleRecommended ul li {
    font-size: 18px;
  }
}
.page-form_sampleRecommended ul li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.page-form_sampleRecommended ul li + li {
  margin-top: 12px;
}
@media screen and (min-width: 1300px) {
  .page-form_sampleRecommended ul li + li {
    margin-top: 16px;
  }
}
.page-form_sampleRecommended p {
  font-size: 16px;
  margin-top: 18px;
}
@media screen and (min-width: 1300px) {
  .page-form_sampleRecommended p {
    font-size: 18px;
  }
}

.page-form_sampleNote {
  font-size: 16px;
  margin-top: 18px;
}
@media screen and (min-width: 1300px) {
  .page-form_sampleNote {
    font-size: 18px;
  }
}

.page-form_satoriImport {
  background: #f0f0f0;
  padding: 38px 5% 100px;
}
@media screen and (min-width: 768px) {
  .page-form_satoriImport {
    border-radius: 8px;
    padding: 56px !important;
  }
}
@media screen and (min-width: 960px) {
  .page-form_satoriImport {
    width: 50%;
    padding: 60px !important;
  }
}
@media screen and (min-width: 1300px) {
  .page-form_satoriImport {
    padding: 80px !important;
  }
}
.page-form_satoriImport .satori__custom_form {
  background-color: #f0f0f0 !important;
}

.page-contact .page-form_satoriImport {
  padding: 38px 5% 100px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-contact .page-form_satoriImport {
    border-radius: 8px;
    padding: 48px 56px 56px;
  }
}
@media screen and (min-width: 1300px) {
  .page-contact .page-form_satoriImport {
    max-width: 635px;
    padding: 48px 60px 60px;
  }
}
@media screen and (min-width: 960px) {
  .page-contact .page-form_satoriImport {
    padding: 48px 80px 80px;
  }
}
.page-contact .page-form_satoriImport .satori__custom_form {
  background: inherit !important;
}
@media screen and (min-width: 768px) {
  .page-contact .page-form_satoriImport .satori__custom_form {
    max-width: 480px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1300px) {
  .page-contact .page-form_satoriImport .satori__custom_form {
    max-width: 100%;
  }
}

.page-form_thanksDownloadWrap {
  padding: 0 5%;
}
@media screen and (min-width: 768px) {
  .page-form_thanksDownloadWrap {
    padding: 0;
    width: 90%;
    margin: 56px auto 0;
  }
}
@media screen and (min-width: 1300px) {
  .page-form_thanksDownloadWrap {
    max-width: 1270px;
    padding: 0 60px;
  }
}
@media screen and (min-width: 960px) {
  .page-form_thanksDownloadWrap {
    padding: 0 80px;
  }
}
.page-form_thanksDownloadWrap.mt0 {
  margin-top: 0 !important;
}
.page-form_thanksDownloadWrap.pb100 {
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  .page-form_thanksDownloadWrap.pb100 {
    padding-bottom: 150px;
  }
}

.page-form_thanksDownload {
  background: #f0f0f0;
  border-radius: 8px;
  padding: 28px 5%;
  margin: 28px auto 0;
}
@media screen and (min-width: 768px) {
  .page-form_thanksDownload {
    margin: 40px auto 0;
    padding: 32px 5%;
  }
}
@media screen and (min-width: 1300px) {
  .page-form_thanksDownload {
    max-width: 635px;
  }
}
.page-form_thanksDownload .page-form_thanksDownloadTitle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-form_thanksDownload h2 {
  font-weight: bold;
  color: #252f69;
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .page-form_thanksDownload h2 {
    font-size: 20px;
  }
}
.page-form_thanksDownload a {
  background-color: #252f69;
  height: 56px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  max-width: 475px;
  margin: 20px auto 0;
}
@media screen and (min-width: 1300px) {
  .page-form_thanksDownload a {
    height: 64px;
    font-size: 20px;
    border-radius: 32px;
    width: 475px;
  }
}

.contactButtons {
  padding-right: 4.26%;
  padding-left: 4.26%;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .contactButtons {
    display: flex;
    font-size: 16px;
    line-height: 1.8125;
  }
}
@media screen and (min-width: 960px) {
  .contactButtons {
    padding: 0;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
}

.contactButton__box {
  border: 2px solid #2b2b2b;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .contactButton__box {
    flex: 1;
  }
}
.contactButton__box a {
  display: block;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  font-size: 18px;
  font-weight: bold;
  transition: all 0.3s 0s ease;
}
@media screen and (min-width: 768px) {
  .contactButton__box a {
    font-size: 20px;
  }
}
.contactButton__box a.paper .contactButton__button {
  background: #f1c40f;
  color: #252f69;
}
.contactButton__box a.paper .contactButton__button:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2013%2018%22%20width%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9%200%209%2013h-18z%22%20fill%3D%22%23252f69%22%20transform%3D%22matrix(0%201%20-1%200%2013%200)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  display: block;
  width: 18px;
  height: 13px;
  background-size: contain;
  margin-left: 8px;
}
.contactButton__box a.paper:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2276.942%22%20height%3D%2271.989%22%20viewBox%3D%220%200%2076.942%2071.989%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_113%22%20data-name%3D%22%E3%83%91%E3%82%B9%20113%22%20d%3D%22M17.427-251.38H-1.426v5.293H17.427Zm0%2C12.127H-1.426v5.293H17.427ZM36.28-228.117H-1.426v5.293H36.28Zm2.494-51.347a1.88%2C1.88%2C0%2C0%2C1%2C1.792%2C1.957v9.849q.613-.59%2C1.241-1.181l4.051-3.928v-5.374c0-.084-.084-.469-.111-.688a7.009%2C7.009%2C0%2C0%2C0-1.764-3.61%2C7.081%2C7.081%2C0%2C0%2C0-3.475-2.121%2C10.42%2C10.42%2C0%2C0%2C0-1.6-.22h-43c-.249.028-.523.028-.716.055-.357.054-.715.138-1.046.219-.249.084-.523.192-.716.249-.249.084-.5.249-.745.358a7.218%2C7.218%2C0%2C0%2C0-3.528%2C4.659c-.055.357-.112.745-.165%2C1.1v58.708a11.114%2C11.114%2C0%2C0%2C0%2C.165%2C1.1c.084.358.219.688.33%2C1.046a4.971%2C4.971%2C0%2C0%2C1%2C.25.55A7.329%2C7.329%2C0%2C0%2C0-5.3-212.957c.385.055.772.139%2C1.157.165H38.967c.084%2C0%2C.715-.084%2C1.046-.138a6.853%2C6.853%2C0%2C0%2C0%2C1.184-.33%2C7.135%2C7.135%2C0%2C0%2C0%2C2.783-1.876%2C7.2%2C7.2%2C0%2C0%2C0%2C1.653-3.086c.084-.415.165-.827.219-1.242v-26.175L40.56-240.5v20.4a1.963%2C1.963%2C0%2C0%2C1-1.737%2C1.984H-4.011a1.9%2C1.9%2C0%2C0%2C1-1.71-1.957l.012-57.409a2.589%2C2.589%2C0%2C0%2C0%2C.027-.442%2C1.887%2C1.887%2C0%2C0%2C1%2C1.737-1.545Zm-2.452%2C4.824H-1.464v16.87H30.321l6-5.78Zm-5.293%2C5.32v6.23H3.825v-6.23Zm.183%2C30.733-6.425-6.426-3.445%2C9.84%2C9.756-3.308ZM26.7-247.066l6.447%2C6.447%2C7.417-7.174v.027l5.293-5.118v-.028l1.723-1.665%2C18.357-17.75-6.281-6.5L41.3-261.135Z%22%20transform%3D%22translate(11.004%20284.781)%22%20fill%3D%22%23252f69%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 52px;
  height: 52px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .contactButton__box a.paper:before {
    width: 72px;
    height: 72px;
  }
}
.contactButton__box a.contact:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2265.471%22%20height%3D%2272.005%22%20viewBox%3D%220%200%2065.471%2072.005%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%8C%96_163%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%8C%96%20163%22%20transform%3D%22translate(-47.75%20302.523)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1191%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201191%22%20width%3D%2217.968%22%20height%3D%222.679%22%20transform%3D%22translate(63.687%20-292.954)%22%20fill%3D%22%23252f69%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1192%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201192%22%20width%3D%2217.968%22%20height%3D%222.679%22%20transform%3D%22translate(63.687%20-281.157)%22%20fill%3D%22%23252f69%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1193%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201193%22%20width%3D%2217.968%22%20height%3D%222.679%22%20transform%3D%22translate(63.687%20-287.092)%22%20fill%3D%22%23252f69%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1194%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201194%22%20width%3D%2233.503%22%20height%3D%222.682%22%20transform%3D%22translate(63.687%20-269.327)%22%20fill%3D%22%23252f69%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1195%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201195%22%20width%3D%2233.503%22%20height%3D%222.679%22%20transform%3D%22translate(63.687%20-275.295)%22%20fill%3D%22%23252f69%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_114%22%20data-name%3D%22%E3%83%91%E3%82%B9%20114%22%20d%3D%22M100.624-251.121H69.512l4%2C2.676H96.928Z%22%20transform%3D%22translate(-5.195%20-12.27)%22%20fill%3D%22%23252f69%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_115%22%20data-name%3D%22%E3%83%91%E3%82%B9%20115%22%20d%3D%22M91.517-240.651l3.7-2.676H81.132l3.994%2C2.676Z%22%20transform%3D%22translate(-7.969%20-14.131)%22%20fill%3D%22%23252f69%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_116%22%20data-name%3D%22%E3%83%91%E3%82%B9%20116%22%20d%3D%22M108.653-236.924%2C86.825-250.568l21.828-15.823ZM58-235.086l20.888-13.052h3.206l20.882%2C13.052Zm-5.68-31.3%2C21.828%2C15.823L52.318-236.924Zm5.867-31.638H87.153v15.648h15.654v14.613L82-252.71l-3.036%2C0L58.185-266.65Zm50.468%2C22.687-1.377-1v-6.042l-4.428-4.431-.042-.06-11.164%2C0v-11.173l-.065-.045-4.428-4.431H53.695v26.182l-1.377%2C1-4.568%2C3.313v41.514h65.471v-41.514Z%22%20fill%3D%22%23252f69%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 52px;
  height: 52px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .contactButton__box a.contact:before {
    width: 72px;
    height: 72px;
  }
}
.contactButton__box a:hover {
  opacity: 0.6;
}
.contactButton__box + .contactButton__box {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .contactButton__box + .contactButton__box {
    margin-top: 0;
    margin-left: 32px;
  }
}
.contactButton__box .contactButton__button {
  background: #252f69;
  color: #fff;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 8px;
  padding: 8px 0;
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .contactButton__box .contactButton__button {
    max-width: 320px;
    font-size: 18px;
  }
}
.contactButton__box .contactButton__button:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2013%2018%22%20width%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9%200%209%2013h-18z%22%20fill%3D%22%23fff%22%20transform%3D%22matrix(0%201%20-1%200%2013%200)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  display: block;
  width: 18px;
  height: 13px;
  background-size: contain;
  margin-left: 8px;
}

.ditails {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  color: #2b2b2b;
  margin-top: 24px;
}

.works-image {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.works-content {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 4.26%;
}
@media screen and (min-width: 768px) {
  .works-content {
    padding: 0;
  }
}

.works-menuWrap {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .works-menuWrap {
    margin-top: 56px;
  }
}

.works-snsList {
  display: flex;
  align-items: center;
}
.works-snsList li {
  transition: 0.2s all;
}
.works-snsList li:hover {
  transition: 0.2s all;
  opacity: 0.7;
}
.works-snsList a {
  display: block;
}
.works-snsList li + li {
  margin-left: 16px;
}
.works-snsList img {
  vertical-align: bottom;
}

.works-menu {
  display: flex;
  flex-wrap: wrap;
  min-height: 30px;
  margin-left: -8px;
}
.works-menu a {
  color: #fff;
  background-color: #252f68;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 4px;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 8px;
  pointer-events: none;
}
@media screen and (max-width: 360px) {
  .works-menu a {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .works-menu a {
    font-size: 12px;
  }
}

.works-title {
  font-size: 23px;
  line-height: 1.5;
  margin-top: 16px;
  margin-bottom: 24px;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .works-title {
    margin-top: 24px;
    font-size: 30px;
    margin-bottom: 0;
  }
}

.works-overview {
  font-size: 16px;
  line-height: 2;
  font-weight: 500;
  margin-top: 24px;
}

.works-company {
  border: 1px solid #c9cbdd;
  padding: 24px 16px;
  margin-top: 56px;
}
@media screen and (min-width: 768px) {
  .works-company {
    margin-top: 64px;
    padding: 24px 40px;
  }
}
.works-company h2 {
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .works-company h2 {
    font-size: 20px;
    text-align-last: left;
    margin-top: 0;
  }
}
.works-company dl {
  display: flex;
  font-size: 14px;
  margin-top: 12px;
}
.works-company dt {
  color: #252f68;
  font-weight: bold;
  font-size: 14px;
  width: 5em;
}
.works-company dd {
  font-size: 14px;
  flex: 1;
}

.js-copy:hover {
  cursor: pointer;
}

.works-solution {
  margin-top: 56px;
  margin-bottom: 56px;
}
@media screen and (min-width: 768px) {
  .works-solution {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

.works-solution_back h2 {
  background-color: #818aa7;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  border-radius: 4px 4px 0 0;
  text-align: center;
  font-size: 15px;
}
.works-solution_back ul {
  background-color: #f4f4f4;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .works-solution_back ul {
    padding: 24px 40px;
  }
}
.works-solution_back ul li {
  position: relative;
  padding-left: 14px;
  font-size: 14px;
  line-height: 1.5;
}
.works-solution_back ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #818aa7;
  border-radius: 3px;
  position: absolute;
  top: 8px;
  left: 0;
}
.works-solution_back ul li + li {
  margin-top: 8px;
}

.works-solution_solution h2 {
  background-color: #252f68;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  border-radius: 4px 4px 0 0;
  text-align: center;
  font-size: 15px;
}
.works-solution_solution ul {
  background-color: #f2f4ff;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .works-solution_solution ul {
    padding: 24px 40px;
  }
}
.works-solution_solution ul li {
  position: relative;
  padding-left: 14px;
  font-size: 14px;
  line-height: 1.5;
}
.works-solution_solution ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #252f68;
  border-radius: 3px;
  position: absolute;
  top: 8px;
  left: 0;
}
.works-solution_solution ul li + li {
  margin-top: 8px;
}

.works-solution_benefits h2 {
  background-color: #efbc10;
  color: #252f68;
  line-height: 1;
  padding: 8px 0;
  border-radius: 4px 4px 0 0;
  text-align: center;
  font-size: 15px;
}
.works-solution_benefits ul {
  background-color: #fff7de;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .works-solution_benefits ul {
    padding: 24px 40px;
  }
}
.works-solution_benefits ul li {
  position: relative;
  padding-left: 14px;
  font-size: 14px;
  line-height: 1.5;
}
.works-solution_benefits ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #efbc10;
  border-radius: 3px;
  position: absolute;
  top: 8px;
  left: 0;
}
.works-solution_benefits ul li + li {
  margin-top: 8px;
}

div + .works-solution_solution:before {
  content: "";
  display: block;
  width: 80px;
  border-top: 16px solid #818aa7;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  margin-right: auto;
  margin-left: auto;
  margin-top: 8px;
  margin-bottom: 8px;
}

div + .works-solution_benefits:before {
  content: "";
  display: block;
  width: 80px;
  border-top: 16px solid #252f68;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  margin-right: auto;
  margin-left: auto;
  margin-top: 8px;
  margin-bottom: 8px;
}

.works-detail {
  font-size: 16px;
  color: #2b2b2b;
  line-height: 1.9;
}
.works-detail h2 {
  margin-top: 56px;
  font-size: 22px;
  line-height: 1.5;
  border-top: 1px solid #c9cbdd;
  border-bottom: 1px solid #c9cbdd;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 900;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .works-detail h2 {
    margin-top: 64px;
    font-size: 26px;
  }
}
.works-detail h2 + h3 {
  margin-top: 32px;
}
.works-detail h2 + p {
  margin-top: 32px;
}
.works-detail h3 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 900;
  margin-top: 56px;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .works-detail h3 {
    font-size: 22px;
  }
}
.works-detail h4 {
  font-size: 16px;
  line-height: 1.9;
  margin-top: 32px;
  margin-bottom: 24px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .works-detail h4 {
    font-size: 18px;
  }
}
.works-detail h5 {
  font-size: 16px;
  line-height: 1.9;
  margin-top: 32px;
  margin-bottom: 24px;
  font-weight: 500;
}
.works-detail p {
  font-size: 16px;
  line-height: 1.9;
  font-weight: 400;
  margin-top: 24px;
}
.works-detail a {
  display: inline-block;
  text-decoration: underline;
  color: #1a75ff;
  transition: 0.2s all;
}
.works-detail a:hover {
  transition: 0.2s all;
  color: #6ba6ff;
}
.works-detail img {
  margin-top: 8px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .works-detail img {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.works-detail pre {
  font-size: 16px;
  line-height: 1.9;
}
.works-detail blockquote {
  margin-top: 32px;
  margin-bottom: 32px;
  background-color: #f4f4f4;
  padding: 32px 24px;
  background-image: url("images/quarto_left.svg"), url("images/quarto_right.svg");
  background-repeat: no-repeat;
  background-position: top 16px left 16px, bottom 16px right 16px;
}
.works-detail blockquote p {
  margin: 0;
  font-size: 14px;
}
.works-detail img {
  max-width: 100%;
  height: auto;
}
.works-detail ul {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .works-detail ul {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.works-detail ul li {
  position: relative;
  padding-left: 14px;
  font-size: 14px;
  line-height: 1.5;
}
.works-detail ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #252f68;
  border-radius: 3px;
  position: absolute;
  top: 8px;
  left: 0;
}
.works-detail ul li + li {
  margin-top: 8px;
}
.works-detail ol {
  counter-reset: item;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .works-detail ol {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.works-detail ol li {
  position: relative;
  padding-left: 1.8em;
  font-size: 14px;
  line-height: 1.5;
}
.works-detail ol li:before {
  content: "";
  counter-increment: item;
  content: counter(item) ".";
  font-weight: bold;
  color: #252f68;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  width: 1.5em;
}
.works-detail ol li + li {
  margin-top: 8px;
}
.works-detail table {
  width: 100%;
  font-size: 14px;
}
.works-detail table,
.works-detail td,
.works-detail th {
  border-collapse: collapse;
}
.works-detail td,
.works-detail th {
  padding: 8px;
  width: 30px;
  height: 25px;
}
.works-detail th {
  background: #252f68;
  color: #fff;
  border: 1px solid #fff;
}
.works-detail td {
  border: 1px solid #b3b3b3;
}
.works-detail th + th {
  border-left: 1px solid #fff;
}
.works-detail .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 48px;
  margin-bottom: 48px;
}
.works-detail .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.works-detail .lkc-external-wrap {
  border: none !important;
  max-width: none !important;
}
.works-detail .linkcard {
  border: 1px solid #c9cbdd;
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 48px;
  margin-bottom: 48px;
  transition: 0.2s all;
}
.works-detail .linkcard:hover {
  transform: scale(1.03, 1.03);
  transition: 0.2s all;
}
.works-detail .linkcard .lkc-link {
  text-decoration: none !important;
  min-height: 84px;
  display: block;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .works-detail .linkcard .lkc-link {
    padding: 24px;
    min-height: 148px;
  }
}
.works-detail .linkcard .lkc-info {
  display: none !important;
}
.works-detail .linkcard .lkc-card {
  margin: 0 !important;
}
.works-detail .linkcard .lkc-content {
  position: relative;
  height: auto;
  margin: 0;
}
.works-detail .linkcard .lkc-content .lkc-thumbnail {
  width: 100px;
  height: 52px;
  max-width: none;
  max-height: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .works-detail .linkcard .lkc-content .lkc-thumbnail {
    width: 192px;
    height: 100px;
  }
}
.works-detail .linkcard .lkc-content .lkc-thumbnail img {
  margin: 0;
  width: 100px;
  height: 52px;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .works-detail .linkcard .lkc-content .lkc-thumbnail img {
    width: 192px;
    height: 100px;
  }
}
.works-detail .linkcard .lkc-content .lkc-url {
  display: none;
}
.works-detail .linkcard .lkc-content .lkc-title {
  padding-left: 108px;
}
@media screen and (min-width: 768px) {
  .works-detail .linkcard .lkc-content .lkc-title {
    padding-left: 208px;
  }
}
.works-detail .linkcard .lkc-content .lkc-title .lkc-title-text {
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  color: #1a75ff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .works-detail .linkcard .lkc-content .lkc-title .lkc-title-text {
    font-size: 16px;
  }
}
.works-detail .linkcard .lkc-content .lkc-excerpt {
  padding-left: 108px;
  text-shadow: none;
  font-size: 12px;
  color: #333;
  line-height: 1.5;
  text-decoration: none;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .works-detail .linkcard .lkc-content .lkc-excerpt {
    padding-left: 208px;
    margin-top: 12px;
  }
}

.works-sns {
  margin-top: 56px;
  border-top: 1px solid #c1c1c1;
  padding-top: 56px;
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .works-sns {
    margin-top: 72px;
    padding-top: 72px;
  }
}
.works-sns h2 {
  font-size: 18px;
  border-width: 700px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .works-sns h2 {
    font-size: 24px;
  }
}
.works-sns .works-snsList {
  justify-content: center;
  margin-top: 32px;
}
.works-sns .works-snsList img {
  width: 48px;
  height: 48px;
}
.works-sns .works-snsList li + li {
  margin-left: 24px;
}

.works-other {
  background-color: #f0f0f0;
  margin-top: 56px;
  padding-top: 56px;
  padding-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .works-other {
    margin-top: 72px;
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
.works-other h2 {
  font-size: 18px;
  border-width: 700px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .works-other h2 {
    font-size: 24px;
  }
}

.works-companyTag_single {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  margin-left: -8px;
  overflow: hidden;
}
.works-companyTag_single a {
  background: #eaebf0;
  color: #252f68;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  height: 28px;
  padding-right: 12px;
  padding-left: 12px;
  border-radius: 14px;
  margin-top: 8px;
  line-height: 26px;
  pointer-events: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
  margin-left: 8px;
  border: 1px solid #252f68;
}

.works-companyTag {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  margin-left: -8px;
  max-height: 108px;
  overflow: hidden;
}
.works-companyTag a {
  background: #eaebf0;
  color: #252f68;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  height: 28px;
  padding-right: 12px;
  padding-left: 12px;
  border-radius: 14px;
  margin-top: 8px;
  line-height: 26px;
  pointer-events: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
  margin-left: 8px;
  border: 1px solid #252f68;
}

.works-other_list_wrap {
  max-width: 1100px;
  display: flex;
  justify-content: center;
  padding-right: 4.26%;
  padding-left: 4.26%;
}
@media screen and (min-width: 768px) {
  .works-other_list_wrap {
    padding-right: 2.5%;
    padding-left: 2.5%;
  }
}
@media screen and (min-width: 1100px) {
  .works-other_list_wrap {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

.works-other_list {
  max-width: 1100px;
}
.works-other_list li {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .works-other_list {
    display: flex;
    justify-content: center;
    margin-left: -2%;
  }
  .works-other_list li {
    margin-top: 40px;
    width: 31.3333333%;
    margin-left: 2%;
  }
  .works-other_list li + li {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1100px) {
  .works-other_list {
    margin-left: 0;
  }
  .works-other_list li {
    width: 346px;
    margin-left: 0px;
  }
  .works-other_list li:nth-child(4n) {
    margin-left: 0;
  }
  .works-other_list li + li {
    margin-left: 31px;
  }
}

.works-article {
  background-color: #fff;
  max-width: 480px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #e4e4e4;
}
@media screen and (min-width: 768px) {
  .works-article {
    max-width: 100%;
    height: 100%;
    transition: 0.2s all;
    margin-right: 0;
    margin-left: 0;
  }
  .works-article:hover {
    transform: scale(1.03, 1.03);
    transition: 0.2s all;
  }
}
.works-article img {
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: auto;
}
.works-article .works-article_image {
  width: 100%;
}
.works-article h2 {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 12px;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-all;
}
.works-article h3 {
  font-size: 14px;
  font-weight: normal;
  margin-top: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
  border-bottom: 1px solid #c9cbdd;
  padding-bottom: 16px;
}

.works-article_inner {
  padding: 16px 4.26vw 24px;
}
@media screen and (min-width: 768px) {
  .works-article_inner {
    padding: 16px 20px 24px;
  }
}

.works-article_link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.works-company_text {
  border-bottom: 1px solid #c9cbdd;
  padding-bottom: 16px;
  margin-bottom: 8px;
}

.works-noImage {
  border-bottom: 1px solid #c9cbdd;
}

.works-company_logo {
  width: 144px;
  max-height: 144px;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .works-company_logo {
    margin-right: 40px;
    margin-left: 0;
  }
}
.works-company_logo img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  .works-company {
    display: flex;
    align-items: center;
  }
}

.works-company_content {
  flex: 1;
}

.page-case h1 {
  margin-top: 24px;
}

.case-list_wrap {
  max-width: 1100px;
  display: flex;
  justify-content: center;
  padding-right: 4.26%;
  padding-left: 4.26%;
  padding-bottom: 10vw;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .case-list_wrap {
    padding-bottom: 56px;
    margin-top: 8px;
  }
}
@media screen and (min-width: 1100px) {
  .case-list_wrap {
    padding-bottom: 64px;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

.case-list {
  max-width: 1100px;
}
.case-list li + li {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .case-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3.2%;
  }
  .case-list li {
    margin-top: 40px;
    width: 46.8%;
    margin-left: 3.2%;
  }
  .case-list li + li {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1100px) {
  .case-list {
    margin-left: 0;
  }
  .case-list li {
    width: 346px;
    margin-left: 0px;
  }
  .case-list li:nth-child(4n) {
    margin-left: 0;
  }
  .case-list li + li {
    margin-left: 31px;
  }
}

.top-case-list_wrap {
  max-width: 1100px;
  display: flex;
  justify-content: center;
  padding-right: 4.26%;
  padding-left: 4.26%;
  padding-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .top-case-list_wrap {
    padding-right: 2.5%;
    padding-left: 2.5%;
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1100px) {
  .top-case-list_wrap {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

.top-case-list {
  max-width: 1100px;
}
.top-case-list li {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .top-case-list {
    display: flex;
    justify-content: center;
    margin-left: -2%;
  }
  .top-case-list li {
    margin-top: 40px;
    width: 31.3333333%;
    margin-left: 2%;
  }
  .top-case-list li + li {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1100px) {
  .top-case-list {
    margin-left: 0;
  }
  .top-case-list li {
    width: 346px;
    margin-left: 0px;
  }
  .top-case-list li:nth-child(4n) {
    margin-left: 0;
  }
  .top-case-list li + li {
    margin-left: 31px;
  }
}

.top-case_button_wrap {
  padding: 0 4.26%;
}
@media screen and (min-width: 768px) {
  .top-case_button_wrap {
    padding: 0;
  }
}

.top-case_button {
  font-size: 16px;
  background: #252f68;
  border-radius: 8px;
  font-weight: 700;
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .top-case_button {
    height: 78px;
    font-size: 18px;
    border-radius: 10px;
    width: 372px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
  }
  .top-case_button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    border-radius: 8px;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s 0s ease;
  }
  .top-case_button:hover:before {
    opacity: 0.6;
  }
}
.top-case_button img {
  width: 12px;
  height: auto;
  margin-left: 16px;
}
@media screen and (min-width: 768px) {
  .top-case_button img {
    margin-left: 13px;
  }
}

/*# sourceMappingURL=style.css.map */