@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  -webkit-text-size-adjust: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: -apple-system, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

li {
  list-style: none inside;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body, div, p, th, td, dl, dt, dd, ul, ol, li {
  color: #444;
  font-size: 1.6rem;
  line-height: 1.5;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

a:link {
  color: #08F;
  text-decoration: none;
}

a:visited {
  color: #08F;
  text-decoration: none;
}

a:hover {
  color: #00839D;
  text-decoration: none;
}

a:active {
  color: #00839D;
  text-decoration: none;
}

.mb-5 {
  margin-bottom: 3rem;
}

.mb-6 {
  margin-bottom: 4.5rem;
}

.mb-7 {
  margin-bottom: 6rem;
}

.mb-8 {
  margin-bottom: 7.5rem;
}

.mb-9 {
  margin-bottom: 9rem;
}

.mb-10 {
  margin-bottom: 10.5rem;
}

.font-10 {
  font-size: 1rem;
}

.font-12 {
  font-size: 1.2rem;
}

.font-14 {
  font-size: 1.4rem;
}

.text-red {
  color: #FF4D6B;
}

.btn-animation {
  transition: 0.3s;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
}
.btn-animation:hover {
  box-shadow: 2px 8px 8px 0 rgba(0, 0, 0, 0.3);
  opacity: 0.9;
}

.linkto-faq {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 24px;
  position: relative;
  font-size: 1.6rem;
}
.linkto-faq::before {
  background-color: #fff;
  content: "FAQ";
  color: #00B4CB;
  font-size: 2.6rem;
  font-weight: bold;
  left: 18px;
  padding: 3px 10px;
  position: absolute;
  top: -26px;
}

.text-sm .breadcrumbs li {
  font-size: 1.2rem;
  color: #888888;
}

@media screen and (min-width: 768px) {
  .br-sp {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .br-sp {
    display: none;
  }
}

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

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

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

.external-link::after {
  margin: 0 0 0 3px;
  font-family: "Font Awesome 5 Free";
  content: "\f35d";
  font-weight: 900;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 70px;
}
@media screen and (min-width: 960px) {
  html {
    scroll-padding-top: 100px;
  }
}

.pagenation-sp {
  width: 80%;
  margin: 0 auto 80px;
}
@media screen and (min-width: 768px) {
  .pagenation-sp {
    display: none;
  }
}

.pagenation-sp a {
  display: block;
  background-color: #00B4CB;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  text-decoration: none;
}

.pagenation-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .pagenation-pc {
    display: block;
    margin-bottom: 80px;
    text-align: center;
    font-size: 0;
  }
  .pagenation-pc a, .pagenation-pc span {
    padding: 10px 14px;
    border: 1px solid #00B4CB;
    border-radius: 5px;
    margin: 0 2px;
    font-size: 15px;
  }
  .pagenation-pc a {
    background-color: #fff;
    color: #00B4CB;
    text-decoration: none;
  }
  .pagenation-pc a:hover {
    background-color: #00B4CB;
    color: #fff;
  }
  .pagenation-pc span {
    background-color: #00B4CB;
    color: #fff;
  }
}

.sns-box ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sns-box ul li {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin-right: 10px;
}
.sns-box ul li:last-of-type {
  margin-right: 0;
}
.sns-box ul .sns-facebook {
  background-color: #1877f2;
  border: 1px solid #fff;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sns-box ul .sns-facebook i {
  color: #fff;
}
.sns-box ul .sns-twitter {
  background-color: #1DA1F2;
  border: 1px solid #fff;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sns-box ul .sns-twitter i {
  color: #fff;
}
.sns-box ul .sns-hatena {
  background-color: #5279E7;
  border: 1px solid #5279E7;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
}

/*----共通----*/
body, div, p, th, td, dl, dt, dd, ul, ol, li {
  color: #666;
}

.navbar {
  box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3);
}

.btn-plus {
  position: relative;
  width: 70%;
  height: 48px;
  line-height: 48px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  color: #00B4CB;
  background-color: #fff;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  display: block;
}
.btn-plus .accordion-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 8px;
  transform: translate(-50%, 0);
  display: inline-block;
  transition: all 0.3s;
}
.btn-plus .accordion-icon span:nth-of-type(1) {
  transform: rotate(0deg);
}
.btn-plus .accordion-icon span:nth-of-type(2) {
  transform: rotate(90deg);
}
.btn-plus .accordion-icon.active span:nth-of-type(1) {
  display: none;
}
.btn-plus .accordion-icon.active span:nth-of-type(2) {
  transform: rotate(180deg);
}
.btn-plus .accordion-icon span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #00B4CB;
  display: inline-block;
  transition: all 0.3s;
}
.btn-plus .accordion-icon span:nth-of-type(1) {
  transform: rotate(0deg);
}

.txt-supplement {
  font-size: 1.1rem;
}
@media screen and (min-width: 960px) {
  .txt-supplement {
    font-size: 1.6rem;
  }
}

.midashi-h1 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #00B4CB;
  border-left: 8px solid #00B4CB;
  border-bottom: 2px solid #00B4CB;
  background-color: #F5FEFF;
  padding: 4px 0 4px 8px;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .midashi-h1 {
    font-size: 4.6rem;
    border-left: 28px solid #00B4CB;
    border-bottom: 4px solid #00B4CB;
    padding: 24px 0 20px 24px;
    margin-bottom: 50px;
  }
}

.lp-lead {
  margin-bottom: 30px;
}
@media screen and (min-width: 960px) {
  .lp-lead {
    font-size: 2.6rem;
    margin-bottom: 80px;
  }
}

@media screen and (min-width: 960px) {
  .lp-text {
    font-size: 2.6rem;
  }
}

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

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

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

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

/*----//共通----*/
.lp-header {
  display: flex;
  justify-content: space-between;
}
.lp-header .navbar-brand {
  margin: 10px 0 5px;
}
.lp-header a.navbar-brand {
  margin: 0;
}
.lp-header .btn-regist-header a {
  display: inline-block;
  background-color: #FF4D6B;
  border: 1px solid #FF4D6B;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  padding: 8px 4px 8px 8px;
  font-size: 9.6px;
}
@media screen and (min-width: 960px) {
  .lp-header .btn-regist-header a {
    font-size: 1.6rem;
    padding: 8px 24px 8px 32px;
  }
}

.lp_top {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
}
.lp_top .btn-regist {
  position: relative;
  margin-top: 60px;
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .lp_top .btn-regist {
    margin-top: 86px;
    margin-bottom: 0;
  }
}
.lp_top .btn-regist a {
  position: relative;
  display: block;
  width: 80%;
  margin: 0 auto 25px;
  padding: 16px 24px 16px 30px;
  background-color: #FF4D6B;
  border: 1px solid #FF4D6B;
  border-radius: 4px;
  color: #fff;
  text-align: center;
}
.lp_top .btn-regist a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
.lp_top .btn-regist .img_regist_lpTop {
  width: 180px;
  height: auto;
  position: absolute;
  z-index: 1;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .lp_top .btn-regist .img_regist_lpTop {
    width: 240px;
  }
}
.lp_top .btn-regist .img_regist_lpTop img {
  width: 100%;
  height: auto;
}
.lp_top .btn-regist .img_registration-time {
  width: 180px;
  height: auto;
  position: absolute;
  z-index: 1;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
}
.lp_top .btn-regist .img_registration-time img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 960px) {
  .header-title {
    margin-bottom: 30px;
  }
}
.header-title .header-title-img {
  position: relative;
  padding: 50px 0 4px;
  background-color: #00B4CB;
}
@media screen and (min-width: 768px) {
  .header-title .header-title-img {
    padding-top: 70px;
  }
}
@media screen and (min-width: 960px) {
  .header-title .header-title-img {
    width: 100%;
    height: 70%;
    background: linear-gradient(#00B4CB 84%, transparent 16%);
    padding-top: 90px;
  }
}
.header-title .header-title-img .header-sp .box-img {
  width: 80%;
  margin: 0 auto 10px;
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .header-title .header-title-img .header-sp .box-img {
    margin-bottom: 30px;
  }
}
.header-title .header-title-img .header-sp .header-sp-wrap {
  display: flex;
  padding: 0 2%;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .header-title .header-title-img .header-sp .header-sp-wrap {
    width: 80%;
    margin: 0 auto 10px;
  }
}
.header-title .header-title-img .header-sp .header-sp-wrap .header-sp-left {
  width: 70%;
  margin-top: 14px;
}
@media screen and (min-width: 768px) {
  .header-title .header-title-img .header-sp .header-sp-wrap .header-sp-left {
    margin-top: 24px;
  }
}
.header-title .header-title-img .header-sp .header-sp-wrap .header-sp-right {
  width: 30%;
}
.header-title .header-title-img .header-sp .operating-company {
  width: 90%;
  margin: 0 auto;
  color: #fff;
  font-size: 1rem;
  text-align: center;
}
.header-title .header-title-img .header-sp img {
  width: 100%;
  height: auto;
}
.header-title .header-title-img .header-pc {
  display: none;
}
@media screen and (min-width: 960px) {
  .header-title .header-title-img .header-sp {
    display: none;
  }
  .header-title .header-title-img .header-pc {
    display: block;
  }
  .header-title .header-title-img .header-pc .box-img {
    width: 440px;
    margin: 0 auto;
  }
  .header-title .header-title-img .header-pc .box-img img {
    width: 100%;
    height: auto;
  }
}
.header-title .header-title-img .fukidashi-1 {
  background-color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 4px 4px 4px 16px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #00B4CB;
  font-size: 2rem;
}
.header-title .header-title-img .fukidashi-1 span {
  font-size: 1.5rem;
  padding: 0 2px;
}
@media screen and (min-width: 768px) {
  .header-title .header-title-img .fukidashi-1 {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 10px 0 10px 24px;
    font-size: 3rem;
  }
  .header-title .header-title-img .fukidashi-1 span {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .header-title .header-title-img .fukidashi-1 {
    position: absolute;
    top: 270px;
    right: calc(50% + 220px);
    border-radius: 30px;
    padding: 12px 8px 8px;
    margin-bottom: 0;
    width: 280px;
    font-size: 2.8rem;
    line-height: 1.3;
    text-align: center;
  }
  .header-title .header-title-img .fukidashi-1 span {
    font-size: 2rem;
    padding: 0 4px;
  }
}
.header-title .header-title-img .fukidashi-2 {
  background-color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 4px 4px 4px 16px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #00B4CB;
  font-size: 2rem;
}
.header-title .header-title-img .fukidashi-2 span {
  font-size: 1.5rem;
  margin-left: 4px;
}
@media screen and (min-width: 768px) {
  .header-title .header-title-img .fukidashi-2 {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 10px 0 10px 24px;
    font-size: 3rem;
  }
  .header-title .header-title-img .fukidashi-2 span {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .header-title .header-title-img .fukidashi-2 {
    position: absolute;
    top: 380px;
    right: calc(50% + 220px);
    border-radius: 30px;
    padding: 12px 8px 8px;
    margin-bottom: 0;
    width: 280px;
    font-size: 2.8rem;
    line-height: 1.2;
    text-align: center;
  }
  .header-title .header-title-img .fukidashi-2 span {
    font-size: 2rem;
    padding: 0 4px;
  }
}
.header-title .header-title-img .fukidashi-3 {
  background-color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 4px 4px 4px 16px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #00B4CB;
  font-size: 1.9rem;
}
.header-title .header-title-img .fukidashi-3 span {
  font-size: 1.3rem;
  padding: 0 2px;
}
@media screen and (min-width: 768px) {
  .header-title .header-title-img .fukidashi-3 {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 10px 0 10px 24px;
    font-size: 3rem;
  }
  .header-title .header-title-img .fukidashi-3 span {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .header-title .header-title-img .fukidashi-3 {
    position: absolute;
    top: 260px;
    left: calc(50% + 200px);
    border-radius: 30px;
    padding: 8px 0 12px 20px;
    margin-bottom: 0;
    width: 310px;
    font-size: 2.8rem;
    line-height: 1.3;
  }
  .header-title .header-title-img .fukidashi-3 span {
    font-size: 2rem;
    padding: 0 4px;
  }
}
.header-title .header-title-img .fukidashi-4 {
  background-color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 0 4px 4px 16px;
  font-weight: bold;
  color: #00B4CB;
  font-size: 2.4rem;
}
.header-title .header-title-img .fukidashi-4 span {
  font-size: 1.4rem;
  padding: 0 2px;
}
@media screen and (min-width: 768px) {
  .header-title .header-title-img .fukidashi-4 {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 10px 0 10px 24px;
    font-size: 3rem;
  }
  .header-title .header-title-img .fukidashi-4 span {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .header-title .header-title-img .fukidashi-4 {
    position: absolute;
    top: 370px;
    left: calc(50% + 220px);
    border-radius: 30px;
    padding: 0 0 10px 0;
    margin-bottom: 0;
    width: 290px;
    font-size: 3.6rem;
    line-height: 1;
    text-align: center;
  }
  .header-title .header-title-img .fukidashi-4 span {
    font-size: 1.8rem;
    padding: 0 4px;
  }
}
.header-title .header-title-img p.font-s {
  font-size: 1rem;
  color: #00B4CB;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .header-title .header-title-img p.font-s {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 4px;
  }
}
@media screen and (min-width: 960px) {
  .header-title .header-title-img p.font-s {
    font-size: 1.1rem;
    text-align: center;
    margin-top: 4px;
  }
}
@media screen and (min-width: 960px) {
  .header-title .header-title-img .fukidashi-left::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff;
    translate: 100% -50%;
  }
  .header-title .header-title-img .fukidashi-right::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    border-style: solid;
    border-width: 10px 20px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    translate: -100% -50%;
  }
}
@media screen and (min-width: 960px) {
  .header-title .btn-regist a {
    width: 700px;
    height: 100px;
    line-height: 100px;
    font-size: 2.6rem;
    font-weight: bold;
    padding-top: 0;
    margin-bottom: 10px;
  }
}
.header-title .txt-supplement {
  display: none;
}
@media screen and (min-width: 960px) {
  .header-title .txt-supplement {
    display: block;
    text-align: center;
  }
}

.about-sociallending {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 960px) {
  .about-sociallending {
    width: 960px;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1040px) {
  .about-sociallending {
    width: 1056px;
  }
}
.about-sociallending .img-about-sociallending {
  margin-bottom: 25px;
}
@media screen and (min-width: 960px) {
  .about-sociallending .img-about-sociallending {
    width: 960px;
    margin: 0 auto 80px;
  }
}
@media screen and (min-width: 1040px) {
  .about-sociallending .img-about-sociallending {
    width: 1056px;
  }
}
.about-sociallending .img-about-sociallending img {
  width: 100%;
  height: auto;
}
.about-sociallending .merit-demerit .nav-item {
  border-top-right-radius: 4px;
  width: 46%;
  margin-right: 2%;
  margin-bottom: 0;
}
@media screen and (min-width: 960px) {
  .about-sociallending .merit-demerit .nav-tabs {
    display: none;
  }
}
.about-sociallending .merit-demerit .nav-tabs .nav-link {
  display: block;
  background-color: #ddd;
  border-top: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-left: 2px solid #ddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0;
  color: #fff;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .about-sociallending .merit-demerit .nav-tabs .nav-link {
    font-size: 1.6rem;
  }
}
.about-sociallending .merit-demerit .nav-tabs .nav-link span {
  background-color: #fff;
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.about-sociallending .merit-demerit .nav-tabs .nav-link span img {
  filter: grayscale(100%);
}
.about-sociallending .merit-demerit .nav-tabs .nav-link.active {
  background-color: #00B4CB;
  border-top: 2px solid #00B4CB;
  border-right: 2px solid #00B4CB;
  border-left: 2px solid #00B4CB;
}
.about-sociallending .merit-demerit .nav-tabs .nav-link.active img {
  filter: grayscale(0%);
}
.about-sociallending .merit-demerit .nav-tabs .nav-link-m img {
  filter: grayscale(100%) opacity(40%);
}
.about-sociallending .merit-demerit .nav-tabs .nav-link-m.active img {
  filter: grayscale(0%);
}
.about-sociallending .merit-demerit .nav-tabs .nav-link-d img {
  filter: opacity(40%);
}
.about-sociallending .merit-demerit .nav-tabs .nav-link-d.active {
  filter: grayscale(100%);
}
.about-sociallending .merit-demerit .nav-tabs .nav-link-d.active img {
  filter: opacity(100%);
}
.about-sociallending .pc-title {
  display: none;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 960px) {
  .about-sociallending .pc-title {
    display: block;
  }
  .about-sociallending .pc-title span {
    background-color: #fff;
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }
}
@media screen and (min-width: 960px) and (min-width: 960px) {
  .about-sociallending .pc-title span {
    vertical-align: -30%;
  }
}
.about-sociallending .pc-title-merit {
  background-color: #00B4CB;
  border: 4px solid #00B4CB;
}
.about-sociallending .pc-title-demerit {
  background-color: #8f8f8f;
  border: 4px solid #8f8f8f;
}
.about-sociallending .tab-pane {
  border: 1px solid #8f8f8f;
  border-top-right-radius: 4px;
  padding: 25px 20px 0 20px;
  background-color: #FDFDF0;
  margin-bottom: 15px;
}
@media screen and (min-width: 960px) {
  .about-sociallending .tab-pane {
    display: block;
    border-top: none;
    border-top-right-radius: 0;
    padding: 50px 65px 0;
  }
}
.about-sociallending .tab-pane .midashi-num {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 960px) {
  .about-sociallending .tab-pane .midashi-num {
    margin-bottom: 30px;
  }
}
.about-sociallending .tab-pane .midashi-num .maruwaku {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column wrap;
  vertical-align: top;
  width: 24px !important;
  height: 24px;
  background-color: #888;
  margin-right: 5px;
}
.about-sociallending .tab-pane .midashi-num .maruwaku span {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 2.4em;
  color: #fff;
}
@media screen and (min-width: 960px) {
  .about-sociallending .tab-pane .midashi-num .maruwaku {
    width: 48px !important;
    height: 48px;
    margin-right: 16px;
  }
  .about-sociallending .tab-pane .midashi-num .maruwaku span {
    font-size: 2em;
    line-height: 4.8em;
  }
}
.about-sociallending .tab-pane .midashi-num .midashi-txt {
  width: calc(100% - 30px);
  color: #888;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  .about-sociallending .tab-pane .midashi-num .midashi-txt {
    width: calc(100% - 64px);
    font-size: 3.6rem;
  }
}
.about-sociallending .tab-pane .derimeri-txt {
  margin-bottom: 30px;
}
@media screen and (min-width: 960px) {
  .about-sociallending .tab-pane .derimeri-txt {
    margin-bottom: 46px;
    font-size: 2.6rem;
  }
}
.about-sociallending .tab-pane .derimeri-txt p {
  font-size: 1.1rem;
  margin-top: 10px;
}
@media screen and (min-width: 960px) {
  .about-sociallending .tab-pane .derimeri-txt p {
    font-size: 1.6rem;
  }
}
.about-sociallending .tab-pane.merit-tab.active {
  border: 1px solid #00B4CB;
}
@media screen and (min-width: 960px) {
  .about-sociallending .tab-pane.merit-tab.active {
    border-top: none;
    margin-bottom: 60px;
  }
}
.about-sociallending .tab-pane.merit-tab .maruwaku {
  background-color: #00B4CB;
}
.about-sociallending .tab-pane.merit-tab .midashi-txt {
  color: #00B4CB;
}

.why-choose {
  margin-bottom: 20px;
}
.why-choose h1 {
  margin-bottom: 32px;
}
.why-choose .point-container {
  display: block;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .why-choose .point-container {
    display: flex;
    margin-bottom: 10px;
  }
}
.why-choose .point-container .point-box {
  border-radius: 4px;
  margin-bottom: 26px;
  width: 100%;
  border: 1px dotted #ccc;
  padding: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .why-choose .point-container .point-box {
    padding: 20px 20px 16px 20px;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box {
    margin: 20px;
  }
}
.why-choose .point-container .point-box .point-titleBloc {
  display: flex;
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .point-titleBloc {
    width: 100%;
  }
}
.why-choose .point-container .point-box .point-titleBloc .title-icon img {
  width: 34px;
  position: absolute;
  top: -14px;
  background-color: #fff;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .why-choose .point-container .point-box .point-titleBloc .title-icon img {
    width: 38px;
    top: -18px;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .point-titleBloc .title-icon img {
    width: 54px;
    top: -24px;
  }
}
.why-choose .point-container .point-box .point-titleBloc p.point-title {
  font-weight: bold;
  color: #00B4CB;
  font-size: 18px;
  position: absolute;
  top: -14px;
  left: 30px;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .why-choose .point-container .point-box .point-titleBloc p.point-title {
    font-size: 20px;
    top: -16px;
    left: 52px;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .point-titleBloc p.point-title {
    font-size: 26px;
    top: -20px;
    left: 64px;
    padding-left: 20px;
  }
}
.why-choose .point-container .point-box .text-box1,
.why-choose .point-container .point-box .text-box2,
.why-choose .point-container .point-box .text-box3,
.why-choose .point-container .point-box .text-box4 {
  display: flex;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .why-choose .point-container .point-box .text-box1,
  .why-choose .point-container .point-box .text-box2,
  .why-choose .point-container .point-box .text-box3,
  .why-choose .point-container .point-box .text-box4 {
    padding: 0 38px;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .text-box1,
  .why-choose .point-container .point-box .text-box2,
  .why-choose .point-container .point-box .text-box3,
  .why-choose .point-container .point-box .text-box4 {
    padding: 0;
  }
}
.why-choose .point-container .point-box .text-box1 img,
.why-choose .point-container .point-box .text-box2 img,
.why-choose .point-container .point-box .text-box3 img,
.why-choose .point-container .point-box .text-box4 img {
  width: 60px;
  margin-right: 20px;
}
@media screen and (min-width: 768px) {
  .why-choose .point-container .point-box .text-box1 img,
  .why-choose .point-container .point-box .text-box2 img,
  .why-choose .point-container .point-box .text-box3 img,
  .why-choose .point-container .point-box .text-box4 img {
    width: 80px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .text-box1 img,
  .why-choose .point-container .point-box .text-box2 img,
  .why-choose .point-container .point-box .text-box3 img,
  .why-choose .point-container .point-box .text-box4 img {
    width: 94px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .text-box1 .point-text1,
  .why-choose .point-container .point-box .text-box1 .point-text2,
  .why-choose .point-container .point-box .text-box1 .point-text3,
  .why-choose .point-container .point-box .text-box1 .point-text4,
  .why-choose .point-container .point-box .text-box2 .point-text1,
  .why-choose .point-container .point-box .text-box2 .point-text2,
  .why-choose .point-container .point-box .text-box2 .point-text3,
  .why-choose .point-container .point-box .text-box2 .point-text4,
  .why-choose .point-container .point-box .text-box3 .point-text1,
  .why-choose .point-container .point-box .text-box3 .point-text2,
  .why-choose .point-container .point-box .text-box3 .point-text3,
  .why-choose .point-container .point-box .text-box3 .point-text4,
  .why-choose .point-container .point-box .text-box4 .point-text1,
  .why-choose .point-container .point-box .text-box4 .point-text2,
  .why-choose .point-container .point-box .text-box4 .point-text3,
  .why-choose .point-container .point-box .text-box4 .point-text4 {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .text-box1 {
    margin-top: 42px;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .text-box4 {
    margin-top: 60px;
  }
}
.why-choose .point-container .point-box .textBox-icon1 {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .why-choose .point-container .point-box .textBox-icon1 {
    margin-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .textBox-icon1 {
    margin-top: 42px;
  }
}
.why-choose .point-container .point-box .textBox-icon2 {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .why-choose .point-container .point-box .textBox-icon2 {
    margin-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .textBox-icon2 {
    margin-top: 70px;
  }
}
.why-choose .point-container .point-box .textBox-icon3 {
  margin-top: 26px;
}
@media screen and (min-width: 768px) {
  .why-choose .point-container .point-box .textBox-icon3 {
    margin-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .textBox-icon3 {
    margin-top: 70px;
  }
}
@media screen and (min-width: 768px) {
  .why-choose .point-container .point-box .point-text4 {
    margin-top: 28px;
  }
}
@media screen and (min-width: 960px) {
  .why-choose .point-container .point-box .point-text4 {
    margin-top: 0;
  }
}

main .nav-tabs .nav-link.active {
  border-color: #00B4CB;
}

main .nav-tabs .nav-link {
  border: none;
}

.case-loss {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 960px) {
  .case-loss {
    width: 960px;
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 1040px) {
  .case-loss {
    width: 1056px;
  }
}
.case-loss .case-loss-box {
  margin-bottom: 30px;
}
@media screen and (min-width: 960px) {
  .case-loss .case-loss-box {
    margin-bottom: 80px;
  }
}
.case-loss .case-loss-box h2 {
  color: #00B4CB;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
}
@media screen and (min-width: 960px) {
  .case-loss .case-loss-box h2 {
    font-size: 3.2rem;
    margin-bottom: 20px;
  }
  .case-loss .case-loss-box h2 span {
    font-size: 4rem;
    vertical-align: -5%;
  }
}
.case-loss .case-loss-box .lp-text {
  margin-bottom: 30px;
}
@media screen and (min-width: 960px) {
  .case-loss .case-loss-box .lp-text {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 960px) {
  .case-loss .case-loss-box .lp-img {
    width: 640px;
    margin: 0 auto;
  }
}
.case-loss .case-loss-box .lp-img img {
  width: 100%;
  height: auto;
}
.case-loss .case-loss-box:last-of-type {
  margin-bottom: 0;
}

.risk-reduction {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 960px) {
  .risk-reduction {
    width: 960px;
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 1040px) {
  .risk-reduction {
    width: 1056px;
  }
}
.risk-reduction .col-box {
  margin-bottom: 30px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .col-box {
    margin-bottom: 60px;
  }
}
.risk-reduction .lp-text {
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .lp-text {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 960px) {
  .risk-reduction .midashi-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
  }
}
.risk-reduction .midashi-num {
  display: inline-flex;
  background-color: #00B4CB;
  border-radius: 1.4rem;
  padding: 2px 8px 2px 14px;
  align-items: center;
  margin-bottom: 10px;
  white-space: nowrap;
}
@media screen and (min-width: 960px) {
  .risk-reduction .midashi-num {
    border-radius: 3.1rem;
    padding: 5px 5px 5px 20px;
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.risk-reduction .midashi-num .midashi-text {
  color: #fff;
  font-weight: bold;
  margin-right: 4px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .midashi-num .midashi-text {
    font-size: 3.4rem;
  }
}
.risk-reduction .midashi-num .maruwaku {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column wrap;
  vertical-align: top;
  width: 20px !important;
  height: 20px;
  background-color: #fff;
  margin-right: 5px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .midashi-num .maruwaku {
    width: 48px !important;
    height: 48px;
  }
  .risk-reduction .midashi-num .maruwaku span {
    font-size: 3.2rem;
    font-weight: bold;
  }
}
.risk-reduction .midashi-num .maruwaku span {
  color: #00B4CB;
}
.risk-reduction h2 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00B4CB;
  margin-bottom: 15px;
}
@media screen and (min-width: 960px) {
  .risk-reduction h2 {
    font-size: 3.2rem;
    margin-bottom: 0;
  }
}
.risk-reduction .about-company {
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .about-company {
    margin-bottom: 64px;
  }
}
.risk-reduction .about-company .about-company-dl {
  border: #ccc 1px solid;
}
@media screen and (min-width: 960px) {
  .risk-reduction .about-company .about-company-dl {
    display: flex;
  }
}
.risk-reduction .about-company .about-company-dl dl {
  display: flex;
  border-bottom: #ccc 1px solid;
}
.risk-reduction .about-company .about-company-dl dl:last-of-type {
  border-bottom: none;
}
.risk-reduction .about-company .about-company-dl dl:last-of-type dt, .risk-reduction .about-company .about-company-dl dl:last-of-type dd {
  border-right: 0;
}
@media screen and (min-width: 960px) {
  .risk-reduction .about-company .about-company-dl dl {
    display: block;
    width: 25%;
    border-bottom: 0;
  }
}
.risk-reduction .about-company .about-company-dl dl dt {
  width: 40%;
  text-align: center;
  border-right: #ccc 1px solid;
  background-color: #C5E0E5;
  padding: 16px 0;
  color: #00839D;
  font-weight: normal;
}
@media screen and (min-width: 960px) {
  .risk-reduction .about-company .about-company-dl dl dt {
    width: 288px;
    font-size: 2.2rem;
    height: 80px;
    line-height: 1;
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1040px) {
  .risk-reduction .about-company .about-company-dl dl dt {
    width: 288px;
  }
}
.risk-reduction .about-company .about-company-dl dl dt span {
  font-size: 1.3rem;
  display: block;
}
.risk-reduction .about-company .about-company-dl dl dd {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .risk-reduction .about-company .about-company-dl dl dd {
    width: 100%;
    height: 120px;
    border-right: #ccc 1px solid;
  }
  .risk-reduction .about-company .about-company-dl dl dd p {
    font-size: 2.2rem;
    line-height: 1;
    text-align: center;
  }
  .risk-reduction .about-company .about-company-dl dl dd p span {
    font-size: 1.2rem;
  }
}
.risk-reduction .about-company .about-company-dl dl dd p {
  line-height: 1.2;
}
.risk-reduction .about-company .about-company-dl dl dd span {
  font-size: 1rem;
  display: block;
}
.risk-reduction .main-member {
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .main-member ul {
    display: flex;
    justify-content: space-between;
  }
}
.risk-reduction .main-member ul li {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .main-member ul li {
    width: 32%;
    margin-bottom: 60px;
  }
}
.risk-reduction .main-member ul li .menber-btn {
  position: relative;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  padding: 15px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .main-member ul li .menber-btn {
    cursor: auto;
  }
}
.risk-reduction .main-member ul li .menber-btn .accordion-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 16px;
  display: inline-block;
  transition: all 0.3s;
}
@media screen and (min-width: 960px) {
  .risk-reduction .main-member ul li .menber-btn .accordion-icon {
    display: none;
  }
}
.risk-reduction .main-member ul li .menber-btn .accordion-icon span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #00B4CB;
  display: inline-block;
  transition: all 0.3s;
}
.risk-reduction .main-member ul li .menber-btn .accordion-icon span:nth-of-type(1) {
  transform: rotate(0deg);
}
.risk-reduction .main-member ul li .menber-btn .accordion-icon span:nth-of-type(2) {
  transform: rotate(90deg);
}
.risk-reduction .main-member ul li .menber-btn .accordion-icon.active span:nth-of-type(1) {
  display: none;
}
.risk-reduction .main-member ul li .menber-btn .accordion-icon.active span:nth-of-type(2) {
  transform: rotate(180deg);
}
.risk-reduction .main-member ul li .menber-btn .member-photo {
  width: 120px;
  margin: 16px auto 10px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .main-member ul li .menber-btn .member-photo {
    width: 200px;
  }
}
.risk-reduction .main-member ul li .menber-btn .member-photo img {
  width: 100%;
  height: auto;
  border: 2px solid #ddd;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}
.risk-reduction .main-member ul li .menber-btn .member-name {
  text-align: center;
  margin: 10px 0 0;
  width: 100%;
}
.risk-reduction .main-member ul li .menber-btn .member-name .mainMenber-name {
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .risk-reduction .main-member ul li .menber-btn .member-name .mainMenber-name {
    font-size: 2.4rem;
  }
}
.risk-reduction .main-member ul li .menber-btn .member-name .member-position {
  font-size: 1.6rem;
}
.risk-reduction .main-member ul li .menber-detail {
  display: none;
  padding: 0 15px 24px 15px;
}
@media screen and (min-width: 960px) {
  .risk-reduction .main-member ul li .menber-detail {
    display: block;
  }
}
.risk-reduction .img-collateral {
  width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .risk-reduction .img-collateral {
    width: 362px;
    margin-bottom: 60px;
  }
}
.risk-reduction .img-collateral img {
  width: 100%;
  height: auto;
}
.risk-reduction .lp-img {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .risk-reduction .lp-img {
    width: 640px;
  }
}
.risk-reduction .lp-img img {
  width: 100%;
  height: auto;
}
.risk-reduction .notes-container {
  background-color: #fdfdf0;
  border: 1px solid #888888;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .risk-reduction .notes-container {
    width: 1056px;
    padding-bottom: 25px;
  }
}
.risk-reduction .notes-container h2 {
  background-color: #888888;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 15px;
}
@media screen and (min-width: 768px) {
  .risk-reduction .notes-container h2 {
    padding: 12px 32px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 960px) {
  .risk-reduction .notes-container h2 {
    font-size: 36px;
    margin-bottom: 50px;
    padding: 18px 54px;
  }
}
.risk-reduction .notes-container .notes-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 8px;
  padding-left: 1.8em;
  text-indent: -1em;
  padding-right: 1.8rem;
  color: #888888;
}
@media screen and (min-width: 768px) {
  .risk-reduction .notes-container .notes-title {
    padding-left: 2.8em;
    padding-right: 2.8rem;
  }
}
@media screen and (min-width: 960px) {
  .risk-reduction .notes-container .notes-title {
    font-size: 30px;
    margin-bottom: 12px;
  }
}
.risk-reduction .notes-container .notes-text {
  font-size: 16px;
  padding: 0 20px 20px 20px;
  color: #888888;
}
@media screen and (min-width: 768px) {
  .risk-reduction .notes-container .notes-text {
    padding: 0 36px 32px 36px;
  }
}
@media screen and (min-width: 960px) {
  .risk-reduction .notes-container .notes-text {
    font-size: 26px;
    padding: 0 54px 46px 54px;
  }
}

.project-list {
  width: 90%;
  margin: 0 auto 30px;
}
@media screen and (min-width: 960px) {
  .project-list {
    width: 960px;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1040px) {
  .project-list {
    width: 1056px;
  }
}
.project-list .col-box {
  margin-bottom: 30px;
}
@media screen and (min-width: 960px) {
  .project-list .col-box {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .project-list .page-contents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .project-list .page-contents::after {
    display: block;
    content: "";
    width: 48%;
  }
}
@media screen and (min-width: 960px) {
  .project-list .page-contents::after {
    display: block;
    content: "";
    width: 31%;
  }
}
.project-list .page-contents .one-box {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .project-list .page-contents .one-box {
    width: 48%;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .project-list .page-contents .one-box {
    width: 31%;
  }
}
.project-list .page-contents .one-box a {
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 100%;
}
.project-list .page-contents .one-box:last-of-type {
  margin-bottom: 15px;
}
@media screen and (min-width: 960px) {
  .project-list .page-contents .one-box:last-of-type {
    margin-bottom: 40px;
  }
}
.project-list .page-contents .project-img-box {
  position: relative;
  border-top-right-radius: 4px;
  width: 100%;
  padding-top: 55.5%;
  overflow: hidden;
}
.project-list .page-contents .project-img-box img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  border-top-right-radius: 4px;
  vertical-align: bottom;
  object-fit: cover;
}
.project-list .page-contents .project-img-box .status {
  position: absolute;
  width: auto;
  top: 4px;
  left: 8px;
}
.project-list .page-contents .project-img-box .status .imgIco {
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 4px 9px;
}
@media screen and (min-width: 768px) {
  .project-list .page-contents .project-img-box .status .imgIco {
    font-size: 1.6rem;
    padding: 8px 18px;
  }
}
@media screen and (min-width: 960px) {
  .project-list .page-contents .project-img-box .status .imgIco {
    font-size: 1.2rem;
    padding: 4px 9px;
  }
}
.project-list .page-contents .project-img-box .status .imgIco-raise-before {
  background-color: #00B4CB;
}
.project-list .page-contents .project-img-box .status .imgIco-raising {
  background-color: #FF4D6B;
}
.project-list .page-contents .project-img-box .status .imgIco-raise-end {
  background-color: #00839D;
}
.project-list .page-contents .project-img-box .status .imgIco-invest-end {
  background-color: #c00;
}
.project-list .page-contents .project-img-box .status .imgIco-return-expired {
  background-color: #00839D;
}
.project-list .page-contents .project-img-box .status .imgIco-retaurnrd-before {
  background-color: #00839D;
}
.project-list .page-contents .project-img-box .status .imgIco-invest-reject {
  background-color: #444;
}
.project-list .page-contents .project-img-box .notice-title {
  display: flex;
  height: 4.1em;
  border-bottom: 1px solid #ccc;
  align-items: center;
  -webkit-box-pack: center;
  padding: 16px;
  justify-content: center;
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1.2;
}
.project-list .page-contents .project-img-box .remain-time .td-4 span,
.project-list .page-contents .project-img-box .remain-time .td-5 span {
  font-weight: bold;
  line-height: 1.2;
}
.project-list .page-contents .project-img-box .comingsoon-text {
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  padding-top: 40px;
  justify-content: center;
  font-size: 1.8rem;
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1.2;
}
.project-list .page-contents .ico-bukken {
  display: flex;
  justify-content: center;
  padding: 8px 0;
  border-bottom: 1px solid #ccc;
}
.project-list .page-contents .ico-bukken p {
  position: relative;
  background: #00839D;
  display: inline-block;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  height: 24px;
  color: #fff;
  line-height: 24px;
  margin: 0 4px;
  padding: 0 10px;
  text-decoration: none;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .project-list .page-contents .ico-bukken p {
    font-size: 1.4rem;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
  }
}
@media screen and (min-width: 960px) {
  .project-list .page-contents .ico-bukken p {
    font-size: 1.2rem;
    padding: 0 7px;
    height: 24px;
    line-height: 24px;
    margin: 0 3px;
  }
}
.project-list .page-contents .ico-bukken p.shareholders {
  background: #0A286C;
}
.project-list .page-contents .ico-bukken p.shareholders::before {
  border-right: 8px solid #FF4D6B;
}
.project-list .page-contents .ico-bukken p.advanceApplicant {
  background: #0086CE;
}
.project-list .page-contents .ico-bukken p.advanceApplicant::before {
  border-right: 8px solid #FF4D6B;
}
.project-list .page-contents .project-name-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.4em;
  padding: 16px;
  border-bottom: 1px solid #ccc;
  font-size: 1.8rem;
  line-height: 1.6;
}
.project-list .page-contents .project-detail-box table {
  width: 100%;
}
.project-list .page-contents .project-detail-box table th {
  width: 44%;
  padding: 4px 4px 4px 10px;
  background-color: #F5FCFC;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
  vertical-align: middle;
  line-height: 1.2;
}
.project-list .page-contents .project-detail-box table th span {
  font-size: 1.2rem;
}
.project-list .page-contents .project-detail-box table td {
  width: 56%;
  padding: 4px 4px 4px 10px;
  border-bottom: 1px solid #ccc;
  font-size: 1.4rem;
  vertical-align: middle;
}
.project-list .page-contents .project-detail-box table td dl {
  display: flex;
}
.project-list .page-contents .project-detail-box table td dl dt, .project-list .page-contents .project-detail-box table td dl dd {
  font-size: 1.4rem;
  font-weight: normal;
}
.project-list .page-contents .project-detail-box table td span.font-large {
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1.2;
}
.project-list .page-contents .project-detail-box table td span.font-small {
  font-size: 1.6rem;
  font-weight: bold;
}
.project-list .page-contents .project-detail-box table tr.app-period th {
  border-right: 0;
}
.project-list .page-contents .project-detail-box table tr.app-period td {
  font-size: 1.3rem;
}
.project-list .page-contents .project-detail-box table tr.app-period td span {
  display: inline-block;
}
.project-list .page-contents .project-detail-box table tr.remain-time th {
  padding: 0;
}
.project-list .page-contents .project-detail-box table tr.remain-time td {
  padding: 0;
}
.project-list .page-contents .project-detail-box table tr.remain-time table {
  height: 84px;
}
.project-list .page-contents .project-detail-box table tr.remain-time table tr td {
  padding: 0 0;
}
.project-list .page-contents .project-detail-box table tr.remain-time table tr td span {
  font-size: 1.1rem;
}
.project-list .page-contents .project-detail-box table tr.remain-time table tr .td-01 {
  border-right: 1px solid #ccc;
  border-bottom: 0;
  width: 50%;
}
.project-list .page-contents .project-detail-box table tr.remain-time table tr .td-01 br {
  display: block;
}
.project-list .page-contents .project-detail-box table tr.remain-time table tr .td-02 {
  border-bottom: 1px solid #ccc;
  width: 50%;
}
.project-list .page-contents .project-detail-box table tr.remain-time table tr .td-03 {
  border-bottom: 0;
}
.project-list .page-contents .project-detail-box table tr.remain-time table tr .td-04 {
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  padding-left: 10px;
}
@media screen and (min-width: 960px) {
  .project-list .page-contents .project-detail-box table tr.remain-time table tr .td-04 {
    padding-left: 5px;
  }
}
@media screen and (min-width: 1040px) {
  .project-list .page-contents .project-detail-box table tr.remain-time table tr .td-04 {
    padding-left: 10px;
  }
}
.project-list .page-contents .project-detail-box table tr.remain-time table tr .td-05 {
  border-bottom: 0;
  white-space: nowrap;
  padding-left: 10px;
}
@media screen and (min-width: 960px) {
  .project-list .page-contents .project-detail-box table tr.remain-time table tr .td-05 {
    padding-left: 5px;
  }
}
@media screen and (min-width: 1040px) {
  .project-list .page-contents .project-detail-box table tr.remain-time table tr .td-05 {
    padding-left: 10px;
  }
}
.project-list .page-contents .total-number {
  padding: 8px 16px 0;
}
.project-list .page-contents .total-number dl {
  display: flex;
  align-items: center;
}
.project-list .page-contents .total-number dl dt {
  font-size: 1.4rem;
  font-weight: normal;
  margin-right: 4px;
}
.project-list .page-contents .total-number dl dd {
  font-size: 1.6rem;
}
.project-list .page-contents .total-number p {
  font-size: 1.4rem;
}
.project-list .page-contents .progress-wrap {
  padding: 0 16px;
}
.project-list .page-contents .progress-wrap .progress {
  height: 2rem;
  border-radius: 1rem;
}
.project-list .page-contents .progress-wrap .progress .progress-bar {
  background-color: #00839D;
  font-size: 1.2rem;
}
.project-list .page-contents .progress-wrap .progress .progress-bar-over {
  background-color: #FF4D6B;
}
.project-list .page-contents .total-amount-ti {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
}
.project-list .page-contents .total-amount-ti p {
  font-size: 1.4rem;
}
.project-list .page-contents .total-amount-num {
  padding: 0 16px 8px;
  text-align: right;
  font-size: 3rem;
  font-weight: bold;
}
.project-list .page-contents .total-amount-num span {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .project-list .txt-supplement {
    text-align: right;
    margin-bottom: 50px;
  }
}

.operationーresults {
  margin-bottom: 50px;
}
@media screen and (min-width: 960px) {
  .operationーresults {
    display: flex;
    border: 1px solid #ccc;
  }
}
.operationーresults h3 {
  color: #00839D;
  font-size: 1.8rem;
  text-align: center;
  border-top: 1px solid #00839D;
  border-right: 1px solid #00839D;
  border-bottom: 1px solid #00839D;
  border-left: 5px solid #00839D;
  background-color: #fff;
  padding: 8px 0;
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .operationーresults h3 {
    width: 220px;
    font-size: 2.2rem;
    text-align: left;
    border: none;
    border-right: 1px solid #ccc;
    background-color: #F5FCFC;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 1040px) {
  .operationーresults h3 {
    width: 280px;
  }
}
@media screen and (min-width: 960px) {
  .operationーresults .performance-inner {
    width: calc(100% - 220px);
  }
}
@media screen and (min-width: 1040px) {
  .operationーresults .performance-inner {
    width: calc(100% - 280px);
  }
}
.operationーresults .performance-inner dl {
  margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .operationーresults .performance-inner dl {
    display: flex;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 0;
  }
  .operationーresults .performance-inner dl:last-of-type {
    border: none;
  }
}
.operationーresults .performance-inner dl dt {
  font-weight: normal;
}
@media screen and (min-width: 960px) {
  .operationーresults .performance-inner dl dt {
    width: 220px;
    border-right: 1px solid #ccc;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1040px) {
  .operationーresults .performance-inner dl dt {
    width: 260px;
    font-size: 2rem;
  }
}
.operationーresults .performance-inner dl dd {
  font-size: 3rem;
  font-weight: bold;
  color: #00839D;
  text-align: right;
}
@media screen and (min-width: 960px) {
  .operationーresults .performance-inner dl dd {
    width: calc(100% - 220px);
    font-size: 4.4rem;
    padding: 8px 32px 8px 0;
  }
}
@media screen and (min-width: 1040px) {
  .operationーresults .performance-inner dl dd {
    width: calc(100% - 260px);
  }
}
.operationーresults .performance-inner dl dd span {
  font-size: 2rem;
  margin: 0 4px;
}

.performance-supplement {
  font-size: 1.1rem;
  text-align: right;
}
@media screen and (min-width: 960px) {
  .performance-supplement {
    font-size: 1.6rem;
  }
}

.cr-box {
  width: 90%;
  margin: 0 auto 50px;
  padding: 30px 15px 20px;
  border-top: 16px solid #00B4CB;
  border-right: 1px solid #00B4CB;
  border-bottom: 1px solid #00B4CB;
  border-left: 1px solid #00B4CB;
  background-color: #FFFFF6;
}
@media screen and (min-width: 960px) {
  .cr-box {
    width: 740px;
    margin-bottom: 120px;
  }
}
.cr-box .logo-midashi {
  width: 280px;
  margin: 0 auto 30px;
}
.cr-box .logo-midashi img {
  width: 100%;
  height: auto;
}
.cr-box .lp-text {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .cr-box .yield-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
  }
}
.cr-box .yield-wrap .ti-yield {
  color: #00B4CB;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .cr-box .yield-wrap .ti-yield {
    font-size: 3rem;
    margin-right: 10px;
    padding-top: 10px;
  }
}
.cr-box .yield-wrap .num-yield {
  color: #00B4CB;
  font-size: 4.1rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.cr-box .yield-wrap .num-yield span {
  font-size: 2.7rem;
}
@media screen and (min-width: 960px) {
  .cr-box .yield-wrap .num-yield {
    font-size: 6rem;
  }
  .cr-box .yield-wrap .num-yield span {
    font-size: 4rem;
  }
}
.cr-box .apple-yield {
  color: #00B4CB;
  font-size: 1.1rem;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .cr-box .apple-yield {
    font-size: 1.6rem;
    margin-bottom: 40px;
  }
}
.cr-box .btn-regist a {
  width: 90%;
}
@media screen and (min-width: 960px) {
  .cr-box .btn-regist a {
    width: 60%;
    font-size: 2rem;
  }
}

.voice {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 960px) {
  .voice {
    width: 960px;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1040px) {
  .voice {
    width: 1056px;
  }
}
@media screen and (min-width: 960px) {
  .voice .btn-more {
    display: none;
  }
}
.voice .btn-more .change-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #00B4CB;
}

@media screen and (min-width: 960px) {
  .voice-main ul {
    display: flex;
    justify-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .voice-main ul::after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
  }
}
@media screen and (min-width: 1040px) {
  .voice-main ul::after {
    content: "";
    display: block;
    width: 352px;
    height: 0;
  }
}
.voice-main ul .one-voice01 {
  background: #fff;
  box-shadow: inset 0 0 1px rgb(140, 140, 140);
}
.voice-main ul .one-voice {
  position: relative;
  padding: 24px 24px;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .voice-main ul .one-voice {
    width: 32%;
    padding: 28px 26px 40px;
  }
}
@media screen and (min-width: 1040px) {
  .voice-main ul .one-voice {
    width: 342px;
    padding: 36px 26px 40px;
  }
}
.voice-main ul .one-voice:not(:nth-child(-n+3)) {
  display: none;
}
@media screen and (min-width: 960px) {
  .voice-main ul .one-voice:not(:nth-child(-n+3)) {
    display: list-item;
  }
}
.voice-main ul .one-voice p {
  display: inline;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 3px;
  line-height: 1.8;
}
@media screen and (min-width: 1040px) {
  .voice-main ul .one-voice p {
    line-height: 2;
  }
}
.voice-main ul .one-voice ::before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-width: 0 30px 30px 0;
  border-style: solid;
  width: 0;
  transform: rotate(90deg);
  background: #e3e3e3;
  border-color: #fff #f9f9f9 #e3e3e3 #e3e3e3;
}
.voice-main .voice-remarks {
  font-size: 1.2rem;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 24px;
}
@media screen and (min-width: 1040px) {
  .voice-main .voice-remarks {
    font-size: 1.6rem;
  }
}

.seminarBnr {
  width: 90%;
  margin: 0 auto 10px;
  padding-top: 30px;
}
@media screen and (min-width: 960px) {
  .seminarBnr {
    width: 816px;
    padding-top: 0;
    margin-bottom: 40px;
  }
}
.seminarBnr a {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 38.48%;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.4));
  transition: 0.3s;
  background: url(/img/lp-img/top/bnr_seminar_816_314.png) no-repeat 0 0/cover;
}
@media screen and (min-width: 960px) {
  .seminarBnr a {
    background: url(/img/lp-img/top/bnr_seminar_1632_520.png) no-repeat 0 0/cover;
    padding-top: 31.862%;
  }
}
.seminarBnr a:hover {
  filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.3));
}

.voice-solveAnxiety {
  width: 100%;
  height: auto;
  padding: 50px 0 30px;
  margin-bottom: 30px;
  /*フキダシ左*/
  /*フキダシ右*/
  /*会話部分　共通*/
  /*吹き出し三角　左*/
  /*吹き出し三角　右*/
}
@media screen and (min-width: 960px) {
  .voice-solveAnxiety {
    margin-bottom: 80px;
    padding-bottom: 50px;
    padding-top: 60px;
  }
}
.voice-solveAnxiety .kaiwa-container {
  width: 96%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .voice-solveAnxiety .kaiwa-container {
    width: 90%;
  }
}
@media screen and (min-width: 960px) {
  .voice-solveAnxiety .kaiwa-container {
    width: 1056px;
  }
}
.voice-solveAnxiety .kaiwa-container .kaiwa {
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.4;
  overflow: hidden;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi { /*フキダシ共通*/
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 10px;
  padding: 10px 12px;
  background: #fff;
  border-radius: 18px;
  overflow-wrap: break-word;
  clear: both;
  box-sizing: content-box;
}
@media screen and (min-width: 768px) {
  .voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi {
    padding: 10px 14px;
  }
}
@media screen and (min-width: 960px) {
  .voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi {
    width: 500px;
  }
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi .anxiety-number {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  background-color: #ccc;
  padding: 5px 10px;
  border-radius: 18px;
  width: 120px;
  margin-bottom: 12px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi .anxiety-number {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .voice-solveAnxiety .kaiwa-container .kaiwa .speech-bubble {
    padding: 20px 22px;
  }
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_left {
  display: flex;
  justify-content: start;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_left .icon-left {
  margin: 20px 5px 20px 5px;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_left .icon-left p {
  text-align: center;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_left .icon-left p img {
  width: 80px;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_left .icon-left figcaption {
  padding: 2px 0 0;
  font-size: 12px;
  text-align: center;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_right {
  display: flex;
  justify-content: end;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_right .icon-right {
  margin: 20px 5px 20px 5px;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_right .icon-right p {
  text-align: center;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_right .icon-right p img {
  width: 80px;
}
.voice-solveAnxiety .kaiwa-container .kaiwa .fukidasi-box_right .icon-right figcaption {
  padding: 2px 0 0;
  font-size: 12px;
  text-align: center;
}
.voice-solveAnxiety .kaiwa-container .dotted-bottom {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
  padding-bottom: 30px;
}
.voice-solveAnxiety .text-emphasis {
  font-weight: bold;
  color: #00B4CB;
}
.voice-solveAnxiety .kaiwa .fukidasi.left {
  float: left;
}
.voice-solveAnxiety .border-anxiety {
  border: 1px solid #ccc;
}
.voice-solveAnxiety .kaiwa .fukidasi.right {
  float: right;
}
.voice-solveAnxiety .border-solve {
  border: 3px solid #00B4CB;
}
.voice-solveAnxiety .kaiwa .fukidasi::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  top: 25px;
}
.voice-solveAnxiety .kaiwa .fukidasi.left::after {
  left: -9px;
  background-color: #fff;
  border: 1px solid;
  border-color: transparent transparent #ccc #ccc;
  transform: rotate(45deg);
}
.voice-solveAnxiety .kaiwa .fukidasi.right::after {
  right: -8px;
  background-color: #fff;
  border: 3px solid;
  border-color: transparent transparent #00B4CB #00B4CB;
  transform: rotate(-135deg);
}

.step3, .video-container {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 960px) {
  .step3, .video-container {
    width: 960px;
  }
}
@media screen and (min-width: 1040px) {
  .step3, .video-container {
    width: 1056px;
  }
}

.step3-main, .video-container .video-main {
  position: relative;
}

.step3-main-inner, .video-container .video-main .video-main-inner {
  margin-left: 12px;
}

.step3-main-list, .video-container .video-main .video-main-inner .video-main-list {
  position: relative;
  padding-bottom: 32px;
}
@media screen and (min-width: 1040px) {
  .step3-main-list, .video-container .video-main .video-main-inner .video-main-list {
    padding-bottom: 64px;
  }
}
.step3-main-list::before, .video-container .video-main .video-main-inner .video-main-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  height: 100%;
  width: 4px;
  background: #00B4CB;
}
@media screen and (min-width: 960px) {
  .step3-main-list::before, .video-container .video-main .video-main-inner .video-main-list::before {
    left: 18px;
  }
}
@media screen and (min-width: 1040px) {
  .step3-main-list::before, .video-container .video-main .video-main-inner .video-main-list::before {
    left: 32px;
  }
}
.step3-main-list:last-of-type::before, .video-container .video-main .video-main-inner .video-main-list:last-of-type::before {
  width: 0;
}
.step3-main-list .point-num, .video-container .video-main .video-main-inner .video-main-list .point-num {
  position: absolute;
  top: -2px;
  left: -20px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #00B4CB;
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 960px) {
  .step3-main-list .point-num, .video-container .video-main .video-main-inner .video-main-list .point-num {
    width: 80px;
    height: 80px;
    font-size: 4rem;
  }
}
@media screen and (min-width: 1040px) {
  .step3-main-list .point-num, .video-container .video-main .video-main-inner .video-main-list .point-num {
    width: 108px;
    height: 108px;
    font-size: 4.6rem;
  }
}
.step3-main-list .txt-box, .video-container .video-main .video-main-inner .video-main-list .txt-box, .video-container .video-main .video-main-inner .video-main-list .video-box {
  margin-left: 32px;
  padding-top: 4px;
}
@media screen and (min-width: 960px) {
  .step3-main-list .txt-box, .video-container .video-main .video-main-inner .video-main-list .txt-box, .video-container .video-main .video-main-inner .video-main-list .video-box {
    margin-left: 80px;
    padding-top: 8px;
  }
}
@media screen and (min-width: 1040px) {
  .step3-main-list .txt-box, .video-container .video-main .video-main-inner .video-main-list .txt-box, .video-container .video-main .video-main-inner .video-main-list .video-box {
    margin-left: 108px;
    padding-top: 16px;
  }
}
.step3-main-list .txt-box .txt-box-ti, .video-container .video-main .video-main-inner .video-main-list .txt-box .txt-box-ti, .video-container .video-main .video-main-inner .video-main-list .video-box .txt-box-ti {
  color: #00B4CB;
  font-size: 2.4rem;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .step3-main-list .txt-box .txt-box-ti, .video-container .video-main .video-main-inner .video-main-list .txt-box .txt-box-ti, .video-container .video-main .video-main-inner .video-main-list .video-box .txt-box-ti {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 960px) {
  .step3-main-list .txt-box .txt-box-ti, .video-container .video-main .video-main-inner .video-main-list .txt-box .txt-box-ti, .video-container .video-main .video-main-inner .video-main-list .video-box .txt-box-ti {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1040px) {
  .step3-main-list .txt-box .txt-box-ti, .video-container .video-main .video-main-inner .video-main-list .txt-box .txt-box-ti, .video-container .video-main .video-main-inner .video-main-list .video-box .txt-box-ti {
    font-size: 4.6rem;
  }
}
.step3-main-list .txt-box .txt-box-p, .video-container .video-main .video-main-inner .video-main-list .txt-box .txt-box-p, .video-container .video-main .video-main-inner .video-main-list .video-box .txt-box-p {
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .step3-main-list .txt-box .txt-box-p, .video-container .video-main .video-main-inner .video-main-list .txt-box .txt-box-p, .video-container .video-main .video-main-inner .video-main-list .video-box .txt-box-p {
    font-size: 2rem;
    margin-bottom: 40px;
  }
}
.step3-main-list .txt-box .txt-box-p dl, .video-container .video-main .video-main-inner .video-main-list .txt-box .txt-box-p dl, .video-container .video-main .video-main-inner .video-main-list .video-box .txt-box-p dl {
  margin-bottom: 16px;
}
.step3-main-list .txt-box .txt-box-p dl dt, .video-container .video-main .video-main-inner .video-main-list .txt-box .txt-box-p dl dt, .video-container .video-main .video-main-inner .video-main-list .video-box .txt-box-p dl dt {
  color: #00B4CB;
  font-size: 1.8rem;
  font-weight: normal;
}
.step3-main-list .txt-box .txt-box-p dl dt::before, .video-container .video-main .video-main-inner .video-main-list .txt-box .txt-box-p dl dt::before, .video-container .video-main .video-main-inner .video-main-list .video-box .txt-box-p dl dt::before {
  font-size: 1.6rem;
}
.step3-main-list .txt-box .step3-detail-box, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-box, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-box {
  margin-bottom: 16px;
}
.step3-main-list .txt-box .step3-detail-1, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-1, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-1, .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3, .step3-main-list .txt-box .step3-detail-3, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-3, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-3, .step3-main-list .txt-box .step3-detail-2-2, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2-2, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2-2, .step3-main-list .txt-box .step3-detail-2, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2 {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 16px 8px;
  margin-top: 16px;
  display: none;
}
@media screen and (min-width: 768px) {
  .step3-main-list .txt-box .step3-detail-1, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-1, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-1, .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1,
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2,
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3, .step3-main-list .txt-box .step3-detail-3, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-3, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-3, .step3-main-list .txt-box .step3-detail-2-2, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2-2, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2-2, .step3-main-list .txt-box .step3-detail-2, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2 {
    padding: 16px;
    margin-left: 16px;
  }
}
.step3-main-list .txt-box .step3-detail-1 .step3-detail-ul-1, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-1 .step3-detail-ul-1, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-1 .step3-detail-ul-1, .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1 .step3-detail-ul-1,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2 .step3-detail-ul-1,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 .step3-detail-ul-1, .step3-main-list .txt-box .step3-detail-3 .step3-detail-ul-1, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-3 .step3-detail-ul-1, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-3 .step3-detail-ul-1, .step3-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2-2 .step3-detail-ul-1, .step3-main-list .txt-box .step3-detail-2 .step3-detail-ul-1, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2 .step3-detail-ul-1, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2 .step3-detail-ul-1 {
  margin-bottom: 20px;
  margin-left: 8px;
}
.step3-main-list .txt-box .step3-detail-1 .step3-detail-ul-1 li, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-1 .step3-detail-ul-1 li, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-1 .step3-detail-ul-1 li, .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1 .step3-detail-ul-1 li,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2 .step3-detail-ul-1 li,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 .step3-detail-ul-1 li, .step3-main-list .txt-box .step3-detail-3 .step3-detail-ul-1 li, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-3 .step3-detail-ul-1 li, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-3 .step3-detail-ul-1 li, .step3-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1 li, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1 li, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2-2 .step3-detail-ul-1 li, .step3-main-list .txt-box .step3-detail-2 .step3-detail-ul-1 li, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2 .step3-detail-ul-1 li, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2 .step3-detail-ul-1 li {
  padding: 0 0 0 1em;
  text-indent: -1em;
  list-style: inside circle;
}
.step3-main-list .txt-box .step3-detail-1 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-1 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-1 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1 .step3-detail-ul-1 dt,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2 .step3-detail-ul-1 dt,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 .step3-detail-ul-1 dt, .step3-main-list .txt-box .step3-detail-3 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-3 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-3 .step3-detail-ul-1 dt, .step3-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2-2 .step3-detail-ul-1 dt, .step3-main-list .txt-box .step3-detail-2 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2 .step3-detail-ul-1 dt {
  color: #00B4CB;
  font-weight: normal;
  padding-left: 1em;
  text-indent: -0.6em;
}
@media screen and (min-width: 768px) {
  .step3-main-list .txt-box .step3-detail-1 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-1 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-1 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1 .step3-detail-ul-1 dt,
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2 .step3-detail-ul-1 dt,
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 .step3-detail-ul-1 dt, .step3-main-list .txt-box .step3-detail-3 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-3 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-3 .step3-detail-ul-1 dt, .step3-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2-2 .step3-detail-ul-1 dt, .step3-main-list .txt-box .step3-detail-2 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2 .step3-detail-ul-1 dt, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2 .step3-detail-ul-1 dt {
    font-size: 1.8rem;
  }
}
.step3-main-list .txt-box .step3-detail-1 .step3-detail-ul-1 dd, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-1 .step3-detail-ul-1 dd, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-1 .step3-detail-ul-1 dd, .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1 .step3-detail-ul-1 dd,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2 .step3-detail-ul-1 dd,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 .step3-detail-ul-1 dd, .step3-main-list .txt-box .step3-detail-3 .step3-detail-ul-1 dd, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-3 .step3-detail-ul-1 dd, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-3 .step3-detail-ul-1 dd, .step3-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1 dd, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-1 dd, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2-2 .step3-detail-ul-1 dd, .step3-main-list .txt-box .step3-detail-2 .step3-detail-ul-1 dd, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2 .step3-detail-ul-1 dd, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2 .step3-detail-ul-1 dd {
  margin-bottom: 8px;
}
.step3-main-list .txt-box .step3-detail-1 .step3-detail-ul-2 li, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-1 .step3-detail-ul-2 li, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-1 .step3-detail-ul-2 li, .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1 .step3-detail-ul-2 li,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2 .step3-detail-ul-2 li,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 .step3-detail-ul-2 li, .step3-main-list .txt-box .step3-detail-3 .step3-detail-ul-2 li, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-3 .step3-detail-ul-2 li, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-3 .step3-detail-ul-2 li, .step3-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-2 li, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2-2 .step3-detail-ul-2 li, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2-2 .step3-detail-ul-2 li, .step3-main-list .txt-box .step3-detail-2 .step3-detail-ul-2 li, .video-container .video-main .video-main-inner .video-main-list .txt-box .step3-detail-2 .step3-detail-ul-2 li, .video-container .video-main .video-main-inner .video-main-list .video-box .step3-detail-2 .step3-detail-ul-2 li {
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.step3-main-list .txt-box .btn-plus-open1, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open1, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open1, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3, .step3-main-list .txt-box .btn-plus-open3, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open3, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open3, .step3-main-list .txt-box .btn-plus-open2-2, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open2-2, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open2-2, .step3-main-list .txt-box .btn-plus-open2, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open2, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open2 {
  width: 88%;
  height: 56px;
  display: flex;
  align-items: center;
  line-height: 1.3;
  position: relative;
  color: #00B4CB;
  background-color: #fff;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px 0 4px;
  cursor: pointer;
}
.step3-main-list .txt-box .btn-plus-open1 .fa-plus-circle, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open1 .fa-plus-circle, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open1 .fa-plus-circle, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1 .fa-plus-circle,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2 .fa-plus-circle,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3 .fa-plus-circle, .step3-main-list .txt-box .btn-plus-open3 .fa-plus-circle, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open3 .fa-plus-circle, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open3 .fa-plus-circle, .step3-main-list .txt-box .btn-plus-open2-2 .fa-plus-circle, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open2-2 .fa-plus-circle, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open2-2 .fa-plus-circle, .step3-main-list .txt-box .btn-plus-open2 .fa-plus-circle, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open2 .fa-plus-circle, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open2 .fa-plus-circle {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translate(0, -50%);
}
@media screen and (min-width: 960px) {
  .step3-main-list .txt-box .btn-plus-open1, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open1, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open1, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3, .step3-main-list .txt-box .btn-plus-open3, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open3, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open3, .step3-main-list .txt-box .btn-plus-open2-2, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open2-2, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open2-2, .step3-main-list .txt-box .btn-plus-open2, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open2, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open2 {
    width: 72%;
    padding: 28px 32px 28px 4px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1040px) {
  .step3-main-list .txt-box .btn-plus-open1, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open1, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open1, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3, .step3-main-list .txt-box .btn-plus-open3, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open3, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open3, .step3-main-list .txt-box .btn-plus-open2-2, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open2-2, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open2-2, .step3-main-list .txt-box .btn-plus-open2, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus-open2, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus-open2 {
    width: 608px;
    height: 64px;
    padding: 16px 32px 16px 4px;
    font-size: 2.6rem;
  }
}
.step3-main-list .txt-box .btn-plus, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus {
  margin-right: 0;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .step3-main-list .txt-box .btn-plus, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus {
    margin-left: 16px;
  }
}
@media screen and (min-width: 1040px) {
  .step3-main-list .txt-box .btn-plus, .video-container .video-main .video-main-inner .video-main-list .txt-box .btn-plus, .video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus {
    height: auto;
  }
}
.step3-main-list .txt-box .ekyc-box, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .step3-main-list .txt-box .ekyc-box, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box {
    width: 90%;
  }
}
@media screen and (min-width: 960px) {
  .step3-main-list .txt-box .ekyc-box, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box {
    width: 640px;
  }
}
.step3-main-list .txt-box .ekyc-box .ico-or, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ico-or, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ico-or {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -40%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #00B4CB;
  color: #fff;
  text-align: center;
  line-height: 32px;
}
.step3-main-list .txt-box .ekyc-box .ekyc-box-1, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 {
  width: 49%;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.step3-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-ti, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-ti, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 .ekyc-box-ti {
  font-size: 1.4rem;
  padding: 4px;
  border-bottom: 1px dotted #ccc;
  color: #00B4CB;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .step3-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-ti, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-ti, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 .ekyc-box-ti {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .step3-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-ti, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-ti, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 .ekyc-box-ti {
    font-size: 1.8rem;
  }
}
.step3-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-img, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-img, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 .ekyc-box-img {
  text-align: center;
  padding: 4px;
}
.step3-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-img img, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 .ekyc-box-img img, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 .ekyc-box-img img {
  width: auto;
  height: 60px;
  vertical-align: bottom;
}
.step3-main-list .txt-box .ekyc-box .ekyc-box-1 ul, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 ul, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 ul {
  padding: 4px;
}
@media screen and (min-width: 768px) {
  .step3-main-list .txt-box .ekyc-box .ekyc-box-1 ul, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 ul, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 ul {
    padding: 4px 16px;
  }
}
@media screen and (min-width: 768px) {
  .step3-main-list .txt-box .ekyc-box .ekyc-box-1 ul, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 ul, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 ul {
    padding: 4px 32px;
  }
}
.step3-main-list .txt-box .ekyc-box .ekyc-box-1 ul li, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 ul li, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 ul li {
  list-style: inside circle;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.1rem;
}
@media screen and (min-width: 768px) {
  .step3-main-list .txt-box .ekyc-box .ekyc-box-1 ul li, .video-container .video-main .video-main-inner .video-main-list .txt-box .ekyc-box .ekyc-box-1 ul li, .video-container .video-main .video-main-inner .video-main-list .video-box .ekyc-box .ekyc-box-1 ul li {
    font-size: 1.6rem;
  }
}

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

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

.announcementBanner-box {
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .announcementBanner-box {
    margin-bottom: 40px;
  }
}
.announcementBanner-box img {
  width: 100%;
  height: auto;
}

.video-container {
  margin-bottom: 80px;
}
@media screen and (min-width: 960px) {
  .video-container {
    margin-bottom: 140px;
  }
}
.video-container .video-main .video-main-inner {
  margin-left: 0;
}
.video-container .video-main .video-main-inner .video-main-list {
  padding-bottom: 0;
}
.video-container .video-main .video-main-inner .video-main-list::before {
  background: initial;
}
.video-container .video-main .video-main-inner .video-main-list .video-box {
  margin-bottom: 10px;
  margin-left: 0;
}
@media screen and (min-width: 960px) {
  .video-container .video-main .video-main-inner .video-main-list .video-box {
    margin-left: 108px;
  }
}
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-plus {
  margin-left: 0;
}
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3 {
  width: 100%;
  height: auto;
  padding: 14px 36px 14px 60px;
}
@media screen and (min-width: 960px) {
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3 {
    max-width: 890px;
  }
}
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1 i,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2 i,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3 i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 2.8rem;
  border-radius: 4px 0 0 4px;
  background-color: #00B4CB;
  color: #fff;
  width: 50px;
  height: 102%;
}
@media screen and (min-width: 960px) {
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1 i,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2 i,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3 i {
    font-size: 4rem;
    width: 80px;
  }
}
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1 :before,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2 :before,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3 :before {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: -50%;
  right: -50%;
}
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1 p.videoTitle-txt,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2 p.videoTitle-txt,
.video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3 p.videoTitle-txt {
  text-align: left;
  color: #00B4CB;
}
@media screen and (min-width: 1040px) {
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open1 p.videoTitle-txt,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open2 p.videoTitle-txt,
  .video-container .video-main .video-main-inner .video-main-list .video-box .btn-video-open3 p.videoTitle-txt {
    font-size: 2.6rem;
  }
}
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 {
  margin-left: 0;
  margin-bottom: 40px;
  width: 100%;
  height: 270px;
  padding: 14px 4px;
}
@media screen and (min-width: 768px) {
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1,
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2,
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 {
    height: 360px;
    padding: 6px;
  }
}
@media screen and (min-width: 960px) {
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1,
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2,
  .video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 {
    height: 500px;
    max-width: 890px;
    padding: 16px;
  }
}
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_1 iframe,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_2 iframe,
.video-container .video-main .video-main-inner .video-main-list .video-box .video-detail_3 iframe {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.faq-wrap {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 960px) {
  .faq-wrap {
    width: 960px;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1040px) {
  .faq-wrap {
    width: 1056px;
  }
}

.faq-main {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .faq-main {
    width: 72%;
  }
}
@media screen and (min-width: 1040px) {
  .faq-main {
    width: 816px;
    margin-bottom: 56px;
  }
}
.faq-main ul {
  margin-bottom: 40px;
  background-color: #fff;
}
.faq-main ul li {
  position: relative;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.faq-main ul li > a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  padding: 24px 40px 16px 8px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .faq-main ul li > a {
    padding: 24px 72px 16px 24px;
  }
}
@media screen and (min-width: 1040px) {
  .faq-main ul li > a {
    padding-left: 32px;
  }
}
.faq-main ul li > a .q-title {
  display: flex;
}
.faq-main ul li > a .q-title:hover {
  text-decoration: none;
}
.faq-main ul li:first-child {
  border-top: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.faq-main ul li:last-of-type {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.faq-main ul li > .a-text {
  display: none;
  text-align: left;
  border-top: 1px dotted #ccc;
  padding: 16px 18px 24px 8px;
}
@media screen and (min-width: 768px) {
  .faq-main ul li > .a-text {
    padding: 16px 18px 16px 24px;
  }
}
@media screen and (min-width: 1040px) {
  .faq-main ul li > .a-text {
    padding: 48px 48px 48px 32px;
  }
}
.faq-main ul li > .a-text .a-text-inner {
  display: flex;
}
.faq-main ul li > .a-text .a-text-inner .txt-a p {
  margin-bottom: 8px;
}
.faq-main ul li > .a-text .a-text-inner .txt-a li {
  border: none;
  list-style: inside circle;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 8px;
}
.faq-main ul .accordion-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 0px;
  transform: translate(-50%, 0);
  display: inline-block;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .faq-main ul .accordion-icon {
    right: 24px;
  }
}
.faq-main ul .accordion-icon span:nth-of-type(1) {
  transform: rotate(0deg);
}
.faq-main ul .accordion-icon span:nth-of-type(2) {
  transform: rotate(90deg);
}
.faq-main ul .accordion-icon.active span:nth-of-type(1) {
  display: none;
}
.faq-main ul .accordion-icon.active span:nth-of-type(2) {
  transform: rotate(180deg);
}
.faq-main ul .accordion-icon span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #00B4CB;
  display: inline-block;
  transition: all 0.3s;
}
.faq-main ul .accordion-icon span:nth-of-type(1) {
  transform: rotate(0deg);
}
.faq-main ul .ico-q {
  margin-top: 4px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .faq-main ul .ico-q {
    margin-right: 16px;
  }
}
.faq-main ul .ico-q span {
  font-weight: bold;
  color: #fff;
  background-color: #00B4CB;
  border-radius: 4px;
  padding: 3px 6px;
}
@media screen and (min-width: 1040px) {
  .faq-main ul .ico-q span {
    font-size: 2.2rem;
    padding: 8px 12px;
  }
}
.faq-main ul .txt-q {
  color: #00B4CB;
}
.faq-main ul .ico-a {
  margin-top: 4px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .faq-main ul .ico-a {
    margin-right: 16px;
  }
}
.faq-main ul .ico-a span {
  font-weight: bold;
  color: #fff;
  background-color: #C5E0E5;
  border-radius: 4px;
  padding: 3px 6px;
}
@media screen and (min-width: 1040px) {
  .faq-main ul .ico-a span {
    font-size: 2.2rem;
    padding: 8px 12px;
  }
}

.mailmagazin {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 960px) {
  .mailmagazin {
    width: 960px;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1040px) {
  .mailmagazin {
    width: 1056px;
  }
}
@media screen and (min-width: 960px) {
  .mailmagazin .about-mailmagazin-wrap {
    display: flex;
    justify-content: space-between;
  }
}
.mailmagazin .about-mailmagazin-wrap .about-mailmagazin {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .mailmagazin .about-mailmagazin-wrap .about-mailmagazin {
    width: 56%;
    padding: 32px;
  }
}
.mailmagazin .about-mailmagazin-wrap .about-mailmagazin .ti-about-mailmagazin {
  font-size: 1.8rem;
  margin-bottom: 16px;
}
@media screen and (min-width: 960px) {
  .mailmagazin .about-mailmagazin-wrap .about-mailmagazin .ti-about-mailmagazin {
    font-size: 2.6rem;
  }
}
.mailmagazin .about-mailmagazin-wrap .about-mailmagazin li {
  list-style: circle inside;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 960px) {
  .mailmagazin .about-mailmagazin-wrap .about-mailmagazin li {
    font-size: 2rem;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 960px) {
  .mailmagazin .about-mailmagazin-wrap .lp-img {
    width: 40%;
  }
}
.mailmagazin .about-mailmagazin-wrap .lp-img img {
  width: 100%;
  height: auto;
}

.about-risk {
  width: 90%;
  margin: 0 auto 40px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 16px;
}
@media screen and (min-width: 960px) {
  .about-risk {
    width: 960px;
    padding: 32px;
  }
}
@media screen and (min-width: 1040px) {
  .about-risk {
    width: 1056px;
  }
}
.about-risk h1 {
  font-size: 2rem;
  margin-bottom: 30px;
}
@media screen and (min-width: 960px) {
  .about-risk h1 {
    font-size: 2.6rem;
  }
}
.about-risk .lp-text {
  font-size: 1.6rem;
  margin-bottom: 30px;
}

.fixed-footer-btn {
  position: fixed;
  bottom: 24px;
  right: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#btn-totop {
  margin-right: 24px;
  position: static;
  z-index: 100;
}
#btn-totop a {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #00B4CB;
  color: #fff;
  text-align: center;
  padding-top: 6px;
  transition: 0.3s;
  box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3);
  outline: none;
}
#btn-totop a i.fas {
  font-size: 32px;
  font-weight: bold;
}

.btn-totop-animation {
  opacity: 0;
  visibility: hidden;
  transition: 1s;
  transform: translateY(5px);
}

.btn-totop-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}/*# sourceMappingURL=lp_top.css.map */