.img_real {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    object-fit: contain;
    width: 136px;
    border-radius: 0;
}
body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    padding: 0;
}
.ui-selectonemenu label.ui-selectonemenu-label {
    color: #222;
}
body .ui-radiobutton .ui-radiobutton-box {
    line-height: 1em;
}
body .check-terms .ui-widget {
    font-size: 14px;
}
.edit-form-wrapper .label-form {
    color: #222;
}
.label-form, .label-form span {
    color: #222;
}
.label-box {
    height: 55px;
}
.ui-inputfield.textbox {
    height: 35px;
}
.ui-inputswitch .ui-inputswitch-on span {
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.member-title .page-ttl p {
    margin-bottom: .5em;
}
.item-certified-menu{
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    width: 100%;
    justify-content: left;
    padding: 8px 0;
    z-index: 1;
}
.menu {
    display: flex;
    flex-flow: wrap;
    gap: 18px;
    justify-content: left;
    min-height: 56px;
    align-items: center;
    max-width: 1000px
}
.coupon-amimono {
    max-width: 669px;
    height: auto;
}
.coupon{
    position: absolute;
    right: -15px;
    bottom: -5px;
    margin: 5px 10px 8px;
    padding: 0 .5em;
    z-index: 0;
}
.coupon h2{
    text-align: left;
    color: #000;
    font-family: "Noto Sans JP";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 108.333% */
    margin-top: 16px;
}
.coupon img{
    border-radius: 6.407px;
    max-width: 100%;
    width: 347px;
    height: auto;
}
.certified-menu-wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: -webkit-fill-available;
    padding: 48px;
    border: #e5ebf2 solid 3px;
}
.certified-menu-wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: -webkit-fill-available;
    padding: 48px;
}
.member-certified-menu {
    position: relative;
    background: linear-gradient(90deg, rgba(255, 148, 10, 0.07) 0%, rgba(0, 56, 132, 0.07) 100%);
    border-top: none;
    padding: 0;
    width: -webkit-fill-available;
}
.member-certified-menu .wrapper {
    display: flex;
    padding-bottom: 3px;
    align-items: center;
}
.certified-menu {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.title-certified-menu-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}
.title-certified-menu-wrap .title-wrap {
    width: 100%;
    z-index: 5;
}
.title-certified-menu-wrap .title-wrap .title-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.title-certified-menu-wrap .title-wrap .title-wrapper .title {
    display: flex;
    align-items: center;
    gap: 20px;
}
.title-certified-menu-wrap .title-wrap .title-wrapper .title h4 {
    color: #0F3587;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32.492px;
    margin: 0;
    padding: 0;
}
.title-certified-menu-wrap .title-wrap .title-wrapper .desc-wrapper p {
    color: #000;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 170%;
    margin: 0;
}

.title-certified-menu p{
    color: #163789;
}
.title-certified-menu-wrap .title-wrap .title-wrapper .title .label {
    display: inline-flex;
    padding: 3px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 100px;
    border: 1px solid #B37D50;
    opacity: 0.8;
    color: #8A623F;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}
.title-certified-menu .label svg {
    min-width: 14px;
    height: 12px;
}
.ui-menu.ui-menubar.member-menu {
    padding: 5px;
}
.member-certified-menu .vr-line {
    border-left: 1px solid white;
    display: block;
    align-self: stretch;
}
.member-certified-menu h4 {
    font-weight: normal;
    font-size: 14px;
    position: relative;
    width: max-content;
    text-align: center;
    align-items: center;
    margin: auto;
    padding: 0 .5em;
    color: #222222;
}
/*.member-certified-menu h4::before {
    content: '';
    border-right: 1px solid #4e4d4e;
    border-top: 1px solid #4e4d4e;
    transform: rotate(45deg);
    height: 5px;
    width: 5px;
    display: inline-block;
    margin-right: 10px;
    top: 6px;
    position: absolute;
    left: 0;
}*/
.member-certified-menu .wrap-link-menu {
    display: flex;
    flex: 1;
    margin: 0;
    max-width: 880px;
    flex-wrap: wrap;
    padding: 10px 0;
}
.member-certified-menu .link {
    display: flex;
    height: 46px;
    padding: 4px 12px 4px 22px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 249.047px;
    border: 1.245px solid rgba(22, 55, 137, 0.70);
    background: rgba(255, 255, 255, 0.70);
}
.member-certified-menu .link:hover {
    border: none;
    background: #003884;
}

.member-certified-menu .link:hover h4 {
    color: #FFF;
}

.member-certified-menu .link h4 {
    color: #0F3587;
    text-align: center;
    -webkit-text-stroke-width: 0.24px;
    -webkit-text-stroke-color: #0F3587;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.589px;
    padding: 0;
}

.member-certified-menu .link img{
    min-width: 20px;
    height: 20px;
    filter: brightness(0) saturate(100%) invert(12%) sepia(52%) saturate(4706%) hue-rotate(217deg) brightness(95%) contrast(91%);
    transition: filter 0.3s ease;
}
.member-certified-menu .link:hover img {
    filter: brightness(0) invert(1);
}
.member-certified-menu a.coupon-img-link{
    margin: 0;
}
.member-certified-menu a:hover h4 {
    color: #51d1e6;
    transition: 500ms ease 0s;
}
body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem span {
    font-size: 16px;
    width: fit-content;
    color: #222222;
}
body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem {
    flex: 1;
    text-align: center;
}
body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem:nth-child(2) {
    flex: 1.2;
}
body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem:nth-child(4) {
    flex: 1.35;
}

.title-member-page {
    margin-top: 0;
    margin-bottom: 1em;
}
.title-member-page h2 {
    margin-bottom: 25px;
    font-weight: normal;
    margin-top: 50px;
}
.title-member-page h1{
    font-size: 20px;
    text-align: left;
    font-weight: normal;
    margin: 0 0 1.3em;
}
.title-member-page .jhia-line-index-section-feature{
    width: 65px;
}
.course-table-wrap {
    margin-bottom: 7em !important;
}
.member-course-review .course-table .course-name .course-img {
    width: 35%;
    object-fit: cover;
    object-position: center;
    margin-right: 2.5em;
}
.member-course-review .course-table{
    width: 100%;
    border-collapse: collapse;
}
.member-course-review .course-table .course-name {
    width: 60%;
}
.member-course-review .course-table .course-name-wrap {
    display: flex;
    align-items: center;
    padding: 1em;
}
.course-table thead tr th {
    background: #163789;
    padding: 1em 0;
    color: #fff;
    font-weight: normal;
}
.member-course-review .course-table td{
    width: fit-content;
}
/*.member-course-review .course-table tr td{
    font-size: 16px;
}*/
.course-table-wrap .info-text{
    margin: 3em 0;
}
.user-list-star{
    text-align: left;
}
.review-table .user-list-star{
    margin: .4em 0 .3em 1em;
}
.table-course-myPage .user-list-star{
    text-align: center;
}
.user-list-star .fa.point {
    color: #fdc833;
}
.user-list-star .fa {
    font-size: 21px;
    color: #e3e3e3;
}
.review-table {
    width: 100%;
    border-collapse: collapse;
}
.review-table td{
    padding: 1em;
}
.review-text {
    text-align: left;
}
.ui-inputfield.review {
    background: #f2f5f8;
    width: 100%;
    height: 300px !important;
    line-height: 1.7;
}
.send-review-btn{
    font-size: 14px !important;
}
.send-review-btn span {
    margin-right: 1em;
    padding: .8em 2em !important;
}
.send-review-btn:after{
    content: '';
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    height: 7px;
    width: 7px;
    position: absolute;
    top: 40%;
    right: 1.5em;
}
.btn-review-wrap{
    text-align: center;
    margin-top: 2em;
}
.member-course-review {
    margin-bottom: 3em;
}
.member-course-attending{
    margin-bottom: 5em !important;
}
.post-review-btn.non-active{
    opacity: .6;
}
.post-review-btn.non-active:hover{
    background: #003884;
}
.star-review-wrap form {
    margin-top: .4em;
    margin-bottom: 0;
}
.star-review-wrap .edit-review-link {
    text-decoration: underline !important;
    color: #0f3587;
}
.member-course-attending .text-title-row-course{
    padding: .5em 1.2em;
    font-size: 16px;
    font-weight: bold;
}
body .reg-form .ui-steps .ui-steps-item .ui-menuitem-link {
    width: 91px;
    padding: .5em 0;
}
.course-table form {
    margin-bottom: 0;
}
.review-table .table-title {
    width: 20%;
}
.table-course-wrap .course-detail-btn {
    padding: 0px 20px !important;
}
/*.table-course-wrap form {
    margin-bottom: 0;
}*/
.cancel-form{
    margin-top: 1em;
}
.table-course-wrap .table-course-myPage .content-table-course:nth-child(odd) {
    /*background: #f5f5f5;*/
    background: #ffffff;
}
.ui-selectonemenu.pref-dropdown label.ui-selectonemenu-label {
    cursor: pointer;
    min-width: 125px;
}
/*.ui-growl {
    position: fixed;
    top: 110px !important;
    right: 0!important;
    transform: translateX(52%);
    width: 390px;
}*/
body .ui-growl .ui-growl-item-container.ui-growl-info {
    background-color: #d9f0de!important;
    border: 1px solid #16d000!important;
    color: #46814b!important;
}
.content-table-course .course-name {
    word-break: normal;
    width: 50%;
    padding: 16px;
}
.content-table-course.attending-table .course-name{
    padding: 18px 14px 15px;
}

/***** start - page how to order textbook *****/
.how-to-order-book {
    padding: 0 7px;
}
.how-to-order-book-wrap {
    padding: 0 .5em;
}
.sidebar-howto-order-book {
    /*    border: 1px solid #cacaca;
        border-left: 4px solid #123a89;
        border-bottom: 0;
        padding: 0;*/
    padding-right: 4em;
}
.sidebar-howto-order-book a:hover .min-width-text-side{
    transition: 500ms ease 0s;
    color: #51d1e6;
}
.link-sidebar-howto-order-book .text-link-wrap {
    border-bottom: 1px solid #cacaca;
    padding-left: 1.2em;
}
.link-sidebar-howto-order-book .text-link-wrap .min-width-text-side {
    color: #0f3587;
}
.howto-order-book-content {
    margin-bottom: 5em;
}
.howto-order-book-content .intro-page{
    margin-bottom: 3.5em;
}
.howto-order-book-content .intro-page h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 14px;
    font-weight: normal;
}
.howto-order-book-content .order-textbook-desc{
    padding: 0 0 2em;
    margin-bottom: 2em;
    border-bottom: 1px dashed #c8c8c8;
}
.howto-order-book-content .order-textbook-desc:last-child{
    border-bottom: 0;
}
.howto-order-book-content .order-textbook-desc  .title-desc {
    border-left: 2px solid #c8c8c8;
    margin-bottom: 1.5em;
}
.howto-order-book-content .order-textbook-desc h4 {
    margin: .5em 0 1em 1.2em;
    padding-top: 0;
    font-size: 18px;
}
.howto-order-book-content .order-textbook-desc .detail-desc .desc-text{
    margin: .6em 0 1em;
}
.table-order .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:first-child{
    padding-left: 3.3em;
    color: #222222;
}
.table-order .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:last-child {
    border-left: 1px solid #cacaca;
    padding: 1em 0 1em 2.5em;
}
.table-order .ui-grid-row {
    align-items: center;
    border: 1px solid #cacaca;
    border-bottom: 0;
}
.table-order .ui-grid-row:last-child{
    border-bottom: 1px solid #cacaca;
}
.table-order .table-desc {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.table-order .table-desc .green-icon{
    width: 20px;
    height: fit-content;
    margin-right: 1em;
    /*margin-bottom: .45em;*/
}
.table-order .table-desc.contact-wrap p.text-left {
    margin-top: .2em;
    width: 100%;
}
.table-order .table-desc.contact-wrap p{
    margin: 0;
}
.table-order .table-desc.contact-wrap .phone-p{
    font-size: 14px
}
.table-order .table-desc.contact-wrap .phone{
    font-size: 18px;
    color: #222222;
}
.table-order .table-desc.contact-wrap .phone a {
    color: #222222;
}
.table-order2 .table-desc.contact-wrap .phone a {
    color: #222222;
}
.text-left{
    text-align: left;
}
.table-order .table-desc .address-text {
    font-size: 16px;
    margin-top: 0;
}
.table-order .table-desc .fax-post-desc {
    list-style: none;
    padding-right: 1em;
    padding-left: 1.5em;
    margin-bottom: 0;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    color: #222222;
}
.table-order .table-desc .fax-post-desc li {
    margin-bottom: 1.5em;
}
.table-order .table-desc .fax-post-desc li:before {
    content: "-";
    margin-left: -1.5em;
    margin-right: .8em;
}
#delivery-fee .detail-desc p a{
    text-decoration: underline;
    color: #0f3587;
}
#returns .detail-desc .return-address{
    border: 1px solid #cacaca;
    padding: 1em 5em;
    width: fit-content;
}
#returns .detail-desc .return-address p{
    font-size: 16px;
}
.table-order2 .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell{
    padding: 1.5em 1.3em;
    ;
    border-right: 1px solid #cacaca;
    color: #222222;
}
.table-order2 .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:last-child {
    border-right: none;
    padding: 1em 0 1em 2.5em;
}
.table-order2 .ui-grid-row {
    align-items: center;
    border: 1px solid #cacaca;
    text-align: left;
    border-bottom: 0;
}
.table-order2 .ui-grid-row:last-child{
    border-bottom: 1px solid #cacaca;
}
.table-order2 .table-desc {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.table-order2 .table-desc .green-icon{
    width: 20px;
    height: fit-content;
    margin-right: 1em;
    margin-bottom: .45em;
}
.table-order2 .table-desc.contact-wrap p{
    margin: 0;
}
.table-order2 .table-desc.contact-wrap .phone-p{
    font-size: 14px
}
.table-order2 .table-desc.contact-wrap .phone{
    font-size: 18px;
}
#attention-req .detail-desc ul{
    list-style: none;
    padding-left: 1.7em;
    margin-bottom: 0;
    color: #222222;
}
#attention-req .detail-desc ul li{
    margin-bottom: 1.5em;
    font-size: 16px;
}
#attention-req .detail-desc ul li:before{
    content: "-";
    margin-left: -1.7em;
    margin-right: 1.3em;
}
#attention-req .table-attention-req{
    border: 1px solid #cacaca;
    border-bottom: 0;
    margin-left: .5em;
}
#attention-req .table-attention-req .ttl-table{
    font-family:  "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
#attention-req .table-attention-req p{
    margin: 0;
    font-size: 18px;
}
#attention-req .table-attention-req .ui-grid .ui-grid-row{
    border-bottom: 1px solid #cacaca;
    color: #222222;
}
#attention-req .table-attention-req .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:first-child{
    border-right: 1px solid #cacaca;
    display: flex;
    align-items: center;
    justify-content: center;
}
#attention-req .table-attention-req .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:last-child{
    padding: 1em 1em 1em 2em;
}
.circle-number-li {
    display: flex;
    flex-wrap: nowrap;
}
.circle-number-li .number-li {
    margin-right: .8em;
}
.circle-number-li p {
    margin-top: .8em;
    margin-bottom: .8em !important;
}
#about-protect .detail-desc p{
    margin-bottom: 0;
}
#about-protect .detail-desc .desc-subttl{
    margin: .8em 0 1.7em;
}
.table-desc .phone-wrap{
    display: flex;
}
/***** end - page how to order textbook *****/

.ui-inputfield.textbox.name-input {
    width: 35%
}
.form-profile {
    display: flex;
}
.form-profile .label-box {
    height: auto;
}
.edit-form-wrapper .btn-wrap {
    margin-bottom: 4em;
}
.wrap-member-course-review .title-member-page {
    margin-top: 9px;
    margin-bottom: 0px;
}

.faq-member .faq-table-list {
    margin-top: 1.7em;
}

.login-from-dm .login-container {
    margin-top: 1.5em;
}
.add-margin{
    margin: 0.5em 0em 0.8em;
}

.mainpage-wrap {
    margin-bottom: 40px;
}
.news-for-member-wrap .news-for-member{
    padding-left: .5em;
}
.news-for-member .index-news-list{
    padding-top: 1.5em;
}
.list-qual-grid ul:nth-child(odd) {
    margin-right: .5em;
}
.list-qual-grid ul:nth-child(even) {
    margin-left: .5em;
}

/*================================================== start course order ==================================================*/
.course-order .box-top-line {
    display: flex;
    /*align-items: center;*/
}
.course-order .label-box {
    height: unset!important;
    min-height: 55px;
    margin: 0!important;
}
.course-order {
    font-size: 16px;
}
.course-order .box-top-line > div {
    display: flex;
    align-items: center;
    color: #222;
}
.course-order .box-top-line:last-child {
    border-bottom: #969696 solid 1px;
}
.member-course-attending .cancel-order span{
    font-size: 16px;
}
.table-course-wrap .cancel-order {
    padding: 0 10px;
}
.member-course-attending .cancel-order, .table-course-myPage .cancel-order{
    background-color: #A0252A;
    width: -webkit-fill-available;
}
.member-course-attending .course-detail-btn, .table-course-myPage .course-detail-btn{
    width: -webkit-fill-available;
}
/*================================================== end course order ==================================================*/

/*================== online price layout =================*/
.price-detail-his ul {
    padding: 0;
    display: table;
    margin: auto;
    list-style-type: none;
}
.price-detail-his .list-price {
    max-height: 0;
    overflow: hidden;
    transition: 500ms ease 0s;
}
.price-detail-his ul li {
    text-align: left;
    word-break: keep-all;
}
.price-detail-his .collapsible-archive {
    margin: 4px 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: baseline;
    position: relative;
}
.price-detail-his i {
    font-size: 16px;
    margin-right: 5px;
    color: #49688E;
    transition: 350ms ease;
    opacity: 1;
}
.price-detail-his i.fa-play {
    color: #A7AEB4;
    transform: rotate(90deg);
    margin: 0;
    font-size: 16px;
    opacity: 0;
    position: absolute;
    top: 2px;
}
.price-detail-his p {
    margin: 0;
    font-size: 14px;
    color: #49688E;
    opacity: 1;
    transition: 350ms ease;
}
.price-detail-his .active-collapsible i,
.price-detail-his .active-collapsible p {
    opacity: 0;
    transition: 350ms ease;
}
.price-detail-his .active-collapsible i.fa-play {
    opacity: 1;
}
/*================== end online price layout =================*/
.content-table-course .line-grey{
    border-bottom: 1px solid #E5E5E5;
}
.content-table-course .course-name.course-order .ttl-item-workshop p{
    margin: 0;
    text-align: start;
    font-family: 'YuGothic';
}
.content-table-course .course-name.course-order .course-workshop-title p{
    text-align: start;
    margin: 0 0 10px 0;
    color: #163789;
    font-family: 'Yu Gothic';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; /* 25.6px */
}
.content-table-course .course-name.course-order{
    padding: 20px 14px;
}
.content-table-course .course-name.course-order p{
    color: #222;
    font-family: YuGothic;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; /*25.6px*/
}
.video-course .ui-datatable thead th{
    background-color: #F2F5F8;
    border-color: #F2F5F8;
    text-align: left;
    font-weight: normal;
}
.video-course .ui-datatable .ui-datatable-data > tr.ui-datatable-even{
    background-color: #ffffff;
}
.video-course .ui-widget-content{
    border: none;
    font-size: 14px;
    border-bottom: 2px dashed #969696;
}
.video-course .ui-datatable tbody td{
    border: none;
    border-bottom: 1px solid #969696;
    text-align: left;
    color: #222;
    font-family: YuGothic;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.video-course iframe .html5-video-player .ytp-chrome-top{
    display: none !important;
}
.video-course .thumb-video{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-course .thumb-video img.thumbnail{
    width: 110px;
    height: 80px;
    object-fit: cover;
}
.video-course .thumb-video .play-icon{
    /*position: absolute;*/
    width: 32px;
    height: 32px;
}
#video-part .ui-button.ui-button-icon-only .ui-icon{
    margin-top: -9px;
    margin-left: -6px;
}
.lecture-detail{
    margin-bottom: 16.28px;
}
.video-course{
    margin-bottom: 87px;
}

/*icon*/
.map-icon-working{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 11.25C9.38193 11.25 8.77775 11.0667 8.26384 10.7233C7.74994 10.38 7.3494 9.89191 7.11288 9.32089C6.87635 8.74987 6.81447 8.12154 6.93505 7.51534C7.05563 6.90915 7.35325 6.35233 7.79029 5.91529C8.22733 5.47825 8.78415 5.18063 9.39034 5.06005C9.99654 4.93947 10.6249 5.00135 11.1959 5.23788C11.7669 5.4744 12.255 5.87494 12.5983 6.38884C12.9417 6.90275 13.125 7.50693 13.125 8.125C13.124 8.9535 12.7945 9.74778 12.2086 10.3336C11.6228 10.9195 10.8285 11.249 10 11.25ZM10 6.25C9.62916 6.25 9.26665 6.35997 8.95831 6.566C8.64997 6.77202 8.40964 7.06486 8.26773 7.40747C8.12581 7.75008 8.08868 8.12708 8.16103 8.4908C8.23338 8.85451 8.41195 9.1886 8.67418 9.45083C8.9364 9.71305 9.27049 9.89163 9.63421 9.96397C9.99792 10.0363 10.3749 9.99919 10.7175 9.85728C11.0601 9.71536 11.353 9.47504 11.559 9.1667C11.765 8.85835 11.875 8.49584 11.875 8.125C11.8745 7.62787 11.6768 7.15125 11.3253 6.79972C10.9738 6.4482 10.4971 6.2505 10 6.25Z" fill="black" style="fill:black;fill-opacity:1;"/><path d="M10 18.75L4.72751 12.5319C4.65425 12.4385 4.58174 12.3445 4.51001 12.25C3.60937 11.0636 3.12282 9.61452 3.12501 8.125C3.12501 6.30164 3.84934 4.55295 5.13865 3.26364C6.42796 1.97433 8.17664 1.25 10 1.25C11.8234 1.25 13.5721 1.97433 14.8614 3.26364C16.1507 4.55295 16.875 6.30164 16.875 8.125C16.8772 9.61384 16.3909 11.0623 15.4906 12.2481L15.49 12.25C15.49 12.25 15.3025 12.4963 15.2744 12.5294L10 18.75ZM5.50813 11.4969C5.50813 11.4969 5.65376 11.6894 5.68688 11.7306L10 16.8175L14.3188 11.7237C14.3463 11.6894 14.4925 11.4956 14.4931 11.495C15.2289 10.5257 15.6265 9.34189 15.625 8.125C15.625 6.63316 15.0324 5.20242 13.9775 4.14752C12.9226 3.09263 11.4919 2.5 10 2.5C8.50816 2.5 7.07742 3.09263 6.02253 4.14752C4.96764 5.20242 4.37501 6.63316 4.37501 8.125C4.3737 9.34265 4.77174 10.5271 5.50813 11.4969Z" fill="black" style="fill:black;fill-opacity:1;"/></svg>');
    display: inline-block;
    min-width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 8px;
    margin-top: 5px;
}
.archive-icon-working{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"><path d="M3 14.8672V4.36719C3 3.96936 3.15804 3.58783 3.43934 3.30653C3.72064 3.02522 4.10218 2.86719 4.5 2.86719H14.55C14.6693 2.86719 14.7838 2.9146 14.8682 2.99899C14.9526 3.08338 15 3.19784 15 3.31719V13.1527M4.5 13.3672H15M4.5 16.3672H15" stroke="%23222222" style="stroke:%23222222;stroke:color(display-p3 0.1333 0.1333 0.1333);stroke-opacity:1;" stroke-linecap="round"/><path d="M4.5 16.3672C4.10218 16.3672 3.72064 16.2092 3.43934 15.9278C3.15804 15.6465 3 15.265 3 14.8672C3 14.4694 3.15804 14.0878 3.43934 13.8065C3.72064 13.5252 4.10218 13.3672 4.5 13.3672" stroke="%23222222" style="stroke:%23222222;stroke:color(display-p3 0.1333 0.1333 0.1333);stroke-opacity:1;" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.75 5.86719H11.25" stroke="%23222222" style="stroke:%23222222;stroke:color(display-p3 0.1333 0.1333 0.1333);stroke-opacity:1;" stroke-linecap="round"/></svg>');
    display: inline-block;
    min-width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 8px;
    margin-top: 5px;
}

.course-workshop.attendingCourseWorkshop{
    align-items: flex-start;
    margin-top: 16px;
}
.course-workshop .maps-archive{
    padding-left: 17.36px
}
.ttl-item-workshop p{
    margin: 0px;
    text-align: left;
    font-family: 'YuGothic';
}
.attendingImg.img-course-workshop-wrap{
    width: 72px;
    padding-bottom: 64.407px;
    border-radius: 2px;
    background: lightgray 50% / cover no-repeat;
}
.dashed-line3{
    border-bottom: 2px dashed #E5E5E5;
}
.content-table-course .course-name p.title-attending{
    color: #163789;
    font-family: "Yu Gothic";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; /* 25.6px/160% */
    text-align: left;
    margin: 0;
    margin-bottom: 16px;
}
.imgThumb-courseOrder{
    width: 35%;
    padding-right: 0;
}
.table-video-courseOrder{
    display: flex;
    margin-top: 40px;
    margin-bottom: 97px;
}
.video-table-courseOrder .ui-grid-row{
    display: flex;
    align-items: center;
}
.video-table-courseOrder .ui-grid-row .ui-panelgrid-cell:first-child{
    width: fit-content;
}
.video-table-courseOrder .noHeader thead{
    display: none;
}
.imgThumb-courseOrder img{
    width: 75%;
}
.line-solid-courseOrder{
    border-bottom: 1px solid #969696;
}
.video-course .video-table-courseOrder .ui-datatable tbody td:first-child{
    width: 32px;
}
.video-course .video-table-courseOrder .ui-datatable tbody td.title-video-course a{
    color: #163789;
    font-family: 'Yu Gothic';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.video-course .video-table-courseOrder .ui-datatable .ui-datatable-data > tr td{
    padding: 14px 0;
}
.video-course .video-table-courseOrder .ui-datatable .ui-datatable-data tr td:nth-child(2n){
    padding-left: 15px;
}
.video-course .video-table-courseOrder .ui-datatable .ui-datatable-data tr td:nth-child(3n){
    width: 33%;
}
.video-course .ui-datatable .ui-datatable-data tr.ui-datatable-even:first-child td{
    padding-top: 0px;
}
.top-title-courseOrderVideo{
    color: #222;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 33.6px; /* 160% */
}
.top-title-coursePDFVideo{
    color: #222;
    font-family: "Hiragino Kaku Gothic Pro";
    font-style: normal;
    font-weight: 300;
}
.ttl-item-workshop.course-workshop{
    display: flex;
    align-items: flex-start;
}
.content-table-course button.course-detail-btn,
.content-table-course button.post-review-btn{
    width: 150px;
}
.two-button-course{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.two-button-course form{
    margin-bottom: 0px;
}
.table-course-myPage .title-table-course:first-child{
    width: 40%;
}

@media only screen and (max-width: 1280px) {
    .item-certified-menu .menu{
        width: 100%;
    }
    
    .coupon-amimono {
        max-width: 545px;
    }
}
@media only screen and (max-width: 1024px) {
    .width-pp{
        width: fit-content;
    }
    .member-course-attending .course-workshop{
        /*flex-flow: column;*/
    }
    .member-course-attending .text-title-row-course{
        padding: .5em;
    }
    .member-course-attending .img-course-workshop {
        margin-right: 0;
        width: 100%;
    }
    .member-course-attending .post-review-btn,
    .member-course-attending .post-review-btn.non-active{
        padding: 0.5em;
    }
    .member-course-attending .course-detail-btn{
        padding: 0.5em 1.5em;
    }
    .item-certified-menu .menu{
        width: 100%;
        padding: .8em 0;
    }
    .member-certified-menu h4{
        /*padding: .2em .5em;*/
    }
    .certified-menu-wrap {
        padding: 24px;
    }
    .member-certified-menu a {
        margin: 0;
    }
    .content-table-course .course-name {
        width: 40%;
    }
    .table-course-wrap .cancel-order {
        padding: 0;
    }
    .content-table-course .course-name.course-order {
        padding: 16px 10px;
    }
    
    .coupon {
        display: none;
    }
}
@media only screen and (max-width: 876px){
    .course-workshop.attendingCourseWorkshop{
        display: flex;
        flex-direction: column;
    }
    .course-workshop.attendingCourseWorkshop .maps-archive{
        padding-left: 0;
        padding-top: 16px;
    }
    .ttl-item-workshop.course-workshop{
        margin-bottom: 5px;
    }
    body .ui-button.ui-button-text-only .ui-button-text {
        font-size: 14px;
        padding: 6px 0;
    }
}
@media only screen and (max-width: 768px) {
    .title-member-page .jhia-line-index-section-feature {
        width: 10%;
    }
    .course-table-wrap2 {
        width: 100%;
    }
    .title-certified-menu{
        width: 35%;
        max-width: 20%;
    }
    .certified-menu {
        gap: 0;
    }
    .coupon{
        display: none;
        margin: 5px 15px 18px;
    }
    .item-certified-menu .menu{
        justify-content: flex-start;
        padding: 1em 0;
    }
    .member-certified-menu a{
        margin: 0;
    }
    .member-certified-menu h4{
        padding: .2em .5em;
    }
    .member-course-review .course-table .course-name .course-img{
        margin-right: 1em;
    }
    .member-course-review .course-table .course-detail-btn{
        padding: .5em;
    }
    .content-table-course .course-name {
        width: 30%;
    }
    .ui-menu.ui-menubar.member-menu {
        padding: 5px 0;
    }

    /***** start - page how to order textbook *****/
    .how-to-order-book-wrap {
        display: flex;
        flex-direction: column;
    }
    .sidebar-howto-order-book{
        width: 100%;
        margin-bottom: 5em;
    }
    .howto-order-book-content {
        padding-left: 0;
        margin-bottom: 1em;
        width: 100%;
    }
    /***** end - page how to order textbook *****/

    body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem span {
        font-size: 14px;
    }
    .list-qual-grid {
        display: block;
        grid-template-columns: repeat(2, auto);
    }
    .list-qual-grid ul:nth-child(odd) {
        margin-right: 1.2em;
    }
    .list-qual-grid ul:nth-child(even) {
        margin-left: 1.2em;
    }
    .title-qual-member {
        padding: 1em;
    }
    .list-qual-member {
        margin: 0.5em 1.2em;
    }
}

@media screen and (max-width: 40.063em) {
    .item-certified-menu{
        width: 100%;
    }
    .img_real{
        width: 78px;
    }
    .member-certified-menu .wrapper {
        flex-flow: column;
    }
    .title-certified-menu{
        width: 100%;
        max-width: 100%;
    }
    .item-certified-menu .menu {
        justify-content: flex-start;
        gap: 12px 10px;
    }
    .certified-menu-wrap{
        display: block;
    }
    body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem {
        width: 50%;
    }
    body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem:nth-child(odd) a {
        padding-left: 8px;
        padding-right: 3px;
    }
    body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem:nth-child(even) a {
        padding-left: 3px;
        padding-right: 8px;
    }
    .title-certified-menu-wrap {
        gap: 10px;
    }
    .title-certified-menu-wrap .title-wrap .title-wrapper .title h4 {
        font-size: 24px;
    }
    .member-certified-menu .link {
        width: auto;
        margin: 0;
        gap: 5px;
        padding: 0 10px;
        height: 36px
    }
    .member-certified-menu .link h4 {
        font-size: 14px;
    }
    .item-certified-menu .menu{
        padding: 1em 0;
        align-items: start;
        margin: 0;
    }
    .coupon img{
        max-width: 100%;
    }
    .member-certified-menu h4{
        padding: .3em .5em;
        text-align: left;
        word-break: break-word;
        margin: auto 0;
        width: auto;
    }
    .member-certified-menu .wrap-link-menu a:nth-child(odd) {
        padding-left: 16px;
        padding-right: 3px;
    }
    .member-certified-menu .wrap-link-menu a:nth-child(even) {
        padding-left: 3px;
        padding-right: 16px;
    }
    .member-certified-menu .wrap-link-menu {
        padding: 0;
    }
    .member-certified-menu p {
        margin: .5em;
    }
    body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
        white-space: pre;
    }
    body .member-menu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem {
        text-align: left;
    }
    .title-member-page .jhia-line-index-section-feature {
        width: 18%;
    }
    .member-course-review .course-table .course-name .course-img{
        margin-right: 0;
        margin-top: .7em;
    }
    .member-course-review .course-table .course-detail-btn{
        padding: 0;
    }
    .member-course-review .course-table .course-name{
        display: flex;
        align-items: center;
    }
    .member-course-review .course-table .course-name-wrap {
        align-items: center;
        padding: 0;
    }
    .member-course-review .course-table .course-name-wrap p{
        margin-bottom: 0;
        padding-left: 0;
        margin-top: 0;
    }
    .member-course-review .course-table td {
        width: 100% !important;
        margin-bottom: .7em;
        display: inline-flex;
    }
    .edit-form-wrapper {
        padding: 0 .5em;
    }
    .edit-form-wrapper .label-box {
        height: 33px;
        padding-left: 12px;
        margin-top: 1em;
    }
    .edit-form-wrapper .label-form {
        line-height: 33px;
    }
    .edit-form-wrapper .required-blue {
        margin-top: 4px;
    }
    .edit-form-wrapper .box-top-line div:nth-child(even) {
        padding-bottom: 1em;
    }
    p.info-edit-member {
        margin: 0;
    }
    .table-course-wrap .table-course-myPage {
        border: 0;
    }
    .table-course-wrap .title-table-course {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .table-course-wrap .table-course-myPage .content-table-course {
        border-bottom: none;
        display: block;
        padding: 1em 0;
    }
    .table-course-wrap .table-course-myPage tr:nth-child(2){
        padding-top: 0 !important;
    }
    .table-course-wrap .table-course-myPage .course-name{
        display: flex;
        align-items: baseline;
        position: relative;
        padding-top: 25%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .table-course-wrap .course-name .course-workshop p {
        margin-bottom: 0;
        padding-left: 0;
        word-break: break-word;
        text-align: left;
    }
    .table-course-wrap .table-course-myPage .course-name .course-workshop-title{
        max-width: 55%;
    }
    .table-course-wrap .content-table-course td p{
        margin: 0;
    }
    .table-course-wrap .content-table-course td {
        border: none;
        font-size: .8em;
        text-align: left;
        display: flex;
        align-items: center;
    }
    .table-course-wrap .content-table-course td:before {
        content: attr(data-label);
        float: left;
        width: 35%;
        margin-right: 1em;
        font-weight: bold;
        text-transform: uppercase;
        word-break: keep-all;
        min-width: 35%;
        font-size: 16px;
    }
    .table-course-wrap .content-table-course td td:last-child {
        border-bottom: 0;
    }
    .table-course-wrap .content-table-course .course-workshop{
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        margin-top: .3em;
    }
    .review-table .table-title {
        width: 25%;
        padding: 5px;
    }
    .course-table{
        border: 0;
    }
    .course-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .course-table tr {
        border-bottom: none;
        display: block;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
    .course-table td {
        border: none;
        display: block;
        font-size: .8em;
        text-align: left;
    }
    .course-table td::before {
        content: attr(data-label);
        float: left;
        width: 35%;
        margin-right: 1em;
        font-weight: bold;
        text-transform: uppercase;
        min-width: 35%;
    }
    .course-table td:last-child {
        border-bottom: 0;
    }
    .member-course-attending .img-course-workshop {
        /*        width: 35%;
                margin-top: .5em;*/
    }
    .title-member-page {
        /*margin-bottom: 0;*/
    }
    .course-table-wrap .info-text {
        margin: 0 0 1.8em;
    }
    .table-course-wrap .table-course-myPage tr.content-table-course {
        /*padding-top: 45%!important;*/
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .member-course-attending .img-course-workshop{
        /*        position: absolute;
                top: 0;
                margin: 1.5em 0 0;
                width: 55%;
                left: 55%;
                transform: translateX(-60%);*/
    }
    .member-course-review .course-table tbody > tr {
        padding-top: 45%;
        position: relative;
        display: flex;
        flex-flow: column;
    }
    .member-course-review .course-table .course-name .course-img {
        position: absolute;
        top: 0;
        margin: 0;
        width: 57%;
        left: 50%;
        transform: translateX(-50%);
    }
    .table-course-wrap .table-course-myPage tr:nth-child(2) .img-course-workshop {
        margin: 0;
    }
    .table-course-wrap .table-course-myPage tr:nth-child(2) {
        /*padding-top: 40%!important;*/
    }
    .content-table-course .course-name {
        width: 100%;
    }
    /***** start - page how to order textbook *****/
    .table-order .ui-panelgrid .ui-grid-responsive .ui-grid-row{
        border: 1px solid #cacaca;
        border-bottom: 0;
    }
    .table-order .ui-panelgrid .ui-grid-responsive .ui-grid-row:last-child{
        border-bottom: 1px solid #cacaca;
    }
    .table-order .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell{
        padding: 1em;
    }
    .table-order .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:last-child {
        border-left: 0;
        padding-left: 1em;
        padding-top: 0;
    }
    .table-order .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:first-child{
        padding-left: 1em;
    }
    .table-order2 .ui-panelgrid .ui-grid-responsive .ui-grid-row{
        border: 1px solid #cacaca;
        border-bottom: 0;
    }
    .table-order2 .ui-panelgrid .ui-grid-responsive .ui-grid-row:last-child{
        border-bottom: 1px solid #cacaca;
    }
    .table-order2 .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell{
        border-right: 0;
    }
    .table-order2 .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:last-child,
    .table-order2 .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:first-child{
        padding: 1em;
    }
    #attention-req .table-attention-req .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:first-child{
        padding: 1em 1em 0;
        border-right: 0;
    }
    #attention-req .table-attention-req .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:last-child {
        padding: 1em;
        text-align: center;
    }
    #attention-req .table-attention-req{
        width: 100%;
        margin-left: 0;
    }
    #returns .detail-desc .return-address {
        padding: 0 1.5em;
    }
    .sidebar-howto-order-book {
        margin-bottom: 2.5em;
    }
    .howto-order-book-content .intro-page {
        margin-bottom: 1.5em;
    }
    .table-order .table-desc.contact-wrap .phone-p {
        margin-left: 24px;
    }
    .table-order2 .table-desc.contact-wrap .phone-p {
        margin-left: 24px;
    }
    .detail-desc .table-order2 .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell:last-child {
        padding-top: 0;
    }
    .table-order2 .table-desc .green-icon {
        margin-bottom: 0;
    }
    /***** end - page how to order textbook *****/

    /************ start - page member/notice *************/
    .mail-subs .box-top-line .switch {
        margin-bottom: 4px;
    }

    .form-profile {
        flex-wrap: wrap;
    }
    .edit-form-wrapper .btn-wrap {
        margin-bottom: 2em;
    }
    .ui-menu.ui-menubar.member-menu {
        padding: 5px;
    }

    /*faq member*/
    .faq-member .faq-padding-sm {
        padding-left: 0;
        padding-right: 0;
    }
    .faq-member .faq-container.certif-member {
        margin-bottom: 0;
    }

    .table-mypage .table-course-myPage .content-table-course td.course-name {
        display: flex;
        position: relative;
        padding-top: 0%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .table-mypage .table-course-myPage .content-table-course td.course-name .course-workshop-title{
        width: 65%
    }
    .table-mypage .table-course-myPage .content-table-course td.course-name .course-workshop-icon{
        padding-left: 30%;
        margin-left: 1em;
    }
    .table-mypage .table-course-myPage .content-table-course .course-name.course-order .line-grey{
        border-bottom: none;
        display: none;
    }
    .table-mypage .table-course-myPage .content-table-course .course-name.course-order .course-workshop .ttl-item-workshop p{
        margin-top: 0;
    }
    .img-course-workshop-wrap {
        position: absolute;
        top: 0;
        left: 50%;
        width: 57%;
        padding-bottom: 46%;
        transform: translateX(-50%);
    }
    .table-mypage .table-course-myPage .content-table-course td p {
        padding: 0;
    }
    .content-table-course .course-name.course-order .course-workshop-title p{
        margin: 0 0 10px 0;
    }
    .table-mypage .table-course-myPage .content-table-course td:last-child {
        display: flex;
        width: 100%;
    }
    .table-mypage .table-course-myPage .content-table-course td {
        padding: 0;
    }
    .login-from-dm .login-container {
        margin-top: 0.5em;
    }

    .mainpage-wrap {
        margin-bottom: 20px;
    }
    .news-member-side p {
        margin-bottom: 0;
        max-width: fit-content;
    }
    .box-user-inform {
        padding: 0.5em;
        width: 100%;
        max-width: 100%;
        margin: auto;
        height: 100%;
        max-height: 100%;
    }
    .news-for-member .index-news-list {
        padding-top: 0;
    }
    .news-for-member .marginTop-memberSM{
        margin-top: 0;
    }
    .news-for-member-wrap .news-for-member {
        padding-left: 1.8em;
        margin-top: 1em;
    }
    .list-qual-grid {
        display: grid;
    }
    .content-table-course button {
        height: 38px;
    }
    /*================================================== start course order ==================================================*/
    .course-order .box-top-line {
        display: block;
    }
    .course-order .label-box {
        min-height: 40px;
    }
    .course-order .box-top-line > div {
        padding-left: 12px;
        padding-right: 12px;
    }
    /*================================================== start course order ==================================================*/

    /*================== online price layout =================*/
    .price-col {
        flex-wrap: wrap;
    }
    .price-detail-his {
        width: 100%;
    }
    .price-detail-his .collapsible-archive {
        justify-content: flex-start;
        margin-left: 33%;
    }
    .price-detail-his ul {
        margin-left: 33%;
    }
    /*================== end online price layout =================*/
    .video-course .SM-width-time{
        width: 30%;
    }
    .video-course .SM-width-title{
        width: 85%;
    }
    .course-workshop.attendingCourseWorkshop .maps-archive{
        padding-left: 35%;
        margin-left: 1em;
    }
    .map-icon-working,.archive-icon-working{
        margin-top: 0px;
    }
    .maps-archive .map-icon-working,.archive-icon-working{
        margin-top: 5px;
        background-size: auto;
    }

    .table-video-courseOrder {
        display: flex;
        margin-top: 40px;
        margin-bottom: 97px;
        flex-direction: column;
        justify-content: center;
        gap: 40px;
    }
    .imgThumb-courseOrder {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-right: 0;
    }
    .video-course .thumb-video .play-icon {
        width: 25px;
        height: 25px;
    }
    .imgThumb-courseOrder img {
        width: 55%;
    }
}


@media screen and (max-width: 320px) {
    .table-course-wrap .content-table-course td:before {
        width: 12%;
        margin-right: 20%;
        word-break: keep-all;
    }
}

/*end add by dini*/

/*added by adhit*/
.margin-min-20 {
    margin-top: -20px;
    margin-bottom: -20px;
}
/*ended by adhit*/