html {
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  word-break: normal;
}

*, :after, :before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  margin: 0;
  padding: 0;
}

hr {
  color: inherit;
  height: 0;
  overflow: visible;
}

details, main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline-width: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
}

pre {
  font-size: 1em;
}

b, strong {
  font-weight: bolder;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  text-indent: 0;
}

iframe {
  border-style: none;
}

input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline-width: 0;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

[disabled] {
  cursor: default;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

a:active,
a:hover {
  outline-width: 0;
}

[type=search] {
  outline-offset: auto;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: medium;
}

@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100;
  src: url(../vendor/fonts/Noto_Sans_JP/NotoSansJP-Thin.woff2) format("woff2"), url(../vendor/fonts/Noto_Sans_JP/NotoSansJP-Thin.woff) format("woff"), url(../vendor/fonts/Noto_Sans_JP/NotoSansJP-Thin.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  src: url(../vendor/fonts/Noto_Sans_JP/NotoSansJP-Light.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url(../vendor/fonts/Noto_Sans_JP/NotoSansJP-Regular.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url(../vendor/fonts/Noto_Sans_JP/NotoSansJP-Medium.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url(../vendor/fonts/Noto_Sans_JP/NotoSansJP-Bold.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  src: url(../vendor/fonts/Noto_Sans_JP/NotoSansJP-Black.otf) format("opentype");
}
html {
  color: #000;
  font-size: 62.5%;
  font-family: "Noto Sans JP", sans-serif;
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}

body {
  font-size: 1.4rem;
  line-height: 1.6;
  width: 100%;
  min-width: 375px;
}

img,
video {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a {
  color: #1C3E91;
}
a:hover {
  text-decoration: none;
}

hr {
  border-width: 1px 0 0 0;
  margin: 30px 0;
}

.inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1360px;
}

.kv {
/*  background: url("../img/bg_pat01.png") no-repeat top left, url("../img/bg_pat02.png") no-repeat bottom right;*/
	background: url("../img/lpbk.jpg");
  background-color: #ECF2FF;
/*  background-size: 240px, 240px;
*/  min-height: 400px;
  padding: 30px 15px 30px;
}
.kv .btns-wrap {
  margin-top: 16px;
}

.kv-lead-a {
  color: #1C3E91;
	font-size: 37px;
	font-weight: 900;
  line-height: 1.2;
  text-align: center;
}
.kv-lead-a > strong {
  color: #0C318F;
  vertical-align: baseline;
}

.kv-lead-b {
	font-size: 30px;
	font-weight: 900;
  margin-top: 15px;
  text-align: center;
}
.kv-lead-b > strong {
  color: #1C3E91;
}

.kv-lead-c {
  margin-bottom: 15px;
	margin-right: 15px;
  text-align: left;
	width: 615px;
}

.kv-lead-c  p{
  margin-bottom: 15px;
}

.kv-lead-c  .font80per{
	font-size: 80%;
}

.kv-lead-e{
  margin-top: 50px;
	margin-left: 50px;
}

@media (max-width: 1024px) {
.kv-lead-c {

	padding: 0;
	width: 100%;

	margin: 0 0 30px;
}
.kv-image {
  margin-top: 16px;
  text-align: right;
	width: auto;
}

}

@media (max-width: 767px) {

.kv-lead-c {
	padding: 0;
	width: 100%;
	margin: 0 0 20px;
}
.kv-image {
  margin-top: 16px;
  text-align: right;
	width: 300px;
}

.kv-lead-e{

	margin: 30px 30px 0px 30px;
}

}



.kv-banner-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0 33px;
}
.kv-banner-wrap > .kv-banner-item {
  color: #000;
  border: 5px solid #1C3E91;
  display: block;
  position: relative;
  padding: 16px;
  width: 312px;
  background: #fff;
  -webkit-box-shadow: 16px 16px rgba(131, 155, 203, 0.6);
          box-shadow: 16px 16px rgba(131, 155, 203, 0.6);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  -webkit-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.kv-banner-wrap > .kv-banner-item:after {
  content: "";
  position: absolute;
  background-color: #1C3E91;
  background-image: url("../img/icon_w-open_w.png");
  background-position: 8px 8px;
  background-size: 16px;
  background-repeat: no-repeat;
  width: 27px;
  height: 27px;
  bottom: 0;
  right: 0;
}
.kv-banner-wrap > .kv-banner-item > .recommend-content {
  content: "";
  background-image: url("../img/label_recommend.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 87px;
  height: 55px;
  top: -25px;
  left: -12px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.kv-banner-wrap > .kv-banner-item > .kv-banner-image {
  margin-top: 10px;
}
.kv-banner-wrap > .kv-banner-item > p {
  font-size: 1.6rem;
  margin-top: 10px;
}

.sec-preorder {
  padding: 50px 15px 50px 15px;
}

.sec-sch {
  padding: 50px 15px 50px 15px;
}

.sec-price{
  padding: 50px 15px 50px 15px;
}

.sec-seminar {
  padding: 50px 15px 50px 15px;
	}

.sec-benefits{
  padding: 50px 15px 50px 15px;
}

.inner_preorder{
	margin: 50px;
	padding: 30px 10px;
	border-radius: 20px;
}


.features-block-a {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 30px;
  margin-top: 30px;
}
.features-block-a > .features-item > .features-image {
  text-align: center;
}
.features-block-a > .features-item > .features-image > img {
  width: 120px;
  height: 120px;
}
.features-block-a > .features-item > .features-text {
  margin-top: 15px;
}

.video-wrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 30px;
  margin: 30px auto 0 auto;
}
.video-wrap > .video-item {
  text-align: center;
  max-width: 100%;
}
.video-wrap > .video-item > .iframe {
  aspect-ratio: 16/9;
}
.video-wrap > .video-item > .iframe iframe {
  border: none;
  width: 100%;
  height: 100%;
}
.video-wrap > .video-item > .video-text {
  margin-top: 16px;
  font-size: 1.6rem;
}

.doc-download {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 30px;
  text-align: center;
}
.doc-download > .doc-download-item {
  -webkit-box-flex: 0;
          flex: 0 0 345px;
}
.doc-download > .doc-download-item > .doc-download-image {
  border: 1px solid #707070;
}
.doc-download > .doc-download-item > .doc-download-text {
  margin-top: 20px;
}
.doc-download > .doc-download-item > .doc-download-text p {
  font-size: 1.4rem;
}
.doc-download > .doc-download-item > .doc-download-text a {
  font-size: 1.6rem;
}

.lead.contact {
  font-size: 1.4rem;
  margin-top: 20px;
  text-align: center;
}

.cta {
  padding: 27px 20px;
}

.bg-blue {
  background-color: #D7E2F9;
}

.bg-stripe-red {
  background: url(../img/cv-bg_red.png);
}

.bg-stripe-blue {
  background: url(../img/cv-bg_pale.png);
}


.bg-stripe-yellow {
  background: url(../img/cv-bg_yellow.png);
}

.header {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
  padding: 0 15px;
  min-height: 50px;
  position: sticky;
  top: 0;
  z-index: 100;
}
.header > .inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.bland-logo {
  flex-shrink: 0;
}
.bland-logo > a > img {
  width: 52px;
  height: 26px;
}

.site-title {
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: bold;
  margin-right: auto;
}

.global-nav {
  font-size: 1.6rem;
}
.global-nav a {
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-out 0s, border 0.2s ease-out 0s;
  transition: color 0.2s ease-out 0s, border 0.2s ease-out 0s;
}
.global-nav a:hover {
  color: #1C3E91;
}

.corporate-logo {
  flex-shrink: 0;
  margin-left: 20px;
}
.corporate-logo > a > img {
  width: 120px;
  height: 45px;
  vertical-align: middle;
}

.header-cta {
  flex-shrink: 0;
  margin-left: 20px;
  display: none;
}

.sp-nav {
  display: -webkit-inline-box;
  display: inline-flex;
  margin-left: 10px;
}
.sp-nav .btn-sp-nav {
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  height: 18px;
  position: relative;
}
.sp-nav .btn-sp-nav:before, .sp-nav .btn-sp-nav:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.2s ease-out 0s;
  transition: -webkit-transform 0.2s ease-out 0s;
  transition: transform 0.2s ease-out 0s;
  transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
}
.sp-nav .btn-sp-nav:before {
  border-top: 3px solid #1C3E91;
  border-bottom: 3px solid #1C3E91;
  height: calc(50% + 1.5px);
  top: 0;
}
.sp-nav .btn-sp-nav:after {
  border-bottom: 3px solid #1C3E91;
  top: calc(100% - 3px);
}
.sp-nav .btn-sp-nav.show:before {
  border-bottom: none;
  height: auto;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
}
.sp-nav .btn-sp-nav.show:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  top: 50%;
}

.footer {
  padding: 10px 15px;
}
.footer > .inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  gap: 30px;
}
.footer .copyright {
  font-size: 1rem;
}
.footer .privacy {
  flex-shrink: 0;
}
.footer .privacy > img {
  width: 50px;
  height: 55px;
}

.to-pagetop {
  margin-top: 0;
  margin-left: auto;
  width: 64px;
  text-align: right;
  position: fixed;
  bottom: 130px;
  right: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.to-pagetop.show {
  opacity: 1;
  visibility: hidden;
}
.to-pagetop.hide {
  opacity: 0;
  overflow: hidden;
  height: 0;
  width: 0;
  visibility: hidden;
}
.to-pagetop > a {
  color: transparent;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background-color: #5F77B1;
  border-radius: 4px 0 0 4px;
  width: 64px;
  height: 64px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  position: relative;
  -webkit-transition: opacity 0.2s ease-out 1s;
  transition: opacity 0.2s ease-out 1s;
}
.to-pagetop > a:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border: solid #fff;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: calc(50% - 4.5px);
  left: calc(50% - 9px);
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.to-pagetop > a:hover {
  opacity: 0.7;
}

p.lead {
  font-size: 1.6rem;
  margin-top: 30px;
}

p.note {
  font-size: 1.4rem;
  margin-top: 20px;
  text-indent: -1em;
  padding-left: 1em;
}

.ttl-a {
  color: #000;
  font-size: 2.8rem;
  font-weight: bold;
  padding-bottom: 8px;
  text-align: center;
  position: relative;
}
.ttl-a:after {
  background: linear-gradient(to right, #1C3E91 0, #1C3E91 60px, #1C3E91 63px, #1C3E91 100%);
  content: "";
  display: inline-block;
  margin: 0 auto;
  width: 123px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ttl-b {
  color: #1C3E91;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 30px;
  text-align: center;
}
.ttl-b > span {
  background: linear-gradient(to bottom, transparent 0%, transparent calc(100% - 8px), rgba(95, 119, 177, 0.2) calc(100% - 8px), rgba(95, 119, 177, 0.2) 100%);
}
.ttl-b:first-child {
  margin-top: 0;
}

.ttl-c {
  font-size: 1.8rem;
  margin-top: 30px;
}
.ttl-c:first-child {
  margin-top: 0;
}

.ttl-d {
  color: #1C3E91;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 16px;
}
.ttl-d:first-child {
  margin-top: 0;
}

.ttl-e {
  background-color: #1C3E91;
  border-radius: 25px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  margin: 28px auto 0 auto;
  padding: 6px 12px;
  text-align: center;
  width: 315px;
  max-width: 100%;
}
.ttl-e:first-child {
  margin-top: 0;
}

.ttl-f {
  font-size: 2.6rem;
	font-size: 30px;
	font-weight: 900;
  text-align: center;
}

.ttl-g {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #1C3E91;
  position: relative;
}
.ttl-g:after {
  content: "";
  width: 100%;
  height: 7px;
  display: inline-block;
  background-color: rgba(219, 40, 54, 0.2);
  border-radius: 4px;
  position: absolute;
  bottom: 2px;
  left: 0;
}

.btns-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 20px 30px;
  margin-top: 15px;
}
.btns-wrap:first-child {
  margin-top: 0;
}
.btns-wrap > .btn-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
}

.frm-btn {
  background-color: #fff;
  border-radius: 6px;
  color: #DB2836;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1;
  min-height: 82px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px;
  max-width: 100%;
  -webkit-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.frm-btn:hover, .frm-btn.hover {
  opacity: 0.8;
  text-decoration: none;
}
.frm-btn.positive-semi {
  background-color: #2444FF;
  color: #fff;
}
.frm-btn.positive {
  background-color: #DB2836;
  color: #fff;
}

.frm-btn.size-s {
  font-size: 1.4rem;
  min-height: 50px;
}
.frm-btn.ic-link {
  padding-right: 40px;
  padding-left: 30px;
  position: relative;
}
.frm-btn.ic-link:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-width: 2px 2px 0 0;
  position: absolute;
  top: calc(50% - 5px);
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.frm-btn.ic-link.positive:after {
  border-color: #fff;
}
.frm-btn .sub-text {
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 5px;
}

.fade {
  -webkit-transition: opacity 0.8s ease-out 0.2s, -webkit-transform 0.8s ease-out 0.2s;
  transition: opacity 0.8s ease-out 0.2s, -webkit-transform 0.8s ease-out 0.2s;
  transition: opacity 0.8s ease-out 0.2s, transform 0.8s ease-out 0.2s;
  transition: opacity 0.8s ease-out 0.2s, transform 0.8s ease-out 0.2s, -webkit-transform 0.8s ease-out 0.2s;
}

.fade-out-move {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}

.fade-out {
  opacity: 0;
}

.fade-in {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.w-340px {
  width: 340px;
}

.w-365px {
  width: 365px;
}

.w-400px {
  width: 400px;
}

.alignleft {
  text-align: left;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.valigntop {
  vertical-align: top;
}

.valignmiddle {
  vertical-align: middle;
}

.valignbottom {
  vertical-align: bottom;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.sp-hide {
  display: none;
}

.sp-br {
  display: block;
}

.pc-br {
  display: none;
}

.icon-external {
  display: inline-block;
  text-indent: 0;
}
.icon-external:before {
  content: "";
  display: inline-block;
  margin-left: 6px;
}

.icon-external:before {
  background: url("../img/icon_w-open.png");
  background-size: contain;
  width: 12px;
  height: 12px;
}

@media (min-width: 768px) {
  body {
    font-size: 1.8rem;
  }
  .kv-banner-wrap {
    gap: 66px;
    margin-top: 25px;
  }
  .kv-banner-wrap > .kv-banner-item {
    -webkit-box-shadow: 20px 20px rgba(131, 155, 203, 0.6);
            box-shadow: 20px 20px rgba(131, 155, 203, 0.6);
    padding: 25px 0 15px;
  }
  .kv-banner-wrap > .kv-banner-item:after {
    background-position: 12px 11px;
    width: 35px;
    height: 35px;
  }
  .kv-banner-wrap > .kv-banner-item > .recommend-content {
    width: 108px;
    height: 66px;
    top: -29px;
    left: -14px;
  }
  .kv-banner-wrap > .kv-banner-item > p {
    font-size: 1.8rem;
    margin-top: 5px;
  }
  .sec-features {
    padding: 70px 20px 0 20px;
  }
  .sec-video {
    padding: 70px 20px 0 20px;
  }
  .sec-sch {
    padding: 70px 20px 50px 20px;
  }
	 .sec-price {
    padding: 70px 20px 50px 20px;
  }
  .sec-trial_info {
    padding: 70px 20px 40px 20px;
  }
  .sec-seminar {
    padding: 50px 20px 50px 20px;
  }
  .features-block-a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    flex-wrap: wrap;
    gap: 50px 120px;
    max-width: 1100px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
  }
  .features-block-a > .features-item {
    -webkit-box-flex: 0;
            flex: 0 0 280px;
  }
  .features-block-a > .features-item > .features-image > img {
    width: 160px;
    height: 160px;
  }
  .video-wrap {
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    gap: 30px 50px;
    margin-top: 40px;
  }
  .video-wrap > .video-item {
    -webkit-box-flex: 0;
            flex: 0 0 480px;
  }
  .doc-download {
    gap: 30px 50px;
    margin-top: 40px;
  }
  .lead.contact {
    font-size: 1.8rem;
  }
  .footer {
    padding: 10px 40px;
  }
  .footer .copyright {
    font-size: 1.2rem;
  }
  .footer .privacy > img {
    width: 70px;
    height: 77px;
  }
  p.lead {
    font-size: 1.8rem;
    text-align: center;
  }
  p.note {
    font-size: 1.2rem;
    text-align: center;
  }
  .ttl-a {
    font-size: 3.2rem;

	font-weight: 900;
  }
  .ttl-b {
    font-size: 2.6rem;
    margin-top: 40px;
  }
  .ttl-d {
    font-size: 2rem;
  }
  .ttl-e {
    font-size: 2.4rem;
    width: 380px;
  }
  .ttl-g {
    font-size: 2.6rem;
  }
  .ttl-g:after {
    height: 8px;
    bottom: 3px;
  }
  .btns-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: center;
            justify-content: center;
    flex-wrap: wrap;
  }
  .btns-wrap > .btn-item {
    width: auto;
  }
	
  .sp-br {
    display: none;
  }
  .pc-br {
    display: block;
  }
}

@media screen and (min-width: 768px) and (hover: hover) {
  .kv-banner-wrap > .kv-banner-item:active {
    -webkit-box-shadow: 20px 20px rgba(131, 155, 203, 0.8);
            box-shadow: 20px 20px rgba(131, 155, 203, 0.8);
  }
}

@media screen and (min-width: 768px) and (hover: none) {
  .kv-banner-wrap > .kv-banner-item:active {
    -webkit-box-shadow: 20px 20px rgba(131, 155, 203, 0.8);
            box-shadow: 20px 20px rgba(131, 155, 203, 0.8);
  }
}

@media (min-width: 1024px) {
  html {
    scroll-padding-top: 80px;
  }
  .kv {
    background-size: auto, auto;
    padding: 50px 15px;
  }
  .kv .btns-wrap {
    margin-top: 0;
  }
  .kv-lead-a {
    font-size: 3.5rem;
  }
  .kv-lead-b {
    font-size: 3rem;
    margin-top: 20px;
  }
	 .kv-lead-e {
    display: flex;
		margin: 50px 50px 0 50px;
  }
  .kv-image {
margin-left: 50px;
width: 550px;
  }
  .header {
    min-height: 80px;
    padding: 0 20px;
  }
  .bland-logo > a > img {
    width: 74px;
    height: 36px;
  }
  .site-title {
    font-size: 2.2rem;
  }
  .global-nav {
    display: -webkit-box;
    display: flex;
    align-self: stretch;
    margin-left: 20px;
  }
  .global-nav > ul {
    display: -webkit-box;
    display: flex;
    list-style-type: none;
  }
  .global-nav > ul > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
            align-items: stretch;
  }
  .global-nav > ul > li > a {
    border-top: 4px solid transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 0 14px;
  }
  .global-nav .pc-hide {
    display: none;
  }
  .corporate-logo {
    margin-left: 15px;
  }
  .corporate-logo > a > img {
    width: 180px;
    height: 45px;
  }
  .header-cta {
    display: block;
    margin-left: 15px;
  }
  .sp-nav {
    display: none;
  }
  .to-pagetop.show {
    visibility: visible;
  }
}

@media (max-width: 1024px) {
  .global-nav {
    background-color: rgba(0, 0, 0, 0.6);
    overflow: auto;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    min-height: calc(100dvh - 50px);
  }
  .global-nav.show {
    -webkit-animation: gnav-show 0.3s linear 0s;
            animation: gnav-show 0.3s linear 0s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .global-nav.hide {
    -webkit-animation: gnav-hide 0.3s linear 0s;
            animation: gnav-hide 0.3s linear 0s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes gnav-show {
    0% {
      visibility: hidden;
      bottom: 100%;
      opacity: 0;
    }
    100% {
      visibility: visible;
      bottom: 0;
      opacity: 1;
    }
  }
  @keyframes gnav-show {
    0% {
      visibility: hidden;
      bottom: 100%;
      opacity: 0;
    }
    100% {
      visibility: visible;
      bottom: 0;
      opacity: 1;
    }
  }
  @-webkit-keyframes gnav-hide {
    0% {
      visibility: visible;
      bottom: 0;
      opacity: 1;
    }
    100% {
      visibility: hidden;
      bottom: 100%;
      opacity: 0;
    }
  }
  @keyframes gnav-hide {
    0% {
      visibility: visible;
      bottom: 0;
      opacity: 1;
    }
    100% {
      visibility: hidden;
      bottom: 100%;
      opacity: 0;
    }
  }
  .global-nav:before {
    content: "";
    display: block;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    border-top: 1px solid transparent;
    height: 0;
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
  }
  .global-nav > ul {
    background-color: #D7E2F9;
    background-color: #D7E2F9;
    list-style-type: none;
    padding: 36px 15px 36px;
    text-align: center;
  }
  .global-nav > ul > li > a {
    display: block;
    padding: 14px 0;
  }
  .global-nav .btns-wrap {
    background-color: #D7E2F9;
    margin-top: 0;
    padding: 0 15px 30px 15px;
  }
}

@media screen and (max-width: 767px) and (hover: hover) {
  .kv-banner-wrap > .kv-banner-item:active {
    -webkit-box-shadow: 16px 16px rgba(131, 155, 203, 0.8);
            box-shadow: 16px 16px rgba(131, 155, 203, 0.8);
  }
}

@media screen and (max-width: 767px) and (hover: none) {
  .kv-banner-wrap > .kv-banner-item:active {
    -webkit-box-shadow: 16px 16px rgba(131, 155, 203, 0.8);
            box-shadow: 16px 16px rgba(131, 155, 203, 0.8);
  }
}

@media (hover: hover) {
  .kv-banner-wrap > .kv-banner-item:hover {
    opacity: 0.7;
  }
  .kv-banner-wrap > .kv-banner-item:active {
    background: #D7E2F9;
    opacity: 1;
  }
}

@media (hover: none) {
  .kv-banner-wrap > .kv-banner-item:active {
    background: #D7E2F9;
    opacity: 1;
  }
}

@media print {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
  .fade-out-move {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  .fade-out {
    opacity: 1;
  }
  .fade-in {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}




/* what
----------------------------------------------- */
.what {
	padding: 40px 0;
	position: relative;
}
.what .whatcap {
	color: #fff;
	font-weight: 500;
	font-size: 30px;
	background: #0C318F;
	max-width: 770px;
	margin: 0 auto;
	padding: 20px 10px;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.what .whatcap:before {
	position: absolute;
	content: "";
	left: 50%;
	top:100%;
	transform:translateX(-50%);
	border-top: 16px solid #0C318F;
	border-bottom: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	z-index: 0;
}
.what .whatcap .sml {
	font-size: 22px;
}
.what .whatdet {
	text-align: center;
	margin-top: 25px;
	font-size: 37px;
	font-weight: 900;
}
.what .whatbox {
	margin-top: 40px;
	padding: 0;
	position: relative;
}
/*.what .whatbox:before {
	position: absolute;
	content: "";
	background: #EBF3FE;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 85%;
	z-index: 0;
}*/
.what .whatlist {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.what .whatlist li {
	width: 31.5%;
	background: #FBF3D4;
	padding: 15px 30px 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.16);
	-ms-box-shadow: 0 0 30px rgba(0,0,0,0.16);
	-o-box-shadow: 0 0 30px rgba(0,0,0,0.16);
	box-shadow: 0 0 30px rgba(0,0,0,0.16);
	list-style: none;
}
.what .whatnumber {
	font-size: 40px;
	font-weight: 900;
	color:#0C318F;
}
.what .whatimg {
	text-align: center;
}
.what .whatlist .whattit {
	text-align: center;
	margin-top: 15px;
	font-size: 22px;
	font-weight: 700;
}
.what .whatlist .whattxt {
	margin-top: 15px;
}

.what .solution {
	background: url(../img/arrow_what.png) center center no-repeat;
	height: 248px;
	padding: 45px 0 20px;
}
.what .solution .solucont {
	background: #B9882D;
	color: #fff;
	padding: 16px 20px;
	font-size: 37px;
	font-weight: 900;
	text-align: center;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
	position: relative;
}
.what .solution .solucont .dot {
	display: inline-block;
	position: relative;
}
.what .solution .solucont .dot:before {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	left: 50%;
	bottom: calc(100% - 7px);
	transform: translateX(-50%);
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 0;
}
.what .solution .soluimg {
	position: absolute;
	right: 50px;
	bottom: calc(100% - 15px);
	z-index: 1;
}
.what .record {
	max-width: 1065px;
	margin: 0 auto;
	background: #fff;
	padding: 50px 50px 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.16);
	-ms-box-shadow: 0 0 30px rgba(0,0,0,0.16);
	-o-box-shadow: 0 0 30px rgba(0,0,0,0.16);
	box-shadow: 0 0 30px rgba(0,0,0,0.16);
}
.what .record .recordflex {
	display: flex;
	align-items: center;
}
.what .record .recordflex .fleximg {
	margin-right: 50px;
	flex-shrink: 0;
}
.what .record .recordflex .flexin {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.what .record .recordflex .flexcap {
	border: 2px #B78837 solid;
	background: #fff;
	padding: 10px 20px;
	font-weight: 900;
	letter-spacing: 0.05em;
	color: #B9882D;
	line-height: 1.4;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.what .record .recordflex .flexcap:before {
	position: absolute;
	content: "";
	background: url(../img/arrow_record.png) center center no-repeat;
	width: 17px;
	height: 17px;
	left: 30px;
	top: 100%;
	z-index: 0;
}
.what .record .flexdet {
	font-size: 25px;
	font-weight: 900;
	margin-top: 15px;
}
.what .record .flextxt {
	margin-top: 20px;
	letter-spacing: 0.05em;
}
.what .record .recordimg {
	text-align: center;
	margin-top: 30px;
}

@media (max-width: 1024px) {
.what .whatlist li {
	padding: 15px 20px 30px;
}
.what .whatlist .whattit {
	font-size: 18px;
}
.what .solution .solucont {
	font-size: 27px;
}
.what .solution .solucont .dot:before {
	width: 8px;
	height: 8px;
	bottom: calc(100% - 2px);
}
.what .record {
	padding: 30px;
}
}


@media (max-width: 767px) {
.what {
	margin: 40px 20px 40px 20px;
}
.what .whatcap {
	font-size: 20px;
	padding: 15px 10px;
}
.what .whatcap .sml {
	font-size: 14px;
}
.what .whatdet {
	margin-top: 15px;
	font-size: 22px;
}
.what .whatbox {
	margin-top: 30px;
	padding: 0 0 30px;
}
.what .whatlist {
	display: block;
}
.what .whatlist li {
	width: auto;
	padding: 15px 20px 20px;
}
.what .whatlist li+li {
	margin-top: 30px;
}
.what .whatlist .whatimg img {
	width: 120px;
}
.what .whatlist .whattit {
	font-size: 16px;
}
.what .whatlist .whattxt {
	margin-top: 10px;
}

.what .solution {
	padding: 30px 0;
	background: url(../img/arrow_what.png) center 0 no-repeat;
	background-size: 300px 197px;
	height: 197px;
}
.what .solution .solucont {
	padding: 15px;
	font-size: 20px;
}
.what .solution .solucont .dot:before {
	width: 6px;
	height: 6px;
}
.what .solution .soluimg {
	right: 20px;
	bottom: calc(100% - 10px);
}
.what .solution .soluimg img {
	width: 102px;
}
.what .record {
	padding: 30px 20px;
}
.what .record .recordflex {
	flex-direction: column;
	align-items: center;
}
.what .record .recordflex .fleximg {
	margin: 0 0 30px;
}
.what .record .recordflex .fleximg img {
	width: 147px;
}
.what .record .flexdet {
	font-size: 18px;
	margin-top: 15px;
}
.what .record .flextxt {
	margin-top: 15px;
}
.what .record .recordimg {
	margin-top: 20px;
}
}



.pricetab {
	border-collapse: separate;
	border-spacing: 0;
}
.pricetab th,
.pricetab td {
	vertical-align: middle;
	border: 1px #ddd solid;
	padding: 20px 15px;
}

.pricetab td.price {
	text-align: right;
}


/* cta
----------------------------------------------- */
.cta {
	background: #;
	padding: 50px 0;
}
.cta .ctabox {
	display: flex;
	justify-content: space-between;
}
.cta .ctabox li {
	width: 48.75%;
}
.cta .ctabox li .ctabtn a {
	width: 100%;
	height: 100px;
	font-size: 33px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.cta .ctabox li.blue .ctabtn a {
	background: #14348C;
	-webkit-box-shadow: 4px 4px 0 rgba(20,52,140,0.5);
	-moz-box-shadow: 4px 4px 0 rgba(20,52,140,0.5);
	-ms-box-shadow: 4px 4px 0 rgba(20,52,140,0.5);
	-o-box-shadow: 4px 4px 0 rgba(20,52,140,0.5);
	box-shadow: 4px 4px 0 rgba(20,52,140,0.5);
}
.cta .ctabox li.red .ctabtn a {
	background: #E61C1A;
	-webkit-box-shadow: 4px 4px 0 rgba(230,28,26,0.5);
	-moz-box-shadow: 4px 4px 0 rgba(230,28,26,0.5);
	-ms-box-shadow: 4px 4px 0 rgba(230,28,26,0.5);
	-o-box-shadow: 4px 4px 0 rgba(230,28,26,0.5);
	box-shadow: 4px 4px 0 rgba(230,28,26,0.5);
}
.cta .ctabox li .ctabtn a img {
	width: 45px;
	margin-right: 15px;
}
.cta .ctabox .ctatit {
	padding: 0 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 60px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	position: relative;
	margin-bottom: 5px;
}
.cta .ctabox li.blue .ctatit {
	color: #14348C;
}
.cta .ctabox li.red .ctatit {
	color: #E61C1A;
}
.cta .ctabox .ctatit:before {
	position: absolute;
	content: "";
	bottom: 5px;
	left: 60px;
	width: 34px;
	height: 34px;
	z-index: 0;
}
.cta .ctabox .ctatit:after {
	position: absolute;
	content: "";
	bottom: 5px;
	right: 60px;
	width: 34px;
	height: 34px;
	z-index: 0;
}
.cta .ctabox li.blue .ctatit:before {
	background: url(../img/l_line_blue.svg) center center no-repeat;
}
.cta .ctabox li.blue .ctatit:after {
	background: url(../img/r_line_blue.svg) center center no-repeat;
}
.cta .ctabox li.red .ctatit:before {
	background: url(../img/l_line_red.svg) center center no-repeat;
}
.cta .ctabox li.red .ctatit:after {
	background: url(../img/r_line_red.svg) center center no-repeat;
}
.cta .ctatel {

	padding: 0 10px;
}
.cta .ctatel .teltit {
	display: flex;
	align-items: center;
	font-weight: 700;
	justify-content: center; 
}
.cta .ctatel .teltit .lar {
/*	color: #14348C;
*/	font-size: 25px;
	margin-right: 20px;
}
.cta .ctatel .telinner {
	display: flex;
	align-items: center;
	margin-top: 10px;
	justify-content: center; 
}
.cta .ctatel .telinner .telnum {
	display: flex;
	align-items: center;
	font-size: 40px;
	font-weight: 700;
/*	color: #0C318F;
*/	line-height: 1.2;
	margin-right: 20px;
}
.cta .ctatel .telinner .telnum img {
	margin-right: 5px;
}
.cta .ctatel .telinner .teltxt {
	
}

@media (max-width: 1024px) {
.cta .ctabox {
	flex-direction: column;
	align-items: center;
}
.cta .ctabox li {
	width: 580px;
	max-width: 100%;
	margin: 15px 0;
}
}
@media (max-width: 767px) {
.cta {
	padding: 30px 0;
}
.cta .ctabox li {
	width: 100%;
}
.cta .ctabox li .ctabtn a {
	height: 65px;
	font-size: 18px;
}
.cta .ctabox li .ctabtn a img {
	width: 28px;
	margin-right: 10px;
}
.cta .ctabox .ctatit {
	padding: 0 30px;
	height: auto;
	font-size: 18px;
	margin-bottom: 10px;
}
.cta .ctabox .ctatit:before {
	left: 10px;
	bottom: 0;
	width: 26px;
	height: 26px;
}
.cta .ctabox .ctatit:after {
	right: 10px;
	bottom: 0;
	width: 24px;
	height: 24px;
}
.cta .ctabox li.blue .ctatit:before {
	background: url(../img/l_line_blue.svg) center center no-repeat;
	background-size: 24px 24px;
}
.cta .ctabox li.blue .ctatit:after {
	background: url(../img/r_line_blue.svg) center center no-repeat;
	background-size: 24px 24px;
}
.cta .ctabox li.red .ctatit:before {
	background: url(../img/l_line_red.svg) center center no-repeat;
	background-size: 24px 24px;
}
.cta .ctabox li.red .ctatit:after {
	background: url(../img/r_line_red.svg) center center no-repeat;
	background-size: 24px 24px;
}
.cta .ctatel {
	margin-top: 20px;
	padding: 0;
	text-align: center;
}
.cta .ctatel .teltit {
	display: block;
}
.cta .ctatel .teltit .lar {
	font-size: 20px;
	margin: 0 0 5px;
	display: block;
}
.cta .ctatel .telinner {
	display: block;
}
.cta .ctatel .telinner .telnum {
	font-size: 28px;
	margin: 0 0 10px;
	justify-content: center;
}
.cta .ctatel .telinner .telnum img {
	width: 40px;
	margin-right: 5px;
}
.cta .ctatel .telinner .teltxt {
	
}

}


.font_seminar{
  color: #2444FF;
}