<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset 'UTF-8';
@media (max-width: 768px) {
}
@media (max-width: 576px) {
}
/*===============================================
蜈ｱ騾壹ヱ繝ｼ繝�
=================================================*/
/* -----------
base
----------- */
/* 譌｢蟄呂SS荳頑嶌縺� */
.m_underLayer{
  position: relative;
  padding-bottom: 0;
}
.m_footWrap{
  width: 920px;
  margin: auto;
  padding-left: 280px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px){
  .m_footWrap{
    width: auto;
    padding-left: 0;
    box-sizing: border-box;
  }
}
/* base */
body{}
.l_main{
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0;
  font-size: 16px;
}

/* -----------
layout
----------- */
/* 繝ｩ繝�ヱ繝ｼ */
.l_wrapper{
  display: block;
  width: auto;
}
/* 繝｡繧､繝ｳ */
.l_main{
  width: auto;
}
@media screen and (max-width: 768px){
  .l_main{
    padding: 0;
  }
}
/* 繧ｵ繧､繝峨リ繝薙Λ繝�ヱ繝ｼ */
.l_sideWrap{
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  width: 1220px;
  margin: 0 auto;
  pointer-events: none;
  text-align: left;
}
@media screen and (max-width: 768px){
  .l_sideWrap{
    display: none;
  }
}
/* 繧ｵ繧､繝医リ繝� */
.l_side{
  pointer-events: all;
}

/* layout��grid�� --------------------------------*/
.l_grid--hasGutterSm{
  margin: -8px;
}
.l_grid--hasGutterSm &gt; .l_grid__item{
  padding: 8px;
}
.l_grid--plus{
  margin: -32px;
}
.l_grid--plus &gt; .l_grid__item{
  position: relative;
  padding: 32px;
}
.l_grid--plus &gt; .l_grid__item + .l_grid__item::before{
  content: "��";
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 56px;
  transform: translate(-50%, -50%);
}
.l_grid--between{
  justify-content: space-between;
}
@media screen and (max-width: 768px){
  .l_grid--plus &gt; .l_grid__item + .l_grid__item::before{
    top: 0;
    left: 50%;
    font-size: 56px;
    transform: translate(-50%, -50%);
  }
}

/* layout --------------------------------*/
.aweb_body{
    line-height: 1.75;
}
.aweb_m_center{
    margin: 0 auto;
}
.aweb_sec_mt_ll{
    margin-top: 180px;
}
.aweb_sec_mt_l{
    margin-top: 150px;
}
.aweb_sec_mt{
    margin-top: 120px;
}
.aweb_sec_mb{
    margin-bottom: 120px;
}
.aweb_content_mt_l{
    margin-top: 80px;
}
.aweb_content_mt{
    margin-top: 60px;
}
.aweb_detail_mt_l{
    margin-top: 40px;
}
.aweb_detail_mt_ml{
    margin-top: 30px;
}
.aweb_detail_mt{
    margin-top: 20px;
}
.aweb_detail_mt_s{
    margin-top: 10px;
}
.aweb_wrap{
    /* max-width: 1010px; */
    /* margin: 0 auto; */
}
.aweb_wrap_inr{
    /* width: 100%; */    
    /* padding: 0 40px; */
    width: 920px;
    margin: auto;
    padding-left: 280px;
    box-sizing: content-box;
}
.aweb_img{
    width: 100%;
    display: block;
}
.aweb_alignC{
    text-align: center;
}
.aweb_alignL{
    text-align: left;
}
.aweb_pc{
    display: block;
}
.aweb_tb{
    display: none;
}
.aweb_sp{
    display: none;
}
.aweb_bg{
    background: var(--color-bg);
    padding: 60px 30px;
}
@media (max-width: 768px) {
    .aweb_wrap_inr{
        width: 95%;
        padding: 0;
        /* padding: 0 20px; */
    }
    .aweb_wrap_inr-hasPd{
        width: 100%;
    }
    .aweb_sec_mt_l {
        margin-top: 120px;
    }
    .aweb_sec_mt{
        margin-top: 80px;
    }
    .aweb_sec_mb{
        margin-bottom: 80px;
    }
    .aweb_content_mt_l{
        margin-top: 60px;
    }
    .aweb_content_mt{
        margin-top: 40px;
    }
    .aweb_detail_mt_l {
        margin-top: 20px;
    }
    .aweb_detail_mt_ml{
        margin-top: 15px;
    }
    .aweb_detail_mt {
        margin-top: 10px;
    }
    .aweb_detail_mt_s{
        margin-top: 5px;
    }
    .aweb_pc{
        display: none;
    }
    .aweb_tb{
        display: block;
    }
    .aweb_sp{
        display: none;
    }
}
@media (max-width: 576px) {
    .aweb_sp{
        display: block;
    }
    .aweb_bg{
        background: var(--color-bg);
        padding: 60px 10px;
    }
}

/* font --------------------------------*/
.aweb_ff_en{
    font-family: var(--font-en);
}
.aweb_ff_ja{
    font-family: var(--font-jp);
}
.aweb_col_main{
    color: var(--color-main)!important;
}
.aweb_col_wh{
    color: var(--color-reverse)!important;
}
.aweb_fz_14{
    font-size: 14px;
}
.aweb_fz_16{
    font-size: 16px;
}
.aweb_fz_18{
    font-size: 18px;
}
.aweb_fz_20{
    font-size: 20px;
}
.aweb_fz_25{
    font-size: 25px;
}
.aweb_fz_26{
    font-size: 26px;
}
.aweb_fz_28{
    font-size: 28px;
}
.aweb_fz_30{
    font-size: 30px;
}
.aweb_fz_32{
    font-size: 32px;
}
.aweb_fz_45{
    font-size: 45px;
}
.aweb_fw_500{
    font-weight: 500!important;
}
.aweb_fw_bold{
    font-weight: 700!important;
}
@media (max-width: 768px) {
    .aweb_fz_14{
        font-size: 12px;
    }
    .aweb_fz_16{
        font-size: 14px;
    }
    .aweb_fz_18{
        font-size: 15px;
    }
    .aweb_fz_20{
        font-size: 16px;
    }
    .aweb_fz_25{
        font-size: 17px;
    }
    .aweb_fz_26{
        font-size: 18px;
    }
    .aweb_fz_28{
        font-size: 19px;
    }
    .aweb_fz_30{
        font-size: 20px;
    }
    .aweb_fz_32{
        font-size: 22px;
    }
    .aweb_fz_45{
        font-size: 25px;
    }
}
/* setting --------------------------------*/
:root {
    /* Color */
    --color-main: #0071BB;
    --color-sub: linear-gradient(90deg, #3C9EFF , #0273BF);
    --color-sub-re: linear-gradient(-90deg, #3C9EFF , #0273BF);
    --color-border: #E0E0E0;
    --color-bg: #F1F6FE;
    --color-content_bg:#F8F8F8;
    --color-text: #000000;
    --color-hover: #bbb;
    --color-reverse: #fff;
    --color-shape: #EFEFEF;


    /* Text */
    --font-en: "Roboto";
    --font-jp: "yu gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ pron w3", "hiragino kaku gothic pron", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
    --fz-main: 1.5rem;
    --line-height: 1.75;

    /* Other */
    --opacity: 0.7;
    --transition: 0.2s;
    --shadow: 0 0 30px rgba(2,115,191,0.12);
    --shadow2: 0 0 10px rgba(0, 0, 0, 0.12);
  }
/* button --------------------------------*/
.aweb_btn_l2{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.aweb_btn_r10{
    display: flex;
    position: relative;
    border: 1px solid var(--color-main)!important;
    background: var(--color-reverse)!important;
    max-width: 400px;
    width: 100%;
    height: 60px;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease-in-out;
}
.aweb_btn_r10::before{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--color-main);
}
.aweb_btn_r10::after{
    content: "";
    position: absolute;
    right: 31px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-top: 2px solid var(--color-main);
    border-right: 2px solid var(--color-main);
    transform: rotate(45deg) translateX(-50%);
}
.aweb_btn_r10:hover{
    background-color: var(--color-main)!important;
    border: none;
    color: var(--color-reverse)!important;
    text-decoration: none;
}
.aweb_btn_r10:hover:before{
    border: 1px solid var(--color-reverse)!important;
}
.aweb_btn_r10:hover::after{
    border-top: 2px solid var(--color-reverse)!important;
    border-right: 2px solid var(--color-reverse)!important;
    transform: rotate(45deg) translateX(-50%);
}
.aweb_btn_r50_blue{
    display: flex;
    position: relative;
    background: var(--color-sub);
    width: 100%;
    height: 60px;
    border-radius: 50px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease-in-out;
    z-index: 5;
    padding: 0 15px;
    text-align: center;
}
.aweb_btn_r50_blue::before{
    content: "";
    position: absolute;
    left: -100%;
    background: var(--color-sub-re);
    width: 100%;
    height: 60px;
    border-radius: 50px;
    transition: 0.2s ease-in-out;
}
a.aweb_btn_r50_blue:hover{
    color: var(--color-reverse)!important;
    text-decoration: none;
}
.aweb_btn_r50_blue:hover:before{
    content: "";
    position: absolute;
    left: 0;
    z-index: -1;
    color: var(--color-reverse)!important;
    text-decoration: none;
}
.aweb_btn_r50_wh{
    display: flex;
    width: 100%;
    height: 60px;
    border-radius: 50px;
    background: var(--color-reverse)!important;
    border: 1px solid var(--color-main)!important;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease-in-out;
    padding: 0 15px;
    text-align: center;
}
.aweb_btn_r50_wh:hover{
    background: var(--color-main)!important;
    color: var(--color-reverse)!important;
    text-decoration: none;
}
@media (max-width: 768px) {
    .aweb_btn_l2{
        display: block;
    }
    .aweb_btn_l2 a{
        margin: 10px auto;
    }
}
@media (max-width: 576px) {
    .aweb_btn_r10{
        padding-right: 30px;
    }
}
/*===============================================
contents
=================================================*/
/*  nav--------------------------------*/
.aweb_nav ul{
    display: flex;
    flex-wrap: wrap;
    border: 1px solid var(--color-main);
    padding: 5px 0;
}
.aweb_nav ul li{
    list-style: none;
    padding: 0 17px;
    height: auto;
    border-right: 1px solid var(--color-main);
}
.aweb_nav ul li:last-of-type{
    border-right: none;
}
.aweb_nav ul li a{
    list-style: none;
    display: block;
    color: var(--color-main) !important;
    font-size: 16px;
    font-weight: 600!important;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}
.aweb_nav ul li a:hover{
    opacity: 0.5;
}
.aweb_nv_btn{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--color-main);
    position: relative;
    margin: 5px auto 0;
}
.aweb_nv_btn::after{
    content: "";
    position: absolute;
    bottom: 7px;
    right: 6px;
    width: 4px;
    height: 4px;
    border-bottom: 2px solid var(--color-reverse);
    border-right: 2px solid var(--color-reverse);
    transform: rotate(45deg);
}
@media (max-width: 768px) {
    .aweb_nav ul{
        border: none;
    }
    .aweb_nav ul li,
    .aweb_nav ul li:last-of-type{
        list-style: none;
        padding: 10px;
        height: auto;
        width: 50%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--color-main);
    }
    .aweb_nav ul li a::before{
        bottom: 5px;
    }
    .aweb_nav ul li a::after{
        bottom: 14px;
    }
}
@media (max-width: 576px) {
    .aweb_nav ul li,
    .aweb_nav ul li:last-of-type {
        list-style: none;
        height: auto;
    }
    .aweb_nav ul li a{
        font-size: 12px;
    }
}
/*  merit--------------------------------*/
.aweb_merit{
    background: var(--color-sub);
    padding: 60px 15px 60px;
}
.aweb_merit ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.aweb_merit ul li{
    background: var(--color-reverse);
    padding: 20px 25px;
}
.aweb_merit a{
    color: var(--color-text);
    text-decoration: none;
    transition: 0.2s ease-in-out;
}
.aweb_merit a:hover{
    opacity: 0.5;
}
.aweb_merit ul li p{
    line-height: 2;
    color: var(--color-text)!important;
}
.aweb_merit_img1{
    width: 140px;
    margin: 0 auto;
}
.aweb_merit_img2{
    width: 110px;
    margin: 0 auto;
}
.aweb_merit_img3{
    width: 180px;
    margin: 0 auto;
}
.aweb_merit1{
    box-shadow: var(--shadow);
    position: relative;
    padding: 40px 80px 110px;
    border-radius: 10px;
}
.aweb_merit1 p{
    line-height: 1!important;
}
.aweb_merit1_inr{
    position: relative;
}
.aweb_merit1_inr::before{
    content: "";
    width: 230px;
    height: 80px;
    position: absolute;
    bottom: -110px;
    right: 50%;
    transform: translateX(50%);
    z-index: 10;
    background: var(--color-reverse);
}
.aweb_merit1_inr::after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -160px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 50px solid var(--color-reverse);
    filter: drop-shadow(0 10px 30px rgba(2,115,191,0.12));
}

.aweb_merit1_ttl{
    line-height: 1;
}
.aweb_merit1 ul{
    max-width: 710px;
    margin: 20px auto 0;
}
.aweb_merit1 ul li{
    line-height: 2em !important;
    position: relative;
    padding-left: 35px;
}
.aweb_merit1 ul li::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 8px;
    width: 4px;
    height: 13px;
    border-bottom: 3px solid var(--color-main);
    border-right: 3px solid var(--color-main);
    transform: rotate(45deg);
}
.aweb_merit1 figure img{
    max-width: 140px;
    margin: 40px auto 0;
}
.aweb_merit1 figure img{
    width: 100%;
}
.aweb_merit1_sheet{
    display: grid;
    grid-template-columns: 1fr 2fr;
}
.aweb_merit1_sheet li{
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.aweb_merit1_sheet li div{
    position: absolute;
    top: 0px;
    right: -75px;
    width: 25%;
    max-width: 130px;
}
.aweb_merit1_sheet li:first-child{
    margin-bottom: 96px;
}
.aweb_merit1_sheet li:first-child figure{
    position: relative;
}
.aweb_merit1_sheet li:first-child figure::after{
    content: url(/common/img/leaf/assessmentweb/arrow_blue.svg);
    position: absolute;
    bottom: -120px;
    right: 0;

}
/* .aweb_merit1_sheet li:first-child figure::after{
    content: "";
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 50px solid var(--color-shape);
} */
.aweb_merit1_sheet p{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.aweb_merit1_sheet li:nth-of-type(1) p{
    margin-bottom: 15px;
}
.aweb_merit1_sheet p span{
    margin-right: 15px;
    width: 20%;
    max-width: 82px;
}
.aweb_merit1_sheet li:first-of-type p span img{
    width: 70px;
}
.aweb_merit1_sheet li:first-of-type p span{
    margin-right: 30px;
}
.aweb_merit1_contents{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}
.aweb_merit1_contents li{
    /* border: 1px solid var(--color-border); */
    /* border-radius: 10px; */
    padding: 20px 20px;
}
/* .aweb_merit2{
    position: relative;
}
.aweb_merit2::after{
    content: "";
    position: absolute;
    background: var(--color-sub);
    width: 100%;
    height: 55%;
    bottom: 0;
    left: 0;
    z-index: -1;
} */
.aweb_merit2{
  padding: 0 0 100px;
  background: var(--color-sub) no-repeat center bottom / 100% 40%;
}
.aweb_merit3 ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.aweb_merit3 ul li{
    padding: 30px 10px;
    border-radius: 10px;
}
.aweb_merit3 ul li p:nth-of-type(1){
    line-height: 2;
}
.aweb_marker{
    background: var(--color-main);
    padding: 2px 5px;
}
.aweb_merit3_more{
    background: var(--color-bg);
    padding: 60px 20px;
}
.aweb_merit3_more ul li{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 70px;
    background: var(--color-reverse);
    padding: 20px 30px;
    margin-top: 10px;
}
.aweb_merit3_more ul li div{
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}
.aweb_merit3_more ul li div:nth-of-type(1){
    width: 390px;
}
.aweb_merit3_more ul li div:nth-of-type(2){
    width: 350px;
}
.aweb_merit3_more_ico{
    position: relative;
}
.aweb_merit3_more_ico::before{
    content: url(/common/img/leaf/assessmentweb/arrow_gray.svg);
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-50%) scale(0.8);
    /* border-top: 15px solid transparent; */
    /* border-bottom: 15px solid transparent; */
    /* border-left: 20px solid var(--color-shape); */
}
.aweb_merit3_more_solution{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width: 768px) {
    .aweb_merit ul{
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .aweb_merit1{
        padding: 40px 30px 130px;
    }
    .aweb_merit1_inr::before{
      bottom: -130px;
    }
    .aweb_merit1_inr::after{
      bottom: -180px;
    }
    .aweb_merit1_ttl{
        line-height: 1.3;
    }
    .aweb_merit1_sheet{
        display: grid;
        grid-template-columns: 1fr;
    }
    .aweb_merit1_sheet li{
        width: 90%;
    }
    .aweb_merit1_sheet li:first-child figure::after {
        content: "";
        position: absolute;
        bottom: -60px;
        right: 50%;
        transform: translateX(50%);
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-top: 30px solid var(--color-shape);
    }
    .aweb_merit1_sheet li div{
        right: -10px;
    }
    .aweb_merit1_contents {
        grid-template-columns: 1fr 1fr;
    }
    .aweb_merit2{
        padding-bottom: 60px;
    }
    .aweb_merit3 ul{
        grid-template-columns: 1fr;
        /* gap: 20px; */
    }
    .aweb_merit3_more ul li{
        gap: 45px;
        background: var(--color-reverse);
        padding: 20px 40px 50px;
    }
    .aweb_merit3_more_ico {
        padding-left: 50px;
    }
    .aweb_merit3_more_ico::before {
        left: 0px;
    }
    .aweb_merit3_more ul li div:nth-of-type(1),
    .aweb_merit3_more ul li div:nth-of-type(2){
        width: 100%;
    }

}
@media (max-width: 576px) {
    .aweb_merit1_contents {
        grid-template-columns: 1fr;
    }
    .aweb_merit3_more ul li{
        padding: 20px 20px 30px;
        gap: 25px;
    }
    .aweb_merit3_more_img{
        width: 20%;
    }
    .aweb_merit3_more ul li div{
        gap: 10px;
    }
    .aweb_merit2::after{
        height: 25%;
    }
    .aweb_merit1{
        padding: 40px 30px;
    }
    .aweb_merit1_inr::before{
      height: 30px;
      bottom: -40px;
    }
    .aweb_merit1_inr::after{
      bottom: -90px;
    }
    .aweb_merit1_sheet li:first-of-type p span{
        margin-right: 15px;
    }
}

/*  function--------------------------------*/
.aweb_function_merit li{
    padding: 35px;
    /* border-radius: 10px; */
    border: 1px solid var(--color-main);
    position: relative;
    display: flex;
}

/* 繝ｪ繝ｳ繧ｯ縺吶ｋ蝣ｴ蜷医�html繧誕繧ｿ繧ｰ縺ｫ螟画峩縺励◆縺�∴縺ｧ荳玖ｨ倥ｒ繧ｳ繝｡繝ｳ繝医い繧ｦ繝� 竊�*/
/* .aweb_function_merit li p span{
    position: relative;
    padding-left: 1.5rem;
    margin-right: 20px;
}
.aweb_function_merit li p span::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 4px;
    height: 13px;
    border-bottom: 3px solid var(--color-main);
    border-right: 3px solid var(--color-main);
    transform: rotate(45deg);
} */
.check_ico{
    width: 10%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--color-sub);
    position: absolute;
    z-index: 93;
}
.check_ico::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 13px;
    border-bottom: 3px solid var(--color-reverse);
    border-right: 3px solid var(--color-reverse);
    transform: rotate(45deg) translate(-100%);
}
.aweb_function_merit_txt{
    margin-left: 10%;
}
/* 繝ｪ繝ｳ繧ｯ縺吶ｋ蝣ｴ蜷医�荳願ｨ倥ｒ繧ｳ繝｡繝ｳ繝医い繧ｦ繝� 竊�*/

/* 繝ｪ繝ｳ繧ｯ縺吶ｋ蝣ｴ蜷医�荳玖ｨ倥�繧ｳ繝｡繝ｳ繝医い繧ｦ繝医ｒ螟悶☆ 竊�*/
.aweb_function_merit li a{
    position: relative;
    width: 100%;
    display: block;
    color: var(--color-text);
    text-decoration: none;
    padding-right: 40px;
    transition: 0.2s ease-in-out;
}
.aweb_function_merit li a:hover{
    opacity: 0.5;
}
.aweb_function_merit li a span{
    position: relative;
    padding-left: 1.5rem;
    margin-right: 20px;
}
/* .aweb_function_merit li a span::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 4px;
    height: 13px;
    border-bottom: 3px solid var(--color-main);
    border-right: 3px solid var(--color-main);
    transform: rotate(45deg);
} */
.aweb_function_merit li a::after {
    content: "";
    position: absolute;
    right: 11px;
    bottom: 50%;
    width: 5px;
    height: 5px;
    border-top: 2px solid var(--color-reverse);
    border-right: 2px solid var(--color-reverse);
    transform: rotate(45deg) translateY(50%);
}
.aweb_function_merit li a::before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 50%;
    transform: translateY(50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--color-main);
}
/* 繝ｪ繝ｳ繧ｯ縺吶ｋ蝣ｴ蜷医�荳願ｨ倥�繧ｳ繝｡繝ｳ繝医い繧ｦ繝医ｒ螟悶☆ 竊�*/
.aweb_function_btn{
    margin-top: 20px;
}
@media (max-width: 768px) {
    .aweb_function_merit li{
        padding: 20px;
    }
}
@media (max-width: 576px) {
    .aweb_function_btn{
        margin-top: 160px;
    }
}
/*  function縲繧ｹ繝ｩ繧､繝�--------------------------------*/

.aweb_tab-container {
    list-style-type: none;
    padding: 0;
    margin: 60px auto 0;
    width: 100%;
    height: 940px;
    position: relative;
    background: #fff;
}
.aweb_tab-container ul {
    list-style-type: none;
    padding: 0;
}
.aweb_tab-container .arrows {
    display: flex;
    justify-content: space-between;
    width: 90%;
    font-size: 27px;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}
.aweb_tab-container .arrows label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    /* padding-top: 9px; */
    border-radius: 50%;
    border: 1px solid var(--color-main);
    color: var(--color-main)!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body.Android .aweb_tab-container .arrows label {
    padding-top: 3px;
  }
.aweb_tab-container .arrows label:hover {
    color: var(--color-reverse) !important;
    background: var(--color-main);
    border: none;
}
.aweb_tab-container .tab-content-container {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden;
    line-height: 22px;
    background: #fff;
    position: absolute;
    top: 52px;
    padding: 30px;
    border-radius: 10px;
    /* box-shadow: var(--shadow2); */
}
.aweb_tab-container .tab-content-container .tab-content {
    opacity: 0;
    padding: 15px 0;
    min-height: 185px;
    transition: opacity 0.1s ease-in;
}
.aweb_tab-container .tab {
    outline: 0;
    float: left;
    cursor: pointer;
    opacity: 1;
    width: calc( 100% / 6);
    height: 50px;
    padding-right: 0px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-top: 1px solid var(--color-main);
    border-bottom: 1px solid var(--color-main);
    /* background: var(--color-content_bg); */
    color: var(--color-text);
    text-align: center;
}
.aweb_tab-container .aweb_tab_arrow:after,
.aweb_tab-container .aweb_tab_arrow::before {
    content: "";
    /* position: absolute;
    top: 7px;
    right: 7px;
    width: 34px;
    height: 34px;
    border-top: 1px solid var(--color-main);
    border-right: 1px solid var(--color-main);
    transform: rotate(45deg); */
    display: block;
    width: 29px;
    height: 1px;
    background: var(--color-main);
    position: absolute;
    top: calc(50% - 1px);
    right: -20px;
    border-radius: 100px;
    transform: rotate(59deg);
    transform-origin: calc(116% - 5px) 50%;
}
.aweb_tab-container .aweb_tab_arrow:after{
    transform: rotate(-60deg);
}
.aweb_tab-container .aweb_tab_arrow.aweb_tab_arrow_last::before,
.aweb_tab-container .aweb_tab_arrow.aweb_tab_arrow_last::after {
    width: 0px;
}
.aweb_tab-container .tab-toggle {
    display: none;
}
.aweb_tab-container .tab-toggle.active + .tab, .aweb_tab-container .tab-toggle:checked + .tab {
    color: var(--color-reverse);
    background: var(--color-main);
}
.aweb_tab-container .tab-toggle.active + .aweb_tab_arrow::before, .aweb_tab-container .tab-toggle:checked + .aweb_tab_arrow::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -1px;
    right: -14px;
    background: none;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent var(--color-main);
    border-style: solid;
    z-index: 1;
    border-radius: 0px;
    transform: rotate(0deg);

}
.aweb_tab-container .tab-toggle.active + .aweb_tab_arrow_last::before, .aweb_tab-container .tab-toggle:checked + .aweb_tab_arrow_last::before {
    display: none;
}

.aweb_tab-container .tab-toggle.active + .aweb_tab_arrow::after, .aweb_tab-container .tab-toggle:checked + .aweb_tab_arrow::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0px;
    border-width: 24px 0px 24px 15px;
    border-color: transparent transparent transparent var(--color-reverse);
    border-style: solid;
    z-index: 1;
    background: none;
    border-radius: 0px;
    transform: rotate(0deg);
}
.aweb_tab-container .tab-toggle.active + .aweb_tab_arrow_fast::after, .aweb_tab-container .tab-toggle:checked + .aweb_tab_arrow_fast:after {
    display: none;
}
.aweb_tab-container .tab-toggle.active ~ .tab-content-container, .aweb_tab-container .tab-toggle:checked ~ .tab-content-container {
    height: auto;
    opacity: 1;
    z-index: 10;
}
.aweb_tab-container .tab-toggle.active ~ .tab-content-container .tab-content,
.aweb_tab-container .tab-toggle:checked ~ .tab-content-container .tab-content,
.aweb_tab-container .tab-toggle.active ~ .tab-content-container .tab-content label,
.aweb_tab-container .tab-toggle:checked ~ .tab-content-container .tab-content label {
    opacity: 1;
}

.aweb_tab_detail{
    display: block;
    /* align-items: end;
    gap: 60px; */
}
.aweb_tab_detail figure{
    width: 45%;
    margin: 0 auto;
}
.aweb_tab_detail dl{
    margin-top: 60px;
    width: 100%;
}
.aweb_tab_detail dl dt{
    position: relative;
    color: var(--color-main)!important;
}
.aweb_tab_detail dl dt::before{
    content: "";
    position: absolute;
    top: 5px;
    left: -15px;
    width: 8px;
    height: 8px;
    background: var(--color-main)!important;
    border-radius: 5px;
}
.l-b{
    border-left: 1px solid var(--color-main);
    /* border-radius: 10px 0 0 10px; */
}
.tab-6{
    /* border-radius: 0 10px 10px 0; */
    border-right:1px solid var(--color-main) ;
}
.aweb_tab_detail dl dd{
    font-weight: 500!important;
}
.tab-content dd a{
    color: var(--color-main)!important;
    text-decoration: none;
}
.tab-content dd a:hover{
    text-decoration: underline;
}

@media (max-width: 768px) {
    .aweb_tab-container {
        height: 750px;
    }
    .aweb_tab-container .arrows {
        top: 100px;
    }
    .aweb_tab-container .tab {
        font-size: 10px;
    }
    .aweb_tab_detail{
        display: block;
    }
    .aweb_tab_detail figure{
        width: 70%;
    }
    .aweb_tab_detail dl{
        margin-top: 40px;
        width: 100%;
    }
    .aweb_tab-container .arrows label {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        width: 30px;
        height: 30px;
        /* padding-top: 5px; */
        border-radius: 50%;
        border: 1px solid var(--color-main);
        color: var(--color-main)!important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 20px;
    }
    .aweb_tab-container .tab-content-container {
        padding: 30px;
    }
}
@media (max-width: 576px) {
    .aweb_tab-container .tab {
        justify-content: right;
    }
    .aweb_tab-container {
        height: 830px;
    }
    .aweb_tab-container .tab {
        padding-right: 5px;
    }
}
/*  option--------------------------------*/
.aweb_option{
    background: var(--color-bg);
    padding: 60px 30px 70px;
}
.aweb_option_rank{
    background: var(--color-reverse);
    padding: 60px 85px ;
}
.aweb_option_rank p{
    background: var(--color-sub);
    padding: 10px;
    position: relative;
}
.aweb_option_rank p::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 10px solid var(--color-reverse);
}
.aweb_option_rank p::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-right: 10px solid var(--color-reverse);
}
.aweb_option_rank dl dt{
    display: flex;
    align-items: center;
    gap: 40px;
}
.aweb_option_rank dl dd{
    margin-top: 26px;
    padding-left: 100px;
    font-weight: 500!important;
}
.aweb_option_contents p{
    position: relative;
    padding-left: 10px;
}
.aweb_option_contents p::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 4px;
    height: 18px;
    background: var(--color-main);
}
.aweb_option_contents ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.aweb_option_contents li{
    background: var(--color-reverse);
    padding: 20px;
    /* border-radius: 10px; */
    border-left: 5px solid var(--color-main);
}
.aweb_option_contents li a{
    display: block;
    position: relative;
    padding: 0 40px 0 0px;
    line-height: 1.7;
    color: var(--color-text) !important;
    text-decoration: none;
    transition: 0.2s;
}
.aweb_option_contents li a::before{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--color-main);
    /* background: var(--color-main); */
}
.aweb_option_contents li a::after{
    content: "";
    position: absolute;
    right: 11px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-top: 2px solid var(--color-main);
    border-right: 2px solid var(--color-main);
    transform: rotate(45deg) translateX(-50%);
}

.aweb_option_contents li a:hover{
    opacity: 0.5;
    text-decoration: none;
}

@media (max-width: 768px) {
    .aweb_option_rank{
        padding: 60px 35px ;
    }
    .aweb_option_rank dl dt{
        gap: 20px;
    }
    .aweb_option_rank dl dt img{
        width: 50px;
    }
    .aweb_option_rank dl dd {
        margin-top: 15px;
        padding-left: 70px;
    }
    .aweb_option_contents ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
@media (max-width: 576px) {
    .aweb_option{
        padding: 60px 10px 70px;
    }
    .aweb_option_rank p::before{
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-left: 10px solid var(--color-reverse);
    }
    .aweb_option_rank p::after{
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-right: 10px solid var(--color-reverse);
    }
    .aweb_option_rank {
        padding: 40px 25px;
    }
    .aweb_option_rank dl dd {
        padding-left: 0px;
    }
}
/*  example--------------------------------*/
.aweb_example_content{
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 40px;
}
.aweb_example_content figcaption{
    text-align: end;
    font-weight: 500!important;
    line-height: 3!important;
}
.aweb_example_content dt{
    position: relative;
    /* padding-left: 10px; */
}
.aweb_example_content dd{
    font-weight: 500!important;
}
/* .aweb_example_content dt::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 4px;
    height: 18px;
    background: var(--color-main);
} */
.aweb_example_content_aim::before,
.aweb_example_content_contrivance::before{
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    width: 87%;
    height: 1px;
    background: var(--color-main);
}
.aweb_example_content_contrivance::before{
    width: 74%;
}
.aweb_example_content a{
    display: block;
    position: relative;
    padding-left: 25px;
    color: var(--color-main)!important;
    text-decoration: none;
}
.aweb_example_content a::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 50%;
    transform: translateY(50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--color-main)!important;
}
.aweb_example_content a::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    width: 4px;
    height: 4px;
    border-top: 2px solid var(--color-reverse);
    border-right: 2px solid var(--color-reverse);
    transform: rotate(45deg);
}
.aweb_example_content a:hover{
    opacity: 0.5;
}

@media (max-width: 768px) {
    .aweb_example_content{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .aweb_example_content a::after{
        top: 8px;
    }
}
@media (max-width: 576px) {
    .aweb_example_content_contrivance::before{
        width: 70%;
    }
}

/*  sheet--------------------------------*/
.aweb_sheet ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.aweb_sheet li{
    /* border-radius: 10px; */
    box-shadow: var(--shadow2);
    /* overflow: hidden; */
    position: relative;
    background: var(--color-reverse);
}
.aweb_sheet dt{
    /* background: var(--color-main);
    padding: 5px; */
}
.aweb_sheet dt img{
    position: absolute;
    top: 10px;
    left: -10px;
}
.aweb_sheet dd{
    padding: 0 25px;
}
.aweb_sheet dd:last-of-type{
    padding: 0 25px 25px;
}
.aweb_sheet dd figure{
    background: var(--color-content_bg);
    border-radius: 10px;
    padding: 20px;
}
@media (max-width: 768px) {
    .aweb_sheet ul{
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
/*  aweb_price--------------------------------*/
.aweb_price{
    margin-bottom: -10px;
}
.aweb_price img{
    /* width: 100%; */
}

/*  comparison--------------------------------*/

.aweb_comparison{
  padding: 0 0 100px;
  background: var(--color-sub) no-repeat center bottom / 100% 60%;
}
@media (max-width: 768px) {
  .aweb_comparison{
    padding-bottom: 60px;
  }
}


/*  comparison--------------------------------*/



/*  flow--------------------------------*/
.aweb_flow{
    background: var(--color-bg);
    padding: 60px 40px;
    counter-reset: number 0;
}
.aweb_flow dl{
    background: var(--color-reverse);
    padding: 50px 40px 60px;
    /* border-radius: 10px; */
}
.aweb_flow dt{
    padding-left: 70px;
    position: relative;
}
.aweb_flow dt::before{
    content:  " " counter(number) ;
    white-space: pre;
    counter-increment: number 1;
    position: absolute;
    left: 1px;
    top: 8px;
    color: var(--color-main)!important;
    font-size: 20px;
    border-radius: 5px;
    padding: 3px 10px;
}
.aweb_flow dt::after{
    content:  "STEP";
    color: var(--color-main)!important;
    line-height: 1!important;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
    padding: 3px 10px;
}
.aweb_flow dd{
    margin-left: 22px;
    padding-left: 50px;
    border-left: 1px solid var(--color-main);
    font-weight: 500!important;
}
.aweb_flow dd:last-of-type{
    border: none;
}
.aweb_flow dd div{
    display: flex;
    flex-wrap: wrap;
}
.aweb_flow dd a{
    display: block;
    padding: 2px 20px;
    position: relative;
    color: var(--color-main)!important;
}
.aweb_flow dd a::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--color-main)!important;
}
.aweb_flow dd a::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    width: 4px;
    height: 4px;
    border-top: 2px solid var(--color-reverse);
    border-right: 2px solid var(--color-reverse);
    transform: rotate(45deg);
}
.aweb_flow dd a:hover{
    opacity: 0.5;
    text-decoration: none;
}
@media (max-width: 768px) {
.aweb_flow{
    padding: 40px 10px;
}
.aweb_flow dl {
    padding: 40px 20px 40px;
}
.aweb_flow dd {
    margin-left: 0px;
    padding-left: 15px;
}
.aweb_flow dt {
    padding-left: 60px;
}
.aweb_flow dt::before{
    font-size: 10px;
}
.aweb_flow dt::before{
    left: 5px;
    top: 10px;
}
body.Android .aweb_flow dt::before{
    left: 2px;
    top: 10px;
}
}

/*  flow--------------------------------*/
.aweb_qa dt{
    background: var(--color-bg);
    padding: 15px 20px 15px 60px;
    position: relative;
}
.aweb_qa dt::before{
    content: "";
    position: absolute;
    left: 20px;
    background: url(/common/img/leaf/assessmentweb/faq_q.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.aweb_qa dd{
    padding: 30px 20px 40px 60px;
    position: relative;
}
.aweb_qa dd::before{
    content: "";
    position: absolute;
    left: 20px;
    background: url(/common/img/leaf/assessmentweb/faq_a.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}
/*  column--------------------------------*/
.aweb_column ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}
.aweb_column ul li{
    box-shadow: var(--shadow2);
    overflow: hidden;
    background: var(--color-reverse);
}
.aweb_column ul li div{
    background: var(--color-main)!important;
    padding: 5px;
}
.aweb_column ul li a{
    display: block;
    padding: 50px 20px;
    color: var(--color-text)!important;
    text-decoration: none;
}
.aweb_column ul li a:hover{
    opacity: 0.5;
}
@media (max-width: 768px) {
    .aweb_column ul{
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
    }
}
/*  lesf蜈ｱ騾壹�繝ｼ繧ｸ--------------------------------*/
#leaf_bg{
    padding-bottom: 14px!important;
}
/* 譁咎≡繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ繝ｩ繝�ヱ繝ｼ��/resource/css/new_leaf_price.css縺九ｉ遘ｻ險ｭ�� */
.m_feature{
    border: 1px solid;
  }
  .m_feature__heading{
    padding: 16px;
  }
  .m_feature__ttl{
    line-height: 1;
    text-align: center;
    font-size: 28px;
  }
  .m_feature__sub{
    text-align: center;
    font-size: 14px;
  }
  .m_feature__ttl + .m_feature__sub{
    margin-top: 12px;
  }
  .m_feature__body{
    padding: 16px;
  }
  .m_feature__item + .m_feature__item{
    margin-top: 24px;
  }
  /* btn縺ｯ譁ｰ險ｭ */
  .m_feature__btn{
    display: flex;
    width: 25%;
    margin-left: auto;
  }
  .m_feature__btnTarget{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 2em;
    border: 3px solid #707070;
    border-radius: 8px;
    text-decoration: none;
    color: #707070 !important;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0;
    transition: .2s;
  }
  .m_feature__btnTarget:hover{
    background-color: #1F3C87;
    border: 3px solid #1F3C87;
    color: #fff !important;
    opacity: 1;
    text-decoration: none;
  }
  .m_feature__btnTarget::before{
    content: "";
    display: block;
    width: 0;
    height: 2.5em;
  }
  
  .m_feature--colorLms{}
  .m_feature--colorLms .m_feature__heading{
    background: #1a8192;
  }
  .m_feature--colorLms .m_feature__ttl,
  .m_feature--colorLms .m_feature__sub{
    color: #fff;
  }
  .m_feature--colorEval{}
  .m_feature--colorEval .m_feature__heading{
    background: #4260ad;
  }
  .m_feature--colorEval .m_feature__ttl,
  .m_feature--colorEval .m_feature__sub{
    color: #fff;
  }
  .m_feature--colorStress{}
  .m_feature--colorStress .m_feature__heading{
    background: #b52d61;
  }
  .m_feature--colorStress .m_feature__ttl,
  .m_feature--colorStress .m_feature__sub{
    color: #fff;
  }
  
  .m_feature--simulation{
    padding: 24px;
    /* margin-top: 40px !important; */
  }
  .m_feature--simulation .m_feature__heading{
    border-bottom: 1px solid;
  }
  .m_feature--simulation .m_feature__ttl{
    color: #4260ad;
  }
  @media screen and (max-width: 768px){
    .m_feature__ttl{
      font-size: 24px;
    }
    .m_feature__btn{
      width: 50%;
    }
    .m_feature__btnTarget{
      font-size: 14px;
    }
  }
  @media screen and (max-width: 599px){
    .m_feature__ttl{
      font-size: 16px;
      line-height: 1.4;
    }
    .m_feature__btn{
      width: 100%;
    }
    .m_feature--simulation{
      padding: 12px;
    }
    .m_feature--simulation .m_feature__body{
      padding-left: 0;
      padding-right: 0;
    }
  }
  /* 遞手｡ｨ險假ｼ�/resource/css/new_leaf_price.css縺九ｉ遘ｻ險ｭ�� */
  .m_taxIn{
    font-size: 11px;
  }
/* 譁咎≡繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ荳ｭ霄ｫ��/resource/css/new_leaf_price.css縺九ｉ遘ｻ險ｭ�� */
.m_simulationStep {
}

.m_simulationStep__item {
    display: flex;
    align-items: center
}

.m_simulationStep__item+.m_simulationStep__item {
    margin-top: 24px
}

.m_simulationStep__icon {
    position: relative;
    padding-right: 24px;
    margin-right: 24px
}

.m_simulationStep__icon::after {
    content: "笆ｲ";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg)
}

.m_simulationStep__num {
    font-size: 24px
}

.m_simulationStep__body {
    flex: 1 1 auto;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.m_simulationStep__body::before {
    content: "";
    order: 2;
    flex: 1 1 auto;
    display: block;
    border-bottom: 2px dotted;
    transform: translateY(-50%)
}

.m_simulationStep__ttl {
    order: 1;
    flex: 0 0 auto;
    background: #fff;
    padding-right: 16px
}

.m_simulationStep__data {
    order: 3;
    flex: 0 0 160px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    background: #fff
}

.m_simulationStep__select {
    flex: 0 0 80px
}

.m_simulationStep__unit {
    margin-left: 8px
}

@media screen and (max-width: 768px) {
    .m_simulationStep__item {
        display:block
    }

    .m_simulationStep__icon {
        display: inline-block
    }
}

@media screen and (max-width: 599px) {
    .m_simulationStep__body {
        display:block
    }

    .m_simulationStep__body::before {
        content: none
    }

    .m_simulationStep__data {
        justify-content: flex-end
    }

    .m_simulationStep__ttl+.m_simulationStep__data {
        margin-top: 12px
    }
}

.m_simulationResult {
}

.m_simulationResult__summary {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid;
    font-weight: 700;
    font-size: 20px;
    line-height: 1
}

.m_simulationResult__summary::before {
    content: "";
    order: 2;
    flex: 1 1 auto;
    display: block;
    border-bottom: 2px dotted;
    transform: translateY(-50%)
}

.m_simulationResult__summaryTtl {
    order: 1;
    flex: 0 0 auto;
    padding-right: 16px;
    background: #fff
}

.m_simulationResult__summaryNum {
    order: 3;
    flex: 0 0 auto;
    padding-left: 16px;
    background: #fff
}

.m_simulationResult__summaryUnit {
    font-size: 16px
}

.m_simulationResult__detail {
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden
}

.m_simulationResult__detailTtl {
    margin-bottom: 16px;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.m_simulationResult__detailNum {
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.m_simulationResult__breakDown {
    margin: 0 16px;
    padding: 16px 0;
    border-top: 1px solid #ccc
}

.m_simulationResult__breakDownBody {
    margin-top: 12px
}

.m_simulationResult__breakDownItem+.m_simulationResult__breakDownItem {
    margin-top: 12px
}

.m_simulationResult__breakDownItem {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.m_simulationResult__breakDownItem--top {
    align-items: flex-start
}

.m_simulationResult__breakDownTtl {
    position: relative;
    padding-left: 1.2em
}

.m_simulationResult__breakDownTtl::before {
    content: "笆�";
    position: absolute;
    left: 0
}

.m_simulationResult__breakDownNum {
    font-size: 16px;
    font-weight: 700
}

.m_simulationResult--colorEval {
}

.m_simulationResult--colorEval .m_simulationResult__summaryNum {
    color: #4260ad
}

.m_simulationResult--colorEval .m_simulationResult__detailTtl {
    background: #d7f7ff
}

.m_simulationResult--colorEval .m_simulationResult__detailNum {
    color: #4260ad
}

@media screen and (max-width: 768px) {
    .m_simulationResult {
        width:100%
    }

    .m_simulationResult__summary {
        display: block
    }

    .m_simulationResult__summary::before {
        content: none
    }

    .m_simulationResult__summaryTtl {
        display: inline-block
    }

    .m_simulationResult__summaryTtl+.m_simulationResult__summaryNum {
        margin-top: 16px
    }

    .m_simulationResult__summaryNum {
        text-align: right
    }
}

@media screen and (max-width: 599px) {
    .m_simulationResult__summaryTtl {
        font-size:16px;
        line-height: 1.4
    }

    .m_simulationResult__breakDown {
        padding-left: 0;
        padding-right: 0
    }

    .m_simulationResult__breakDownItem {
        display: block
    }

    .m_simulationResult__breakDownNum {
        text-align: right
    }
}


/* 譁咎≡繝励Λ繝ｳ */
/* 繝励Λ繝ｳ繝懊ャ繧ｯ繧ｹ繝ｩ繝�ヱ繝ｼ */
.m_planWrap{}
.m_planWrap__item{}
.m_planWrap__item + .m_planWrap__item{
  margin-top: 35px;
}
.m_planWrap__notes{
  margin-top: 24px;
}
.m_planWrap__note + .m_planWrap__note{
  margin-top: 8px;
  font-size: 14px;
  word-break: break-all;
}
.m_planWrap__PointBox{
  margin-top: 35px;
  padding: 1em;
  border: 3px solid #4260AD;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  position: relative;
}
.m_planWrap__PointBoxTtl {
  position: absolute;
  top: 0;
  left: 16px;
  padding: 0 0.5em;
  font-weight: bold;
  font-size: 16px;
  color: #4260AD;
  background: #fff;
  transform: translateY(-50%);
}
.m_planWrap__PointBox span{
  line-height: 100%;
  font-size: 24px;
}
.m_planWrap__PointBox .l_grid__item:nth-child(odd){
  margin-right: 40px;
}

/* 繝励Λ繝ｳ繝懊ャ繧ｯ繧ｹ */
.m_plan{
  border: 1px solid;
  padding: 25px 16px 16px;
}
.m_plan__heading{
  margin-bottom: 20px;
}
.m_plan__headingTtl{
  font-size: 20px;
  text-align: center;
}
.m_plan__headingImg{
  text-align: center;
  line-height: 0;
}
.m_plan__headingImg img{
  height: 52px;
}
.m_plan__headingImg &gt; img + img{
  margin-left: 16px;
}
.m_plan__headingImg + .m_plan__headingTtl{
  margin-top: 8px;
}
.m_plan_l {
  width: 100%;
  max-width: 60%;
  margin-right: 10px;
}
.m_plan_r {
  width: 100%;
  max-width: 37%;
}

.m_plan_inr_l {
  padding-right: 20px;
  border-right: 1px solid #707070;
}
.m_plan_inr_r {
  padding-left: 20px;
}

.m_plan__ttl{
  position: relative;
  padding-top: 16px;
  text-align: center;
}
.m_plan__ttl::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 50%;
  height: 1px;
  transform: translateX(-50%);
}
.m_plan__subhead {
  margin-top: 17px;
  margin-bottom: 15px;
}
.m_plan__subhead img {
  width: 100%;
}
.m_plan__ttl--colorLms{}
.m_plan__ttl--colorLms::before{
  background: #1a8192;
}
.m_plan__ttl--colorEval{}
.m_plan__ttl--colorEval::before{
  background: #4260ad;
}
.m_plan__lead {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0;
  margin-bottom: 16px;
}
#leaf_lms #asp .m_plan__lead {
  text-align: left;
}
#lightning .m_plan__lead {
  margin-bottom: 25px;
}
.m_plan__lead + .m_plan__ttl{
  margin-top: 16px;
}
.m_plan__ttl + .m_plan__body{
  margin-top: 5px;
}
#inorder .l_grid .m_plan__body {
  width: 350px;
}
#inorder .m_plan__item p {
  width: 100%;
}
#inorder .m_plan__body {
  position: relative;
}
#wellness .m_plan__body {
  position: relative;
}
#eval #asp .m_plan__lead {
  text-align: left;
}
#eva .m_plan__body {
  position: relative;
}
#talent .m_plan__body {
  position: relative;
}

#inorder .m_plan__body:nth-of-type(1)::after {
  content: "��";
  position: absolute;
  width: 40px;
  height: 52px;
  color: #333;
  font-size: 40px;
  top: 45px;
  left: 360px;
}
#eva .m_plan__sec:first-child .m_plan__body:nth-of-type(1)::after {
  content: "��";
  position: absolute;
  width: 40px;
  height: 52px;
  color: #333;
  font-size: 40px;
  top: 0px;
  left: 360px;
}

#eva .m_plan__sec {
  width: 350px;
}

#management .m_plan__sec {
  width: 100%;
}
#human_capital .m_plan__sec {
  width: 350px;
}

#wellness .m_plan__sec {
  width: 350px;
}

#management .m_plan__sec .m_plan__body:nth-of-type(1) {
  margin-bottom: 40px;
}
#management .m_plan__sec .m_plan__body:nth-of-type(1)::after {
  content: "��";
  position: absolute;
  width: 40px;
  height: 52px;
  color: #333;
  font-size: 40px;
  top: auto;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
}

#human_capital .m_plan__sec:nth-of-type(1) .m_plan__body:nth-of-type(1)::after {
  content: "��";
  position: absolute;
  width: 40px;
  height: 52px;
  color: #333;
  font-size: 40px;
  right: -50px;
  top: 8px;
}

#wellness .m_plan__sec:nth-of-type(1) .m_plan__body:nth-of-type(1)::after {
  content: "��";
  position: absolute;
  width: 40px;
  height: 52px;
  color: #333;
  font-size: 40px;
  right: -50px;
  top: 8px;
}

.m_plan__item{
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 8px 0;
}

#leaf_lms #intra .m_plan__item,#lightning .m_plan__item {
  justify-content: center;
}
#leaf_lms #intra .m_plan__value_ttl,#lightning .m_plan__value_ttl {
  margin-right: 50px;
}

.m_plan__item_stresscheck{
display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
}
.m_plan__item_stresscheck:nth-child(odd) {
    background: #f2f2f2;
}

.m_plan_detail_txt {
  margin-top: 24px;
  text-align: center;
  font-size: 18px;
}

.m_plan__item:nth-child(odd){
  background: #f2f2f2;
}

.m_plan__value{
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0;
}
.m_plan__value_ttl {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
}

.m_plan__value--single{
  padding: 8px 0;
  text-align: center;
  background: #f2f2f2;
}
.m_plan__key{
  font-weight: bold;
}
.m_plan__unit{
  font-size: 14px;
}
.m_plan__body + .m_plan__note{
  margin-top: 10px;
}
.m_plan__note{
  letter-spacing: 0;
}
#eval #intra .m_plan__note {
  text-align: left;
}
@media screen and (max-width: 768px){
  .m_plan_l {
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .m_plan_r {
    max-width: 100%;
  }
  
  .m_plan_inr_l {
    padding-right: 0px;
    padding-bottom: 25px;
    border-right: none;
    border-bottom: 1px solid #707070;
  }
  .m_plan_inr_r {
    padding-left: 0px;
    padding-top: 25px;
  }
  
  .m_plan__item{
    flex-wrap: wrap;
    padding: 8px;
  }
  .m_plan_detail_txt {
    font-size: 14px;
    letter-spacing: 0;
  }

  #studio .m_plan .l_grid__item {
    display: block !important;
  }

  #inorder .m_plan__body:nth-of-type(1)::after {
    left: 0;
    top: 104px;
    right: 0;
    margin: auto;
  }
  #inorder .l_grid .m_plan__body {
    width: 100%;
  }
  #inorder .l_grid .m_plan__body:first-of-type {
    margin-bottom: 35px;
  }
  #eva .m_plan__sec {
    width: 100%;
  }
  #eva .m_plan__sec:first-child .m_plan__body:nth-of-type(1) {
    margin-bottom: 40px;
  }

  #eva .m_plan__sec:first-child .m_plan__body:nth-of-type(1)::after {
    content: "��";
    position: absolute;
    width: 40px;
    height: 52px;
    color: #333;
    font-size: 40px;
    top: 93%;
    left: 0;
    right: 0;
    margin: 0 auto;    
  }

  #human_capital .l_section__item .l_grid {
    display: block !important;
  }

  #human_capital .m_plan__sec {
    width: 100%;
  }
  #human_capital .m_plan__sec:nth-of-type(1) {
    margin-bottom: 40px;
  }
  #human_capital .m_plan__sec:nth-of-type(1) .m_plan__body:nth-of-type(1)::after {
    top: 72px;
    left: 0;
    right: 0;
    margin: auto;
  }

  #wellness .m_plan__sec {
    width: 100%;
  }
  #wellness .m_plan__sec:first-child .m_plan__body:nth-of-type(1) {
    margin-bottom: 40px;
  }

  #wellness .m_plan__sec:first-child .m_plan__body:nth-of-type(1)::after {
    content: "��";
    position: absolute;
    width: 40px;
    height: 52px;
    color: #333;
    font-size: 40px;
    top: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;    
  }

  .m_plan__subhead_sp {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    padding-left: 25px;
    margin-top: 20px;
  }
  .m_plan__subhead_sp + .m_plan__detail_lst {
    margin-top: 10px !important;
  }
  .m_plan__subhead_sp::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    background-image: url(../img/leaf/price/ico_str_op.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media (max-width: 599px) {
  .m_plan__value {
    font-size: 18px;
  }
  .m_plan__value_ttl {
    font-size: 14px;
  }
  #leaf_lms #intra .m_plan__value_ttl, #lightning .m_plan__value_ttl {
    margin-right: 10px;
  }
}

/* 遞手ｾｼ萓｡譬ｼ */
.m_plan__value .m_plan__tax {
  font-weight: 400;
  font-size: 14px;
}

@media (max-width: 599px) {
  .m_plan__tax {
    font-size: 12px !important;
  }
}

/* 繧｢繧､繧ｳ繝ｳ */
.m_hasIco--check{
  padding-left: 1.5em;
}
.m_hasIco--check::before{
  content: url(/resource/img/leaf/price/icon_check.svg);
  width: 24px;
}</pre></body></html>