@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;
}

section#topCommon {
  margin-top: 0;
}
section#topCommon .top-common {
  background-color: #FF4D6B;
  position: static;
  padding: 8px 0;
}
section#topCommon .top-banner {
  padding-top: 0;
}

.invi-bannerBox {
  width: 90%;
  margin: 30px auto 40px;
}
.invi-bannerBox .sp-aria {
  display: block;
}
@media screen and (min-width: 960px) {
  .invi-bannerBox .sp-aria {
    display: none;
  }
}
.invi-bannerBox .pc-aria {
  display: none;
}
@media screen and (min-width: 960px) {
  .invi-bannerBox .pc-aria {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .invi-bannerBox {
    width: 74%;
    margin: 30px auto 60px;
  }
}
@media screen and (min-width: 960px) {
  .invi-bannerBox {
    width: 816px;
    margin: 0px auto 80px;
  }
}
.invi-bannerBox a {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
@media screen and (min-width: 960px) {
  .invi-bannerBox a {
    border-radius: 4px;
  }
}
.invi-bannerBox img {
  width: 100%;
  height: auto;
}

.btn-base {
  width: 74%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .btn-base {
    width: 540px;
  }
}
.btn-base a {
  position: relative;
  color: #fff;
  background-color: #00B4CB;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  display: block;
  padding: 16px 24px 16px 8px;
}
@media screen and (min-width: 768px) {
  .btn-base a {
    font-size: 2rem;
    padding: 16px 32px;
  }
}
@media screen and (min-width: 960px) {
  .btn-base a {
    font-size: 2.2rem;
  }
}
.btn-base a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .btn-base a .fa-arrow-circle-right {
    right: 12px;
  }
}

.btn-regist {
  width: 74%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .btn-regist {
    width: 540px;
  }
}
.btn-regist a {
  position: relative;
  color: #fff;
  background-color: #FF4D6B;
  border: 1px solid #FF4D6B;
  border-radius: 4px;
  display: block;
  padding: 16px 24px 16px 8px;
}
@media screen and (min-width: 768px) {
  .btn-regist a {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .btn-regist a {
    font-size: 2.2rem;
  }
}
.btn-regist a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .btn-regist a .fa-arrow-circle-right {
    right: 12px;
  }
}

.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);
}

.btn-regist-corporation {
  width: 74%;
  margin: 0 auto;
  text-align: center;
}
.btn-regist-corporation .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .btn-regist-corporation .fa-arrow-circle-right {
    right: 12px;
  }
}
.btn-regist-corporation a {
  position: relative;
  color: #00B4CB;
  background-color: #fff;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  padding: 16px 24px 16px 8px;
  display: block;
}
@media screen and (min-width: 768px) {
  .btn-regist-corporation a {
    font-size: 2rem;
    padding: 16px 32px;
  }
}
@media screen and (min-width: 960px) {
  .btn-regist-corporation a {
    font-size: 2.2rem;
  }
}

.big-midashi {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 24px;
  position: relative;
  padding: 0 5% 0 24px;
}
@media screen and (min-width: 768px) {
  .big-midashi {
    font-size: 3.8rem;
  }
}
@media screen and (min-width: 960px) {
  .big-midashi {
    font-size: 4.8rem;
    padding-right: 0;
    padding-left: 32px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1040px) {
  .big-midashi {
    font-size: 5.6rem;
  }
}
.big-midashi::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  width: 8px;
  height: 100%;
  background: #00B4CB;
}
@media screen and (min-width: 1040px) {
  .big-midashi::before {
    width: 10px;
  }
}

.h-lead {
  font-size: 1.6rem;
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .h-lead {
    font-size: 2rem;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1040px) {
  .h-lead {
    font-size: 2.4rem;
    margin-bottom: 88px;
  }
}

@media screen and (min-width: 960px) {
  .pc-width {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 1040px) {
  .pc-width {
    width: 1136px;
  }
}

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

@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;
  }
}

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

.toppage {
  padding-top: 550px;
}
@media screen and (min-width: 768px) {
  .toppage {
    padding-top: 750px;
  }
}
@media screen and (min-width: 960px) {
  .toppage {
    padding-top: 500px;
  }
}
@media screen and (min-width: 1040px) {
  .toppage {
    padding-top: 600px;
  }
}
.toppage .top-banner {
  width: 100%;
  background-color: #00B4CB;
  position: fixed;
  top: 0;
  z-index: -1;
}

section#top {
  margin-top: 0;
}

.top-banner-wrap {
  width: 94%;
  margin: 0 auto;
  padding: 68px 0 40px;
}
@media screen and (min-width: 960px) {
  .top-banner-wrap {
    width: 960px;
    margin: 0 auto;
    padding: 120px 0 40px;
  }
}
@media screen and (min-width: 1040px) {
  .top-banner-wrap {
    width: 1136px;
    padding-top: 120px;
  }
}
@media screen and (min-width: 960px) {
  .top-banner-wrap .top-banner-box {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media screen and (min-width: 960px) {
  .top-banner-wrap .top-banner-text {
    width: 510px;
    margin-bottom: 100px;
  }
}
.top-banner-wrap .top-banner-text h1 {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 16px;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .top-banner-wrap .top-banner-text h1 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 960px) {
  .top-banner-wrap .top-banner-text h1 {
    text-align: left;
    font-size: 4.4rem;
  }
}
.top-banner-wrap .top-banner-text .top-lead {
  color: #fff;
  font-weight: normal;
  margin-bottom: 28px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .top-banner-wrap .top-banner-text .top-lead {
    font-size: 2rem;
    line-height: 2;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .top-banner-wrap .top-banner-text .top-lead {
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 24px;
    padding-left: 16px;
  }
}
.top-banner-wrap .top-banner-img {
  margin-bottom: 16px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .top-banner-wrap .top-banner-img {
    flex: 1;
  }
}
@media screen and (min-width: 1040px) {
  .top-banner-wrap .top-banner-img {
    margin-right: 20px;
  }
}
.top-banner-wrap .top-banner-img img {
  width: 80%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .top-banner-wrap .top-banner-img img {
    width: 70%;
  }
}
@media screen and (min-width: 960px) {
  .top-banner-wrap .top-banner-img img {
    width: 100%;
  }
}

.main-wrap {
  width: 100%;
  background-color: #fff;
  padding-top: 1px;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .main-wrap {
    padding-top: 2px;
  }
}
@media screen and (min-width: 960px) {
  .main-wrap {
    padding-top: 40px;
  }
}

dl.run-by-sp {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
dl.run-by-sp dt {
  flex-shrink: 0;
  font-size: 1.1rem;
  color: #00B4CB;
  font-weight: normal;
}
dl.run-by-sp dd {
  flex-shrink: 1;
  font-size: 1.1rem;
  color: #00B4CB;
}
@media screen and (min-width: 768px) {
  dl.run-by-sp {
    font-size: 1.2rem;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 960px) {
  dl.run-by-sp {
    display: none;
  }
}

dl.run-by-pc {
  display: none;
}
@media screen and (min-width: 960px) {
  dl.run-by-pc {
    display: flex;
    margin-bottom: 0;
    padding-left: 16px;
  }
  dl.run-by-pc dt {
    flex-shrink: 0;
    color: #fff;
    font-size: 1.6rem;
    text-align: left;
    font-weight: normal;
  }
  dl.run-by-pc dd {
    flex-shrink: 1;
    color: #fff;
    font-size: 1.6rem;
    text-align: left;
  }
}

.top-banner-btn-box {
  width: 90%;
  margin: 60px auto 20px;
}
@media screen and (min-width: 768px) {
  .top-banner-btn-box {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 960px) {
  .top-banner-btn-box {
    width: 100%;
    max-width: 1136px;
  }
}
@media screen and (min-width: 1040px) {
  .top-banner-btn-box {
    width: 90%;
  }
}
.top-banner-btn-box .ver-unlogin {
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .top-banner-btn-box .ver-unlogin {
    display: flex;
    justify-content: center;
  }
  .top-banner-btn-box .ver-unlogin div {
    width: 388px;
    margin: 0 20px 16px;
    font-size: 2.2rem;
  }
  .top-banner-btn-box .ver-unlogin div a.btnRegist-blank {
    padding: 20px 0;
  }
  .top-banner-btn-box .ver-unlogin div a {
    padding: 36px 0;
  }
}
.top-banner-btn-box .ver-unlogin .btn-regist {
  margin-bottom: 16px;
  position: relative;
}
.top-banner-btn-box .ver-unlogin .btn-regist .img_registration-time {
  width: 180px;
  height: auto;
  position: absolute;
  z-index: 1;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
}
.top-banner-btn-box .ver-unlogin .btn-regist .img_registration-time img {
  width: 100%;
  height: auto;
}
.top-banner-btn-box .ver-unlogin .btn-flow {
  width: 74%;
  margin: 0 auto 16px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .top-banner-btn-box .ver-unlogin .btn-flow {
    width: 388px;
    margin: 0 20px;
  }
}
.top-banner-btn-box .ver-unlogin .btn-flow a {
  position: relative;
  color: #fff;
  background-color: #00B4CB;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  display: block;
  padding: 16px 24px 16px 8px;
}
@media screen and (min-width: 768px) {
  .top-banner-btn-box .ver-unlogin .btn-flow a {
    font-size: 2rem;
    padding: 16px 32px;
  }
}
@media screen and (min-width: 960px) {
  .top-banner-btn-box .ver-unlogin .btn-flow a {
    font-size: 2.2rem;
    padding: 36px 0;
  }
}
.top-banner-btn-box .ver-unlogin .btn-flow a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .top-banner-btn-box .ver-unlogin .btn-flow a .fa-arrow-circle-right {
    right: 12px;
  }
}
.top-banner-btn-box .ver-unlogin .img_registration-time {
  width: 120px;
  height: auto;
}
.top-banner-btn-box .ver-unlogin .img_registration-time img {
  width: 100%;
  height: auto;
}

.ver-login-notpayment .top-banner-btn, .ver-login-notinvestor .top-banner-btn {
  display: flex;
  justify-content: center;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .ver-login-notpayment .top-banner-btn, .ver-login-notinvestor .top-banner-btn {
    width: 880px;
    margin: 0 auto;
  }
}
.ver-login-notpayment .top-banner-btn li, .ver-login-notinvestor .top-banner-btn li {
  width: 32%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ver-login-notpayment .top-banner-btn li a, .ver-login-notinvestor .top-banner-btn li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #00B4CB;
  color: #fff;
  padding: 16px 0 16px 8px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .ver-login-notpayment .top-banner-btn li a, .ver-login-notinvestor .top-banner-btn li a {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 960px) {
  .ver-login-notpayment .top-banner-btn li a, .ver-login-notinvestor .top-banner-btn li a {
    font-size: 2rem;
  }
}
.ver-login-notpayment .top-banner-btn li a span, .ver-login-notinvestor .top-banner-btn li a span {
  display: block;
  margin-right: 20px;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .ver-login-notpayment .top-banner-btn li a span, .ver-login-notinvestor .top-banner-btn li a span {
    font-size: 1.6rem;
    margin-right: 30px;
    margin-left: 20px;
  }
}
@media screen and (min-width: 960px) {
  .ver-login-notpayment .top-banner-btn li a span, .ver-login-notinvestor .top-banner-btn li a span {
    font-size: 1.8rem;
  }
}
.ver-login-notpayment .top-banner-btn li a .fa-arrow-circle-right, .ver-login-notinvestor .top-banner-btn li a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .ver-login-notpayment .top-banner-btn li a .fa-arrow-circle-right, .ver-login-notinvestor .top-banner-btn li a .fa-arrow-circle-right {
    right: 12px;
  }
}
.ver-login-notpayment .top-banner-btn li .done-apply, .ver-login-notinvestor .top-banner-btn li .done-apply {
  border: 1px solid #ccc;
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .ver-login-notpayment .top-banner-btn li .done-apply, .ver-login-notinvestor .top-banner-btn li .done-apply {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .ver-login-notpayment .top-banner-btn li .done-apply, .ver-login-notinvestor .top-banner-btn li .done-apply {
    font-size: 1.8rem;
  }
}

.ver-login-notinvestor .top-banner-btn {
  display: block;
  width: 100%;
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .ver-login-notinvestor .top-banner-btn {
    width: 74%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .ver-login-notinvestor .top-banner-btn {
    display: flex;
    width: 1136px;
    margin: 0px auto 80px;
    justify-content: space-around;
  }
}
.ver-login-notinvestor .top-banner-btn li {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .ver-login-notinvestor .top-banner-btn li {
    width: 48%;
    max-width: 480px;
  }
}
.ver-login-notinvestor .top-banner-btn li a span {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .ver-login-notinvestor .top-banner-btn li a span {
    font-size: 20px;
  }
}
.ver-login-notinvestor .top-banner-btn p.done-apply {
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  color: #444;
  border: 1px solid #ccc;
  padding: 16px 0 16px 8px;
  margin-bottom: 30px;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .ver-login-notinvestor .top-banner-btn p.done-apply {
    height: 80px;
    font-size: 20px;
  }
}

.bnr_invitation {
  width: 90%;
  height: auto;
  margin: 0 auto 48px;
}
@media screen and (min-width: 960px) {
  .bnr_invitation {
    width: 736px;
    margin: 0 auto 80px;
  }
}
.bnr_invitation a {
  display: block;
  border-radius: 4px;
  transition: 0.3s;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
}
.bnr_invitation a:hover {
  box-shadow: 2px 8px 8px 0 rgba(0, 0, 0, 0.3);
  opacity: 0.9;
}
.bnr_invitation a img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  vertical-align: bottom;
}

.maintenance-wrap {
  width: 90%;
  margin: 0 auto 48px;
}
@media screen and (min-width: 960px) {
  .maintenance-wrap {
    width: 816px;
    margin-bottom: 80px;
  }
}
.maintenance-wrap .maintenance-ti {
  color: #fff;
  background-color: #FF4D6B;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: center;
  padding: 8px 0;
}
@media screen and (min-width: 960px) {
  .maintenance-wrap .maintenance-ti {
    display: inline-block;
    padding: 16px;
    font-size: 2.2rem;
  }
}
.maintenance-wrap .maintenance-main {
  border-right: 1px solid #FF4D6B;
  border-bottom: 1px solid #FF4D6B;
  border-left: 1px solid #FF4D6B;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 24px 16px;
}
@media screen and (min-width: 960px) {
  .maintenance-wrap .maintenance-main {
    padding: 24px;
    border-top: 1px solid #FF4D6B;
    border-top-right-radius: 4px;
  }
}
.maintenance-wrap .maintenance-main .news-system {
  border-bottom: 1px dotted #FF4D6B;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
}
.maintenance-wrap .maintenance-main .news-system .news-system-ti {
  border: 1px solid #FF4D6B;
  border-radius: 4px;
  padding: 4px 16px;
  color: #FF4D6B;
  margin-bottom: 8px;
  display: inline-block;
}
.maintenance-wrap .maintenance-main .news-fix li {
  margin-bottom: 8px;
}
.maintenance-wrap .maintenance-main .news-fix li a {
  padding-left: 1.5em;
  text-indent: -1.5em;
  display: block;
}
.maintenance-wrap .maintenance-main .news-fix li a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0a9";
  font-weight: 900;
  margin-right: 0.5em;
}

.bnr-seminar {
  width: 90%;
  margin: 0 auto 16px;
}
@media screen and (min-width: 768px) {
  .bnr-seminar {
    width: 74%;
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 960px) {
  .bnr-seminar {
    width: 816px;
    margin-bottom: 80px;
  }
}
.bnr-seminar a {
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.4));
  transition: 0.3s;
}
.bnr-seminar a:hover {
  filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.3));
}
.bnr-seminar img {
  width: 100%;
  height: auto;
}
.bnr-seminar img.bnr-seminar-sp {
  display: block;
}
@media screen and (min-width: 960px) {
  .bnr-seminar img.bnr-seminar-sp {
    display: none;
  }
}
.bnr-seminar img.bnr-seminar-pc {
  display: none;
}
@media screen and (min-width: 960px) {
  .bnr-seminar img.bnr-seminar-pc {
    display: block;
  }
}

.btn-wrap {
  width: 90%;
  margin: 0 auto 48px;
}
@media screen and (min-width: 960px) {
  .btn-wrap {
    width: 100%;
    display: flex;
    justify-content: space-around;
  }
}
@media screen and (min-width: 1040px) {
  .btn-wrap {
    width: 1136px;
    margin-bottom: 136px;
  }
}
.btn-wrap a {
  display: flex;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  margin-bottom: 16px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .btn-wrap a {
    width: 74%;
    margin: 0 auto 16px;
  }
}
@media screen and (min-width: 960px) {
  .btn-wrap a {
    width: 388px;
    margin: 0 20px;
  }
}
@media screen and (min-width: 1040px) {
  .btn-wrap a {
    width: 480px;
  }
}
.btn-wrap a p {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 8px 4px;
  width: 32%;
}
@media screen and (min-width: 960px) {
  .btn-wrap a p {
    padding: 24px 4px;
  }
}
.btn-wrap a p img {
  width: 100%;
  height: auto;
}
.btn-wrap a div {
  background-color: #00B4CB;
  color: #fff;
  padding: 0 24px 0 8px;
  width: 68%;
  width: calc(68% + 1px);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .btn-wrap a div {
    font-size: 2rem;
  }
}
.btn-wrap a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .btn-wrap a .fa-arrow-circle-right {
    right: 12px;
  }
}

.about-company {
  background-color: #F9F9F9;
  padding: 40px 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .about-company {
    padding: 56px 0 72px;
    margin-bottom: 112px;
  }
}

.about-company-main {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .about-company-main {
    width: 100%;
  }
}
.about-company-main .about-company-dl {
  border: #ccc 1px solid;
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .about-company-main .about-company-dl {
    display: flex;
    margin-bottom: 64px;
  }
}
.about-company-main .about-company-dl dl {
  display: flex;
  border-bottom: #ccc 1px solid;
}
.about-company-main .about-company-dl dl:last-of-type {
  border-bottom: none;
}
.about-company-main .about-company-dl dl:last-of-type dt, .about-company-main .about-company-dl dl:last-of-type dd {
  border-right: 0;
}
@media screen and (min-width: 960px) {
  .about-company-main .about-company-dl dl {
    display: block;
    width: 25%;
    border-bottom: 0;
  }
}
.about-company-main .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) {
  .about-company-main .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) {
  .about-company-main .about-company-dl dl dt {
    width: 288px;
  }
}
.about-company-main .about-company-dl dl dt span {
  font-size: 1.3rem;
}
.about-company-main .about-company-dl dl dd {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .about-company-main .about-company-dl dl dd {
    width: 100%;
    height: 120px;
    border-right: #ccc 1px solid;
  }
  .about-company-main .about-company-dl dl dd p {
    font-size: 2.2rem;
    line-height: 1;
    text-align: center;
  }
  .about-company-main .about-company-dl dl dd p span {
    font-size: 1.2rem;
  }
}
.about-company-main .about-company-dl dl dd p {
  line-height: 1.2;
}
.about-company-main .about-company-dl dl dd span {
  font-size: 1rem;
}

.about-member {
  margin-bottom: 80px;
}
@media screen and (min-width: 960px) {
  .about-member {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 160px;
  }
  .about-member .big-midashi {
    margin-bottom: 40px;
  }
  .about-member .h-lead {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1040px) {
  .about-member {
    width: 1136px;
  }
}

.about-member-main {
  width: 90%;
  margin: 0 auto 24px;
}
@media screen and (min-width: 960px) {
  .about-member-main {
    width: 100%;
  }
}
@media screen and (min-width: 1040px) {
  .about-member-main {
    width: 1136px;
  }
}
@media screen and (min-width: 960px) {
  .about-member-main .member-list {
    display: flex;
    justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 56px;
  }
}
.about-member-main .member-list li {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 16px 16px 6px 16px;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .about-member-main .member-list li {
    display: flex;
    align-items: center;
    padding: 16px 6px 6px 16px;
  }
}
@media screen and (min-width: 960px) {
  .about-member-main .member-list li {
    display: block;
    width: 32%;
    padding: 32px 16px 24px 16px;
  }
}
@media screen and (min-width: 1040px) {
  .about-member-main .member-list li {
    width: 352px;
  }
}
.about-member-main .member-list li .mamber-list-inner {
  position: relative;
  transition: max-height 0.3s;
  max-height: 680px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s;
}
.about-member-main .member-list li .mamber-list-inner.fadeout-member {
  -webkit-mask-image: linear-gradient(180deg, #000 90%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 90%, transparent 100%);
}
.about-member-main .member-list li .name-box {
  align-items: center;
}
@media screen and (min-width: 768px) {
  .about-member-main .member-list li .name-box {
    width: 26%;
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .about-member-main .member-list li .name-box {
    width: 100%;
  }
}
.about-member-main .member-list li .name-box-l {
  width: 120px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .about-member-main .member-list li .name-box-l {
    width: 130px;
  }
}
@media screen and (min-width: 1040px) {
  .about-member-main .member-list li .name-box-l {
    width: 200px;
  }
}
.about-member-main .member-list li .name-box-l img {
  width: 100%;
  border: 2px solid #ddd;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}
.about-member-main .member-list li .name-box-r {
  text-align: center;
  margin: 10px 0 15px;
}
@media screen and (min-width: 768px) {
  .about-member-main .member-list li .name-box-r {
    width: 100%;
  }
}
.about-member-main .member-list li .name-box-r .name-member {
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .about-member-main .member-list li .name-box-r .name-member {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .about-member-main .member-list li .txt-box, .about-member-main .member-list li .video-container .video-main .video-main-inner .video-main-list .video-box, .video-container .video-main .video-main-inner .video-main-list .about-member-main .member-list li .video-box {
    width: 68%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .about-member-main .member-list li .txt-box, .about-member-main .member-list li .video-container .video-main .video-main-inner .video-main-list .video-box, .video-container .video-main .video-main-inner .video-main-list .about-member-main .member-list li .video-box {
    width: 100%;
  }
}
.about-member-main .member-list li .btn-more-member {
  display: block;
  background: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 10px auto;
  padding: 8px 16px;
  color: #444;
  font-size: 12px;
  cursor: pointer;
}
.about-member-main .member-list li .btn-more-member:hover, .about-member-main .member-list li .btn-more-member:focus {
  border-color: #ccc;
  color: #444;
  background: none;
  text-decoration: none;
  opacity: 0.7;
  outline: none;
}

.aboutCompany_subMenu {
  display: none;
}
@media screen and (min-width: 768px) {
  .aboutCompany_subMenu {
    display: block;
    background-color: #DDDDDD;
    position: fixed;
    width: 100%;
    z-index: 100;
    margin-top: 48px;
    padding-top: 6px;
  }
}
@media screen and (min-width: 960px) {
  .aboutCompany_subMenu {
    margin-top: 72px;
  }
}

.subMenu div {
  border-bottom: 5px solid transparent;
  cursor: pointer;
}

.subMenu div:hover {
  border-bottom: 5px solid #00B4CB;
}

.subMenu div.active {
  border-bottom: 5px solid #00B4CB;
}

@media screen and (min-width: 768px) {
  .companyIntro,
  .member-profile {
    padding-top: 180px;
  }
}
.companyIntro h1,
.member-profile h1 {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .companyIntro h1,
  .member-profile h1 {
    margin-bottom: 40px;
  }
}

.about-ownersbook,
.about-lds,
.about-ldf {
  padding: 40px 16px 10px;
}

@media screen and (min-width: 768px) {
  .about-owb_box,
  .about-lds_box,
  .about-ldf_box {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .about-owb_box,
  .about-lds_box,
  .about-ldf_box {
    max-width: 86%;
  }
}
.about-owb_box table,
.about-lds_box table,
.about-ldf_box table {
  background-color: #fff;
}

.bg-color {
  background-color: #FAF8F5;
}

.menber-box {
  display: block;
}
.menber-box .menber-picName {
  border-bottom: 2px solid #eee;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .menber-box {
    width: 100%;
    padding: 10px 20px;
    border-radius: 4px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    border: 2px solid #eee;
  }
  .menber-box .menber-picName {
    width: 36%;
    margin: 0 auto;
    border-bottom: none;
    letter-spacing: -0.4;
  }
  .menber-box .menber-detail {
    width: 56%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .menber-box {
    display: block;
    border: none;
    padding: 0;
  }
  .menber-box .menber-picName {
    width: 100%;
    border-bottom: 2px solid #eee;
    margin-bottom: 10px;
  }
  .menber-box .menber-detail {
    width: 100%;
  }
}

.project-list {
  margin-bottom: 80px;
}
@media screen and (min-width: 960px) {
  .project-list {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 1040px) {
  .project-list {
    width: 1136px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 128px;
  }
  .project-list .big-midashi {
    margin-bottom: 40px;
  }
  .project-list .h-lead {
    margin-bottom: 32px;
  }
}
.project-list .h-lead {
  margin-bottom: 20px;
}
.project-list .for-advance {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #F5FCFC;
  padding: 16px;
  margin-bottom: 30px;
  display: inline-block;
}
.project-list .for-advance p {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .project-list .for-advance p {
    font-size: 1.6rem;
  }
}
.project-list .for-advance p span.shareholders {
  display: inline-block;
  background: #0A286C;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 2px 6px;
  margin: 0 4px;
  color: #fff;
}
.project-list .for-advance p span.advanceApplicant {
  display: inline-block;
  background: #0086CE;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 2px 6px;
  margin: 0 4px;
  color: #fff;
}
.project-list .for-advance p a {
  display: inline-block;
  margin-top: 4px;
}

.about-project-main {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .about-project-main {
    width: 100%;
  }
}
.about-project-main .project-remarks {
  font-size: 1.2rem;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 24px;
}
@media screen and (min-width: 1040px) {
  .about-project-main .project-remarks {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}

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

.two-project {
  margin-bottom: 80px;
}
@media screen and (min-width: 960px) {
  .two-project {
    width: 90%;
    margin: 0 auto 160px;
  }
}
@media screen and (min-width: 1040px) {
  .two-project {
    width: 1136px;
  }
}

.two-project-main {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .two-project-main {
    width: 100%;
  }
}
.two-project-main .two-project-type {
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .two-project-main .two-project-type {
    margin-bottom: 80px;
  }
}
.two-project-main .two-project-type-ti {
  display: flex;
  align-items: center;
  background-color: #00839D;
  padding: 8px;
  color: #fff;
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .two-project-main .two-project-type-ti {
    padding: 12px 0 12px 32px;
    align-items: center;
    margin-bottom: 0;
  }
}
.two-project-main .two-project-type-ti .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: #fff;
  margin-right: 16px;
}
.two-project-main .two-project-type-ti .maruwaku span {
  font-size: 1.3em;
  line-height: 1.5em;
  color: #00839D;
}
@media screen and (min-width: 1040px) {
  .two-project-main .two-project-type-ti .maruwaku {
    width: 48px !important;
    height: 48px;
    margin-right: 24px;
  }
  .two-project-main .two-project-type-ti .maruwaku span {
    font-size: 2.8em;
  }
}

.two-project-block {
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .two-project-block {
    display: flex;
    padding: 48px 40px 24px;
  }
}

.two-project-img {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .two-project-img {
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  .two-project-img {
    width: 40%;
    margin-right: 64px;
  }
}
.two-project-img img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 960px) {
  .two-project-txt-wrap {
    width: calc(60% - 64px);
  }
}

.two-project-txt {
  margin-bottom: 24px;
}
.two-project-txt span {
  color: #00839D;
  font-weight: bold;
}

.two-project-block-2 {
  margin-bottom: 40px;
}
.two-project-block-2 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) {
  .two-project-block-2 h3 {
    font-size: 2.2rem;
    border: none;
    padding: 0;
    margin-bottom: 40px;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 960px) {
  .two-project-block-2 .two-project-wrapper {
    display: flex;
    justify-content: space-around;
  }
}
.two-project-block-2 .two-project-box {
  background-color: #F5FCFC;
  border-radius: 50%;
  position: relative;
  width: 100%;
  padding-top: 100%;
  height: 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .two-project-block-2 .two-project-box {
    position: initial;
    border-radius: 0;
    display: flex;
    height: auto;
    padding: 20px 30px 10px;
  }
}
@media screen and (min-width: 960px) {
  .two-project-block-2 .two-project-box {
    width: 32%;
    padding-top: 32%;
    position: relative;
    border-radius: 50%;
    height: 0;
  }
}
.two-project-block-2 .two-project-box img {
  width: 30%;
  position: absolute;
  z-index: 1;
  top: 8%;
  left: -50%;
  right: -50%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .two-project-block-2 .two-project-box img {
    position: initial;
    width: 100px;
  }
}
@media screen and (min-width: 960px) {
  .two-project-block-2 .two-project-box img {
    position: absolute;
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .two-project-block-2 .two-project-textbox {
    margin-top: 5px;
  }
}
.two-project-block-2 h4.two-project-title {
  position: absolute;
  z-index: 1;
  font-weight: bold;
  color: #00839D;
  top: 42.5%;
  left: 0;
  right: 0;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .two-project-block-2 h4.two-project-title {
    position: initial;
    text-align: left;
    padding-bottom: 15px;
    margin-left: 30px;
  }
}
@media screen and (min-width: 960px) {
  .two-project-block-2 h4.two-project-title {
    position: absolute;
    text-align: center;
    margin: 0;
  }
}
.two-project-block-2 p.two-project-text {
  position: absolute;
  z-index: 1;
  width: 80%;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 52.5%;
}
@media screen and (min-width: 768px) {
  .two-project-block-2 p.two-project-text {
    position: initial;
    width: 95%;
    margin-left: 30px;
  }
}
@media screen and (min-width: 960px) {
  .two-project-block-2 p.two-project-text {
    position: absolute;
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .two-project-block-2 dl {
    display: flex;
    border: 1px solid #ccc;
  }
  .two-project-block-2 dl:nth-of-type(2) {
    border-top: none;
  }
}
.two-project-block-2 dl dt {
  font-size: 1.8rem;
  border: 1px solid #ccc;
  border-left: 5px solid #ccc;
  text-align: center;
  padding: 8px 0;
  line-height: 1.2;
  font-weight: normal;
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .two-project-block-2 dl dt {
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: none;
    border-right: 1px solid #ccc;
    border-bottom: none;
    border-left: none;
    background-color: #eee;
    margin-bottom: 0;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1040px) {
  .two-project-block-2 dl dt {
    width: 330px;
  }
}
@media screen and (min-width: 960px) {
  .two-project-block-2 dl dd {
    padding: 24px;
    width: calc(100% - 220px);
  }
}
@media screen and (min-width: 1040px) {
  .two-project-block-2 dl dd {
    width: calc(100% - 330px);
  }
}
.two-project-block-2 dl dd li {
  list-style: inside circle;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 24px;
}
.two-project-block-2 dl dd li span {
  color: #00839D;
  font-weight: bold;
}

@media screen and (min-width: 960px) {
  .two-project-block-3 {
    display: flex;
    border: 1px solid #ccc;
  }
}
.two-project-block-3 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) {
  .two-project-block-3 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) {
  .two-project-block-3 h3 {
    width: 330px;
  }
}
@media screen and (min-width: 960px) {
  .two-project-block-3 .performance-inner {
    width: calc(100% - 220px);
  }
}
@media screen and (min-width: 1040px) {
  .two-project-block-3 .performance-inner {
    width: calc(100% - 330px);
  }
}
.two-project-block-3 .performance-inner dl {
  margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .two-project-block-3 .performance-inner dl {
    display: flex;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 0;
  }
  .two-project-block-3 .performance-inner dl:last-of-type {
    border: none;
  }
}
.two-project-block-3 .performance-inner dl dt {
  font-weight: normal;
}
@media screen and (min-width: 960px) {
  .two-project-block-3 .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) {
  .two-project-block-3 .performance-inner dl dt {
    width: 326px;
    font-size: 2rem;
  }
}
.two-project-block-3 .performance-inner dl dd {
  font-size: 3rem;
  font-weight: bold;
  color: #00839D;
  text-align: right;
}
@media screen and (min-width: 960px) {
  .two-project-block-3 .performance-inner dl dd {
    width: calc(100% - 220px);
    font-size: 4.4rem;
    padding: 8px 32px 8px 0;
  }
}
@media screen and (min-width: 1040px) {
  .two-project-block-3 .performance-inner dl dd {
    width: calc(100% - 280px);
  }
}
.two-project-block-3 .performance-inner dl dd span {
  font-size: 2rem;
  margin: 0 4px;
}

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

.voice {
  background-color: #F9F9F9;
  padding: 60px 0;
}
@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;
}

.voice-main {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .voice-main {
    width: 100%;
  }
}
@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 28px 40px;
  }
}
@media screen and (min-width: 1040px) {
  .voice-main ul .one-voice {
    width: 352px;
    padding: 36px 36px 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.4rem;
  }
}

.voice-solveAnxiety {
  width: 100%;
  height: auto;
  background-color: #f5fcfc;
  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 h1.big-midashi {
  margin-bottom: 10px;
}
@media screen and (min-width: 960px) {
  .voice-solveAnxiety h1.big-midashi {
    width: 1136px;
    margin: 0 auto 30px;
  }
}
.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 {
    max-width: 1136px;
  }
}
.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 {
  /*フキダシ左*/
}
.voice-solveAnxiety .kaiwa .fukidasi.left {
  float: left;
}
.voice-solveAnxiety .border-anxiety {
  border: 1px solid #ccc;
}
.voice-solveAnxiety {
  /*フキダシ右*/
}
.voice-solveAnxiety .kaiwa .fukidasi.right {
  float: right;
}
.voice-solveAnxiety .border-solve {
  border: 3px solid #00B4CB;
}
.voice-solveAnxiety {
  /*会話部分　共通*/
}
.voice-solveAnxiety .kaiwa .fukidasi::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  top: 25px;
}
.voice-solveAnxiety {
  /*吹き出し三角　左*/
}
.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 {
  /*吹き出し三角　右*/
}
.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 {
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .step3, .video-container {
    width: 90%;
    margin: 0 auto 40px;
  }
}
@media screen and (min-width: 1040px) {
  .step3, .video-container {
    width: 1136px;
  }
}

.step3-main, .video-container .video-main {
  width: 90%;
  margin: 0 auto;
  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: 0px;
}
@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-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;
  margin-bottom: 10px;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .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 {
    margin-bottom: 18px;
  }
}
@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;
}

.registbtn-wrap-2 {
  margin-bottom: 80px;
}
@media screen and (min-width: 960px) {
  .registbtn-wrap-2 {
    display: flex;
    justify-content: center;
    margin-bottom: 112px;
  }
}
.registbtn-wrap-2 .btn-regist {
  width: 74%;
  margin: 0 auto 16px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .registbtn-wrap-2 .btn-regist {
    width: 388px;
    margin: 0 20px;
  }
}
.registbtn-wrap-2 .btn-regist a {
  position: relative;
  color: #fff;
  background-color: #FF4D6B;
  border: 1px solid #FF4D6B;
  border-radius: 4px;
  display: block;
  padding: 16px 24px 16px 8px;
}
@media screen and (min-width: 960px) {
  .registbtn-wrap-2 .btn-regist a {
    font-size: 2.2rem;
    padding: 36px 0;
  }
}
.registbtn-wrap-2 .btn-regist a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .registbtn-wrap-2 .btn-regist a .fa-arrow-circle-right {
    right: 12px;
  }
}
.registbtn-wrap-2 .btn-flow {
  width: 74%;
  margin: 0 auto 16px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .registbtn-wrap-2 .btn-flow {
    width: 388px;
    margin: 0 20px;
  }
}
.registbtn-wrap-2 .btn-flow a {
  position: relative;
  color: #fff;
  background-color: #00B4CB;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  display: block;
  padding: 16px 24px 16px 8px;
}
@media screen and (min-width: 960px) {
  .registbtn-wrap-2 .btn-flow a {
    font-size: 2.2rem;
    padding: 36px 0;
  }
}
.registbtn-wrap-2 .btn-flow a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}

.more-know {
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .more-know {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .more-know {
    width: 90%;
    margin: 0 auto 80px;
  }
}
@media screen and (min-width: 1040px) {
  .more-know {
    width: 1136px;
  }
}

.more-know-main {
  width: 90%;
  margin: 0 auto 48px;
}
@media screen and (min-width: 960px) {
  .more-know-main {
    width: 100%;
    display: flex;
    justify-content: space-around;
  }
}
@media screen and (min-width: 1040px) {
  .more-know-main {
    width: 1136px;
    margin-bottom: 80px;
  }
}
.more-know-main a {
  display: flex;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  margin-bottom: 16px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .more-know-main a {
    width: 74%;
    margin: 0 auto 16px;
  }
}
@media screen and (min-width: 960px) {
  .more-know-main a {
    width: 388px;
    margin: 0 20px;
  }
}
@media screen and (min-width: 1040px) {
  .more-know-main a {
    width: 480px;
  }
}
.more-know-main a p {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 8px 4px;
  width: 32%;
}
@media screen and (min-width: 960px) {
  .more-know-main a p {
    padding: 24px 4px;
  }
}
.more-know-main a p img {
  width: 100%;
  height: auto;
}
.more-know-main a div {
  background-color: #00B4CB;
  color: #fff;
  padding: 0 24px 0 8px;
  width: 68%;
  width: calc(68% + 1px);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .more-know-main a div {
    font-size: 2rem;
  }
}
.more-know-main a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .more-know-main a .fa-arrow-circle-right {
    right: 12px;
  }
}

.faq-wrap {
  padding: 40px 0;
  margin-bottom: 40px;
  background-color: #F9F9F9;
}
@media screen and (min-width: 960px) {
  .faq-wrap {
    padding-top: 64px;
    padding-bottom: 80px;
    margin-bottom: 40px;
  }
  .faq-wrap h1.big-midashi {
    width: 90%;
    margin: 0 auto 56px;
  }
}
@media screen and (min-width: 1040px) {
  .faq-wrap h1.big-midashi {
    width: 1136px;
  }
}

.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;
  }
}

.news-topix {
  margin-bottom: 80px;
}
@media screen and (min-width: 960px) {
  .news-topix {
    width: 90%;
    margin: 0 auto 80px;
  }
}
@media screen and (min-width: 1040px) {
  .news-topix {
    width: 1136px;
  }
}

.news-topix-main {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .news-topix-main {
    width: 82%;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1040px) {
  .news-topix-main {
    width: 816px;
  }
}
.news-topix-main .news-topix-dl {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 40px;
}
.news-topix-main .news-topix-dl dl {
  border-top: 1px dotted #ccc;
  padding: 16px 16px 12px 16px;
}
.news-topix-main .news-topix-dl dl:first-child {
  border-top: none;
}
@media screen and (min-width: 1040px) {
  .news-topix-main .news-topix-dl dl {
    display: flex;
  }
}
.news-topix-main .news-topix-dl dl dt {
  margin-bottom: 4px;
}
@media screen and (min-width: 1040px) {
  .news-topix-main .news-topix-dl dl dt {
    width: 160px;
    margin-right: 16px;
  }
}
@media screen and (min-width: 1040px) {
  .news-topix-main .news-topix-dl dl dd {
    width: calc(100% - 160px);
  }
}
.news-topix-main .news-topix-dl dl dd a {
  display: block;
  margin-bottom: 4px;
  color: #555;
}
.news-topix-main .news-topix-dl dl dd a:hover {
  color: #00839D;
}
.news-topix-main .news-topix-dl dl dd a.tag-cate {
  color: #888;
  font-size: 1.4rem;
}

.for-borrowing {
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .for-borrowing {
    width: 90%;
    margin: 0 auto 80px;
  }
}
@media screen and (min-width: 1040px) {
  .for-borrowing {
    width: 1136px;
  }
}
@media screen and (min-width: 960px) {
  .for-borrowing .big-midashi {
    margin-bottom: 40px;
  }
}

.for-borrowing-main {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 960px) {
  .for-borrowing-main {
    width: 100%;
    margin-bottom: 0;
  }
}
.for-borrowing-main .h-lead {
  margin-bottom: 40px;
}
.for-borrowing-main .for-borrowing-text {
  margin-bottom: 40px;
}
.for-borrowing-main .for-borrowing-btn {
  margin: 0 auto 48px;
}
@media screen and (min-width: 768px) {
  .for-borrowing-main .for-borrowing-btn {
    width: 74%;
  }
}
@media screen and (min-width: 960px) {
  .for-borrowing-main .for-borrowing-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1040px) {
  .for-borrowing-main .for-borrowing-btn {
    width: 1136px;
  }
}
.for-borrowing-main .for-borrowing-btn .btn-loan a {
  display: flex;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  margin-bottom: 16px;
  position: relative;
}
@media screen and (min-width: 960px) {
  .for-borrowing-main .for-borrowing-btn .btn-loan a {
    width: 388px;
    height: 130px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 1040px) {
  .for-borrowing-main .for-borrowing-btn .btn-loan a {
    width: 480px;
  }
}
.for-borrowing-main .for-borrowing-btn .btn-loan a p {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 8px 4px;
  width: 32%;
}
@media screen and (min-width: 768px) {
  .for-borrowing-main .for-borrowing-btn .btn-loan a p {
    padding: 16px 0;
  }
}
@media screen and (min-width: 960px) {
  .for-borrowing-main .for-borrowing-btn .btn-loan a p {
    padding: 24px 4px;
  }
}
.for-borrowing-main .for-borrowing-btn .btn-loan a p img {
  width: 100%;
  height: auto;
}
.for-borrowing-main .for-borrowing-btn .btn-loan a div {
  background-color: #00B4CB;
  color: #fff;
  padding: 0 24px 0 8px;
  width: calc(68% + 1px);
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .for-borrowing-main .for-borrowing-btn .btn-loan a div {
    font-size: 2rem;
  }
}
.for-borrowing-main .for-borrowing-btn .btn-loan a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .for-borrowing-main .for-borrowing-btn .btn-loan a .fa-arrow-circle-right {
    right: 12px;
  }
}
.for-borrowing-main .for-borrowing-btn .btn-to-ldf a {
  display: block;
  border: 1px solid #00B4CB;
  border-radius: 4px;
  position: relative;
  padding: 4px 32px 0 4px;
}
@media screen and (min-width: 768px) {
  .for-borrowing-main .for-borrowing-btn .btn-to-ldf a {
    padding: 8px 32px 16px 8px;
  }
}
@media screen and (min-width: 960px) {
  .for-borrowing-main .for-borrowing-btn .btn-to-ldf a {
    width: 388px;
    height: 130px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1040px) {
  .for-borrowing-main .for-borrowing-btn .btn-to-ldf a {
    width: 480px;
    padding-left: 16px;
  }
}
.for-borrowing-main .for-borrowing-btn .btn-to-ldf a p {
  width: 90%;
  text-align: center;
}
.for-borrowing-main .for-borrowing-btn .btn-to-ldf a p img {
  width: 100%;
  height: auto;
}
.for-borrowing-main .for-borrowing-btn .btn-to-ldf a .fa-arrow-circle-right {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  color: #00B4CB;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .for-borrowing-main .for-borrowing-btn .btn-to-ldf a .fa-arrow-circle-right {
    right: 12px;
  }
}

.published-media {
  padding: 40px 0;
  background-color: #F9F9F9;
}

.published-media-main {
  width: 90%;
  margin: 0 auto 40px;
  display: flex;
  flex-wrap: wrap;
}
.published-media-main li {
  width: 24%;
  margin: 0 0.5% 1%;
}
@media screen and (min-width: 768px) {
  .published-media-main li {
    width: 11%;
  }
}
.published-media-main li img {
  width: 100%;
  height: auto;
}

.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: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sns-box ul .sns-facebook i {
  color: #fff;
}
.sns-box ul .sns-twitter {
  background-color: #000;
  border: 1px solid #000;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sns-box ul .sns-twitter i {
  color: #fff;
}

/*----共通----*/
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;
}
@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 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
}
.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 {
  /*フキダシ左*/
}
.voice-solveAnxiety .kaiwa .fukidasi.left {
  float: left;
}
.voice-solveAnxiety .border-anxiety {
  border: 1px solid #ccc;
}
.voice-solveAnxiety {
  /*フキダシ右*/
}
.voice-solveAnxiety .kaiwa .fukidasi.right {
  float: right;
}
.voice-solveAnxiety .border-solve {
  border: 3px solid #00B4CB;
}
.voice-solveAnxiety {
  /*会話部分　共通*/
}
.voice-solveAnxiety .kaiwa .fukidasi::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  top: 25px;
}
.voice-solveAnxiety {
  /*吹き出し三角　左*/
}
.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 {
  /*吹き出し三角　右*/
}
.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);
}

/* LPから非表示にした枠 */
.header-title,
.operationーresults,
.performance-supplement,
.cr-box,
.voice,
.voice-solveAnxiety,
.mailmagazin {
  display: none;
}

.about-company,
.voice,
.faq-wrap {
  background-color: initial;
}

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

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

.inviLP_top .invitation-kv-wrap .invitation-kv .sp-aria {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 44px;
}
@media screen and (min-width: 960px) {
  .inviLP_top .invitation-kv-wrap .invitation-kv .sp-aria {
    display: none;
  }
}
.inviLP_top .invitation-kv-wrap .invitation-kv .sp-aria img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.inviLP_top .invitation-kv-wrap .invitation-kv .pc-aria {
  display: none;
}
@media screen and (min-width: 960px) {
  .inviLP_top .invitation-kv-wrap .invitation-kv .pc-aria {
    display: block;
    width: 100%;
    max-width: 1056px;
    height: auto;
    margin: 32px auto 0;
  }
}
.inviLP_top .invitation-kv-wrap .invitation-kv .pc-aria img {
  width: 100%;
  height: auto;
}
.inviLP_top .invitation-kv-wrap .btn-invitation {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
  background-color: #ffffc8;
}
@media screen and (min-width: 768px) {
  .inviLP_top .invitation-kv-wrap .btn-invitation {
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .inviLP_top .invitation-kv-wrap .btn-invitation {
    margin-top: 160px;
    background-color: initial;
    padding: 0;
    margin-bottom: 80px;
  }
}
.inviLP_top .invitation-kv-wrap .btn-invitation .btn-regist {
  width: 100%;
  margin: 0 auto;
}
.inviLP_top .invitation-kv-wrap .btn-invitation .btn-regist a {
  position: relative;
  width: 90%;
  color: #fff;
  background-color: #ff4d6b;
  border: 1px solid #ff4d6b;
  border-radius: 4px;
  display: block;
  padding: 16px 24px 16px 8px;
  margin: 0px auto 0px;
}
@media screen and (min-width: 768px) {
  .inviLP_top .invitation-kv-wrap .btn-invitation .btn-regist a {
    width: 600px;
  }
}
@media screen and (min-width: 960px) {
  .inviLP_top .invitation-kv-wrap .btn-invitation .btn-regist a {
    margin: -140px auto 26px;
  }
}

.invitation-intro {
  background-color: #F5FEFF;
}
@media screen and (min-width: 960px) {
  .invitation-intro {
    margin-top: 140px;
  }
}
.invitation-intro h1 {
  position: relative;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 100;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .invitation-intro h1 {
    font-size: 5.6rem;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
.invitation-intro h1::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 8px solid #00b4cb;
  width: 60px;
  margin: 0 auto;
  border-radius: 3px;
}
@media screen and (min-width: 960px) {
  .invitation-intro h1::before {
    width: -webkit-calc(120px);
    width: 120px;
    border-bottom: 10px solid #00b4cb;
  }
}
.invitation-intro p {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 960px) {
  .invitation-intro p {
    width: 740px;
    font-size: 24px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 120px;
  }
}

.header-title-img {
  padding-top: 0;
}
.header-title-img img {
  padding-top: 0;
  width: 100%;
}

.header-title .header-title-img {
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .header-title .header-title-img {
    padding-top: 48px;
  }
}

.main_1 .invitation-flow {
  padding-top: 60px;
  background-color: #f5feff;
  padding-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-flow {
    padding-top: 80px;
  }
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-flow .big-midashi {
    margin-bottom: 28px;
    max-width: 1056px;
    margin: 0 auto;
    margin-bottom: 16px;
  }
}
.main_1 .invitation-flow .invitationFlow-wrap {
  width: 92%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-flow .invitationFlow-wrap {
    max-width: 1056px;
    margin: 0 auto;
    padding-bottom: 80px;
  }
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer h2 {
  position: relative; /*相対位置*/
  padding-left: 1.5em; /*アイコン分のスペース*/
  line-height: 1.4; /*行高*/
  margin-bottom: 20px;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer h2::before {
  font-family: "Font Awesome 5 Free";
  content: "\f111"; /*アイコンのユニコード*/
  font-weight: 900;
  position: absolute; /*絶対位置*/
  font-size: 22px; /*サイズ*/
  left: 0; /*アイコンの位置*/
  top: 0; /*アイコンの位置*/
  color: #00b4cb;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-flow .invitationFlow-wrap .case-introducer h2::before {
    font-size: 28px; /*サイズ*/
  }
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box {
  margin: 0 auto 20px;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box {
    width: calc((100% - 1em) / 3);
    display: flex;
    flex-direction: column;
  }
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-title_num {
  background-color: #00b4cb;
  color: #fff;
  width: 110px;
  text-align: center;
  padding: 6px;
  font-weight: bold;
  border-radius: 4px 4px 0 0;
  margin: 0;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content {
  flex: 1 1 auto;
  background-color: #fff;
  border-radius: 0 4px 4px 4px;
  display: flex;
  flex-direction: column;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-title {
  margin: 0;
  padding: 10px;
  background-color: #00b4cb;
  font-weight: bold;
  border-radius: 0 4px 0 0;
  height: 80px;
  display: table;
  padding: 10px 20px;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-title p {
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-text {
  flex-grow: 1;
  padding: 10px;
  margin: 0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-text .caution-text {
  background-color: #fff0f5;
  padding: 10px;
  border-radius: 4px;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-text .caution-text .highlights {
  color: #ff4d6b;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-text .sub-caution {
  color: #888;
  font-size: 12px;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-img {
  padding: 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-img div {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-img .w-adjustment_1 {
    width: 230px;
  }
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-img img {
  width: 100%;
  height: auto;
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-img .invi-button {
  text-align: center;
  margin: 0 auto 10px;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-img .invi-button {
    width: 300px;
  }
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-img .invi-button {
    width: 80%;
  }
}
.main_1 .invitation-flow .invitationFlow-wrap .case-introducer .introducerFlow-container .introducerFlow-box .introducerFlow-content .introducerFlow-img .invi-button a {
  display: inline-block;
  background-color: #ff4d6b;
  border: 1px solid #ff4d6b;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  padding: 8px 32px;
  width: 100%;
}
.main_1 .invitation-detail {
  background-color: #F5FEFF;
}
.main_1 .invitation-detail .invitationDetail-wrap {
  width: 92%;
  margin: 0 auto;
  padding-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .invitationDetail-wrap {
    max-width: 1056px;
    margin: 0 auto;
    padding-bottom: 40px;
  }
}
.main_1 .invitation-detail .invitationDetail-wrap .big-midashi {
  margin-bottom: 16px;
}
.main_1 .invitation-detail .invitationDetail-wrap h2 {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.4;
  margin-bottom: 20px;
}
.main_1 .invitation-detail .invitationDetail-wrap h2::before {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 900;
  position: absolute;
  font-size: 22px;
  left: 0;
  top: 0;
  color: #00b4cb;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .invitationDetail-wrap h2::before {
    font-size: 28px;
  }
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box {
  padding-bottom: 40px;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail {
  display: block;
}
@media screen and (min-width: 768px) {
  .main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail {
    width: 600px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: stretch;
  }
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir {
  border-radius: 4px;
  width: 100%;
  background-color: #fff;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  border-left: 1px #ccc solid;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir {
    width: 480px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir {
    width: 48%;
    margin-bottom: 0;
  }
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-title {
  background-color: #00b4cb;
  border-radius: 4px 4px 0 0;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-title p {
  color: #fff;
  padding: 20px 0;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box {
  display: flex;
  align-items: center;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box {
    padding: 10px 20px;
  }
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box {
    padding: 16px 20px 10px 20px;
  }
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .invitee-img {
  width: 32%;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .invitee-img img {
  width: 100%;
  height: auto;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .invitee-text {
  width: 68%;
  padding-left: 10px;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .invitee-text {
    padding-left: 30px;
  }
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .invitee-text {
  justify-content: center;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .invitee-text li {
  display: flex;
  padding-top: 4px;
  margin-bottom: 10px;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .invitee-text li p.giftRecipient-checbox {
  width: 18px;
  height: auto;
  margin-right: 8px;
  padding-top: 4px;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .invitee-text li p.giftRecipient-checbox img.checbox-img {
  width: 100%;
  height: auto;
  min-width: 18px;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .introducer-img {
  width: 28%;
  padding-top: 4px;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .introducer-img img {
  width: 100%;
  height: auto;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .introducer-text {
  width: 72%;
  padding-right: 10px;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .introducer-text {
    padding-right: 20px;
  }
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .introducer-text li {
  display: flex;
  padding-top: 4px;
  margin-bottom: 10px;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .introducer-text li p.giftRecipient-checbox {
  width: 18px;
  height: auto;
  margin-right: 8px;
  padding-top: 4px;
}
.main_1 .invitation-detail .invitationDetail-wrap .giftRecipient-box .giftRecipient-detail .invitee-contenir .invitee-box .introducer-text li p.giftRecipient-checbox img.checbox-img {
  width: 100%;
  height: auto;
  min-width: 18px;
}
.main_1 .invitation-detail .cpRimit-box {
  margin-bottom: 40px;
}
.main_1 .invitation-detail .cpRimit-box .cpRimit-text {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 16px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .main_1 .invitation-detail .cpRimit-box .cpRimit-text {
    text-align: center;
    width: 92%;
  }
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .cpRimit-box .cpRimit-text {
    max-width: 720px;
  }
}
.main_1 .invitation-detail .cpRimit-box .cpRimit-text .text_1 {
  margin-bottom: 10px;
  text-align: center;
}
.main_1 .invitation-detail .cpRimit-box .cpRimit-text .text_2 {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .main_1 .invitation-detail .cpRimit-box .cpRimit-text .text_2 {
    text-align: center;
  }
}
.main_1 .invitation-detail .cpRimit-box .cpRimit-text .text_2 .br_tab-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .main_1 .invitation-detail .cpRimit-box .cpRimit-text .text_2 .br_tab-pc {
    display: block;
  }
}
.main_1 .invitation-detail .cpRimit-box .cpRimit-text span {
  color: #00b4cb;
  font-size: 24px;
}
.main_1 .invitation-detail .receivingGifts-box {
  padding-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .receivingGifts-box {
    padding-bottom: 60px;
  }
}
.main_1 .invitation-detail .receivingGifts-box .receivingGifts-wrap {
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 24px 10px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .main_1 .invitation-detail .receivingGifts-box .receivingGifts-wrap {
    width: 92%;
  }
}
@media screen and (min-width: 960px) {
  .main_1 .invitation-detail .receivingGifts-box .receivingGifts-wrap {
    max-width: 800px;
  }
}
.main_1 .invitation-detail .receivingGifts-box .receivingGifts-wrap h3 {
  margin-bottom: 8px;
  color: #00B4CB;
  font-weight: bold;
}
.main_1 .invitation-detail .receivingGifts-box .receivingGifts-wrap > div:first-child ul {
  margin-bottom: 16px;
}
.main_1 .invitation-detail .receivingGifts-box .receivingGifts-wrap ul {
  display: inline-block;
  padding-left: 16px;
  text-align: left;
}
.main_1 .invitation-detail .receivingGifts-box .receivingGifts-wrap ul li {
  list-style: circle outside;
}

.presentContents-box .text-supplement {
  margin-bottom: 4px;
}
.presentContents-box .presentAmount_sp {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .presentContents-box .presentAmount_sp {
    width: 70%;
    margin: 0 auto 20px;
    min-width: 500px;
  }
}
.presentContents-box .presentAmount_sp .presentAmount-top {
  display: flex;
  align-items: center;
}
.presentContents-box .presentAmount_sp .presentAmount-top .presentAmount-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.presentContents-box .presentAmount_sp .presentAmount-top .balloon1-left {
  position: relative;
  display: inline-block;
  margin: 14px 24px 14px;
  padding: 7px 10px;
  min-width: 160px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #00b4cb;
  text-align: center;
  border-radius: 4px;
}
.presentContents-box .presentAmount_sp .presentAmount-top .balloon1-left:before {
  content: "";
  position: absolute;
  top: 24px;
  left: -20px;
  margin-top: -15px;
  border: 10px solid transparent;
  border-right: 10px solid #00b4cb;
}
.presentContents-box .presentAmount_sp .presentAmount-top .balloon1-left p {
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: bold;
}
.presentContents-box .presentAmount_sp .presentAmount-top .invitee-img {
  width: 60px;
  margin-left: 30px;
}
.presentContents-box .presentAmount_sp .presentAmount-top .invitee-img img {
  width: 100%;
  height: auto;
}
.presentContents-box .presentAmount_sp .presentAmount-top .introducer-img {
  width: 58px;
  margin-left: 30px;
}
.presentContents-box .presentAmount_sp .presentAmount-top .introducer-img img {
  width: 100%;
  height: auto;
}
.presentContents-box .presentAmount_sp .presentAmount {
  width: 100%;
  margin-bottom: 20px;
}
.presentContents-box .presentAmount_sp .presentAmount th {
  width: 50%;
  vertical-align: middle;
}
.presentContents-box .presentAmount_sp .presentAmount th span {
  font-size: 1.5rem;
}
.presentContents-box .presentAmount_sp .presentAmount td {
  width: 50%;
  vertical-align: middle;
}
.presentContents-box .presentAmount_pc {
  width: 100%;
}
.presentContents-box .presentAmount_pc table {
  width: 100%;
  margin-bottom: 20px;
}
.presentContents-box .presentAmount_pc th {
  width: 12.5%;
  vertical-align: middle;
}
.presentContents-box .presentAmount_pc td {
  padding: 20px 0px;
  width: 12.5%;
}
.presentContents-box th {
  background: #00b4cb;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px 8px;
  text-align: center;
}
.presentContents-box td {
  border: solid 1px #ccc;
  padding: 10px 0;
  background-color: #fff;
  text-align: center;
}
.presentContents-box .table-caution-text {
  text-indent: -1em;
  padding-left: 1em;
}

.btn-invitation .btn-regist {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .btn-invitation .btn-regist {
    width: 80%;
    margin: 40px auto;
  }
}
@media screen and (min-width: 960px) {
  .btn-invitation .btn-regist {
    max-width: 600px;
  }
}

.precautions {
  background-color: #f9f9f9;
  padding: 60px 0 60px;
  margin-bottom: 60px;
}
@media screen and (min-width: 960px) {
  .precautions {
    margin-bottom: 80px;
    padding: 60px 0 120px;
    margin-bottom: 100px;
  }
}
.precautions .precautions-wrap {
  width: 92%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .precautions .precautions-wrap {
    max-width: 1056px;
    margin: 0 auto;
  }
}
.precautions .precautions-wrap .precautionsText-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 14px 14px 10px 20px;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .precautions .precautions-wrap .precautionsText-box {
    padding: 30px 40px 20px;
  }
}
.precautions .precautions-wrap .precautionsText-box ul .deco {
  color: #00b4cb;
  padding-right: 6px;
}
.precautions .precautions-wrap .precautionsText-box ul li {
  padding-bottom: 10px;
  text-indent: -1.4em;
  padding-left: 1em;
}

.about-risk {
  margin-bottom: 100px;
}
@media screen and (min-width: 960px) {
  .about-risk {
    margin-bottom: 140px;
  }
}

.main_2 {
  padding-bottom: 100px;
}
.main_2 .lpMain h1 {
  text-align: center;
  margin-bottom: 50px;
}
.main_2 .lpMain h1 p {
  position: relative;
  display: inline-block;
  padding: 10px 40px;
  text-align: center;
  font-size: 4rem;
  font-family: "M PLUS 1p", sans-serif;
  color: #0092b3;
}
.main_2 .lpMain h1 p::before, .main_2 .lpMain h1 p::after {
  content: "";
  width: 40px;
  height: 30px;
  position: absolute;
  display: inline-block;
}
.main_2 .lpMain h1 p::before {
  border-left: solid 2px #0092b3;
  border-top: solid 2px #0092b3;
  top: 0;
  left: 0;
}
.main_2 .lpMain h1 p::after {
  border-right: solid 2px #0092b3;
  border-bottom: solid 2px #0092b3;
  bottom: 0;
  right: 0;
}

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