<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.page-content * {
  font-feature-settings: "palt";
}

.page-content figure {
  margin: 0;
  padding: 0;
}

.page-content article .inner {
  padding: 0;
}

.co__section .inner850 {
  width: 100%;
  max-width: 850px;
  padding: 3em 1.5em;
  margin: 0 auto;
}

.co__section .inner980 {
  width: 100%;
  max-width: 980px;
  padding: 3em 1.5em;
  margin: 0 auto;
}

.page-content ul {
  margin: 0;
  padding: 0;
}

.page-content ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-content p {
  padding: 0;
}

.page-content p.lead {
  font-size: min(1.1em, 4vw);
  line-height: 1.9;
  text-align: justify;
  margin-bottom: 2em;
}

/* key visual area */
.mv-start {
  position: relative;
  margin-top: 2em;
}

.mv-start__title {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}

.mv__message {
  display: block;
  font-size: min(1em, 4vw);
  font-weight: bold;
  margin-bottom: .75em;
}

.mv__title-wrp .icon-line {
  display: inline-block;
  width: 3em;
  height: 3em;
  margin-right: .5em;
}

.mv__title-wrp .mv__title {
  display: inline-block;
  font-size: min(2em, 7vw);
  font-weight: bold;
  letter-spacing: .1em;
}

/* common */
.pc {
  display: block;
}

.sp {
  display: none;
}

.lp-contents * {
  box-sizing: border-box;
}

.mtop-1 {
  margin-top: 1em !important;
}

.mtop-2 {
  margin-top: 2em !important;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.img-box {
  width: 30%;
  padding: 0 1em;
}

.img-box figure {
  border: 2px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  padding: 5px;
  background-color: #fff;
}

.txt-box {
  width: 60%;
}

.img-title {
  text-align: center;
  font-size: min(1em, 4vw);
  font-weight: bold;
  margin-bottom: 1em;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.note-wrp {
  margin: 1em auto;
}

.note li {
  position: relative;
  padding-left: 1.5em !important;
  font-size: min(.8em, 3vw);
  text-align: left;
}

.note-wrp.text-center .note {
  display: inline-block;
}


.note li::before {
  content: '窶ｻ';
  position: absolute;
  top: 0;
  left: 0;
}

.title-wrp .icon {
  width: 4em;
  height: 4em;
  margin: 0 auto 1em;
}

.title-wrp .icon2 {
  width: 3em;
  height: 3em;
  margin: 0;
}

.title-wrp .icon img {
  width: 100%;
  height: auto;
}

.title-wrp .co__title {
  font-size: min(1.5em, 6vw);
  margin-bottom: 2em;
  letter-spacing: .1em;
}

.title-wrp .co__subtitle {
  font-size: min(1.2em, 5vw);
  margin-bottom: 1.5em;
  letter-spacing: .1em;
}

.frame-box .title-wrp .co__subtitle {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 1em;
}

.btn {
  display: block;
  background-color: #c8d5e4;
  color: #145096;
  text-align: center;
  position: relative;
  text-decoration: none;
  padding: 1.2em 2em;
  margin: 1em auto;
  border-radius: 5px;
  transition: all .3s;
}

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

.btn::after {
  content: '';
  width: .5em !important;
  height: .5em !important;
  border-top: 2px solid;
  border-right: 2px solid;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%) rotate(45deg);
}

.btn.blue {
  display: inline-block;
  background-color: #145096;
  color: #fff;
}

.btn.blue:hover {
  background-color: #222;
  color: #fff;
}

.btn.blue::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.tlink {
  display: inline-block;
  position: relative;
  padding: 0 2em;
  font-size: .9em;
}

.tlink::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  border: 2px solid;
  position: absolute;
  top: .15em;
  left: 0;
  background-image: unset !important;
}

.tlink::after {
  content: '';
  width: .35em !important;
  height: .35em !important;
  border-top: 2px solid;
  border-right: 2px solid;
  position: absolute;
  top: 50%;
  left: .3em;
  background-image: unset !important;
  transform: translateY(-50%) rotate(45deg);
}

.frame-box {
  width: 100%;
  max-width: 720px;
  margin: 4em auto 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 2em 3em;
  background-color: #fff;
}

.frame-box .line {
  display: block;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin: 2em 0;
}

.frame-box .title-wrp {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}

.message-sample,
.policy {
  background-color: #f2f6f9;
}

#check-post {
  background-color: #fff;
  padding: 24px 0 60px;
  display: inline-block;
}

.policy-link-title {
  font-weight: bold;
  margin-top: 3em;
  font-size: min(1em, 4vw);
}

.policy-link-wrp {
  margin-bottom: 2em;
}

.policy-link-wrp .policy-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.faq .btn.blue {
  min-width: 300px;
}

@media screen and (max-width:767px) {

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .page-content {
    width: 100vw;
    overflow-y: hidden;
  }
  
  .mv-start {
    margin-top: 0;
  }

  .mv-start__title {
    display: block;
    width: 100%;
    position: absolute;
    top: 2em;
    left: 0%;
    transform: translateY(0);
    text-align: center;
  }
  
  .img-box {
    width: 100%;
    padding: 0 10vw 3em;
  }

  .img-box figure {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .txt-box {
    width: 100%;
  }
  
  .frame-box {
    margin: 3em auto 0;
    padding: 1.5em 2em;
  }

  .policy-link-wrp {
    padding: 0 2em;
  }

  .policy-link-wrp .policy-link {
    display: block;
    text-align: left;
  }

  .policy-link-wrp .policy-link li {
    margin-bottom: .75em;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
  }

}

</pre></body></html>