.yu-mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.btn-success {
  background: #02827B !important;
}

.btn-primary {
  border-color: none;
}

.btn-video {
  background: #f93c1d !important;
}

.btn-warning {
  background: #ffff33 !important;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.33);
}

mark {
  background: #02827B !important;
}

html, body {
  height: 100%;
}

body {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

.plus {
  font-weight: bold;
}

section {
  padding: 8vh 0;
}

iframe {
  height: 100%;
}

.viewer {
  color: #f9be3c;
}

.negotiator {
  color: #f93c1d;
}

.exhibitor {
  color: #02827b;
}

.modal .modal-body {
  background-color: palevioletred;
  height: 100%;
}

.navbar .navbar-nav a {
  font-size: 0.8em;
}

.jumbotron {
  background: url(/assets/service/top-bg1-86e7c1984fad25d7134c7fceb8a26d2b7b66a44873b8b58a2f0201b42e2b359e.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 37.5%;
  position: relative;
}
.jumbotron .logo-area {
  width: 45%;
  position: absolute;
  top: 10%;
  left: 25%;
  right: 25%;
}

h1 .img-fluid {
  max-width: 109% !important;
}

.nileLP_movie {
  width: 32em;
  height: 18em;
}

.section02 {
  background: #fa3c1d;
  background: linear-gradient(337deg, #eaedec 0%, white 100%);
  text-align: center;
}
.section02 .container h2 {
  font-size: 2em;
  color: #111921;
}

.section02 .container p.yu-mincho {
  margin-top: 7vh;
}

.section03 {
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4)), url(/assets/service/img008-d84e3b6718198ebd5c09f82abf90fc6590d3fe8d971e7749542e998fecc1d3ae.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 8vh 0;
}
.section03 h6 {
  text-align: center;
  font-size: 1.75em;
  padding: 0 3vw;
  line-height: 1.5em;
  color: white;
}
.section03 h6 strong {
  text-transform: uppercase;
}
.section03 h6 strong span {
  text-decoration: underline;
}

.section04 {
  background: url(/assets/service/networking-18d7f95c12fee2403462963fea93ce3fd8f95c3a33e1977405d0622c1e5ee5f7.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 10vh 0 15vh;
}
.section04 .container {
  padding: 2vh 0;
}
.section04 .container .section04-contents {
  text-align: center;
}
.section04 .container .section04-contents h2 {
  color: #111921;
  margin-bottom: 5vh;
}
.section04 .container .section04-contents button {
  color: white;
}

.section05 {
  background: url(/assets/service/transparent-logo-e3bdcd0a72d49017fb3e5810c2e80523d4e9dc0778f924c9519565efa32bee93.png) no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
          clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
  margin-top: -10vh;
  padding: 10vh 0;
}

.section05 p {
  margin: 4em;
}

.section05 .btn {
  padding: 0.6em 1em;
  font-size: 1.3em;
  border-radius: 0.3em;
}

.section05 .container .section05-contents {
  padding: 4vh 2vw 0;
}
.section05 .container .section05-contents .text h2 {
  text-transform: uppercase;
  margin-top: 1em;
}
.section05 .container .section05-contents .text p strong.emphasis {
  font-size: 1.25em;
  text-decoration: underline;
}
.section05 .container .section05-contents .image {
  margin: 0 auto;
}

.section06 {
  -webkit-clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
          clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
  background: white;
  background: linear-gradient(135deg, white 0%, rgba(52, 102, 144, 0.5) 100%);
  padding: 10vh 0 20vh;
}
.section06 .section06-text {
  width: 80%;
  margin: 0 auto;
}
.section06 .section06-text h5 {
  font-weight: normal;
  padding: 10px 20px;
  line-height: 1.25em;
}
.section06 .section06-text p.top {
  padding-left: 40px;
}
.section06 .section06-text p.top strong {
  text-transform: uppercase;
  font-size: 1.25em;
}
.section06 .section06-text ul {
  list-style-image: url(/../img/nile-sm2.svg);
}
.section06 .section06-text ul:marker {
  font-size: 24px;
}
.section06 .section06-text .card {
  background: transparent;
  border: none;
  box-shadow: 1px 3px 6px rgba(17, 25, 33, 0.6);
}
.section06 .section06-text .card .card-text {
  font-size: 0.9em;
}

.section07 {
  background: #02827b;
  background: white;
  -webkit-clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
          clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
  margin-top: -10vh;
  padding: 10vh 0 20vh;
  z-index: 3;
}

.section07 .container {
  width: 100% !important;
  max-width: 768px !important;
}
.section07 .section07-area1 {
  background: white;
}
.section07 .section07-area1 .inner-wrapper {
  box-shadow: 1px 3px 6px rgba(17, 25, 33, 0.6);
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  border-radius: 5px;
}
.section07 .section07-area1 .inner-wrapper .section07-area2 {
  background: #dadada;
  padding: 10px 15px;
  margin: 5px;
  border-radius: 5px;
  font-size: 0.7em;
}
.section07 .section07-area1 .inner-wrapper .img-text p {
  position: relative;
  background-color: #fff;
  padding: 1.125em 1.5em;
  font-size: 0.7em;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2);
}
.section07 .section07-area1 .inner-wrapper .img-text p::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 1.5em;
  border: 0.75rem solid transparent;
  border-top: none;
  border-bottom-color: #fff;
  filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
}

.section08 {
  /* background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(/assets/service/img004-chi-ee4c056cb070a3e2afafe0c3bfa1947699af4ecb5d6d50e7b91f31884e2f58cc.jpg) no-repeat; */
  background-size: cover;
  background-position: center;
  -webkit-clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
          clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
  margin-top: -10vh;
}
.section08 .container .section08-01 {
  width: 75%;
  padding: 2vh 4vh;
}
.section08 .container .section08-01 h2 {
  margin-bottom: 3vh;
}
.section08 .container .section08-01 ol li {
  font-size: 0.9em;
  line-height: 2em;
}

.section09 {
  background: #4467b1;
  /* background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url(/assets/service/img001-handshake-6c2661d113d3a45851ace19809a2bbd4d53e6efca6f6f4cff708058627806819.jpg) no-repeat; */
  -webkit-clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
          clip-path: polygon(50% 3vh, 100% 0, 100% 100%, 0 100%, 0 0);
  margin-top: -5vh;
  background-position: center;
  background-size: cover;
}
.section09 h2 {
  color: #ffff33;
}
.section09 .section09-01 {
  width: 80%;
  margin: 5vh auto;
}
.section09 .section09-01 .section09-01-01 {
  text-align: center;
  margin-bottom: 3vh;
}
.section09 .section09-01 .section09-01-01 h4 {
  color: #ffff33;
}
.section09 .section09-01 .section09-01-01 h4 i {
  font-size: 1.5em;
  text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
}
.section09 .section09-01 .section09-01-01 .card {
  box-shadow: 1px 3px 6px rgba(17, 25, 33, 0.6);
  padding: 20px 0;
}
.section09 .section09-01 .section09-01-01 .card .card-title {
  font-size: 1em;
}
.section09 .section09-01 .section09-01-01 .card.success {
  border: 3px solid #ffff33;
}

.section10 {
  background: #eaffa6;
  background: url(/assets/service/nile-river-b4fb39a2b137c7f0c57abf1699ee8f2cdb9d413e2e0694555dfb02010e945606.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.section10 .container {
  text-align: center;
}
.section10 .container h2 {
  text-transform: uppercase;
  margin-bottom: 3vh;
  color: white;
  text-shadow: 1px 2px 4px rgba(17, 25, 33, 0.6);
}
.section10 .container h2 span {
  background: rgba(17, 25, 33, 0.6);
  padding: 5px 10px;
}
.section10 .container h3 {
  color: #f93c1d;
  font-size: 2.5em;
  text-shadow: 1px 1px 3px rgba(17, 25, 33, 0.5);
}
.section10 .container h3 span {
  font-size: 0.7em;
  margin-bottom: 3vh;
  color: #111921;
  text-shadow: none;
}
.section10 .container h5 {
  font-size: 0.9em;
  font-weight: normal;
}
.section10 .container h5 span {
  font-weight: bold;
}

.section11 .section11-01 .rounded-lg {
  border-radius: 1rem !important;
}
.section11 .section11-01 .text-small {
  font-size: 0.9rem !important;
}
.section11 .section11-01 .custom-separator {
  width: 5rem;
  height: 6px;
  border-radius: 1rem;
}
.section11 .section11-01 .custom-separator.viewer {
  background: #f9be3c;
}
.section11 .section11-01 .custom-separator.negotiator {
  background: #f93c1d;
}
.section11 .section11-01 .custom-separator.exhibitor {
  background: #02827b;
}
.section11 .section11-01 .text-uppercase {
  letter-spacing: 0.2em;
  font-size: 1.5em;
}
.section11 .section11-01 .fa-check:before {
  color: #02827b;
}
.section11 .section11-01 .price-list {
  width: 80%;
  margin: 0 auto;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.66);
}
.section11 .section11-01 .price-list .title {
  background: #111921;
  padding: 20px 10px;
  color: white;
}
.section11 .section11-01 .price-list .price-list-row {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background: #ededed;
}
.section11 .section11-01 .price-list .price-list-row .list-info {
  border-left: 1px solid white;
  padding: 20px 0;
}
.section11 .section11-01 .price-list .price-list-row .list-info .price {
  font-size: 1.5em;
  color: #111921;
}
.section11 .section11-01 .price-list .price-list-row .list-info .price em {
  font-style: normal;
  position: relative;
}
.section11 .section11-01 .price-list .price-list-row .list-info .price em:before {
  position: absolute;
  content: "";
  left: 0;
  top: 40%;
  right: 0;
  border-top: 3px solid;
  border-color: inherit;
  transform: rotate(10deg);
}
.section11 .section11-01 .price-list .price-list-row .list-info .price span {
  font-size: 0.6em;
  color: #353535;
}
.section11 .section11-01 .price-list .price-list-row .row-header {
  background: #02827b;
  color: white;
  padding: 20px 0;
}
.section11 .section11-01 .price-list .negotiation-list-row {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background: #ededed;
}
.section11 .section11-01 .price-list .negotiation-list-row .list-info {
  border-left: 1px solid white;
  padding: 20px 0;
}
.section11 .section11-01 .price-list .negotiation-list-row .list-info .price {
  font-size: 1.5em;
  color: #111921;
}
.section11 .section11-01 .price-list .negotiation-list-row .list-info .price em {
  font-style: normal;
  text-decoration: line-through;
}
.section11 .section11-01 .price-list .negotiation-list-row .list-info .price span {
  font-size: 0.6em;
  color: #353535;
}
.section11 .section11-01 .price-list .negotiation-list-row .row-header {
  background: #f93c1d;
  color: white;
  padding: 20px 0;
}
.section11 .section11-01 .register {
  margin: 4vh auto;
  text-align: center;
}
.section11 .section11-01 .register .btn {
  width: 100%;
}
.section11 .section11-01 dl {
  width: 100%;
  margin: 0 auto;
  max-width: 320px;
}
.section11 .section11-01 dt,
.section11 .section11-01 dd {
  box-sizing: border-box;
  padding: 5px 10px;
}
.section11 .section11-01 dt {
  float: left;
  width: 10%;
  padding-bottom: 0;
}
.section11 .section11-01 dd {
  background-color: #fff;
}
.section11 .section11-01 dd:after {
  content: "";
  display: block;
  clear: both;
}
.section11 .section11-01 del {
  color: grey;
}

.section12 {
  background: #fc9d8d;
  color: white;
}
.section12 .section12-01 ul {
  list-style: none;
  padding: 0;
}
.section12 .section12-01 ul li {
  text-align: center;
  font-size: 1.5em;
}

.section13 {
  background: #B1C3D3;
}
.section13 .container h2 {
  text-transform: uppercase;
}
.section13 .container .steps .txt {
  background: white;
  height: 100%;
  border-radius: 5px;
}
.section13 .container .steps .txt h3 {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0;
  border-bottom: 1px solid #111921;
  background: #02827b;
  background: linear-gradient(337deg, #02827b 0%, white 100%);
  color: white;
  text-shadow: 1px 1px 1px rgba(17, 25, 33, 0.5);
}
.section13 .container .steps .txt p {
  font-size: 1em;
  text-align: center;
}
.section13 .container .steps .txt dl {
  font-size: 0.8em;
}
.section13 .container p.details {
  font-size: 0.8em;
  color: #fff;
}
.section13 .container p.details span {
  background: #02827b;
  padding: 15px 20px;
  border-radius: 5px;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.6);
}
.section13 .container p.details span a {
  color: white;
}

.nileLP_flowarea {
  text-align: center;
}
.nileLP_flowarea .flowarea_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 67em;
  margin: auto;
}
.nileLP_flowarea .flowarea_flex video {
  width: 90%;
  max-width: 1000px;
  border: 3px solid;
  margin: 2em auto;
}
.nileLP_flowarea .flowarea_flex .flowarea_box {
  width: -moz-fit-content;
  width: fit-content;
  margin: 1em 0;
}
.nileLP_flowarea .flowarea_flex .flowarea_box h3 {
  position: relative;
  width: 100%;
  color: #fff;
  padding: 1em 0;
}
.nileLP_flowarea .flowarea_flex .flowarea_box h3::after {
  content: "";
  width: 20%;
  height: 100%;
  position: absolute;
  right: -19%;
  top: 0;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  z-index: 1;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(1) h3, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(5) h3 {
  background: #78a7e5;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(1) h3::after, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(5) h3::after {
  background: #78a7e5;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(2) h3, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(6) h3 {
  background: #3e74d1;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(2) h3::after, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(6) h3::after {
  background: #3e74d1;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(3) h3, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(7) h3 {
  background: #2657af;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(3) h3::after, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(7) h3::after {
  background: #2657af;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(4) h3, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(8) h3 {
  background: #1d3d75;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(4) h3::after, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(8) h3::after {
  content: unset;
}
.nileLP_flowarea .flowarea_flex .flowarea_box .guide01 {
  border-radius: 3em;
  padding: 0.3em;
  color: #333;
  font-weight: 600;
  margin: 0.5em;
  font-size: 0.9em;
}
.nileLP_flowarea .flowarea_flex .flowarea_box .down_arrow {
  width: 1.5em;
  height: 1em;
  background: #333;
  margin: 1em auto;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.nileLP_flowarea .flowarea_flex .flowarea_box p {
  line-height: 1.8em;
  font-size: 0.9em;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(3) p {
  width: 15em;
  display: block;
  margin: 2.4em auto;
  text-align: left;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(6) p {
  margin: 4em auto;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(7) p {
  margin: 5em auto;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(5) table {
  width: 100%;
  font-size: 0.6em;
  border-collapse: collapse;
  margin: 4em auto;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(5) table td {
  width: 50%;
  border: solid 1px;
  padding: 1.8em 0;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(8) table {
  width: 100%;
  font-size: 0.5em;
  border-collapse: collapse;
  margin: 4em auto;
}
.nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(8) table td {
  width: 33%;
  border: solid 1px;
  padding: 1em 0;
}
.nileLP_flowarea a {
  width: 12em;
  padding: 0.5em 0;
  font-size: 1.3em;
  border-radius: 10em;
  background: #198754;
  border: 2px solid rgba(0, 0, 0, 0);
  color: #fff;
  display: block;
  text-decoration: none;
  margin: 2em auto;
  transition: 0.2s;
}
.nileLP_flowarea a:hover {
  background: #fff;
  color: #198754;
  border-color: #198754;
}

.sp_frame {
  position: relative;
  width: 12em;
  height: 27.5em;
  padding: 1em 0;
  border-radius: 0.7em;
  background: #333;
  margin: 2.3em;
}
.sp_frame::before {
  content: "";
  display: block;
  width: 2.5em;
  height: 0.5em;
  background: #fff;
  margin: 0em auto 1em;
  border-radius: 1em;
}
.sp_frame img {
  width: 90%;
}

.small_catch {
  font-size: 1.5em;
  margin: 2em auto;
  line-height: 1.8em;
}

.nileLP_movie {
  width: 48em;
  height: 27em;
}

.sp-on {
  display: none;
}

@media screen and (max-width: 1200px) {
  .nileLP_movie {
    width: 32em;
    height: 18em;
  }
}
@media screen and (max-width: 1080px) {
  .nileLP_flowarea .flowarea_flex {
    font-size: 13px;
    width: 90%;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box {
    width: 25%;
  }
  .sp_frame {
    margin: 2.3em auto;
  }
}
@media screen and (max-width: 820px) {
  .nileLP_flowarea .flowarea_flex {
    font-size: 11px;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box {
    width: 33%;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(3) h3::after, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(6) h3::after {
    content: unset;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(4) h3::after {
    content: "";
    background: #1d3d75;
  }
}
@media screen and (max-width: 690px) {
  .sp-on {
    display: block;
  }
  .sp-off {
    display: none;
  }
  .nileLP_flowarea .flowarea_flex {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 11px;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box {
    width: 90%;
    margin: 5em auto;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box h3::after {
    content: unset;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(2) h3::after, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(6) h3::after, .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(4) h3::after {
    content: unset;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box .guide01 {
    border-radius: 3em;
    padding: 0.5em 3em;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0.5em auto;
    font-size: 1.2em;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box .guide02 div {
    font-size: 1.2em;
    padding: 1em 0;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box p {
    font-size: 1.2em;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(3) p {
    width: 90%;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(5) table {
    font-size: 1em;
    border-collapse: collapse;
    margin: 4em auto;
  }
  .nileLP_flowarea .flowarea_flex .flowarea_box:nth-child(8) table {
    font-size: 1em;
    margin: 4em auto;
  }
  .sp_frame {
    margin: 2em auto;
  }
}
@media screen and (max-width: 575px) {
  .nileLP_movie {
    width: 96vw;
    height: 54vw;
  }
}

footer {
  background: #222629;
  color: white;
}

footer a {
  color: white;
  text-decoration: none;
}

footer .container p {
  font-size: 0.7em;
}
footer .container ul {
  padding: 0;
  margin: 0;
}
footer .container ul li {
  font-size: 0.7em;
  display: inline-block;
  padding-right: 5px;
}

iframe {
  width: 100%;
  height: 500px;
}

@media only screen and (max-width: 992px) {
  .section05 .container {
    width: 100%;
    max-width: 992px;
  }

  .section07 .container {
    width: 100%;
    max-width: 992px;
  }

  .section08 .container .section08-01 {
    width: 100%;
    padding: 2vh 0;
  }

  .section09 .container {
    width: 100%;
  }
  .section09 .container .section09-01 {
    width: 100%;
  }
  .section09 .container .section09-01 .section09-01-01 h3 {
    font-size: 1em;
  }

  .section11 .container {
    width: 100%;
    max-width: 972px;
  }
}
@media only screen and (max-width: 934px) {
  .section07 .section07-area1 .inner-wrapper .section07-area2 {
    font-size: 0.6em;
  }
  .section07 .section07-area1 .inner-wrapper .img-text p {
    font-size: 0.6em;
  }
}
@media only screen and (max-width: 850px) {
  .section07 .section07-area1 .inner-wrapper .section07-area2 {
    font-size: 0.5em;
  }
  .section07 .section07-area1 .inner-wrapper .img-text p {
    font-size: 0.6em;
  }
}
@media only screen and (min-width: 768 px) {
  .section07 .container {
    width: 100%;
    max-width: 768px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section06 .container {
    width: 100%;
    max-width: 768px;
  }
  .section06 .section06-text {
    width: 100%;
  }

  .section07 .container {
    width: 100%;
    max-width: 414px;
  }
  .section07 .container .section07-area1 {
    margin-bottom: 3vh;
  }
  .section07 .container .section07-area1 .inner-wrapper .section07-area2 {
    font-size: 1em;
  }
  .section07 .container .section07-area1 .inner-wrapper .img-text p {
    font-size: 1em;
  }

  .section08 .container .section08-01 {
    padding: 2vh 0;
  }

  .section11 .section11-01 .price-list {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .section02 .container h2 {
    font-size: 1.5em;
  }

  .section03 h6 {
    font-size: 1.25em;
  }

  .section05 .container .section05-contents .text p {
    font-size: 1em;
  }
  .section05 .container .section05-contents .text p strong.emphasis {
    font-size: 1.25em;
    text-decoration: underline;
  }
  .section05 .container .section05-contents .image {
    margin: 0 auto;
  }

  .section07 .section07-area1 .section07-area2 {
    font-size: 0.9em;
  }
  .section07 .section07-area1 .img-text p {
    font-size: 0.8em;
  }

  .section08 .container .section08-01 {
    padding: 2vh 0;
  }
  .section08 .container .section08-01 ol li {
    font-size: 1em;
  }

  .section11 .section11-01 .price-list {
    width: 100%;
  }
}
@media only screen and (max-width: 430px) {
  .section06 .container .section06-text a.btn {
    width: 100%;
  }
  .section06 .container .section06-text .card .card-text {
    font-size: 1.1em;
  }
  .section06 .container .section06-text p {
    font-size: 1.1em;
  }

  .section08 .container .section08-01 .btn {
    width: 100%;
  }

  .section09 .section09-01 .section09-01-01 .card {
    padding: 5px;
  }
  .section09 .section09-01 .section09-01-01 .card .card-body {
    padding: 0;
  }
  .section09 .section09-01 .section09-01-01 .card .card-body .card-title {
    font-size: 0.95em;
    margin-top: 10px;
  }

  .section10 .container h3 span {
    font-size: 0.5em;
  }

  .section11 .section11-01 .register {
    width: 100%;
  }
  .section11 .section11-01 .price-list {
    width: 100%;
  }
  .section11 .section11-01 .price-list .list-info .benefits {
    font-size: 0.9em;
  }
  .section11 .section11-01 dd {
    font-size: 1.2em;
  }

  .plus {
    font-size: 0.8em;
  }

  .section13 .container .steps .txt p {
    font-size: 1em;
  }
}