@charset "UTF-8";

body {
  font-family: 'Montserrat', sans-serif;
  font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.01071em;
  font-size: 16px;
  -webkit-font-smoothing: subpixel-antialiased;
  background: #efefef;
  min-height: 100%;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
  counter-reset: number 0;
	color: rgba(0, 0, 0, 0.87);
	margin: 0;
}

a {
  color: #75d7cb;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #89ddd2;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}

table {
  margin: 0;
  padding: 0;
  border-spacing: 0;
}

ul,
dl,
dt,
dd,
ol {
  list-style: none inside;
  margin: 0;
  padding: 0;
}

ul.-disc,
ol.-disc {
  list-style: disc inside;
}

ul.-disc li,
ol.-disc li {
  display: list-item;
}

ul.-decimal,
ol.-decimal {
  list-style: decimal inside;
}

ul.-decimal li,
ol.-decimal li {
  display: list-item;
}

ul.-circle,
ol.-circle {
  list-style: circle inside;
}

ul.-circle li,
ol.-circle li {
  display: list-item;
}

ul.-square,
ol.-square {
  list-style: square inside;
}

ul.-square li,
ol.-square li {
  display: list-item;
}

ul.-decimal-lz,
ol.-decimal-lz {
  list-style: decimal-leading-zero inside;
}

ul.-decimal-lz li,
ol.-decimal-lz li {
  display: list-item;
}

ul.-lower,
ol.-lower {
  list-style: lower-alpha inside;
}

ul.-lower li,
ol.-lower li {
  display: list-item;
}

ul.-upper,
ol.-upper {
  list-style: upper-alpha inside;
}

ul.-upper li,
ol.-upper li {
  display: list-item;
}

ul.-asterisk li,
ol.-asterisk li {
  display: list-item;
}

ul.-asterisk li:before,
ol.-asterisk li:before {
  display: block;
  margin-left: -10px;
  margin-bottom: -15px;
  content: "※";
}

form,
label,
legend {
  display: block;
  margin: 0;
  padding: 0;
}

input[type="radio"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="file"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="radio"].-default {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

textarea {
  display: block;
  margin: 0;
  padding: 5px 8px;
  border: 1px solid #d7dfe2;
  border-radius: 4px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1.2;
  min-height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea::-webkit-input-placeholder {
  color: #b9c5cc;
}

select {
  font-size: 13px;
  border-color: #d7dfe2;
  font-family: inherit;
  font-weight: 400;
  color: #343a40;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  border: none;
  cursor: pointer;
}

input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="file"] {
  margin: 0;
  padding: 5px 8px;
  border: 1px solid #d7dfe2;
  background-color: #fff;
  font-size: 12px;
  line-height: 1;
  min-height: 34px;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder {
  color: #b9c5cc;
}

input[type="file"] {
  height: 30px;
  border: none;
  background-color: #d7dfe2;
  line-height: 1.4;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#seesaa-cmn-header {
	display: none !important;
  line-height: normal !important;
  height: auto !important;
}

#seesaa-cmn-header a {
  color: #3F4152;
}

#seesaa-cmn-header .seesaa-cmn__logo img {
  margin: 0 !important;
  padding: 0 !important;
}

#seesaa-cmn-header .seesaa-cmn__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 1;
  width: 100%;
}

#seesaa-cmn-header .seesaa-cmn__content:after {
  display: none !important;
}

#seesaa-cmn-header .seesaa-cmn__inner {
  position: static !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px !important;
}

#seesaa-cmn-header .seesaa-cmn__inner:after {
  display: none !important;
}

#seesaa-cmn-header .seesaa-cmn__pr {
  float: none !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-right: 10px !important;
  max-height: 20px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: none !important;
  font-size: 13px !important;
}

#seesaa-cmn-header .seesaa-search {
  position: absolute !important;
  right: 0 !important;
  margin: 0 !important;
  padding: 0 6px 0 3px !important;
  font-size: 12px !important;
  width: 26% !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
}

#seesaa-cmn-header .seesaa-search__text {
  padding: 0 !important;
  min-height: auto !important;
  line-height: 1.8 !important;
  border-radius: 0 !important;
  border: 0 !important;
  height: 100% !important;
}

#seesaa-cmn-header .seesaa-search__submit {
  background: #999 !important;
  line-height: 0 !important;
  font-size: 11px !important;
}

#seesaa-article-preview {
  top: 40px !important;
  right: 10px !important;
}

body > a {
	display: none!important;
}

.l-header {
  width: 100%;
}

.Header {
	position: relative;
  max-width: 100%;
  width: 100%;
	height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
  background: #11b3f3;
	text-align: center;
}
.Header:before {
	content: '';
	background: url(https://yoor.up.seesaa.net/image/bg-left.svg) no-repeat;
	background-size: cover;
	width: 235px;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.Header:after {
	content: '';
	background: url(https://yoor.up.seesaa.net/image/bg-right.svg) no-repeat;
	background-size: cover;
	width: 235px;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
@media only screen and (max-width: 640px) {
  .Header {
		height: 130px;
  }
	.Header:before {
		content: '';
		width: 151px;
	}
	.Header:after {
		content: '';
		width: 151px;
	}
}

.Header .Header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	z-index: 10;
}

.Header .Header__inner h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 32px;
	line-height: 1;
}
@media only screen and (max-width: 640px) {
  .Header .Header__inner h1 {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

.Header .Header__inner h1 a {
  color: #fff;
}

.Header .Description {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 24px;
}
@media only screen and (max-width: 640px) {
  .Header .Description {
    font-size: 16px;
		padding: 0 15px;
    margin-bottom: 12px;
    font-weight: normal;
  }
}

.l-wrapper {
	background: #fff;
  overflow: hidden;
}

.l-footer {
  min-width: 960px;
  margin-top: auto;
}

.Footer__contentsParts {
  width: 960px;
  margin: 0 auto;
  padding: 25px 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.Poweredby {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}

.Poweredby .Poweredby__body {
  background: #37474F;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Poweredby .Poweredby__body a {
  color: #fff;
  margin: 0 3px;
}

.Article {
  background: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 0 #fafafa;
  box-shadow: 0 0 0 0 #fafafa;
}

.Article__heading {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Article__heading .title {
  font-size: 24px;
  line-height: 1.3;
}

.Article__heading _:-ms-lang(x),
.Article__heading .title {
  width: 100%;
  text-align: center;
}

{
}

.section-title {
  text-align: center;
  font-size: 32px;
  color: #111;
  margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
  .section-title {
    font-size: 22px;
  }
}

.section-description {
  text-align: center;
  font-size: 15px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 640px) {
  .section-description {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.futureplan {
  background: #fff;
}

.futureplan hr {
  margin: 15px;
	height: 0;
	border: none;
	border-bottom: 1px solid #d7dcdf;
}

.futureplan .futureplan-base {
  padding: 24px 0;
}
.futureplan-base.-cta {
  padding: 64px 0;
}
@media only screen and (max-width: 640px) {
  .futureplan-base.-cta {
    padding: 40px 0 16px;
  }
}
.futureplan .futureplan-base + a {
	width: 960px;
	display: block;
	margin: 0 auto;
	color: #11b3f3;
}
.futureplan .futureplan-base + a:hover {
	opacity: .8;
	text-decoration: underline;
}

@media only screen and (max-width: 640px) {
  .futureplan .futureplan-base {
    padding: 20px 18px;
  }
}

.futureplan .futureplan-base .futureplan-inner {
  width: 960px;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {
  .futureplan .futureplan-base .futureplan-inner {
    width: 100%;
  }
}

.futureplan .futureplan-base h2 {
  font-size: 40px;
  padding-bottom: 23px;
  margin-bottom: 23px;
  border-bottom: 2px solid #11b3f3;
}
.futureplan .futureplan-base h2.-boderless {
    border-bottom: 0;
}

@media only screen and (max-width: 640px) {
  .futureplan .futureplan-base h2 {
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}

.futureplan .futureplan-base .section-start {
  margin-top: 76px;
}

.futureplan .futureplan-hero {
  margin-bottom: 40px;
}

@media only screen and (max-width: 640px) {
  .futureplan .futureplan-hero {
    margin-bottom: 24px;
  }
}

.futureplan .futureplan-release {
  font-size: 16px;
}

@media only screen and (max-width: 640px) {
  .futureplan .futureplan-release {
    font-size: 14px;
  }
}

.futureplan .futureplan-release h3 {
  font-size: 24px;
  color: #4081dc;
  margin-bottom: 32px;
}

@media only screen and (max-width: 640px) {
  .futureplan .futureplan-release h3 {
    font-size: 21px;
    margin-bottom: 16px;
  }
}

.futureplan .futureplan-release ul li + li {
  margin-top: 15px;
}

.futureplan .futureplan-list {
  font-size: 16px;
  line-height: 1.66;
}

@media only screen and (max-width: 640px) {
  .futureplan .futureplan-list {
    font-size: 14px;
    line-height: 1.78;
  }
}

@media only screen and (max-width: 640px) {
  .pagetop.-futureplan {
    display: none;
  }
}

.futureplan .release-list dd {
  margin-left: 14px;
}

.register {
  position: relative;
  margin-bottom: 20px;
  margin-top: 80px;
  display: flex;
  justify-content: center;
  gap: 0 48px;
}

@media only screen and (max-width: 640px) {
  .register {
    display: block;
    margin-top: 40px;
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .section-mv .register {
    margin-top: 80px;
  }
}

.register img {
  position: absolute;
  top: -70px;
  left: -50px;
}

@media only screen and (max-width: 640px) {
  .register img {
    top: -40px;
    left: -20px;
    width: 80px;
    height: 80px;
  }
}

.register.register-center {
  margin-left: auto;
  margin-right: auto;
}

.btn-register {
  position: relative;
  display: block;
  width: 400px;
  height: 64px;
  line-height: 64px;
  border-radius: 32px;
  background-color: #ffae28;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-weight: 600;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

@media only screen and (max-width: 640px) {
  .btn-register {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    max-width: 300px;
  }
}

.btn-register:hover {
  background-color: #f49800;
  color: #fff;
}

.btn-inquiry {
  display: block;
  width: 400px;
  height: 64px;
  line-height: 64px;
  border-radius: 32px;
  background-color: #505e74;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-weight: 600;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

@media only screen and (max-width: 640px) {
  .btn-inquiry {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    max-width: 300px;
    margin-top: 16px;
  }
}

.btn-inquiry:hover {
  background-color: #3b4656;
  color: #fff;
}

.Article__footer {
  padding: 0 20px;
}

.Article__footer .Posted {
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.Article__footer .bookmark {
  text-align: center;
  padding-top: 0;
  margin: 50px 0;
}

.CategoryRecentEntry__heading {
  margin-bottom: 20px;
  line-height: 1;
}

.Article__footer .CategoryRecentEntry .CategoryRecentEntryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Article__footer .CategoryRecentEntry .CategoryRecentEntryList:before {
  content: "";
  display: block;
  width: 23%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.Article__footer .CategoryRecentEntry .CategoryRecentEntryList:after {
  content: "";
  display: block;
  width: 23%;
}


.Article__footer .CategoryRecentEntry .CategoryRecentEntryTitle {
  margin: 0;
  line-height: 1.2;
  font-size: 14px;
  color: #343a40;
}

@media screen and (max-width: 768px) {
  .Header__contentsParts {
    width: 100%;
  }

  .l-wrapper {
    min-width: 100%;
  }

  .l-content {
    display: block;
  }

  .Main {
    width: 100%;
    margin-bottom: 25px;
  }

  .l-footer {
    min-width: 100%;
  }

  .Footer__contentsParts {
    width: 100%;
  }

  .Footer__contentsParts .Module {
    width: 48.2%;
  }
}

@media screen and (max-width: 480px) {
  .Header .Header__inner h1 {
    font-size: 24px;
  }

  .Entry .EntryThumbnail .EntryThumbnail__inner.-bgnone img {
    min-height: 223px;
    height: 100%;
  }
}

@media all and (-ms-high-contrast: none) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
.global-footer {
  background: #505e74;
  padding: 40px 40px 80px 40px;
}

.global-footer > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.global-footer .footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

.global-footer .footer-logo .divider {
  width: 1px;
  height: 30px;
  background: #fff;
  margin: 0 30px;
}

.global-footer .logo {
  text-align: center;
  line-height: 1;
}

.global-footer ul {
  text-align: center;
  margin-bottom: 10px;
  padding: 0;
}

.global-footer ul li {
  margin: 0 4px;
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .global-footer ul li {
    margin: 0 2px;
  }
}

.global-footer ul li a {
  font-size: 10px;
  font-size: 10px;
  color: #fff;
}

.global-footer ul li a:hover {
  text-decoration: underline;
}

.global-footer .copyright {
  text-align: center;
  font-size: 10px;
  font-size: 10px;
  color: #fff;
}

.pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
}

@media only screen and (max-width: 640px) {
  .pagetop {
    display: none;
  }
}

.menu {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 5;
}
.menu.is-bg-color .menu-nav {
  background: rgb(255, 255, 255);
}
.menu .menu-logout-item {
  display: block;
}
.menu .menu-login-item {
  display: none;
}
.menu.is-login .menu-login-item {
  display: block;
}
.menu.is-login .menu-logout-item {
  display: none;
}
.menu.is-login .menu-list-item-sp {
  margin-left: 6px;
}
.menu .menu-nav {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  height: 71px;
  background: rgb(255, 255, 255);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 0 20px 0 35px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 5;
}
@media (max-width: 1024px) {
  .menu .menu-nav {
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
    height: 60px;
    padding: 0 15px 0 21px;
  }
}
.menu .menu-logo-box {
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.menu .menu-logo {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.menu .menu-logo:hover {
  opacity: 0.4;
}
.menu .menu-logo-image {
  width: 96px;
  height: 35px;
}
@media (max-width: 1024px) {
  .menu .menu-logo-image {
    width: 80px;
    height: auto;
  }
}
.menu .menu-lead {
  font-size: 12px;
  margin-left: 20px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .menu .menu-lead {
    display: none;
  }
}
.menu .menu-lead-small {
  font-size: 10px;
  margin-top: -4px;
}

.text-blue {
  color: #26bfdb;
}

.process {
  background-image: url(./bg_step.webp);
  position: relative;
  background-size: cover;
  z-index: 1;
}

.process.is-page2 .process-inner {
  padding: 170px 28px 80px;
}

.process.is-page2 .process-title {
  top: 0;
}

.process.is-page2 .process-list {
  margin-top: 100px;
}


.process.is-page2 .process-title-text {
  top: 36%;
}

.process.is-page3 .process-inner {
  padding-bottom: 110px;
}


.process .process-inner {
  max-width: 1280px;
  padding: 0 28px 80px;
  margin: auto;
}


.process .process-balloon {
  position: absolute;
  top: -30px;
  background-color: #ffff53;
  font-size: 16px;
  padding: 19px 28px;
  border-radius: 28px;
  color: #1f1f1f;
  line-height: 1.2;
  display: inline-block;
  width: 278px;
  left: 0;
  right: 0;
  margin: auto;
  font-weight: bold;
}

.process .process-balloon::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: -57px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #ffff53 transparent transparent transparent;
}

.process .process-title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 592px;
  height: 112px;
  margin: auto;
  text-align: center;
  margin-bottom: 48px;
}
@media (max-width: 640px) {
  .process .process-title {
    height: 96px;
    margin-bottom: 40px;
  }
}

.process .process-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 22px;
  border-top: 1px solid #26bfdb;
  border-left: 1px solid #26bfdb;
  border-bottom: 1px solid #26bfdb;
}

.process .process-title::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 22px;
  border-top: 1px solid #26bfdb;
  border-right: 1px solid #26bfdb;
  border-bottom: 1px solid #26bfdb;
}

.process .process-title.is-opendoor .process-title-text {
  position: relative;
}

.process .process-title-arrow {
  width: 82px;
  position: absolute;
  left: 0;
  right: 0;
  top: -41px;
  margin: auto;
}

.process .process-title-text {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.6;
  padding-top: 8px;
  margin-bottom: 16px;
}

@media (max-width: 640px) {
  .process .process-title-text {
    font-size: 22px;
    line-height: 1.5;
  }
}


.process .process-title-lead {
  font-size: 11px;
  font-family: 'Montserrat-bold';
  margin: auto;
  letter-spacing: 0.16em;
}

.process .process-title-text-small {
  font-size: 16px;
  margin: auto;
}

.process .process-list {
  margin-top: 15px;
}

.process .process-list-item {
  border-radius: 12px;
  display: -webkit-box;
  display: flex;
  background-color: #ffffff;
  /* box-shadow: 0 12px 32px rgba(38, 191, 219, 0.24); */
  position: relative;
}

.process .process-list-item + .process-list-item {
  margin-top: 56px;
}

.process .process-list-item + .process-list-item::before {
  content: '';
  position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 10px 0 10px;
  border-color: #1f1f1f transparent transparent transparent;
}

.process .process-list-item.is-blue .process-step-box {
  position: relative;
  background: rgb(25, 152, 208);
  background: -webkit-linear-gradient(
    310deg,
    rgb(25, 152, 208) 0%,
    rgb(102, 242, 210) 100%
  );
  background: linear-gradient(
    140deg,
    rgb(25, 152, 208) 0%,
    rgb(102, 242, 210) 100%
  );
  font-size: 27px;
  font-weight: bold;
}

.process .process-list-item.is-blue .process-text-box {
  border-top: 2px solid #26bfdb;
  border-right: 2px solid #26bfdb;
  border-bottom: 2px solid #26bfdb;
}

/* .process .process-step-box {
  background-color: #1f1f1f;
  width: 173px;
  color: #ffffff;
  font-family: 'Montserrat-midium';
  font-size: 14px;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 12px 0 0 12px;
  position: relative;
}

@media (max-width: 1100px) {
  .process .process-step-box {
    position: absolute;
    width: 64px;
    border-radius: 14px;
    height: 26px;
    left: 0;
    right: 0;
    top: 16px;
    margin: auto;
    font-size: 10px;
    line-height: 27px;
    -webkit-box-align: normal;
    align-items: normal;
  }
} */

.process .process-step-number {
  color: #ffff53;
  font-family: 'Montserrat-bold';
  font-size: 32px;
  display: inline-block;
  width: 34px;
  position: relative;
  top: -1px;
}

.process .process-text-box {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding: 24px 28px;
  /* border-top: 2px solid #1f1f1f;
  border-right: 2px solid #1f1f1f;
  border-bottom: 2px solid #1f1f1f;
  border-radius: 0px 12px 12px 0px; */
}

@media (max-width: 640px) {
  .process .process-text-box {
    padding: 0;
  }
}

.process .process-image {
  width: 113px;
  height: 81px;
  background-size: contain;
  background-repeat: no-repeat;
}

.process .process-content {
}

.process .process-step-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.85;
  border-left: 5px solid #26bfdb;
  padding: 0px 20px;
  margin-bottom: 32px;
}

@media (max-width: 640px) {
  .process .process-step-title {
    font-size: 18px;
    padding: 0 0 0 16px;
    margin-bottom: 24px;
  }
}

.process .process-step-text {
  font-size: 16px;
  line-height: 1.64;
  margin-top: 6px;
}
@media (max-width: 640px) {
  .process .process-step-text {
    font-size: 14px;
  }
}

.process .process-arrow {
  height: 150px;
  background-image: url(data:image/webp;base64,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);
  background-size: 26px 150px;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 60px;
}

.process .process-arrow.is-no-margin {
  margin-top: 0;
}

.process .prpcess-support-title {
  margin-top: 50px;
  text-align: center;
}

.process .process-support-text {
  font-size: 24px;
  font-weight: bold;
  color: #26bfdb;
  background-color: #ffffff;
  display: inline-block;
  padding: 0 10px;
  line-height: 50px;
}

.process .process-support-lead {
  font-size: 18px;
  background-color: #ffffff;
  display: inline-block;
  padding: 0 10px;
  margin-top: 10px;
  line-height: 40px;
  line-height: 1.77;
}

.process .process-support-box {
  margin-top: 56px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.process .process-owner {
  width: calc(50% - 15px);
  border: 4px solid #ffffff;
  background-image: url(./support01.webp);
  background-size: cover;
  padding: 72px 4% 50px;
  position: relative;
}

.process .process-free {
  font-family: 'Montserrat-bold';
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  color: #26bfdb;
  text-align: right;
  font-size: 16px;
  padding: 11px 14px 10px;
  line-height: 1.3;
}

.process .process-owner-title {
  font-size: 25px;
  color: #26bfdb;
  font-weight: bold;
  line-height: 1.44;
}

.process .process-owner-lead {
  font-size: 18px;
  font-weight: bold;
  margin-top: 18px;
}

.process .process-owner-text {
  font-size: 14px;
  margin-top: 35px;
}

.process .process-right-box {
  width: 48%;
}

.process .process-chat {
  display: -webkit-box;
  display: flex;
  background-color: #ffffff;
}

.process .process-chat + .process-chat {
  margin-top: 20px;
}


.process .process-right-image {
  width: 120px;
  background-size: cover;
}

.process .process-right-text-box {
  padding: 30px 40px 30px 30px;
  width: calc(100% - 120px);
}

.process .process-right-title {
  font-size: 20px;
  font-weight: bold;
}

.process .process-right-text {
  margin-top: 14px;
  font-size: 13px;
}

.process .process-right-note {
  color: #aaaaaa;
  font-size: 13px;
  margin-top: 14px;
}

.process .process-right-button-box {
  margin-top: 30px;
  -webkit-box-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: flex;
}

.process .process-right-button-box .button-blue {
  width: 278px;
  height: 56px;
  -webkit-box-pack: center;
  justify-content: center;
}


.process .process-search-box {
  background-color: #ffffff;
  border: 1px solid #26bfdb;
  border-radius: 12px;
  padding: 50px 59px;
  max-width: 1008px;
  margin: 40px auto 0;
  box-shadow: 0 12px 32px rgba(38, 191, 219, 0.24);
}

.process .process-search-title {
  font-size: 24px;
  font-weight: bold;
  color: #26bfdb;
  text-align: center;
}

.process .process-search-content {
  margin-top: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.process .process-search-item-title {
  font-size: 16px;
  font-weight: bold;
}

.process .process-search-button-box {
  margin-top: 18px;
}


.process .process-search-item {
  width: calc(100% - 410px);
}


.process .process-search-item .input-search-wrap {
  margin-top: 18px;
}

.process .process-search-item .input-search-wrap::before {
  top: 22px;
  right: 26px;
}

.process .process-search-item .input-search-wrap .input-search {
  height: 72px;
  width: 100%;
  border-radius: 36px;
  font-size: 16px;
}

.process .process-search-item .input-search-button {
  right: 10px;
}


::-webkit-full-page-media,
_:future,
:root .button {
  outline: 0 !important;
}
.button.button-blue {
  background-color: #26bfdb;
  box-shadow: 0 12px 32px rgba(38, 191, 219, 0.24);
  border: 1px solid #ffffff;
  width: 378px;
  height: 72px;
  border-radius: 36px;
  display: -webkit-box;
  display: flex;
  color: #ffffff;
  -webkit-box-align: center;
  align-items: center;
  font-size: 16px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font-weight: bold;
}

.button.button-blue.is-text-center {
  text-align: center;
}

.button.button-blue.is-text-center .button-icon-arrow {
  padding: 0;
}

.button.button-blue:hover {
  background-color: #ffffff;
  color: #26bfdb;
}

.button.button-blue:hover .button-icon-arrow::before {
  background-image: url('https://yoor.jp/static/media/icon_arrow.7172745a.svg');
}

.button.button-icon-arrow {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
}

.button.button-icon-arrow::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 25px;
  width: 14px;
  height: 14px;
  background-image: url('https://yoor.jp/static/media/icon_arrow.7172745a.svg');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.opening-button-box {
  display: flex;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 640px) {
  .opening-button-box {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
  }
}

.opening-button-box .button-blue {
  width: 348px;
}

@media (max-width: 640px) {
  .opening-button-box .button-blue {
    width: 100%;
    height: 48px;
    font-size: 14px;
  }
}