@charset "UTF-8";
/* CSS Document */ :root {
  --main-color: #2A64F6; /*メインの青 */
  --black: #000000; /*黒 */
  --gray: #CCCCCC; /*グレー */
  --red: #E20000; /*赤*/
}
body.is_formBg {
  background: rgb(244, 244, 240);
  background: url("/img/bg_polygon.png") top center repeat-x;
  background-attachment: fixed;
  background-size: 100% auto;
}
body.is_base{
	 background: linear-gradient(180deg, #F0F0F0, #ffffff) no-repeat;
	background-size: 100%;
}
@media (max-width: 768px) {
  body.is_formBg {
    background-size: 200% auto;
  }
}
/* -------------------------- main --------------------------  */
.ly_main_wrapper {
  padding-bottom: 60px;
  /*max-width: 980px;*/
	max-width: 1080px;
  margin: 0 auto;
}
.ly_main_wrapper__nmb {
  padding-bottom: 0;
}
@media (max-width: 1040px) {
  .ly_main_wrapper {
    padding: 0 30px 60px 30px;
  }
}
@media (max-width: 768px) {
  .ly_main_wrapper {
    padding: 0 0 40px 0;
  }
  .ly_lv1headline__center {
    padding: 24px 0;
    text-align: center;
  }
}
/* -------------------------- contents --------------------------  */
.ly_contents_wrapper {
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  max-width: 760px;
  border-radius: 20px;
  margin: 0 auto;
}
.ly_contents_wrapper__wide {
  max-width: 980px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
  padding: 40px;
  border-radius: 20px;
}
.ly_contents_wrapper__multiple {
  margin-bottom: 80px;
}
.bl_cont {
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  margin: 0 auto;
  padding: 40px;
}
.bl_cont.bl_cont__slim {
  margin: 0 auto 30px auto;
  padding: 30px;
}
.bl_cont.bl_cont__mb {
  margin-bottom: 60px;
}
.bl_cont_header {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .ly_contents_wrapper {
    margin: 0 5%;
    padding: 0 5%;
  }
  .ly_contents_wrapper__wide {
    padding: 30px 5%;
  }
  .ly_contents_wrapper__multiple {
    margin-bottom: 40px;
  }
  .bl_cont {
    margin: 0;
    padding: 30px 5%;
  }
}
.ly_contentsHeader {
  padding: 60px 0 60px;
  width: 50%;
}
.ly_contentsHeader.ly_contentsHeader__wide {
  width: 100%;
}
.ly_contentsHeader__smallbPadding {
  padding-bottom: 40px;
}
.ly_contentsHeader_tit {
  margin-bottom: 24px;
}
.ly_contentsHeader_txt {
  font-size: 18px;
  margin-bottom: 1em;
}
.ly_contentsHeader > *:last-child {
  margin-bottom: 0;
}
.ly_contentsHeader_txt .el_emphasis {
  color: var(--main-color);
  font-weight: 600;
}
.ly_contentsHeader_txt a {
  color: var(--main-color);
  text-decoration: underline;
}
.ly_contentsBody {}
@media (max-width: 768px) {
  .ly_contentsHeader {
    padding: 40px 5%;
    width: auto;
  }
  .ly_contentsHeader__smallbPadding {
    padding-bottom: 20px;
  }
  .ly_contentsHeader_tit {
    padding-right: 60px;
  }
  .ly_contentsHeader_txt {
    font-size: 16px;
  }
  .ly_contentsBody {
    width: 90%;
    margin: 0 auto;
  }
}
/* -------------------------- top --------------------------  */
.ly_topmain_wrapper {}
.ly_topmain_header {
  position: relative;
  background: url("/img/top/bg01.png"), url("/img/top/bg02.png"), linear-gradient(90deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-size: 1000px auto, 700px auto, auto;
  background-position: left bottom, right top, left top;
  overflow: hidden;
}
.bl_mainImage {
  max-width: 1140px;
  padding: 70px 30px 90px 30px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 980px) {
  .bl_mainImage {
    padding: 80px 0 80px 0;
  }
}
.ly_topmain_header_img01 {
  position: absolute;
  width: 660px;
  height: 600px;
  right: -80px;
  top: 40px;
  background: url("/img/top/image01.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.ly_topmain_header_img02 {
  position: absolute;
  width: 400px;
  height: 500px;
  left: -160px;
  bottom: -440px;
  background: url("/img/top/image02.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  .ly_topmain_header {
    padding: 0 40px;
  }
  .ly_topmain_header_img01 {
    position: absolute;
    width: 480px;
    right: -120px;
    top: -10px;
  }
}
@media (max-width: 768px) {
  .ly_topmain_header {
    position: relative;
    background: url("/img/top/bg01.png"), linear-gradient(90deg, #F0F0F0, #ffffff);
    background-repeat: no-repeat;
    background-size: 700px auto, auto;
    background-position: -100px bottom, left top;
    padding: 0 5%;
  }
  .bl_mainImage {
    padding: 40px 0 30px 0;
    text-align: center;
  }
  .ly_topmain_header_img01 {
    position: relative;
    width: 320px;
    height: 220px;
    right: auto;
    top: auto;
    margin-right: -40px;
    background-position: center;
    margin: 0 auto;
  }
  .ly_topmain_header_img02 {
    position: absolute;
    width: 400px;
    height: 500px;
    left: auto;
    right: -300px;
    bottom: auto;
    top: -240px;
  }
}
.el_serviceRead {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 12px;
}
@media (max-width: 980px) {
  .el_serviceRead {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.el_serviceLogo {
  max-width: 300px;
  margin-bottom: 12px;
	font-weight: 600;
  font-size: 120px;
	line-height: 1;
}
.el_serviceName {
  font-weight: 600;
  font-size: 34px;
  letter-spacing: 0.075em;
}
.el_serviceName span {
  color: var(--main-color);
}
@media (max-width: 768px) {
  .el_serviceRead {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .el_serviceLogo {
    max-width: 200px;
    margin: 0 auto 20px auto;
  font-size: 60px;
	line-height: 1;
  }
  .el_serviceName {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.bl_mainImage_image {
  width: 760px;
  position: absolute;
  top: 40px;
  right: -200px;
}
.ly_intro_wrap {
  background: #2B48E0;
  background: linear-gradient(90deg, #5796FA, #2B48E0);
  padding: 80px 0;
}
@media (max-width: 980px) {
  .ly_intro_wrap {
    padding: 80px 5%;
  }
}
.bl_intro {
  max-width: 1080px;
  margin: 0 auto;
}
.bl_intro_txt {
  color: #ffffff;
  margin-bottom: 60px;
}
.bl_intro_txt p {
  margin-bottom: 2em;
}
.bl_serviceImage {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.bl_serviceImage {
  display: flex;
  justify-content: space-between;
}
.bl_serviceImage_block {
  width: calc(50% - 30px);
  background: #ffffff;
  padding: 30px;
  border-radius: 10px;
}
@media (max-width: 980px) {
  .bl_serviceImage_block {
    padding: 15px;
  }
}
.el_arrow {
  width: 60px;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-name: arrow;
  background: url("/img/top/arrow_right_blue.svg") no-repeat;
  background-position: 0 center;
}
@keyframes arrow {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 100% center;
  }
}
.bl_serviceImage_head {
  text-align: center;
  padding: 0 0 0;
  margin-bottom: 20px;
  position: relative;
}
.bl_serviceImage_ill {
  position: absolute;
}
.bl_serviceImage_ill__cssp {
  top: -16px;
  right: -16px;
  width: 120px;
}
.bl_serviceImage_ill__partner {
  top: -18px;
  right: -15px;
  width: 94px;
}
@media (max-width: 980px) {
  .bl_serviceImage_ill__cssp {
    top: -16px;
    right: -16px;
    width: 80px;
  }
  .bl_serviceImage_ill__partner {
    top: -18px;
    right: -30px;
    width: 64px;
  }
}
.bl_serviceImage_tit {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 40px;
  line-height: 1.5;
}
.bl_serviceImage_tit img {
  max-width: 140px;
}
.bl_serviceImage_tit span {
  font-size: 14px;
  display: block;
  font-weight: normal;
  color: var(--main-color);
  padding-top: 12px;
  line-height: 1;
}
.bl_serviceImage_txt {}
.bl_serviceImage_txt li {
  background: url("/img/top/ic_check_mc.svg") 15px center no-repeat #f4f4f4;
  background-size: 24px;
  text-align: left;
  border-radius: 8px;
  padding: 18px 18px 18px 56px;
  margin-bottom: 8px;
  font-weight: bold;
}
.ly_intro_btn {
  padding: 60px 0 0 0;
}
.bl_intro_btn {
  max-width: 420px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .ly_intro_wrap {
    padding: 40px 0;
  }
  .bl_intro {
    padding: 0 5%;
  }
  .bl_intro_txt {
    margin-bottom: 40px;
  }
  .bl_serviceImage {
    display: block;
  }
  .bl_serviceImage_block {
    width: auto;
    padding: 24px 20px 20px 20px;
  }
  .bl_serviceImage_tit {
    line-height: 1.5;
  }
  .bl_serviceImage_tit img {
    width: 120px;
  }
  .bl_serviceImage_ill__cssp {
    top: -16px;
    right: -34px;
    width: 100px;
  }
  .bl_serviceImage_ill__partner {
    top: -38px;
    right: -30px;
    width: 90px;
  }
  .el_arrow {
    width: 60px;
    height: 60px;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-name: arrow;
    background: url("/img/top/arrow_bottom_blue.svg") no-repeat;
    background-position: 0 center;
    margin: 0 auto;
  }
  @keyframes arrow {
    0% {
      background-position: center 0;
    }
    100% {
      background-position: center 100%;
    }
  }
}
/* ---------- top kind ------------  */
.ly_partnerKind_wrap {
  text-align: center;
  padding: 80px 0;
}
@media (max-width: 980px) {
  .ly_partnerKind_wrap {
    padding: 80px 5%;
    ;
  }
}
.ly_partnerKind_head {
  margin-bottom: 30px;
}
.ly_partnerKind_txt {
  font-weight: 600;
  font-size: 18px;
  padding: 30px 0;
}
.ly_partnerKind_body {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1080px;
  margin: 0 auto;
}
.ly_partnerKind_block {
  width: calc(50% - 30px);
  background: #E3F2FF;
  padding: 0 30px 30px 30px;
  border-radius: 10px;
  text-align: center;
}
.ly_pb_tit {
  max-width: 320px;
  font-size: 20px;
  padding: 8px 0;
  border-radius: 50px;
  background: #2B48E0;
  background: linear-gradient(90deg, #5796FA, #2B48E0);
  color: #ffffff;
  margin: -24px auto 0 auto;
}
.ly_pb_img {
  max-width: 360px;
  padding-top: 20px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .ly_partnerKind_wrap {
    padding: 40px 5%;
  }
  .ly_partnerKind_txt {
    text-align: left;
    font-size: 16px;
  }
  .ly_partnerKind_body {}
  .ly_partnerKind_body > *:last-child {
    margin-bottom: 0;
  }
  .ly_partnerKind_block {
    width: 100%;
    margin-bottom: 40px;
  }
  .ly_pb_tit {
    max-width: 240px;
    font-size: 16px;
    padding: 4px 0;
    border-radius: 50px;
    background: #2B48E0;
    background: linear-gradient(90deg, #5796FA, #2B48E0);
    color: #ffffff;
    margin: -24px auto 0 auto;
  }
}
/* ---------- top merit ------------  */
.ly_merit_wrap {
  background: #D8EBFC;
}
.bl_merit {
  max-width: 1080px;
  padding: 80px 0 80px 0;
  margin: 0 auto;
}
.bl_merit_head {
  margin-bottom: 40px;
  text-align: center;
}
.bl_merit_body {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 48px;
  row-gap: 14px;
}
.bl_merit_body li {
  width: 216px;
  text-align: center;
}
.bl_merit_body li p {
  display: inline-block;
  font-size: 15px;
  margin: 0 auto;
  text-align: left;
}
.ly_merit_img {
  width: 100%;
  max-width: 200px;
  background: #ffffff;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 8px auto;
}
.ly_detailBtn {
  text-align: center;
  padding-top: 40px;
}
@media (max-width: 768px) {
  .bl_merit {
    padding: 40px 5%;
  }
  .bl_merit_body {
    column-gap: 6%;
    row-gap: 12px;
  }
  .bl_merit_body li {
    width: 47%;
  }
  .bl_merit_body li p {
    font-size: 12px;
  }
}
@media (max-width: 420px) {
  .bl_merit_body li p {
    font-size: 11px;
  }
}
@media (max-width: 375px) {
  .bl_merit_body li p {
    font-size: 10px;
  }
}
/* ---------- top flow ------------  */
.ly_topmain_foot {
  text-align: center;
  padding: 80px 0;
  margin: 0 auto;
  background: url("/img/top/image03.png"), url("/img/top/image02.png"), url("/img/top/bg03.png"), linear-gradient(90deg, #ffffff, #F0F0F0);
  background-size: 580px auto, 480px auto, 900px auto, auto;
  background-position: left -80px bottom -80px, right -400px center, right bottom, left top;
  ;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  .ly_topmain_foot {
    padding: 80px 5%;
  }
}
@media (max-width: 768px) {
  .ly_topmain_foot {
    text-align: center;
    margin: 0 auto;
    background: url("/img/top/image03.png"), url("/img/top/image02.png"), url("/img/top/bg03.png"), linear-gradient(90deg, #ffffff, #F0F0F0);
    background-size: 380px auto, 480px auto, 900px auto, auto;
    background-position: left -80px bottom -40px, right -400px top 280px, right bottom, left top;
    background-repeat: no-repeat;
    padding: 40px 5% 320px 5%;
  }
}
.ly_rflow__wrap {
  margin-bottom: 40px;
}
.bl_rflow_ {
  max-width: 1080px;
  padding: 0 0 80px 0;
  margin: 0 auto;
}
.bl_rflow_head {
  margin-bottom: 40px;
  text-align: center;
}
.bl_rflow_body {}
.bl_rflow_items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bl_rflow_items li {
  background: #D8EBFC;
  width: 23%;
  padding: 0 20px 20px 20px;
  text-align: center;
  border-radius: 10px;
}
.bl_rfi_step {
  background: #2B48E0;
  background: linear-gradient(90deg, #5796FA, #2B48E0);
  color: #ffffff;
  font-size: 18px;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  border-radius: 30px;
  margin: -23px auto 12px auto;
}
.bl_rfi_img {
  color: var(--main-color);
}
.bl_rflow_items li a {
  text-decoration: underline;
}
@media (max-width: 1080px) {
  .bl_rflow_items li {
    font-size: 13px;
  }
}
@media (max-width: 980px) {
  .bl_rflow_items li {
    font-size: 12px;
    padding: 0 6px 20px 6px
  }
}
@media (max-width: 768px) {
  .bl_rflow_items {
    grid-row-gap: 30px;
  }
  .bl_rflow_items li {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 8px;
  }
  .bl_rfi_step {
    margin: 0 auto 0 auto;
  }
  .bl_rfi_imageTxt {
    display: flex;
    width: calc(100% - 50px);
    text-align: left;
    align-items: center;
    font-size: 14px;
  }
  .bl_rfi_image {
    width: 80px;
  }
  .bl_rfi_imageTxt br {
    display: none;
  }
}
/* ---------- top close ------------  */
.bl_closeTxt {
  margin-bottom: 40px;
}
.el_closeTxt {
  font-size: 18px;
  font-weight: 600;
  line-height: 2.5;
  color: var(--main-color);
}
.el_closeTxt span {
  color: var(--main-color);
}
.bl_closebtn {
  max-width: 420px;
  margin: 0 auto;
  padding: 30px 0;
}
@media (max-width: 980px) {
  .el_closeTxt {
    padding: 0 5%;
    text-align: left;
  }
  .el_closeTxt br {
    display: none;
  }
}
@media (max-width: 768px) {
  .el_closeTxt {
    font-size: 16px;
    line-height: 2;
  }
  .bl_closebtn {
    max-width: 300px;
    padding: 20px 0;
  }
}
@media (max-width: 360px) {
  .el_closeTxt {
    font-size: 14px;
  }
}
/* -------------------------- regist --------------------------  */
.ly_regist {
  max-width: 600px;
  margin: 0 auto;
  padding: 40px 0;
}
.ly_regist__complete {
  max-width: 680px;
}
.ly_regist_explanation {
  margin-bottom: 40px;
}
.ly_regist_footer {
  padding: 20px 0 40px 0;
}
.ly_regist_footer__center {
  text-align: center;
}
.ly_agreeCheck_wrapper {
  padding-top: 18px;
}
.el_agreeCheck {
  background: #F4F4F4;
  padding: 20px;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}
.el_agreeCheck a {
  color: var(--main-color);
  text-decoration: underline;
}
.bl_registStep {
  display: flex;
  user-select: none;
  justify-content: space-between;
  margin-bottom: 30px;
}
.bl_registStep_box {
  width: 18%;
  position: relative;
}
.bl_registStep_box:not(:last-child)::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/img/regist/arrow_right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -35%;
  top: 50px;
}
.bl_registStep_img {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 12px;
}
.bl_registStep_txt {
  font-size: 13px;
}
@media (max-width: 768px) {
  .ly_regist {
    padding: 24px 0 40px;
  }
  .bl_registStep {
    display: block;
    border-top: solid 1px var(--gray);
    border-bottom: solid 1px var(--gray);
    padding: 20px 0;
  }
  .bl_registStep_box {
    width: 100%;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
  }
  .bl_registStep > *:last-child {
    margin-bottom: 0;
  }
  .bl_registStep_box:not(:last-child)::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/img/regist/arrow_bottom.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: auto;
    top: auto;
    bottom: -20px;
    left: 50%;
    margin-left: -8px;
  }
  .bl_registStep_img {
    width: 80px;
    height: 80px;
    margin-bottom: 0;
  }
  .bl_registStep_txt {
    padding-left: 20px;
    font-size: 14px;
    width: calc(100% - 90px);
  }
}
/* --------------------------dealRegistration--------------------------  */
body.is_dealRegistration {
  background: url("/img/dealRegistration/deal_bg.png"), linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
.bl_deal {
  max-width: 700px;
  margin: 0 auto;
  padding: 40px 0;
}
@media (max-width: 768px) {
  body.is_dealRegistration {
    background: url("/img/dealRegistration/deal_bg_sp.png"), linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(255, 255, 255));
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
  .bl_deal, .bl_slim_formCont {
    padding: 20px 0;
  }
}
/* --------------------------license--------------------------  */
body.is_license {
  background: url("/img/license/license_bg.png"), linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
.bl_license {
  max-width: 700px;
  margin: 0 auto;
  padding: 40px 0;
}
@media (max-width: 768px) {
  body.is_license {
    background: url("/img/license/license_bg_sp.png"), linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(255, 255, 255));
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
  .bl_license {
    padding: 20px 0;
  }
}
/* -------------------------- teams --------------------------  */
.ly_teams_wrapper {}
.bl_teams {
  margin-bottom: 2em;
}
.bl_teams_tit {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 8px;
}
.bl_teams_tit span {
  color: var(--main-color);
}
.bl_teams p {
  margin-bottom: 1em;
}
.bl_teams > *:last-child {
  margin-bottom: 0;
}
.bl_teams ul {
  margin-bottom: 2em;
}
.bl_teams li {
  position: relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
}
.bl_teams li:before {
  counter-increment: list;
  content: "";
  display: inline-block;
  margin-left: -20px;
  margin-right: 14px;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: var(--black);
  vertical-align: middle;
}
.bl_teams table th, .bl_teams table td {
  padding: 5px 8px;
}
.bl_teams table th {
  text-align: center;
  background: var(--main-color);
  color: white;
}
.bl_teams table td.el_price {
  font-weight: bold;
  text-align: right;
}
@media (max-width: 768px) {
  .bl_teams table th, .bl_teams table td {
    padding: 4px 4px;
    font-size: 14px;
  }
  .bl_teams table td.el_price {
    width: 100px;
  }
}
/* -------------------------- faq --------------------------  */
.bl_faq {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: solid 1px var(--gray);
}
.bl_faq_q {
  color: var(--main-color);
  font-weight: normal;
  display: flex;
  font-size: 18px;
}
.bl_faq_q {
  display: flex;
  margin-bottom: 1em;
}
.bl_faq_q::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-color);
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50px;
  margin-right: 10px;
}
.bl_faq_q p {
  width: calc(100% - 44px);
}
.bl_faq_a {
  display: flex;
}
.bl_faq_a::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px var(--main-color);
  color: var(--main-color);
  width: 34px;
  height: 34px;
  border-radius: 50px;
  margin-right: 10px;
}
.bl_faq_a .bl_aBox {
  width: calc(100% - 44px);
}
.bl_faq_a .bl_aBox ul, .bl_faq_a .bl_aBox p {
  margin-bottom: 1em;
}
.bl_faq_a .bl_aBox ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.bl_faq_a .bl_aBox a {
  text-decoration: underline;
  color: var(--main-color);
}
.bl_faq_a .bl_aBox > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .bl_faq_q {
    font-size: 15px;
  }
  .bl_faq_a {
    font-size: 14px;
  }
}
/* -------------------------- about --------------------------  */
body.is_about {
  background: url("/img/about/about_bg.png"), linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
.bl_about {
  margin-bottom: 80px;
}
.bl_about_header {
  text-align: center;
}
.bl_about_tit {
  color: var(--main-color);
  font-size: 28px;
  font-weight: 600;
  padding: 8px 0;
  border-bottom: solid 2px var(--main-color);
  margin-bottom: 30px;
}
.bl_about_body_wrapper {
  display: flex;
  justify-content: space-between;
}
.bl_about_img {
  width: 220px;
}
.bl_about_body {
  width: calc(100% - 260px);
}
.bl_about_mainTxt {
  margin-bottom: 30px;
  font-size: 18px;
}
.bl_about_mainTxt span {
  font-weight: 600;
  color: var(--main-color);
}
.bl_about_ex {
  background: #E3F2FF;
  border-radius: 12px;
  padding: 30px 40px;
  position: relative;
}
.bl_about_ex:before {
  content: '例';
  display: block;
  width: 40px;
  height: 40px;
  background: var(--main-color);
  color: white;
  text-align: center;
  line-height: 40px;
  position: absolute;
  left: 0;
  top: -12px;
  font-size: 18px;
  border-radius: 20px;
}
.bl_about_flow {
  padding-top: 24px;
}
.bl_about_flow_header {
  display: flex;
  justify-content: flex-start;
  border-top: solid 1px var(--gray);
  padding-top: 40px;
  margin-bottom: 24px;
  margin-top: 24px;
}
.bl_about_flow_header_img {
  width: 180px;
  margin: 0 auto;
}
.bl_about_flow_header_txt {
  width: calc(100% - 200px);
}
.bl_about_flow_txt {
  margin-bottom: 12px;
}
.bl_about_flow_tit {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: var(--main-color);
  margin-bottom: 12px;
  display: inline-block;
  vertical-align: middle;
}
.bl_about_flow_tit:before {
  content: '●';
  display: inline-block;
  margin-right: 8px;
}
.bl_about_flow_tit__np:before {
  content: none;
}
.bl_about_flow ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 1%;
  grid-row-gap: 12px;
}
.bl_flowBox {
  width: 19%;
  background: #f1f1f1;
  font-size: 13px;
  padding: 12px;
  border-radius: 6px;
  position: relative;
}
.bl_flowBox.is_off {
  background: none;
}
.bl_flowBox:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("/img/ic_arrow_next.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -17px;
  top: 50%;
  margin-top: -8px;
}
.bl_flowBox.is_last:after, .bl_flowBox.is_off:after {
  content: none;
}
.bl_flowBox_step {
  text-align: center;
  font-size: 15px;
  color: var(--main-color);
  letter-spacing: 0.1em;
}
.bl_flowBox_img {
  width: 60%;
  margin: 0 auto;
}
.bl_flowBox_txt {
  padding: 6px 0 0 0;
}
.bl_flowBox_txt .el_smallTxt {
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
}
.bl_flowBox_txt.bl_flowBox_txt__center {
  text-align: center;
}
.bl_flowBox_txt a {
  text-decoration: underline;
}
.ly_closingInfo {
  text-align: center;
  padding: 80px 0 0 0;
  margin-bottom: 40px;
}
.bl_closingInfo_txt {
  margin-bottom: 1em;
  font-size: 18px;
}
.bl_closingBtnBox {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  body.is_about {
    background: url("/img/about/about_bg_sp.png"), linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(255, 255, 255));
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
  .bl_about {
    margin-bottom: 40px;
  }
  .bl_about_body_wrapper {
    display: block;
  }
  .bl_about_tit {
    margin-bottom: 12px;
    font-size: 20px;
    text-align: left;
  }
  .bl_about_img {
    width: 180px;
    margin: 0 auto;
  }
  .bl_about_body {
    width: auto;
  }
  .bl_about_ex {
    padding: 30px 20px;
  }
  .bl_about_flow_header {
    display: block;
    padding-top: 20px;
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .bl_about_flow_header_txt {
    width: 100%;
  }
  .bl_about_flow_header_img {
    width: 120px;
  }
  .bl_about_flow_tit {
    display: block;
    text-align: center;
    width: auto;
  }
  .bl_about_flow ul {
    display: block;
  }
  .bl_flowBox {
    width: auto;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
    padding: 8px 12px 8px 8px;
  }
  .bl_flowBox_step {
    width: 100%;
  }
  .bl_flowBox_img {
    width: 80px;
    margin-top: -20px;
  }
  .bl_flowBox_txt {
    width: calc(100% - 100px);
    padding-top: 0;
  }
  .bl_flowBox_txt.bl_flowBox_txt__center {
    text-align: left;
  }
  .bl_flowBox:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("/img/ic_arrow_bottom.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 50%;
    top: auto;
    bottom: -16px;
    margin-right: -8px;
  }
  .ly_closingInfo {
    margin: 0 5% 20px 5%;
  }
  .bl_closingInfo_txt {
    text-align: left;
    font-size: 16px;
  }
  .bl_closingBtnBox {
    display: block;
    text-align: center;
  }
  .bl_closingBtnBox a {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
/* -------------------------- dashbord --------------------------  */
body.is_dashbord {
  background: url("/img/dashbord/dashbord_bg.png"), #f0f0f0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
.ly_pic {
  border: solid 1px var(--main-color);
  background: white;
  color: var(--main-color);
  border-radius: 30px;
  padding: 4px 16px;
  display: inline-block;
}
.ly_dbBox {
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  margin: 0 auto 40px auto;
  padding: 30px;
}
.ly_dbBox > *:last-child {
  margin-bottom: 0;
}
.ly_dbBox_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.ly_dbBox_head .el_smallerbtn {
  width: 200px;
  text-align: center;
}
.ly_dbBox_smallerTxt {
  font-size: 14px;
}
.ly_dbBox_foot {
  padding-top: 24px;
}
.ly_dbBox_foot__center {
  text-align: center;
}
.ly_dbBox_titWrapper {
  display: flex;
  align-items: center;
  width: calc(100% - 240px);
}
.ly_dbBox_tit {
  color: var(--main-color);
  font-weight: bold;
  font-size: 24px;
  margin-right: 12px;
}
.ly_dbBox_titWrapper p {}
.ly_dbBox_btnWrapper {
  width: 200px;
}
.ly_dbBox_btnWrapper a {
  margin-bottom: 8px;
}
.bl_deal_unit, .bl_license_unit {}
.bl_dbDeal {
  margin-bottom: 40px;
}
.bl_dbDeal:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.bl_dbDeal_head {}
.el_infoTable .bl_it_dealNum {
  width: 100px;
  text-align: center;
}
.bl_it_dealNum a {
  color: var(--main-color);
  text-decoration: underline;
}
.el_infoTable .bl_it_company {
  width: 130px;
  text-align: left;
}
.el_infoTable .bl_it_solution {
  text-align: left;
}
.el_infoTable .bl_it_reword {
  width: 120px;
}
.el_infoTable .bl_it_status, .el_infoTable .bl_it_receipt {
  width: 110px;
}
.is_occurred {
  font-size: 13px;
  display: inline-block;
  padding: 1px 8px;
  padding: 2px 8px;
  color: #777777;
  background: #f4f4f4;
  min-width: 4em;
}
.is_inprogress {
  font-size: 13px;
  display: inline-block;
  padding: 1px 8px;
  color: white;
  background: var(--main-color);
  min-width: 4em;
}
.is_lostOrder {
  font-size: 13px;
  display: inline-block;
  padding: 1px 8px;
  color: white;
  background: #757575;
  min-width: 4em;
  letter-spacing: 0.4em;
  text-indent: 0.4em;
}
.is_finished {
  font-size: 13px;
  display: inline-block;
  padding: 1px 8px;
  color: white;
  background: #3DB263;
  min-width: 4em;
}
.is_receipted {
  font-size: 13px;
  display: inline-block;
  padding: 1px 8px;
  color: white;
  background: #3DB263;
  min-width: 4em;
}
.is_sended {
  font-size: 13px;
  display: inline-block;
  padding: 1px 8px;
  color: white;
  background: #EA7B39;
  min-width: 4em;
}
.bl_dbdeal_checkAlertWrapper {
  text-align: right;
}
.bl_dbdeal_checkAlert {
  position: relative;
  display: inline-block;
  margin-left: auto;
  border: solid 1px var(--red);
  color: var(--red);
  background: #fff6f6;
  padding: 2px 8px;
  border-radius: 4px;
  margin-top: 8px;
  font-size: 13px;
}
.bl_dbdeal_checkAlert:before {
  content: "";
  position: absolute;
  top: -16px;
  right: 40px;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid var(--red);
}
.bl_dbdeal_checkAlert:after {
  content: "";
  position: absolute;
  top: -14px;
  right: 40px;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff6f6;
}
.bl_deal_caution {
  color: var(--red);
  text-align: right;
}
.bl_dblicense {
  margin-bottom: 40px;
}
.bl_dblicense:last-child {
  margin-bottom: 0;
}
.el_txt_inTable__pt {
  color: var(--main-color);
  font-weight: bold;
  font-size: 16px;
}
.ly_totalPoint {
  margin-bottom: 24px;
}
.bl_totalPoint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
  border-radius: 4px;
  background: var(--main-color);
  color: white;
}
.bl_totalPoint_tit {
  width: 70%;
}
.bl_totalPoint_pt {
  display: inline-block;
  font-size: 38px;
  font-weight: bold;
  padding-left: 8px;
}
.bl_totalPoint_btn {}
.ly_serviceIist {
  background: #f4f4f4;
  padding: 0 0 80px 0;
}
.ly_serviceIist_inner {
  max-width: 980px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  body.is_dashbord {
    background: url("/img/dashbord/dashbord_bg_sp.png"), #f0f0f0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
  .ly_pic {
    font-size: 13px;
  }
  .ly_dbBox {
    padding: 20px 5%;
  }
  .ly_dbBox_head {
    display: block;
  }
  .ly_dbBox_titWrapper {
    display: block;
    margin-bottom: 12px;
    width: auto;
  }
  .ly_dbBox_tit {
    font-size: 20px;
  }
  .ly_dbBox_titWrapper p {
    font-size: 14px;
  }
  .ly_dbBox_titWrapper p br.pc_only {
    display: none;
  }
  .ly_dbBox_btnWrapper {
    width: auto;
  }
  .ly_dbBox_head .el_smallerbtn {
    width: 100%;
  }
  .el_infoTable.el_infoTable__dashbord .el_infoTable_header {
    display: none;
  }
  .el_infoTable.el_infoTable__dashbord th {
    display: none;
  }
  .el_infoTable__dashbord {
    border-top: solid 1px #cccccc;
  }
  .el_infoTable__dashbord tr {
    display: block;
    padding: 10px 0;
    border-bottom: solid 1px #cccccc;
  }
  .el_infoTable__dashbord td {
    display: table;
    border: none;
    width: 100%;
    justify-content: center;
    align-items: stretch;
    padding: 5px 0;
  }
  .el_infoTable .bl_it_dealNum, .el_infoTable .bl_it_company, .el_infoTable .bl_it_solution, .el_infoTable .bl_it_reword, .el_infoTable .bl_it_status, .el_infoTable .bl_it_receipt {
    width: 100%;
    text-align: left;
  }
  .el_spTit_inTable {
    display: table-cell;
    border: solid 2px #ffffff;
    background: #E3F2FF;
    font-size: 13px;
    text-align: left;
    vertical-align: middle;
    width: 120px;
    padding: 3px 0 0 5px;
  }
  .el_spTxt_inTable {
    display: table-cell;
    padding: 3px 0 0 5px;
    text-align: left;
  }
  .bl_dbdeal_checkAlertWrapper {
    text-align: left;
  }
  .bl_dbdeal_checkAlert:before {
    content: "";
    position: absolute;
    top: -16px;
    right: auto;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid var(--red);
  }
  .bl_dbdeal_checkAlert:after {
    content: "";
    position: absolute;
    top: -14px;
    right: auto;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff6f6;
  }
  .bl_totalPoint {
    display: block;
  }
  .bl_totalPoint_tit {
    width: auto;
    margin-bottom: 8px;
  }
  .bl_totalPoint_pt {
    font-size: 30px;
    padding-left: 0px;
    line-height: 1;
  }
  .bl_totalPoint_btn a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/* --------------------------trial--------------------------  */
body.is_trial {
  background: url("/img/client_bg.png"), linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
@media (max-width: 768px) {
  body.is_trial {
    background: url("/img/client_bg_sp.png"), #f0f0f0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
}
/* --------------------------demo--------------------------  */
body.is_demo {
  background: url("/img/client_bg.png"), linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
@media (max-width: 768px) {
  body.is_demo {
    background: url("/img/client_bg_sp.png"), #f0f0f0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
}
/* --------------------------training--------------------------  */
body.is_training {
  background: url("/img/learning_bg.png"), linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
@media (max-width: 768px) {
  body.is_training {
    background: url("/img/learning_bg_sp.png"), #f0f0f0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
}
/* --------------------------examples--------------------------  */
body.is_examples {
  background: url("/img/client_bg.png"), linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
@media (max-width: 768px) {
  body.is_examples {
    background: url("/img/client_bg_sp.png"), #f0f0f0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
}
/* --------------------------webinar--------------------------  */
body.is_webinar {
  background: url("/img/learning_bg.png"), linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
@media (max-width: 768px) {
  body.is_webinar {
    background: url("/img/learning_bg_sp.png"), #f0f0f0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
}
.bl_webiner {
  display: flex;
  justify-content: flex-start;
}
.bl_webiner_thumbnail {
  width: 240px;
  border-radius: 8px;
  overflow: hidden;
}
.bl_webiner_thumbnail img {
  border-radius: 8px;
  border: solid 1px #ccc;
}
.bl_webiner_info {
  width: calc(100% - 440px);
  padding: 0 20px;
}
.bl_webiner_tit {
  color: var(--main-color);
  font-weight: bold;
  font-size: 20px;
  overflow-wrap: break-word;
}
.bl_webiner_btnWrapper {
  width: 200px;
}
.ly_webiner_percentage {
  padding: 8px 0;
  max-width: 280px;
}
.bl_webiner_time {
  background: url("/img/ic_time.png") left center no-repeat;
  background-size: 14px;
  padding-left: 18px;
  color: #666666;
  font-size: 13px;
  display: inline-block;
  margin-right: 12px;
}
/* 202311-add */
.bl_webiner_point {
  background: url("/img/ic_point.png") left center no-repeat;
  background-size: 14px;
  padding-left: 18px;
  color: #666666;
  font-size: 13px;
  display: inline-block;
  margin-right: 12px;
}
@media (max-width: 768px) {
  .bl_webiner {
    display: block;
  }
  .bl_webiner_thumbnail {
    width: 80%;
    margin: 0 auto;
  }
  .bl_webiner_info {
    width: 100%;
    padding: 12px 0;
  }
  .bl_webiner_tit {
    font-size: 16px;
  }
  .bl_webiner_btnWrapper {
    width: 100%;
  }
}
/* --------------------------resource--------------------------  */
body.is_resource {
  background: url("/img/resource/resource_bg.png"), linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2800px auto, 100% 100%;
}
@media (max-width: 768px) {
  body.is_resource {
    background: url("/img/resource/resource_bg_sp.png"), #f0f0f0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto, 100% 100%;
  }
}
.bl_resource_unit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: -50px;
}
.bl_resource_unit:not(:last-child){
  margin-bottom: 0;
}
.bl_resource {
  width: 29%;
  margin-right: 6%;
  margin-bottom: 50px;
	display: flex;
	flex-direction:column;
}
.bl_resource:nth-of-type(3n) {
  margin-right: 0;
}
.bl_resource figure {
  border: solid 1px var(--gray);
}
.bl_resource_tit {
  padding-top: 4px;
  margin-bottom: 4px;
  font-size: 14px;
}
.bl_resource a,.bl_resource button {
	margin-top: auto;
}

@media (max-width: 768px) {
  .bl_resource {
    width: 47%;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .bl_resource:nth-child(odd) {
    margin-right: 6%;
  }
  .bl_resource_tit {
    font-size: 12px;
  }
}
/* -------------------------- point --------------------------  */
body.is_point {
  background: rgb(244, 244, 240);
  background: url("/img/bg_polygon.png") top center repeat-x;
  background-attachment: fixed;
  background-size: 100% auto;
}
@media (max-width: 768px) {
  body.is_point {
    background-size: 200% auto;
  }
}
.ly_pointchange {
  padding: 30px;
}
.ly_pointchange_logoWrapper {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.ly_pointchange_logo {
  width: 280px;
}
.ly_pointchange_logoTxt {
  display: inline-block;
  margin-left: 12px;
}
.ly_pointchange {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
}
.ly_pointchange_howmuch {
  width: 200px;
}
.ly_pointchange_pt {
  padding: 0 12px 0 8px;
}
.ly_pointchange_btn {
  margin-left: 6px;
}
.ly_pointchange_caution {
  font-size: 14px;
}
.ly_pointchange_note {
  padding-top: 12px;
  font-size: 12px;
  color: #666666;
}
@media (max-width: 768px) {
  .ly_pointchange_logoWrapper {
    display: block;
  }
  .ly_pointchange_btn {
    width: 100%;
    margin-left: 0;
    padding-top: 12px;
  }
}
/* -------------------------- welcome --------------------------  */
.bl_btnBoxIntro {
  display: flex;
  justify-content: space-between;
  width: 90%;
  padding: 40px 0 40px 0;
  margin: 0 auto;
}
.bl_btnBoxIntro li {
  width: 45%;
}
.bl_btnBoxIntro li a {
  display: block;
}
.ly_serviceIist.ly_serviceIist__nbg {
  background: none;
}
@media (max-width: 768px) {
  .bl_btnBoxIntro {
    display: block;
    width: 80%;
    padding: 40px 0 20px 0;
  }
  .bl_btnBoxIntro li {
    width: 100%;
    margin-bottom: 40px;
  }
  .bl_btnBoxIntro > *:last-child {
    margin-bottom: 0;
  }
}
/* --------------------------  contents container --------------------------  */
.bl_cont_contents {
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  margin: 0 auto 30px auto;
  padding: 30px;
}
@media (max-width: 768px) {
  .bl_cont_contents {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
}
/* -------------------------- webinar contents--------------------------  */
body.is_webinar_contents {
  background: linear-gradient(180deg, #F0F0F0, #ffffff);
  background-repeat: no-repeat;
}
.lv1_headline__contentsTit {
  letter-spacing: 0;
}
.el_lv1_headline_label {
  display: block;
  margin-bottom: 8px;
  background: var(--main-color);
  color: #ffffff;
  font-size: 16px;
  width: 140px;
  text-align: center;
}
.bl_vid_contents {
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 1px;
}
.bl_vid_main {
  width: 100%;
}
/* ボタン  */
.bl_vid_btnWrap {
  padding: 24px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .bl_vid_btnWrap {
    font-size: 13px;
  }
}
.el_linkBtn__index {
  display: inline-block;
  position: relative;
  background: var(--gray);
  padding: 8px 24px 8px 38px;
  color: white;
  border-radius: 4px;
  transition: .3s;
  border: solid 1px var(--gray);
}
.el_linkBtn__index:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/img/ic_past_w.png");
  background-size: contain;
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -8px;
}
.el_linkBtn__prev {
  display: inline-block;
  position: relative;
  background: var(--gray);
  padding: 8px 24px 8px 38px;
  color: white;
  border-radius: 4px;
  transition: .3s;
  border: solid 1px var(--gray);
}
@media (max-width: 768px) {
  .el_linkBtn__prev {
    padding: 8px 8px 8px 28px;
  }
}
.el_linkBtn__prev:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/img/ic_prevmovie_w.png");
  background-size: contain;
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -8px;
}
.el_linkBtn__next {
  display: inline-block;
  position: relative;
  background: var(--main-color);
  padding: 8px 38px 8px 24px;
  color: white;
  border-radius: 4px;
  transition: .3s;
  border: solid 1px var(--main-color);
}
@media (max-width: 768px) {
  .el_linkBtn__next {
    padding: 8px 28px 8px 8px;
  }
}
.el_linkBtn__assessment {
  display: inline-block;
  position: relative;
  background: #3DB263;
  padding: 8px 38px 8px 24px;
  color: white;
  border-radius: 4px;
  transition: .3s;
  border: solid 1px #3DB263;
}
@media (max-width: 768px) {
  .el_linkBtn__assessment {
    padding: 8px 28px 8px 8px;
  }
}
.el_linkBtn__next:before, .el_linkBtn__assessment:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/img/ic_nextmovie_w.png");
  background-size: contain;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
}
@media (max-width: 768px) {
  .lv1_headline__contentsTit {
    font-size: 18px;
  }
  .el_lv1_headline_label {
    font-size: 14px;
  }
  .bl_vid_btnWrap {
    width: 90%;
    margin: 0 auto;
  }
  .el_linkBtn__prevtMovie {
    padding: 4px 10px 4px 30px;
  }
  .el_linkBtn__nextMovie, .el_linkBtn__assessment {
    padding: 4px 30px 4px 10px;
  }
}
/* 動画リスト  */
.bl_movieList_wrap {
  background: #f1f1f1;
  padding: 24px;
}
.bl_movieList {}
.bl_movieList li {
  background: #ffffff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  margin-bottom: 12px;
}
.bl_movieList li:last-child {
  margin-bottom: 0;
}
.bl_movieList li a {
  display: block;
  border-radius: 8px;
  border: solid 2px #ffffff;
  transition: .3s;
}
.bl_movieList li a:hover {
  border: solid 2px var(--main-color);
}
.bl_movieList_inner {
  display: flex;
  align-items: center;
  padding: 12px 16px;
}
.bl_movieList_icon {
  width: 30px;
  height: 30px;
}
.bl_movieList_icon img {}
.bl_movieList_title {
  width: calc(100% - 30px - 50px);
  padding-left: 16px;
  color: var(--main-color);
  font-weight: bold;
  padding-right: 8px;
}
.el_conditionLabel {
  width: 50px;
}
.el_conditionLabel {
  display: inline-block;
  width: 60px;
  text-align: center;
  background: var(--main-color);
  color: #ffffff;
  font-size: 13px;
}
/*視聴中*/
.el_conditionLabel.is_active {
  background: #EA7B39;
}
/*視聴済*/
.el_conditionLabel.is_finish {
  background: #3DB263;
}
.bl_movieList_title_caprion {
  font-weight: normal;
  font-size: 12px;
  display: block;
}
.bl_movieList li.is_assessment a {
  background: var(--main-color);
  color: #ffffff;
  border: solid 1px var(--main-color);
}
.bl_movieList li.is_assessment.is_off a {
  opacity: 0.4;
  pointer-events: none;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
	pointer-events: none;
}
.bl_movieList li.is_assessment .bl_movieList_title {
  color: #ffffff;
}
.bl_movieList li.is_assessment .el_conditionLabel {
  border: solid 1px #ffffff;
}
@media (max-width: 768px) {
  .bl_movieList_wrap {
    padding: 24px 5%;
  }
  .bl_movieList_icon {
    width: 24px;
    height: 24px;
  }
  .bl_movieList_title {
    font-size: 14px;
    padding-left: 8px;
  }
}
/*アセスメント*/
.bl_assessment_box {
  background: #f1f1f1;
  margin: 16px 0 24px 0;
  border-radius: 20px;
  padding: 30px;
}
.bl_assessment_startBtn {
  padding: 20px 0 40px 0;
}
.bl_assessment_startBtn a {
  display: block;
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
}
.bl_assessment_baseInfo {
  text-align: center;
  margin: 0 auto;
}
.bl_assessment_baseInfo span {
  font-size: 24px;
  font-weight: bold;
  font-family: "Arial", "sans-serif"
}
@media (max-width: 768px) {
  .bl_assessment_box {
    background: #f1f1f1;
    border-radius: 0;
    padding: 16px;
    margin: 0 0 16px 0;
  }
}
.bl_answer_container {
  margin-bottom: 40px;
}
.bl_answerList li {
  border-bottom: solid 1px var(--gray);
  padding: 12px 0;
}
@media (max-width: 768px) {
  .bl_answerList {
    padding: 0 16px;
  }
}
.bl_sessment_answerBtn {
  padding: 0 0 20px 0;
}
.bl_sessment_answerBtn a {
  display: block;
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
}
.bl_assessment_compInfo {
  text-align: center;
  padding: 24px 0 40px 0;
}
.bl_assessment_compInfo_rate {
  font-size: 18px;
}
.bl_assessment_compInfo_rate span {
  font-size: 32px;
  font-weight: bold;
  font-family: "Arial", "sans-serif"
}
.is_asPassed .bl_assessment_compInfo_rate {
  color: #3DB263;
}
.is_asFailure .bl_assessment_compInfo_rate {
  color: var(--red);
}
.bl_assessment_compInfo_result {
  width: 240px;
  color: #ffffff;
  margin: 0 auto;
  font-size: 24px;
  border-radius: 4px;
  margin-bottom: 24px;
}
.is_asPassed .bl_assessment_compInfo_result {
  background: #3DB263;
}
.is_asFailure .bl_assessment_compInfo_result {
  background: var(--red);
}
.ly_retry{
	padding: 24px 0;
	max-width: 320px;
	margin: 0 auto;
	font-weight: normal;
}
.ly_retry .el_btn_l{
	font-weight: normal;
	font-size: 18px;
}
@media (max-width: 768px) {
}
.is_correct {
  width: 30px;
  height: 30px;
  background: url("/img/webinar/ic_correct.png") center;
  background-size: 30px;
  display: block;
	margin-left: auto;
	margin-right: 8px;
}
.is_incorrect {
  width: 30px;
  height: 30px;
  background: url("/img/webinar/ic_incorrect.png") center;
  background-size: 30px;
  display: block;
	margin-left: auto;
	margin-right: 8px;
}
.bl_assessment_resultList_wrap {
  background: #f1f1f1;
  padding: 24px;
}
.bl_assessment_resultList {
  width: 100%;
  background: #ffffff;
}
.bl_assessment_resultList th, .bl_assessment_resultList td {
  padding: 16px 8px;
  border-top: solid 1px #f1f1f1;
  vertical-align: middle;
}
.bl_assessment_resultList th {
  width: 40px;
  text-align: center;
}
.bl_assessment_resultList tr td:nth-child(3){
	width: 38px;
}
@media (max-width: 768px) {
  .bl_assessment_resultList_wrap {
    padding: 16px;
  }
  .bl_assessment_resultList th, .bl_assessment_resultList td {
    font-size: 13px;
  }
}
.bl_assessment_resultList tr.bl_questionExplanation_wrap th{
	border-top: none;
}
.bl_assessment_resultList tr.bl_questionExplanation_wrap td{
	padding: 0 12px 20px 8px;
	border-top: none;
}
.bl_questionExplanation{
	position: relative;
	background: #f1f1f1;
	padding: 8px;
	font-size: 14px;
	border-radius: 4px;
}
.bl_questionExplanation:before{
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f1f1f1;
  border-left: 10px solid transparent;
}
.bl_questionExplanation h3{
	font-weight: bold;
	display: inline-block;
	padding-right: 4px;
}
.bl_questionExplanation p{
	display: inline;
}
@media (max-width: 768px) {
	.bl_questionExplanation{
	font-size: 12px;
	}
}