@charset "utf-8";


/* common ----------*/
.l-section-s { padding: 15px 0; }
.template small, .remodal small { font-size: 80% !important; }
.template strong { font-weight: bold !important; }
.default_table { width: 100%; margin-top: 4rem; }
.default_table:first-child { margin-top: 0; }
.default_table .th2 { white-space: nowrap; }
.lhs { line-height: 1.3; margin-top: 1rem; }
.lhs a { text-decoration: underline; color: #46acf0; }
.toggle_wrap { overflow: hidden; margin-top: 2rem;  background-color: rgba(255,255,255,0.5); }
.toggle_wrap:first-child { margin-top: 0; }
.toggle_wrap .head.-label { position: relative; margin: 0; padding: 1em; background-color: #FFF; }
.toggle_wrap .head.-label::after { content: ""; transform: rotate(90deg); position: absolute; top: 2rem; right: 1.5rem; display: block; width: 1.6rem; height: 1.6rem; background-image: url(../../../assets/img/common/arrow_nex.svg); background-repeat: no-repeat; background-position: center; background-size: cover; display: none; }
.toggle_wrap .head.-label.active::after { content: "";  transform: rotate(-90deg); }
.toggle_wrap .toggle { padding: 2rem; font-size: 1.6rem; display: block; height: auto; }
.toggle_wrap .toggle strong { color: #074285; }
@media screen and (max-width: 767px) {
  .default_table .th2 { white-space: normal; }
  .l-section-s { padding: 15px 5%; }
}

/* products-hero ----------*/
.products-hero { background-image: url(../_img/mv_bg.jpg); background-repeat: no-repeat; background-position: center bottom 25%; background-size: cover; }
.products-hero .l-section { position: relative; background-image: url(../_img/mv.svg); background-repeat: no-repeat; background-position: right bottom; background-size: contain; }
.products-hero .campaign { position: absolute; right: -4rem; top: -2rem; }
.products-hero .btw { display: flex; }
.products-hero .btn { display: inline-block; line-height: 1.3; display: flex; align-items: center; }
.products-hero .-campaign { border-radius: 3rem; border: none; color: #FFF; background-color: #007940; }
.products-hero .-campaign::after { display: none; }
.products-hero .-seminer { border: none; background-color: #91B493; width: 310pt; justify-content: center;}
.products-hero .sp { display: none; }
.products-hero .logo { position: absolute; bottom: 0; right: 0; width: 54%; }
@media screen and (max-width: 767px) {
  .products-hero .l-section { background-position: right 11vw bottom; background-size: 140%; }
  .products-hero .campaign { right: -0; top: 0; }
  .products-hero .campaign img { width: 30vw; }
  .products-hero .hero-text-wrap h1 img { height: 4rem; }
  .products-hero .hero-text-wrap h1 { font-size: 1.7rem; }
  .products-hero .hero-text-wrap h2 { font-size: 2.6rem; }
  .products-hero .hero-text-wrap { padding-bottom: 40vw; }
  .products-hero .sp { display: block; }
  .products-hero .btn { width: 50%; justify-content: center; }
  .products-hero .-seminer  { width: 100%; justify-content: center; }
  .products-hero .logo { right: 2rem; width: 54%; }
  .products-hero .l-section { background-size: 100%; }
}

/* infoPickup ----------*/
#infoPickup {}
#infoPickup .info_wrap { display: flex; align-items: center; gap: 2rem; }
#infoPickup .info_wrap a { margin-left: auto; }

/* function ----------*/
#function {}
#function .pw { background-color: #FFF; background-repeat: no-repeat; background-position: center; background-size: cover; }
#function .tw { background-color: transparent; }
#function .pluse { margin-bottom: 4rem; color: #007940; font-size: 5rem; text-align: center; line-height: 1; }
#function .pluse span { display: inline-block; width: 5rem; height: 5rem; border: solid 1px #007940; border-radius: 5rem; text-align: center; line-height: 5rem; }
#function .btn { border-radius: 3rem; }
#function .btn.-cstmbt { border: none; color: #FFF; background-color: #007940; }
#function .btn::after { display: none; }
@media screen and (max-width: 767px) {
  #function .pw { background-size: contain; }
}

/* operation_environment ----------*/
#operation_environment {}
#operation_environment .w { padding: 4rem; background-color: #f4f4fa; }
#operation_environment .w p { margin-top: 1rem; line-height: 1.4; }
#operation_environment table { min-width: auto !important; }
@media screen and (max-width: 767px) {
  #operation_environment .w { padding: 2rem; }
}

/* price ----------*/
#price {}
#price .w { padding: 4rem; background-color: #f4f4fa; }
#price h3 { display: flex; gap: 4rem; align-items: center; font-weight: bold; }
#price h3 .cw { display: flex; gap: 1rem; align-items: center; }
#price h3 .cw .c { font-size: 1.4rem; line-height: 1; color: #006EB5; background-color: #FFF; padding: 0.5rem 1rem; border-radius: 3rem; }
#price .btn { display: block; padding-top: 0.2em; border-radius: 3rem; background-color: #FFE99C; }
#price .btn::after { display: none; }
#price .bkn { background-color: transparent !important; }
#price .exbox { display: grid; margin-top: 4rem; padding: 2rem; border-radius: 2rem; background-color: #FFF; gap: 2rem; grid-template-columns: 16rem 1fr; }
#price .exbox h3 { display: grid; border-radius: 1rem; background-color: #f4f4fa; place-items: center; }
#price .exbox h3 span { color: #074285; font-weight: bold; }
#price .exbox ul { columns: 2; }
#price .exbox ul li { font-size: 1.6rem; }
@media screen and (max-width: 767px) {
  #price .w { padding: 2rem; }
  #price h3 { display: block; }
  #price h3 .cw { flex-flow: wrap; gap: 0.5rem; margin-top: 1rem; }
  #price .exbox { grid-template-columns: 1fr; }
  #price .exbox ul { columns: 1; }
}

/* faq ----------*/
#faq {}
#faq .w { padding: 4rem; background-color: #f4f4fa; }
#faq .c { color: #FFF; font-weight: bold; font-size: 1.4rem; line-height: 1; padding: 0.6rem 0.8rem 0.4rem; border-radius: 0.5rem; display: inline-block; margin-right: 1rem; }
#faq .c1  { background-color: #F67D63; }
#faq .c2  { background-color: #216998; }
@media screen and (max-width: 767px) {
  #faq .w { padding: 2rem; }
}

/* contact ----------*/
#contact {}
#contact .w { margin-top: 2rem; padding: 4rem; background-color: #f4f4fa; }
#contact .box { display: grid; margin-top: 2rem; padding: 2rem; border: solid 2px #DDD; border-radius: 1rem; background-color: #FFF; align-items: center; grid-template-columns: 1fr 24rem; gap: 4rem; }
#contact .box:first-child { margin-top: 0; }
#contact .box1 { border-color: #105FAC; }
#contact .box2 { border-color: #0076A7; }
#contact .box ul { list-style: disc; }
#contact .box ul li { margin-left: 1em; font-weight: bold; font-size: 1.6rem; text-indent: 0; }
#contact .box1 ul li { color: #105FAC; }
#contact .box2 ul li { color: #0076A7; }
#contact .btw {}
#contact .btw .btn { display: block; border-radius: 0.5rem; border: none; }
#contact .box1 .btw .btn { color: #FFF; background-color: #105FAC; }
#contact .box2 .btw .btn { color: #FFF; background-color: #0076A7; }
#contact .btn::after { display: none; }
@media screen and (max-width: 767px) {
  #contact .w { padding: 2rem; }
  #contact .box { grid-template-columns: 1fr; gap: 1rem; }
  #contact .btw .btn br { display: none; }
}

/* contactWindow ----------*/
.contactWindow {}
.contactWindow .w { margin-top: 1rem; margin-bottom: 1rem; padding: 1.5rem; background-color: #f4f4fa; }
.contactWindow .box { margin-top: 1rem; padding: 1rem; border: solid 2px #DDD; border-radius: 1rem; background-color: #FFF; }
.contactWindow .box:first-child { margin-top: 0; }
.contactWindow .box1 { border-color: #105FAC; }
.contactWindow .box2 { border-color: #0076A7; }
.contactWindow .box ul { margin-bottom: 1rem; text-align: left; list-style: disc; }
.contactWindow .box ul li { margin-left: 1em; font-weight: bold; font-size: 1.4rem; text-indent: 0; }
.contactWindow .box1 ul li { color: #105FAC; }
.contactWindow .box2 ul li { color: #0076A7; }
.contactWindow .btw {}
.contactWindow .btw .btn { display: block; border-radius: 0.5rem; border: none;  }
.contactWindow .box1 .btw .btn { background-color: #105FAC; color: #FFF; }
.contactWindow .box2 .btw .btn { background-color: #0076A7; color: #FFF; }
.contactWindow .btn::after { display: none; }

/* newFeatureWindow ----------*/
#newFeatureWindow {}
#newFeatureWindow h3 { text-align: left; font-weight: bold; }
#newFeatureWindow .btn::after { display: none; }

/* info ----------*/
#info {}
#info ul {display: grid; grid-template-columns: 1fr; gap: 1rem; }
#info ul li { display: grid; grid-template-columns: 12rem 1fr; }
#info ul li .d { opacity: 0.6; }
#info ul li .t {}
@media screen and (max-width: 767px) {
  #info ul li { grid-template-columns: 1fr; }
  
}

.-coming { position: relative; color: #FFF !important; background-color: #EEE !important; pointer-events: none; border: none !important; }
.-coming::before { content: "coming soon"; position: absolute; color: #333; text-align: center; width: 100%; left: 0; }
.-coming::after { display: none !important; }

img.i { width: 20px; display: inline-block; margin-left: 0.1em; }