/*
Theme Name: jeisys
Template: busyness
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;700&family=Noto+Sans+KR:wght@100;400;700&family=Open+Sans:wght@300;400;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;900&display=swap');



/* modal overwrite */
#medicalCheck .modal-backdrop.show {
    opacity: 1 !important;
}

#medicalCheck .modal-backdrop {
    background-color: #efefef !important;
}

/* CRM */

.crm div.container.content-0-14903-29 {
    max-width: 100% !important;
}

#accordion h2 {
    margin: 0;
}

#crm-container-header .collapsed {
    transition: 0.7s;
    color: #fff;
    background-color: #21358d;
}

#crm-container-header .collapsed:hover {
    color: #21358d;
    background-color: #fff;

}

#crm-container-header a,
#crm-container-header button {
    background-color: #fff;
    color: #21358d;
    justify-content: center;
}

#crm-container-header a:hover,
#crm-container-header button:hover {
    background-color: #fff;
    color: #21358d;

}

.accordion-button::after {
    display: none;
}

/* forminator */

.form-example-text .forminator-label::after {
    display: block;
    text-align: right;
    font-weight: 400;
}

.form-example-text.jp .forminator-label::after {
    content: '（製品名やご質問など具体的にご記載　例：エッジワンの導入を検討しており、詳細情報をお聞きしたいです）';
}

/* .type-caution::after {
    content: '（複数選択可能をお問合せ内容の上に入れてください。）';
    font-size: 12px;
} */

/* iframe */
.video-inner {
    position: relative;
    width: 90%;
    /* 넓이 값은 조정해서 사용 */
    padding-bottom: 50.25%;
    overflow: hidden;
    margin: auto;
}

.video-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Youtube player center */

.product-content iframe {
    margin: auto;
    display: block;
    width: 560px;
    height: 315px;
}

/*  */

@media all and (max-width:480px) {
    iframe:not(.crm):not(.maps) {
        height: 180px;
    }
    .gg-forms-box iframe:not(.crm):not(.maps) {
        height: 800px;
    }
}

/* JMJ overwrite */

@media screen and (min-width: 1024px) {

    .classic-menu.menu-sticky #masthead.nav-shrink .site-branding {
        padding: 0 !important
    }
}

.site-branding {
    min-height: 0px !important;
}

@media screen and (max-width: 1023px) {

    .main-navigation ul.sub-menu li a {
        padding-left: 35px !important;
    }
}

@media screen and (min-width: 1024px) {
    .classic-menu.menu-sticky #masthead.nav-shrink .site-branding {
        min-height: 0px !important;
    }
}

.site-logo img {
    max-height: 80px !important;
}

.icon-down {
    display: none !important;
}

.main-navigation ul li#menu-item-3694:hover>ul.sub-menu a,
.main-navigation ul #menu-item-189 ul a {
    width: 350px;
}



@media screen and (min-width: 1024px) {

    .main-navigation ul li#menu-item-3694:hover>ul.sub-menu {
        left: 225px !important;
    } 
}

@media screen and (max-width: 1024px) {
    .main-navigation ul #menu-item-189 ul a {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {

    .main-navigation ul li:hover>ul {
        left: 0 !important;
    }
}

.main-navigation ul.nav-menu>li>a {
    height: 80px !important;
}

#masthead {
    background-color: rgba(255, 255, 255, 0.7) !important;
}

small {
    font-size: 75%;
}

.site-logo img {
    max-width: 300px;
}

@media screen and (min-width: 1024px) {

    .main-navigation ul.nav-menu>li>a {
        text-transform: none;
        text-align: center;
        display: flex;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        justify-content: center;
        align-items: center;
        height: 98px;
    }

    .main-navigation ul.nav-menu>li>a>small {
        font-size: 8px;
    }
    #menu-item-3694>a {
        color: #21358d;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 15px !important;
    }
    .main-navigation ul.nav-menu>li#menu-item-3694>a {
        display: flex;
        justify-content: space-between;
    }
    .main-navigation ul.nav-menu>li#menu-item-2038>a,
    .main-navigation ul.nav-menu>li#menu-item-3693>a {
        flex-direction: column;
    }

    .classic-menu .main-navigation ul.nav-menu {
        display: flex !important;
    }
}


@media screen and (max-width: 1900px) {
    .main-navigation ul.nav-menu>li>a {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1285px) {

    .main-navigation ul.nav-menu>li>a {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
    }

    .site-logo img {
        max-width: 250px;
    }
}

@media screen and (max-width: 1160px) {
    .main-navigation ul.nav-menu>li>a {
        padding-left: 13px;
        padding-right: 13px;
    }

    .site-logo img {
        max-width: 200px;
    }
}

/* JMJ common */

header div.site-branding {
    padding: 0;
}

header.page-header.product {
    /* padding-top: 10%; */
    padding-top: 30px;
}
header.page-header.product .description {
    max-width: 700px;
    font-size: 12px;
}

body {
    font-family: 'Open Sans', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans', sans-serif;
}

img {
    image-orientation: from-image !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Noto Sans JP', sans-serif;
}

.basic-btn {
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
    text-decoration: none !important;
    background-color: #21358d;
    color: #fff;
    transition: 0.7s;
}

.basic-btn:hover {
    background-color: #fff;
    color: #21358d;
}

#banner-nav br.banner-nav-none {
    display: none !important;
}

#masthead {
    z-index: 100 !important;
}

#masthead .wrapper {
    border-bottom: none !important;
}

.site-title a {
    color: #21358d !important;
    text-transform: capitalize;
}

p.sub-title {
    line-height: 1.4;
}

p.sub-title small,
h1.sub-title small {
    font-size: 70%;
}

.page-header .notice {
    font-size: 0.7rem;
}

.overlay {
    background-color: rgba(255, 255, 255, 0);
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    display: table;
}

.main-navigation ul.nav-menu>li>a {
    color: #21358d !important;
    fill: #21358d !important;
}

#menu-item-1757 a.global,
#menu-item-3696 a.global {
    background-color: #21358d7a;
    color: #fff !important;
    fill: #fff !important;
}

#menu-item-1757 a.global:hover,
#menu-item-3696 a.global:hover {
    background-color: #21358d;
}

#primary-menu li:hover {
    cursor: pointer;
}

#primary-menu li:hover svg {
    visibility: hidden;
}

.w-80 {
    width: 80%;
}

ol li,
ul li {
    color: #7e7e7e;
}

@media screen and (min-width: 1200px) {
    .gap-xl-5 {
        gap: 5rem;
    }
}

.fz-1rem .wp-element-caption {
    font-size: 1.0rem !important;
}

button.translate {
    font-size: 0.9rem;
    border: 2px solid #43ce9f;
    font-weight: bold;
    transition: all 0.7s;
    padding: 0.3rem 0.5rem;
    background-color: transparent;
    color: #43ce9f;
}

button.translate:hover {
    background-color: #43ce9f;
    color: #fff;
}

.translate-container {
    display: flex;
    float: right;
    align-items: center;
    min-height: 100px;
}

.mccoom.wp-block-table.is-style-stripes td,
.mccoom.wp-block-table.is-style-stripes th {
    border-color: #ccc;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu>li>a:hover,
.main-navigation ul.nav-menu>li>a:focus {
    color: #21358d !important;
    fill: #21358d !important;
}

.main-navigation ul#primary-menu ul li.current-menu-item>a,
.main-navigation ul#primary-menu ul li:hover>a,
.main-navigation ul#primary-menu ul li:focus>a,
.main-navigation ul#primary-menu ul li.focus>a {
    color: #21358d !important;
    fill: #21358d !important;
}

.main-navigation ul ul {
    background-color: rgba(30, 58, 129, 0.1);
    box-shadow: unset;
}

.main-navigation ul.sub-menu li {
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: 1px;
}

.main-navigation ul.sub-menu li a {
    color: #333;
    border-top: solid 1px rgba(255, 255, 255, 0.5);
    border-left: solid 2px #21358d;
}

.main-navigation ul.sub-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

p.page-title.h1,
h1.page-title {
    color: #21358d !important;
    letter-spacing: 0.1em;
    /* text-transform: uppercase; */
    font-weight: 200;
    background-color: rgba(255, 255, 255, 0.5);
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 25%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.25) 75%, rgba(255, 255, 255, 0) 100%);
}

@media screen and (max-width: 450px) {
    h1.page-title {
        font-size: 2.0rem;
    }
}

#page-site-header {
    padding: 80px 0 0 0;
    height: 450px;
    overflow: hidden;
    z-index: 90 !important;
}

@media (max-width: 870px) {
    #page-site-header.campaign {
        background-image: url('https://jp.jmj-inc.com/wp-content/themes/jeisys/assets/images/bg/sp_campaign_bg.png') !important; 
    }
}

#page-site-header img {
    /* width: 50%; */
}

.button-for-medical {
    position: absolute;
    top: 300px;
    left: calc(var(--bs-gutter-x) * .5);
    padding: 3px 30px;
    color: #21358d;
    display: inline-block;
    transition: 0.3s;
    font-size: 16px;
    background-color: #ffffffac;
    border-radius: 3px;
    z-index: 1;
    border: 1px solid #21358d;
}

.button-for-medical:hover {
    background-color: #ffffff;
}

@media screen and (max-width: 1081px) {

    p.sub-title, h1.sub-title {
        font-size: 150% !important;
    }
    .button-for-medical {
        min-width: 200px !important;
        top: 325px;
    }
    
}


@media screen and (max-width: 991px) {

    .button-for-medical {
        top: 340px;
        width: 40%;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media screen and (max-width: 453px) {
    .button-for-medical {
        top: 450px;
    }
}

p.sub-title,
h1.sub-title {
    font-size: 160%;
    font-weight: bold;
    max-width: 620px;
}


p.main-title {
    font-size: 2.0rem;
    font-weight: bold;
}

#banner-for .banner-container {
    padding-top: 100px;
}

#banner-for .logo-container {
    position: relative;
    top: 48%;

    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#banner-for .logo {
    max-height: 80px;
}

#banner-for .img-fluid.logo.potenza {
    max-height: 150px;
}

#banner-for .product {
    /* position: relative;
    left: 25%;
    top: 50%;
    transform: translateY(-50%); */
    display: block;
    margin: auto;
}


@media screen and (max-width: 630px) {
    p.text-logo {
        font-size: 12px;
    }

    p.text-logo br {
        display: none;
    }

    p.main-title {
        font-size: 1.5rem;
    }
}

#colophon,
.site-info {
    background-color: #fff;
}

.site-info,
.site-info a {
    color: #21358d !important;
}

.scrollup {
    background-color: #21358d;
}


h2.potenza,
h1.potenza {
    color: #27b7ba !important;
    text-align: left;
}


/* a:hover,
a:focus,
a:active {
    color: #21358d;
} */


.scrollup:hover,
.scrollup:focus {
    fill: #21358d;
    background-color: rgba(255, 255, 255, 0);
}

#banner-nav .nav-product {
    cursor: pointer;
    transition: 0.3s;
}

#banner-nav .nav-product:hover {
    opacity: 1;
    transform: scale(1.05);
}

#banner-nav .logo {
    width: 100%;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#banner-nav .description {
    font-size: 12px;
    border-top: solid 1px #21358d;
    padding: 0.5em;
}

#banner-nav .nav-product img.product {
    position: absolute;
    left: 0;
    /* top: 50%; */
    bottom: 0;
    /* transform: translateY(-50%); */
    max-height: 120px;
}

#banner-nav .nav-product img.product.old {

    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-height: 120px;
}

#banner-nav .nav-product img.product.pureasy {
    bottom: 5px;
}

.about h3 {
    color: #21358d;
    font-size: 2.0rem;
    display: inline-block;
    font-weight: bold;
}

.about .description {
    border-radius: 25px;
    background-color: #21358d;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}

.about p {
    color: #ddd;
    line-height: 35px;
    transition: 1s;
}

.about:hover .about span {
    transform: scale(1.3);
}

.about span {
    font-size: 2.5rem;
    font-weight: bold;
}

/* Image Text position  */

p.center-text,
p.one-cp21,
p.two-rf,
p.three-mccoom {
    position: absolute;
    color: #000;
    margin: auto;
    font-size: 14px;
    line-height: 14px;
}

p.center-text {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5rem;
}

p.one-cp21 {
    max-width: 223px;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

p.two-rf {
    max-width: 164px;
    top: 77%;
    right: 12%;
    bottom: 0;
}

p.three-mccoom {
    max-width: 161px;
    top: 77%;
    left: 14%;
    bottom: 0;
}

/* ****************** */

#needle span {
    display: inline-block;
    position: absolute;
    margin: auto;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
}

#needle span.coating {
    left: 7%;
    top: 61.5%;
}

#needle span.semi-coating {
    left: 5%;
    top: 91.5%;
}

#needle span.cp-21 {
    left: 32%;
    top: 37%;
}

#needle span.p1-08 {
    right: 30%;
    top: 38.5%;
    max-width: 136px;
}

#needle span.c-9 {
    max-width: 118px;
    right: 28.5%;
    top: 72%;
}

/* ****************** */

/* Ultracel Q+ image-text */
#stress-test {}

#stress-test span {
    position: absolute;
    bottom: 28%;
    text-align: left;
    color: #000;
    line-height: 14px;
    font-size: 14px;
}

#stress-test span.linear {
    left: 30%;
}

#stress-test span.dot {
    left: 49.5%;
}

#stress-test span.other {
    left: 71.2%;
}

#general-principles span {
    position: absolute;
    color: #000;
    font-size: 14px;
    line-height: 14px;
}

#general-principles span.ultrasonic {
    top: 40%;
    left: 20%;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    max-width: 151px;
}

#general-principles span.non-target {
    top: 18%;
    left: 50%;
    max-width: 130px;
}

#general-principles span.target {
    top: 30%;
    left: 70%;
    max-width: 81px;
}

#cartridges span {
    position: absolute;
    color: #000;
    font-size: 14px;
    line-height: 15px;
    text-align: left;
}

#cartridges span.qs2 {
    max-width: 208px;
    left: 11.5%;
    top: 11%;
}

#cartridges span.q3 {
    max-width: 179px;
    top: 10%;
    left: 48%;
}

#cartridges span.q4 {
    max-width: 200px;
    top: 23%;
    left: 65%;
}

#cartridges span.linear2 {
    left: 24%;
    top: 90%;
    max-width: 76px;
}

#cartridges span.linear6 {
    top: 90%;
    left: 55%;
    max-width: 306px;
}

#patients-first span {
    position: absolute;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}

#patients-first span.left1 {
    left: 0;
    top: 12.5%;
}

#patients-first span.left2 {
    left: 0;
    top: 28.5%;
}

#patients-first span.left3 {
    left: 0;
    top: 45.5%;
}

#patients-first span.left4 {
    left: 0;
    top: 62.5%;
}

#patients-first span.left5 {
    left: 0;
    top: 83.5%;
}

#patients-first span.right1 {
    right: 5%;
    top: 9.5%;
}

#patients-first span.right2 {
    right: 5%;
    top: 22.5%;
}

#patients-first span.right3 {
    right: 5%;
    top: 35.5%;
}

#patients-first span.right4 {
    right: 5%;
    top: 47.5%;
}

#patients-first span.right5 {
    right: 5%;
    top: 60.5%;
}

#patients-first span.right6 {
    right: 5%;
    top: 73.5%;
}

#patients-two span {
    position: absolute;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    right: 5%;
}

#patients-two span.armpit {
    top: 8%;
}

#patients-two span.arm {
    top: 15%;
}

#patients-two span.axillar {
    top: 22%;
}

#patients-two span.knees {
    top: 29%;
}

#patients-three span {
    position: absolute;
    color: #000;
    font-weight: bold;
    right: 0.5%;
    font-size: 14px;
    line-height: 14px;
}

#patients-three span.texture {
    top: 18%;
}

#patients-three span.chin {
    top: 23%;
}

#patients-three span.armpit {
    top: 32%;
}

#patients-three span.arm {
    top: 37.5%;
}

#patients-three span.axillar {
    top: 42%;
}

#patients-three span.kness {
    top: 47.5%;
}

#display span {
    position: absolute;
    color: #000;
    font-weight: bold;
    font-size: 1.0rem;
    line-height: 1.5rem;
    text-align: left;
    left: 40%;
}

#display span.first {
    top: 18%;
}

#display span.second {
    top: 41%;
}

#rejuvination span {
    position: absolute;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}


#rejuvination span.first {
    top: 37%;
    right: 20%;
}

#rejuvination span.second {
    top: 53%;
    right: 23.5%;
}

#rejuvination span.third {
    right: 8.5%;
    top: 69%;
}





/* wordprss overwrite */
figcaption {
    font-style: normal !important;
    text-align: center !important;
}

.wp-block-image {
    margin: 20px 0px;
}

.menu-sticky #masthead .site-logo img {
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.menu-sticky #masthead.nav-shrink .site-logo img {
    transform: scale(1);
}

#menu-item-2038>a,
#menu-item-3693>a {
    font-size: 18px;
}

/* Slick overwrite */

#banner-nav .slick-track {
    display: flex;
    align-items: start;
}



.slick-prev:before,
.slick-next:before {
    content: " ";
}



/* Product */

.product-header {
    height: 350px;
}

p.product-title {
    border-bottom: 1px solid #a58ab7;
    /* padding-bottom: 6px; */
    margin-bottom: 0 !important;
}

p.product-title strong {
    color: #a58ab7;
}

p.product-doctor {
    text-align: right;
    color: #a58ab7 !important;
    font-size: 1.0rem !important;
    font-weight: 500;
}

.fig-text-center>figure>figcaption {
    text-align: center !important;
}

/* .product-content h2 {
    font-size: 200%;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
} */

.product-content h2 {
    color: #fff;
    font-size: 23px;
    font-weight: 100;
    text-align: left;
    padding: 25px 25px;
    line-height: 1.3;
    margin: 90px 0 20px 0;
}

.product-content p.title-h3,
.product-content h3 {
    color: #000;
    font-size: 140%;
    font-weight: 700;
    /* text-align: center; */
    /* padding: 10px; */
    line-height: 1.5;
    margin: 70px 0 30px 0;
}

.product-content h4 {
    color: #000;
    background: rgb(240, 240, 240);
    background: linear-gradient(52deg, rgba(240, 240, 240, 1) 0%, rgba(244, 245, 245, 1) 68%, rgba(248, 248, 248, 1) 100%);
    font-size: 130%;
    font-weight: 400;
    text-align: left;
    padding: 15px 25px;
    line-height: 1.3;
    margin: 60px 0 20px 0;
}

.product-content h6 {
    color: #000;
    font-size: 110%;
    font-weight: 700;
    padding: 0 35px;
    line-height: 1.2;
    margin: 30px 0 20px 0;
}

/* .product-content .contents>p,
.product-content .contents>ol,
.product-content .contents>ul {
    margin-left: 35px;
} */

.product-content .contents p,
.product-content .contents ol,
.product-content .contents ul {
    margin-left: 25px;
}

.product-content table {
    color: #000 !important;
}

#page-site-header img,
#banner-for .product img {
    width: 300px;
}

#banner-for .product img.edgeone,
#page-site-header img.edgeone {
    width: 350px;
}

#banner-for .product img.pureasy,
#page-site-header img.pureasy {
    width: 450px;
}

#banner-for .product img.cannule,
#page-site-header img.cannule {
    width: 490px;
}

#whitepaper01,
#whitepaper02,
#whitepaper03 {
    scroll-margin-top: 150px;
}

.product-content p.white-paper.title {
    color: #1C348C;
    border-bottom: 2px solid #1C348C;
    border-top: 2px solid #1C348C;
}

.product-content p.white-paper.text {
    color: #000;
    width: 90%;
    margin-left: auto;
}

.product-content li.highlight {
    float: left;
    clear: left;
}

.product-content .highlight.yellow {
    border-width: 0px 0px 4px 0;
    border-style: solid;
    border-color: #fff200;
}

.product-content ul.circle-counter {
    list-style-type: none;
    counter-reset: section;
    padding-left: 0;
}

.product-content ul.circle-counter li {
    counter-increment: item;
    margin-bottom: 16px !important;
    color: #7e7e7e !important;
    font-size: 16px !important;
}

ul.bracket-number {
    list-style-type: none;
    counter-reset: section;
    list-style: none;
    padding-left: 48px;
}

ul.bracket-number li {
    position: relative;
    counter-increment: item;
    margin-bottom: 0;
    color: #7e7e7e !important;
    font-size: 16px !important;
    /* padding-left: 35px; */
}

ul.bracket-number li::marker {
    content: '( ' counter(item) ' ) ';
    position: absolute;
    top: 3px;
    left: 0;
    color: #7e7e7e;
    font-size: 16px;
}

ul.bracket-number li::marker {
    content: '( ' counter(item) ' ) ';
    position: absolute;
    top: 3px;
    left: 0;
    color: #7e7e7e;
    font-size: 16px;
}

.center-1024-px {
    max-width: 1024px;
    margin: auto;
}

.product-content ul.circle-counter li::before {
    margin-right: 10px;
    content: counter(item);
    border: 2px solid #7e7e7e;
    border-radius: 100%;
    color: #7e7e7e;
    font-weight: bold;
    font-size: 16px;
    width: 20px;
    line-height: 1;
    text-align: center;
    display: inline-block;
}

@media screen and (max-width: 782px) {

    .product-content .contents p,
    .product-content .contents ol,
    .product-content .contents ul {
        margin-left: 0px;
    }

    .product-content p.white-paper.text {
        width: 100%;
        margin: auto;
    }
}

@media screen and (max-width: 440px) {
    header div.site-branding {
        padding: 10px 0 !important;
    }
    .site-logo img {
        max-height: 60px !important;
    }
    .product-content h2 {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }

    .product-content .contents>p {
        margin-left: 0;
    }
    
    .product-content .pureasy .contents a {
        margin-left: 0 !important;
    }
    .product-content table {
        table-layout: fixed;
    }

    .product-content table th,
    .product-content table td {
        padding: 8px;
        font-size: 14px;
    }
}

.caption.left {
    text-align: right;
}

.caption p:first-child {
    font-size: 2.0rem;
    margin-bottom: 20px;
}

.caption.left p:nth-child(2) {
    display: inline-block;
    text-align: left;
    max-width: 340px;
}

.caption p:nth-child(2) span {
    display: block;
    margin-bottom: 5px;
}



/* Product page color */

.potenza.product-content h2 {
    color: #27b7ba;
}

.potenza.product-content h3 {
    background: #27b7ba;
    background: linear-gradient(52deg, rgba(39, 183, 186, 1) 0%, rgba(89, 218, 221, 1) 68%, rgba(167, 234, 236, 1) 100%);
}

.potenza.product-content h5 {
    border-left: solid 10px #27b7ba;
}

/* ********************************* */

.ultracelzi.product-content h2,
.ultracelq.product-content h2 {
    color: #1D208C;
}

.ultracelzi.product-content h3,
.ultracelq.product-content h3 {
    background: #1D208C;
    background: linear-gradient(52deg, #1D208C 0%, #303399 68%, #b2b4f5 100%);
}

.ultracelzi.product-content h5,
.ultracelq.product-content h5 {
    border-left: solid 10px #1D208C;
}

/* ********************************* */

.linearfirm.product-content h2 {
    color: #db6697;
}

.linearfirm.product-content h3 {
    background: #db6697;
    background: linear-gradient(52deg, #d6719b 0%, #dd93b2 68%, #ffd7e8 100%);
}

.linearfirm.product-content h5 {
    border-left: solid 10px #db6697;
}

/* Utilities */

.jeisys-color {
    color: #21358d !important;
}

.potenza-color {
    color: #27b7ba !important;
}

.linearfirm-color {
    color: #db6697 !important;
}

.ultracelq-color {
    color: #1D208C !important;
}

.ultracelzi-color {
    color: #1D208C !important;
}




/* e0d7a9 */

/* footer */
#footer-banner {
    border-width: 10px 0;
    border-style: solid;
    transition: 0.7s;
}

#footer-banner.potenza {
    border-color: #27b7ba;
}

#footer-banner.ultracelq {
    border-color: #1D208C;
}

#footer-banner.linearfirm {
    border-color: #db6697;
}

#footer-banner.ultracelzi {
    border-color: #e7deaf;
}

#footer-banner .product>div.row {
    height: 100px;
}

#footer-banner .img-fluid {
    max-height: 100px;
}

#footer-banner p {
    margin-top: 5px;
    font-size: 10px;
    line-height: 12px;
}

a {
    text-decoration: none !important;
}

footer .slick-prev:before,
footer .slick-next:before {
    color: #1D208C;
}

footer .slick-prev:before,
footer .slick-next:before {
    content: '→' !important;
}

/* 
#slide-footer>.slick-list>.slick-track>a {
    opacity: 0.5;
    transition: 0.7s;
} */

#slide-footer>.slick-list>.slick-track>a:hover {
    opacity: 1;
}


#slide-footer>.slick-list>.slick-track>a.slick-current {
    opacity: 1.0;
}

.site-info {
    padding: 30px 0;
}

/* scroll up */

#btn-scrollup {
    display: none;
}

#contact-btn {
    bottom: -150px;
    position: fixed;
    right: 2%;
    z-index: 150;
    transition: 0.7s;
}
#contact-btn .btn-group a {
    border: 8px solid #fff;
    background: #20358d;
    line-height: 1;
    font-size: 1.0rem;
    line-height: 1.2rem;
    font-weight: bold;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    transition: 0.7s;
    box-shadow: #20368d7c 0px 0px 15px;
}
#contact-btn .btn-group a i {
    font-size: 1.5rem;
}
#contact-btn .btn-group a i,
#contact-btn .btn-group a p {
    color: #fff;
}

#contact-btn .btn-group a:hover {
    background: #fff;
    color: #20358d;
    border-color: #20358d;
}
#contact-btn .btn-group a:hover i,
#contact-btn .btn-group a:hover p {
    color: #20358d;
}
#privacy-policy {
    padding-bottom: 15px;
}
#privacy-policy a {
    font-size: 12px;
    margin-right: 12px;
}
#privacy-policy a:hover {
    text-decoration: underline !important;
}

@media (max-width: 1440px) {
    #contact-btn .btn-group a {
        width: 125px;
        height: 125px;
        border-width: 5px;

    }
    #contact-btn .btn-group a p {
        font-weight: normal;
    }
}

@media (min-width: 501px) {
    #contact-btn button.close {
        display: none;
    }
}
@media (max-width: 500px) {
    #contact-btn .btn-group a {
        border-width: 2px;
        font-weight: normal;
        font-size: 14px;
        width: 110px;
        height: 110px;
        line-height: 15px;
        gap: 5px;
    }
    #contact-btn .btn-group a i {
        font-size: 16px;
    }
    #contact-btn button.close {
        position: absolute;
        top: -30px;
        right: 0;
        background-color: transparent;
        border: none;
        display: inline-block;
        font-weight: bold;
    }
    #contact-btn button.close i {
        font-size: 1.5rem;
    }

    .forminator-ui#forminator-module-4789.forminator-design--flat .forminator-input {
        font-size: 14px !important;
    }
}

/* Company */
.company h2 {
    font-size: 1.3rem;
    font-weight: normal;
    color: #000;
    padding: 10px 0;
}


.company h2.current {
    font-weight: bold;
    color: #1D208C;
    background: radial-gradient(circle, #ddd, #fff);
}

.company h2:hover {
    color: #1D208C;
    cursor: pointer;
}

#company h2 strong {
    font-family: Arial, Helvetica, sans-serif;
}

#company h2 {
    font-weight: 500;
}

@media (max-width: 781px) {
    .company>.contents>.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0 !important;
    }

    #showroom .is-layout-flex,
    #access .is-layout-flex {
        gap: 0 !important;
    }
}

.container-fluid.philosophy::after {
    content: '';
    /* background-image: url('./assets/images/bg/philosophy-bg.jpg'); */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#philosophy {
    /* text-align: center; */
}

#philosophy ul {
    display: inline-block;
}

#philosophy ul li {
    text-align: left;
    margin-bottom: 1em;
}

#philosophy h3 {
    color: #1D208C;
    margin: 2.0rem 0px;
}

/* mission & vision */
#vision-concept {}

#vision-concept .mission,
#vision-concept .vision {
    position: relative;
}

#vision-concept .mission::after,
#vision-concept .vision::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    z-index: -3;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

#vision-concept .mission::after {
    background-color: #a1e5fb77;
}

#vision-concept .vision::after {
    background-color: #aaf8a158;
}

#vision-concept .vision h4,
#vision-concept .mission h4 {
    font-size: 2rem;
    color: #1D208C;
}

#vision-concept .vision p,
#vision-concept .mission p {
    text-align: center;
    color: #666;
    font-weight: bold;
    margin: auto;
    max-width: 350px;
}

#mission-vision {}

#mission-vision .description {
    width: 90%;
    margin-left: auto;
    padding: 30px 30px 30px 50px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
    min-height: 180px;
    margin-bottom: 0;
}

#mission-vision .description h4 {
    color: #1D208C;
    font-weight: normal;
    margin: 0 0 5px 0;
}

#mission-vision .description::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    background-size: cover;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#mission-vision .professional .description::before {
    background-image: url('/wp-content/uploads/2022/12/vision-concept-1.png');
}

#mission-vision .technological .description::before {
    background-image: url('/wp-content/uploads/2022/12/vision-concept-2.png');
}

#mission-vision .trust .description::before {
    background-image: url('/wp-content/uploads/2022/12/vision-concept-3.png');
}

#mission-vision .customer .description::before {
    background-image: url('/wp-content/uploads/2022/12/vision-concept-4.png');
}

/* history */
.bg-jeisys {
    background-color: #1d218c95;
}

/** timeline box structure **/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eee;
    left: 50%;
    height: 99%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tldate {
    display: block;
    width: 120px;
    padding: 10px 0;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    background-color: #4346a3;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
}

.timeline li {
    margin-bottom: 25px;
    position: relative;
}

.timeline li:before,
.timeline li:after {
    content: " ";
    display: table;
}

.timeline li:after {
    clear: both;
}

.timeline li:before,
.timeline li:after {
    content: " ";
    display: table;
}

/** timeline panels **/
.timeline li .timeline-panel {
    width: 46%;
    float: left;
    background: #fff;
    border: 1px solid #d4d4d4;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

/** panel arrows **/
.timeline li .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline li .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline li .timeline-panel.noarrow:before,
.timeline li .timeline-panel.noarrow:after {
    top: 0;
    right: 0;
    display: none;
    border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
    float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}


/** timeline circle icons **/
.timeline li .tl-circ {
    position: absolute;
    top: 35px;
    left: 50%;
    text-align: center;
    background: #8ec2b2 !important;
    color: #fff;
    width: 18px;
    height: 18px;
    line-height: 18px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: auto;
    border: 3px solid #b4e7d8;
    border-radius: 50%;
}


/** timeline content **/

.tl-heading h4 {
    margin: 0;
    color: #000;
    text-align: center;
    font-size: 1.0rem;
}

.tl-heading h4 img {
    max-width: 15%;
    margin: 0 10px;
}

.tl-heading .notice {
    font-size: 0.8rem;
}

.tl-body p,
.tl-body ul {
    margin-bottom: 0;
}

.tl-body>p+p {
    margin-top: 5px;
}

/** media queries **/
@media (max-width: 991px) {
    .timeline li .timeline-panel {
        width: 44%;
    }
}

@media (max-width: 700px) {
    ul.timeline:before {
        left: 40px;
    }

    .tldate {
        width: 89.25px;
    }

    ul.timeline li .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline li .tl-circ {
        top: 34px;
        left: 40px;
        margin-left: 0;
    }

    ul.timeline>li>.tldate {
        margin: 0;
    }

    ul.timeline>li>.timeline-panel {
        float: right;
    }

    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

/* ********************* */

.flex-basis-70 {
    flex-basis: 70% !important;
}

.auto-treatment>.is-layout-flow.wp-block-column:nth-child(2) {
    border: 3px solid #e7deaf;
    border-radius: 25px;
    padding: 0 10px;
}

.auto-treatment>.is-layout-flow.wp-block-column:nth-child(3) {
    border: 3px solid #dbdbdb;
    border-radius: 25px;
    padding: 0 10px;
}

.auto-treatment>.is-layout-flow.wp-block-column:nth-child(3) figcaption,
.auto-treatment>.is-layout-flow.wp-block-column:nth-child(2) figcaption {
    font-style: normal;
    font-size: 0.8rem;
    margin: 0;
}

.gui-manual ul {
    margin-left: 10px;
    margin-bottom: 0;
}

.gui-manual ul.first,
.gui-manual ul.second {
    list-style: none;
}

.gui-manual ul li {
    margin-bottom: 5px;
}

.gui-manual ul.first li::before,
.gui-manual ul.second li::before {
    display: inline-block;
    text-align: center;
    width: 40px;
    padding: 1px 0;
    margin-right: 2px;
    border-radius: 12px 12px 0 0;
    background-color: #d9d9d9;
}

.gui-manual ul.first li:first-child::before {
    content: '1';
}

.gui-manual ul.first li:nth-child(2)::before {
    content: '2';
}

.gui-manual ul.first li:nth-child(3)::before {
    content: '3';
}

.gui-manual ul.first li:nth-child(4)::before {
    content: '4';
}

.gui-manual ul.second li:nth-child(1)::before {
    content: '4-1';
}

.gui-manual ul.second li:nth-child(2)::before {
    content: '4-2';
}

/* contact */
div.contact-page {
    max-width: 1000px;
    margin: 0 auto;
}

#inner-nav {
    position: relative;
    display: block;
    width: 30em;
    margin: -44px auto 0 auto;
    z-index: 90 !important;
    list-style-type: none;
    padding: 0;
}

#inner-nav li {
    display: inline-block;
    margin: 0 5px;
}

#inner-nav li a {
    display: inline-block;
    width: 9em;
    padding: 0.5em 0.8em 0.6em 0.8em;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px 5px 0 0;
    text-align: center;
}

#inner-nav li.current a {
    background-color: rgba(255, 255, 255, 1);
}
#inner-nav.overview {
    width: 40em;
}

@media screen and (max-width: 670px) {
    #inner-nav.overview {
        width: 100%;
        text-align: center;
        font-size: 12px;
        margin-top: -30px;
    }
    #inner-nav.overview li {
        display: inline-block;
    }
}
@media screen and (max-width: 439px) {
    #inner-nav.seminar {
        margin-top: -33px;
    }
    #inner-nav.seminar li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 368px) {
    #inner-nav.overview,
    #inner-nav.seminar {
        font-size: 8px;
        margin-top: -23px;
    }
}


/* modal */
.modal-lang {}

.modal-lang h5 {
    margin: 0;
    text-align: center;
}

.modal-lang h5 span {
    font-weight: 200;
    font-size: 90%;
}

.modal-lang ul.lang {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.modal-lang ul.lang li {
    display: inline-block;
    width: 7em;
    margin: 10px;
}

.modal-lang ul.lang li a {
    display: block;
    width: 100%;
    border: solid 1px #21358d;
    padding: 5px;
    line-height: 1;
    text-align: center;
    font-size: 90%;
    cursor: pointer;
}

.modal-lang ul.lang li a:hover {
    background: #21358d;
    color: #fff;
    transition: 0.5s;
}


/* Media query max */

@media screen and (max-width: 1186px) {
    #cartridges span {}

    #cartridges span.qs2 {
        left: 12.5%;
        top: 11%;
    }

    #cartridges span.q3 {
        left: 50%;
        top: 8%;
    }

    #cartridges span.q4 {
        left: 68%;
        top: 21%;
    }

    #cartridges span.linear2 {
        left: 24%;
        top: 88%;
    }

    #cartridges span.linear6 {
        left: 55%;
        top: 88%;
    }
}

@media screen and (max-width: 1023px) {
    #page-site-header {
        padding-top: 76px;
    }

    .translate-container {
        min-height: 76px;
    }

    #masthead {
        background-color: rgba(255, 255, 255, 0.7);
        position: absolute;
    }

    .menu-toggle:hover {
        fill: #000;
    }

    .main-navigation ul.nav-menu {
        background-color: rgba(255, 255, 255, 1);
    }

    a:not(.c-btn-4):not(.c-btn-5):hover,
    a:not(.c-btn-4):not(.c-btn-5):focus,
    a:not(.c-btn-4):not(.c-btn-5):active {
        color: #21358d;
    }

    .scrollup:hover,
    .scrollup:focus {
        fill: #21358d;
        background-color: rgba(255, 255, 255, 0);
    }

    .menu-toggle,
    .dropdown-toggle,
    .menu-toggle:hover,
    .menu-toggle:focus,
    .dropdown-toggle:hover,
    .dropdown-toggle:focus {
        fill: #21358d;
    }

    /* Delete header nav item's child dropdown [products, company] */
    #menu-item-3695>a::before,
    #menu-item-3694>a::before,
    #menu-item-3683>a::before,
    #menu-item-189>a::before,
    #menu-item-405>a::before,
    #menu-item-1755>a::before,
    #menu-item-189>button,
    #menu-item-405>button,
    #menu-item-1755>button {
        display: none !important;
    }

    #menu-item-3695>ul,
    #menu-item-3694>ul,
    #menu-item-3683>ul,
    #menu-item-1755>ul,
    #menu-item-189>ul,
    #menu-item-405>ul,
    #menu-item-4817>ul {
        display: block !important;
    }

    .main-navigation ul ul a {
        width: 100%;
    }

    #menu-item-3694>a>i::before {
        content: "\f107";
    }
    #menu-item-3694>a>i {
        margin-left: 5px;
    }
    #menu-item-3694>ul>li>a {
        padding-left: 50px !important;
        font-size: 14px;
    }
    /*  */
}

@media screen and (max-width: 1000px) {
    #page-site-header img {
        /* width: 80%; */
    }

    #stress-test span.linear {
        left: 31%;
        bottom: 32%;
    }

    #stress-test span.dot {
        left: 50.5%;
        bottom: 32%;
    }

    #stress-test span.other {
        left: 73%;
        bottom: 32%;
    }

    #general-principles span.ultrasonic {
        top: 38%;
    }

    #general-principles span.non-target {
        top: 15%;
        left: 53%;
    }

    #general-principles span.target {
        top: 28%;
        left: 73%;
    }
}

@media screen and (max-width: 991px) {
    #page-site-header.product {
        height: 650px;
    }
}

@media screen and (max-width: 972px) {
    #needle span {
        font-size: 10px;
        line-height: 10px;
    }

    #needle span.coating {
        left: 7.5%;
        top: 62%;
    }

    #needle span.semi-coating {
        left: 6%;
        top: 91.5%;
    }

    #needle span.cp-21 {
        left: 31.5%;
        top: 38.5%;
    }

    #needle span.p1-08 {
        right: 28%;
        top: 42.5%;
    }

    #needle span.c-9 {
        right: 28.5%;
        top: 74%;
    }

    #rejuvination span.first {
        right: 19%;
    }

    #rejuvination span.second {
        top: 52%;
        right: 23.5%;
    }

    #rejuvination span.third {
        top: 68%;
        right: 1.5%;
    }
}



@media screen and (max-width: 776px) {
    #rejuvination span.first {
        right: 19%;
    }

    #rejuvination span.second {
        top: 53%;
        right: 21.5%;
    }

    #rejuvination span.third {
        top: 69%;
        right: 8.5%;
    }

}

@media screen and (max-width: 768px) {
    ul.bracket-number {
        padding-left: 32px;
    }
    #page-site-header.product {
        height: 690px;
    }
}

@media screen and (max-width: 400px) {
    #page-site-header.product {
        height: auto;
    }
}

@media screen and (max-width: 760px) {
    #page-site-header img {
        /* width: 100%; */
    }

    #general-principles span,
    #stress-test span {
        font-size: 10px;
        line-height: 10px;
    }

    #cartridges span {
        font-size: 10px;
        line-height: 10px;
    }

    #cartridges span.qs2 {
        left: 12.5%;
        top: 11%;
    }

    #cartridges span.q3 {
        left: 50%;
        top: 8%;
    }

    #cartridges span.q4 {
        left: 68%;
        top: 21%;
    }

    #cartridges span.linear2 {
        left: 24%;
        top: 83%;
    }

    #cartridges span.linear6 {
        left: 55%;
        top: 83%;
    }

    #patients-first span {
        font-size: 10px;
        line-height: 10px;
    }

    #patients-first span.left1 {
        top: 10.5%;
    }

    #patients-first span.left2 {
        top: 26%;
    }

    #patients-first span.left3 {
        top: 41%;
    }

    #patients-first span.left4 {
        top: 56%;
    }

    #patients-first span.left5 {
        top: 75%;
    }

    #display span {
        font-size: 0.9rem;
        line-height: 1.0rem;
        left: 40%;
    }
}

@media screen and (max-width: 700px) {
    #needle span {}

    #needle span.coating {
        left: 6.5%;
        top: 62.5%;
    }

    #needle span.semi-coating {
        left: 5%;
        top: 92%;
    }

    #needle span.cp-21 {
        left: 32%;
        top: 39.5%;
    }

    #needle span.p1-08 {
        right: 23.5%;
        top: 43.5%;
    }

    #needle span.c-9 {
        right: 25.5%;
        top: 72%;
    }

    #patients-three span {
        font-size: 10px;
        line-height: 10px;
    }

    #patients-three span.texture {
        top: 18%;
    }

    #patients-three span.chin {
        top: 23%;
    }

    #patients-three span.armpit {
        top: 32%;
    }

    #patients-three span.arm {
        top: 37.5%;
    }

    #patients-three span.axillar {
        top: 42%;
    }

    #patients-three span.kness {
        top: 48%;
    }
}

@media screen and (max-width: 577px) {

    p.description {
        font-size: 14px;
        line-height: 18px;
    }

    #needle span.coating {
        left: 6%;
        top: 63.5%;
    }

    #needle span.semi-coating {
        left: 3.5%;
        top: 92%;
    }

    #needle span.cp-21 {
        left: 32%;
        top: 39.5%;
    }

    #needle span.p1-08 {
        right: 23.5%;
        top: 43.5%;
    }

    #needle span.c-9 {
        right: 25.5%;
        top: 72%;
    }

    p.one-cp21,
    p.two-rf,
    p.three-mccoom {
        font-size: 12px !important;
        line-height: 12px;
    }

    p.center-text {
        font-size: 1.0rem;
        line-height: 1.0rem;
        ;
    }

    p.two-rf {
        top: 75%;
        right: 12%;
    }

    p.three-mccoom {
        top: 75%;
        left: 12%;
    }

    #patients-two span {
        font-size: 10px;
        line-height: 10px;
    }

    #display span {
        font-size: 0.7rem;
        line-height: 1.0rem;
        font-weight: normal;
    }
}

@media screen and (max-width: 540px) {

    button.translate {
        font-size: 0.7rem;
    }

    #banner-for .container-fluid {
        padding-top: 110px;
        max-height: 678px;
        overflow: hidden;
    }

    #page-site-header img {
        /* width: 100%; */
    }

    #stress-test span.linear {
        left: 31%;
        bottom: 35%;
    }

    #stress-test span.dot {
        left: 50.5%;
        bottom: 35%;
    }

    #stress-test span.other {
        left: 73%;
        bottom: 35%;
    }
}

@media screen and (max-width: 500px) {

    #needle span.coating {
        left: 5.5%;
        top: 62.5%;
    }

    #needle span.semi-coating {
        left: 3%;
        top: 92%;
    }

    #needle span.cp-21 {
        left: 32%;
        top: 39.5%;
    }

    #needle span.p1-08 {
        right: 19.5%;
        top: 42.5%;
    }

    #needle span.c-9 {
        right: 23.5%;
        top: 69.5%;
    }

    p.center-text {
        font-size: 16px;
        line-height: 16px;
    }

    p.one-cp21,
    p.two-rf,
    p.three-mccoom {
        font-size: 10px !important;
        line-height: 10px;
    }

    p.one-cp21 {
        top: 27%;
    }

    p.two-rf {
        top: 73%;
        right: 13%;
    }

    p.three-mccoom {
        top: 73%;
        left: 13%;
    }

    #cartridges span.qs2 {
        left: 12.5%;
        top: 5%;
    }

    #cartridges span.q3 {
        left: 50%;
        top: 5%;
    }

    #cartridges span.q4 {
        left: 68%;
        top: 21%;
    }

    #cartridges span.linear2 {
        left: 22%;
        top: 81%;
    }

    #cartridges span.linear6 {
        left: 55%;
        top: 81%;
    }

    #display span.first {
        top: 14%;
    }

    #display span.second {
        top: 39%;
    }

    #rejuvination span {
        font-size: 10px;
        font-weight: normal;
    }
}

@media screen and (max-width: 496px) {

    #inner-nav {
        margin: -38px auto 0 auto;
    }
    #inner-nav li a,
    #inner-nav {
        width: auto !important;
        text-align: center;
        font-size: 14px;
    }
}

@media screen and (max-width: 410px) {
    #needle span.coating {
        left: 5.5%;
        top: 64%;
    }

    #needle span.semi-coating {
        left: 3%;
        top: 92%;
    }

    #needle span.cp-21 {
        left: 32%;
        top: 39.5%;
    }

    #needle span.p1-08 {
        right: 17.5%;
        top: 43.5%;
    }

    #needle span.c-9 {
        right: 20.5%;
        top: 68%;
    }

    p.two-rf {
        right: 9%;
    }

    p.three-mccoom {
        left: 9%;
    }

    #display span {
        font-size: 10px;
        line-height: 10px;
    }
}

@media screen and (max-width: 366px) {
    #inner-nav:not(.seminar):not(.overview) li a {
        font-size: 14px;
        padding: 0.7em 0.7em 0.8em 0.7em
    }

    #inner-nav {}
}

/* Media query min */

@media screen and (min-width: 1186px) {
    .gui-manual ul {
        margin-left: 150px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
    .menu-sticky #masthead.nav-shrink {
        max-width: 100%;
        background-color: rgba(255, 255, 255, 0.7);
    }
}

@media screen and (min-width: 509px) {
    .slick-next {
        right: -25px;
    }

    .slick-prev {
        left: -25px;
    }
}

@media print {
    #contact-btn {
        display: none;
    }

    button.translate {
        display: none;
    }

    #site-navigation {
        display: none;
    }

    #product-links {
        display: none;
    }
}

/* JMJ 日本語 */

.bg-opacity::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.5);
}

.main-navigation ul.sub-menu li a {
    text-transform: none !important;
}

.event h2 {
    font-size: 1.625rem;
    border-left: 3px solid #21358d;
    padding-left: 20px;
    margin: 0 0 10px 0;
}

.event.society h4 {
    padding: 5px;
    margin-bottom: 5px;
    color: #21358d;
    text-align: center;
    background-color: #fff;
}

.event.meeting h4 {
    font-weight: 300;
    font-size: 1.75rem;
    margin: 32px 0;
}

.event-description {
    border-left: 3px solid #008CCF;
    padding-left: 10px;
    margin-top: 1rem;
    margin-left: 1rem;
    line-height: 1.7 !important;
    font-size: 14px;
    color: #666 !important;
}

#webinar-seminar-list {}

#webinar-seminar-list p.caution {
    color: #333;
}

#webinar-seminar-list button.nav-link {
    margin-bottom: 10px !important;
    position: relative;
    background-color: #21358d;
    color: #fff;
    font-size: 16px;
    margin: 0;
    border: 1px solid #21358d;
    transition: 0.7s;
}

#webinar-seminar-list button.nav-link.active {
    background-color: #fff !important;
    color: #21358d !important;
}

#webinar-seminar-list #tabContent h4 {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
}

#webinar-seminar-list time {
    margin-bottom: 14px;
    display: block;
}

#webinar-seminar-list #tabContent div.content {
    border: 1px solid #21358d;
    border-top-width: 3px;
    padding: 25px;
    border-radius: 0 0 25px 0;
    background: linear-gradient(180deg, #c6e2fd 0%, #f5f5f5 100%);
    min-height: 270px;
}

#webinar-seminar-list #tabContent div.content div.header {
    margin-bottom: 8px;
}

#webinar-seminar-list #tabContent div.content p {
    font-size: 12px;
    color: #333;
    margin-bottom: 14px;
}

#webinar-seminar-list #tabContent div.content label {
    font-size: 12px;
    display: inline-block;
    background-color: #008cd0;
    width: 70px;
    text-align: center;
    color: #fff;
    margin-right: 10px;
}

#webinar-seminar-list #tabContent div.content span {
    color: #000;
    font-size: 12px;
}

#webinar-seminar-list #tabContent div.content div.img-container {
    max-height: 180px;
    max-width: 150px;
    overflow: hidden;
    background-color: #fff;
}

@media screen and (max-width: 1200px) {
    #webinar-seminar-list #tabContent div.content div.img-container {
        margin-bottom: 14px;
    }
}

@media screen and (max-width: 768px) {
    #webinar-seminar-list #tabContent div.content div.img-container {
        margin-top: 14px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    #webinar-seminar-list button.nav-link.active {
        ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    #webinar-seminar-list button.nav-link.active::before {
        content: '';
        position: absolute;
        width: 30px;
        height: 100%;
        background-color: #21358d88;
        border-radius: 0.25rem 0 0 0.25rem;
        border: 1px solid #21358d;
        z-index: -1;
        top: 0;
        left: 0;
        ms-transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
        transition: 0.7s;
    }

    #webinar-seminar-list button.nav-link::before {
        content: '';
        position: absolute;
        width: 0px;
        height: 100%;
        background-color: #21358d88;
        border-radius: 0.25rem 0 0 0.25rem;
        z-index: -1;
        top: 0;
        left: 0;
        transition: 0.7s;
    }

    #webinar-seminar-list button.nav-link:not(.active):hover::before {
        width: 30px;
        z-index: -1;
        ms-transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    #webinar-seminar-list button.nav-link:not(.active):hover {
        background-color: #fff;
        color: #21358d;
        ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }
}

#webinar-seminar-list #tabContent div.empty {
    border-top: 3px solid #21358d
}

#webinar-seminar-list #tabContent div.empty a.product-btn {
    background-color: #21358d;
    color: #fff;
    display: inline-block;
    width: 180px;
    padding: 15px 0;
    border-radius: 5px;
    transition: 0.7s;
    margin-top: 14px
}

#webinar-seminar-list #tabContent div.empty a.product-btn:hover {
    background-color: #fff;
    color: #21358d;
}

#webinar-seminar-list #tabContent #webinar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#webinar-seminar-list #tabContent #webinar-list .badge {
    min-width: 100px;
    padding: 6px 0;
    font-weight: normal;
    background-color: #21358d;
}

#webinar-seminar-list #tabContent #webinar-list .webinar-btn {
    background-color: #21358d;
    color: #fff;
    font-size: 12px;
    border: 1px solid #21358d;
    padding: 10px 0px;
    text-align: center;
    width: 125px;
    border-radius: 5px;
    transition: 0.7s;
}

#webinar-seminar-list #tabContent #webinar-list .webinar-btn:hover {
    background-color: inherit;
    color: #21358d;
}

/* #webinar-list .badge.eliteiq {
    background: linear-gradient(180deg, #FF4717 0%, #93290e 100%);
}

#webinar-list .badge.picosure {
    background: linear-gradient(180deg, #767676 0%, #4f4f4f 100%);
}

#webinar-list .badge.edgeone {
    background: linear-gradient(180deg, #ff0116 0%, #96242e 100%);
}

#webinar-list .badge.tribeam {
    background: linear-gradient(180deg, #a40e38 0%, #84082b 100%);
}

#webinar-list .badge.cellecv {
    background: linear-gradient(180deg, #287ce2 0%, #092342 100%);
}

#webinar-list .badge.pureasy {
    background: linear-gradient(180deg, #002f4e 0%, #010204 100%);
} */

#event-list {
    padding: 0;
}

#event-list li {
    padding: 30px 0;
    list-style: none;
}

#event-list li:first-child {
    border-top: 1px solid #ddd;
}

#event-list li {
    border-bottom: 1px solid #ddd;
}

#event-list div.date {
    background-color: #f5f5f5;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 30px 15px;
}

#event-list div.date label {
    border: 1px solid #000;
    background-color: #fff;
    display: inline-block;
    padding: 2px 0px;
    border-radius: 3px;
    color: #000;
    font-size: 12px;
    max-width: 80px;
    text-align: center;
    margin-bottom: 5px;
}

#event-list div.date span {
    font-weight: 300;
    font-size: 1.5rem;
    color: #000;
}

#event-list div.detail {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-left: 15px;
}

#event-list div.detail label {
    display: inline-block;
    background-color: #008CCF;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 2px 0px;
    width: 100%;
    max-width: 85px;
    border-radius: 3px;
}

#event-list div.detail p {
    font-size: 12px;
}

#event-list div.detail span {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
}

#event-list .event-btn {
    display: inline-block;
    background-color: #21358d;
    color: #fff;
    font-size: 12px;
    border: 1px solid #21358d;
    padding: 10px 0px;
    text-align: center;
    width: 125px;
    border-radius: 5px;
    transition: 0.7s;
}

#event-list .event-btn:hover {
    background-color: inherit;
    color: #21358d;
}

@media screen and (max-width: 575px) {
    .product-header {
        height: 300px;
    }

    #event-list div.date {
        padding: 15px;
    }

    #event-list .event-btn {
        width: 100%;
    }
}

#webinar-list li {}

#webinar-list li p {
    /* height: 294px; */
    /* overflow-y: auto; */
    color: #000;
}

#webinar-list .badge {
    font-size: 0.85rem;
    max-width: 100px;
}

#webinar-list p.professor-name {
    font-size: 10px;
    text-align: center;
}

#nothingMsg {
    padding: 100px 0;
}

#nothingMsg i {
    display: block;
    font-size: 4.0rem;
    margin: 1.0rem 0;
}

#sns a {
    font-size: 1.0rem;
    display: inline-block;
    margin-right: 5px;
    padding: 0px 18px;
    border-radius: 3px;
    color: #fff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    overflow: hidden;
}

#sns a.twitter {
    background-color: #1DA1F2;
}

#sns a.line {
    background-color: #06C755;
}

#sns a.facebook {
    background-color: #4267B2;
}

#sns a.pinterest {
    background-color: #E60023;
}

#sns a.instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

@media screen and (min-width: 500px) {
    
    #sns a:hover {
        background-color: #fff;
    }
    
    #sns a.facebook:hover {
        color: #4267B2;
    }
    
    #sns a.instagram:hover::before {
        opacity: 0;
    }
}

#sns a.instagram::before {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    position: absolute;
    content: "\f16d";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: opacity 0.5s;
    opacity: 1;
    font-family: "Font Awesome 6 Brands";
    -webkit-text-fill-color: #fff;
    text-align: center;
}



@media all and (min-width:992px) {

    .event #tabContent {
        width: 80%;
    }

}

/* 製品ページ */

.product-content .webinar-btn {
    display: inline-block;
    width: 100%;
    max-width: 400px;
    padding: 15px 0;
    font-size: 20px;
    border-radius: 5px;
    color: #fff;
    background-color: #fff;
    transition: 0.7s;
}

.product-content .webinar-btn:hover {
    background-color: #fff;
}

/* Elite iQ  */
.eliteiq-color small,
.eliteiq-color {
    color: #ff4713;
}

/* .eliteiq.product-content h2 {
    color: #ff4713;
} */

.eliteiq.product-content h2 {
    background: #ff4713;
    background: linear-gradient(52deg, #ff4713 0%, #f96d47 68%, #f6a28b 100%);
}

.eliteiq.product-content h4 {
    border-left: solid 10px #ff4713;
}

.webinar-btn.eliteiq {
    padding: 9px 0;
    line-height: 1.2;
    color: #ff4713 !important;
    border: 1px solid #ff4713 !important;
    background-color: #fff !important;
    text-align: center;
}

.webinar-btn.eliteiq:hover {
    background-color: #ff4713 !important;
    color: #fff !important;
}

/* Edge One */
.edgeone-color small,
.edgeone-color {
    color: #e60012;
}

.edgeone.product-content h2 {
    background: #e60012;
    background: linear-gradient(52deg, #e60012 0%, #d74b57 68%, #c7767c 100%);
}

.edgeone.product-content h4 {
    border-left: solid 10px #e60012;
}

a.webinar-btn.edgeone {
    color: #e60012;
    border: 1px solid #e60012;
}

a.webinar-btn.edgeone:hover {
    background-color: #e60012;
    color: #fff;
}

/* TRI-BEAM */

.tribeam-color small,
.tribeam-color {
    color: #730021;
}

.tribeam.product-content h2 {
    /* color: #730021; */
}

.tribeam.product-content h2 {
    background: #730021;
    background: linear-gradient(52deg, #730021 0%, #763044 68%, #6e4550 100%);
}

.tribeam.product-content h4 {
    border-left: solid 10px #730021;
}



#page-site-header .page-header.product.insurance {
    position: relative;
}

#page-site-header .page-header.product.insurance::before {
    content: '保険適用';
    position: absolute;
    left: 0;
    top: 10px;
    border: 1px solid #666;
    width: 82px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    background-color: #fff;
    display: inline-block;

}

#page-site-header .page-header.product.tribeam.insurance::before {
    color: #663333;
}

#page-site-header .page-header.product.picosure.insurance::before {
    color: #000;
}

#page-site-header .page-header.product.picosure.insurance::after {
    content: '＊保険適用開始は、令和5 年５月１日となります。';
    font-size: 8px;
    position: absolute;
    color: #7e7e7e;
    top: 25px;
    left: 85px;
}

.insurance strong {
    font-weight: normal;
    border: 1px solid #666;
    display: inline-block;
    text-align: center;
    color: #663333;
    width: 82px;
    height: 30px;
    background-color: #fff;
    line-height: 30px;
    font-size: 16px;
}

.insurance.picosure strong {
    margin-left: 25px;
    color: #000;
}

@media screen and (min-width: 1400px) {
    #page-site-header .page-header.product.tribeam.insurance::before {
        top: 20px;
    }

    #page-site-header .page-header.product.picosure.insurance::after {
        top: 30px;
    }
    #page-site-header .page-header.product.picosure.insurance::before {
        top: 15px;
    }
}

a.webinar-btn.tribeam {
    color: #730021;
    border: 1px solid #730021;
}

a.webinar-btn.tribeam:hover {
    background-color: #730021;
    color: #fff;
}

/* Cellec V  */
.cellecv-color small,
.cellecv-color {
    color: #13519c;
}

/* .cellecv.product-content h2 {
    color: #13519c;
} */

.cellecv.product-content h2 {
    background: #13519c;
    background: linear-gradient(52deg, #13519c 0%, #3a6aa3 68%, #57779e 100%);
}

.cellecv.product-content h4 {
    border-left: solid 10px #13519c;
}

a.webinar-btn.cellecv {
    border: 1px solid #13519c;
    color: #13519c;
}

a.webinar-btn.cellecv:hover {
    background-color: #13519c;
    color: #fff;
}

/* Pureasy */
.pureasy-color small,
.pureasy-color {
    color: #002f4e;
}

/* .pureasy.product-content h2 {
    color: #002f4e;
} */

.pureasy.product-content h2 {
    background: #002f4e;
    background: linear-gradient(52deg, #002f4e 0%, #4b6d83 68%, #bcbcbc 100%);
}

.pureasy.product-content h4 {
    border-left: solid 10px #002f4e;
}

a.webinar-btn.pureasy {
    color: #002f4e;
    border: 1px solid #002f4e;
}

a.webinar-btn.pureasy:hover {
    background-color: #002f4e;
    color: #fff;
}

/* Cannule */
.cannule_br01 {
    display: none;
}
.cannule_br02 {
    display: block;
}

.cannule-color small,
.cannule-color {
    color: #767676;
}

.cannule.product-content h2 {
    background: #767676;
    background: linear-gradient(52deg, #767676 0%, #a2a09f 68%, #cdcdcd 100%);
}

.cannule.product-content h4 {
    border-left: solid 10px #767676;
}

a.webinar-btn.cannule {
    color: #767676;
    border: 1px solid #767676;
}

a.webinar-btn.cannule:hover {
    background-color: #767676;
    color: #fff;
}

.br_sm {
    display: none;
}

.feature_title {
    font-size:20px;
}
.feature {
    position: absolute;
    color: #0c3689;
}
.feature01,
.feature02,
.feature03,
.feature04,
.feature05 {
    left: 32%;
    font-size: 18.5px;
    font-weight: 600;
}
.feature01 {
    top: 18%;
}
.feature02 {
    top: 32%;
}
.feature03 {
    top: 54%;
}
.feature04 {
    bottom: 25%;
}
.feature05 {
    bottom: 10%;
}
.feature06 {
    bottom: 4%;
    right: 25%;
    text-align: center;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 500;
}

.instance {
    position: absolute;
    color: #fff;
    font-weight: 500;
}
.instance01,
.instance02,
.instance03,
.instance04,
.instance05 {
    font-size: 25px;
}
.instance01 {
    top: 7.5%;
    right: 42%;
}
.instance02 {
    top: 25%;
    right: 38%;
}
.instance03 {
    top: 42%;
    right: 41.5%;
}
.instance04 {
    bottom: 32.7%;
    right: 37%;
}
.instance05 {
    bottom: 15%;
    right: 44%;
}
.instance06 {
    bottom: 3%;
    left: 30%;
    font-size: 14px;
}

.lineup {
    padding-left: 2rem;
    width: 120%;
}
.lineup tr {
    border: 1px solid #184598;
}
.lineup th {
    border: 1px solid #fff;
    background: #154296;
    color: #fff;
}
.lineup td {
    border: 1px solid #184598;
    padding: 5px;
    font-weight: 400;
}
.lineup_th02 {
    width: 38%;
}
.lineup_img {
    padding-right: 2rem;
    justify-content: right;
}


/* 미디어쿼리 */
@media (max-width: 1890px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 28.5%;
    }
    .feature06 {
        right: 20%;
    }

    .instance01 {
        right: 41%;
    }
    .instance02 {
        right: 36%;
    }
    .instance03 {
        right: 40%;
    }
    .instance04 {
        right: 34%;
    }
    .instance05 {
        right: 43%;
    }
    .instance06 {
        left: 27%;
    }

    .lineup {
        width: 110%;
    }

    .cannule_br02 {
        display: none;
    }

}

@media (max-width: 1333px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 28%;
    }
    .feature06 {
        right: 19%;
    }

    .instance01 {
        right: 40%;
    }
    .instance02 {
        right: 35%;
    }
    .instance03 {
        right: 39%;
    }
    .instance04 {
        right: 33%;
    }
    .instance05 {
        right: 42%;
    }
    .instance06 {
        left: 26%;
    }
}

@media (max-width: 1297px) {
    .cannule_br02 {
        display: none;
    }
}

@media (max-width: 1280px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 27.5%;
    }
}

@media (max-width: 1278px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 26.5%;
    }
    .feature06 {
        right: 18%;
    }

    .instance05 {
        right: 42.5%;
    }
    .instance06 {
        left: 25%;
    }
}

@media (max-width: 1200px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 25.5%;
    }
    .feature06 {
        right: 16%;
    }

    .instance01 {
        right: 39%;
    }
    .instance02 {
        right: 33.5%;
    }
    .instance03 {
        right: 38%;
    }
    .instance04 {
        right: 32%;
    }
    .instance05 {
        right: 41%;
    }
    .instance06 {
        left: 23%;
    }

    .lineup {
        width: 100%;
    }
}

@media (max-width: 1162px) {
    .cannule_br01 {
        display: none;
    }
}

@media (max-width: 1158px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 24.5%;
    }
    .feature06 {
        right: 15%;
    }

    .instance02 {
        right: 33%;
    }
    .instance05 {
        right: 42%;
    }
}

@media (max-width: 1126px) {
    .cannule_br02 {
        display: block;
    }
}

@media (max-width: 1079px) {
    .cannule_br02 {
        display: none;
    }
}

@media (max-width: 1057px) {
    .cannule_br02 {
        display: block;
    }
}

@media (max-width: 1024px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 22%;
    }
    .feature06 {
        right: 10%;
    }

    .instance01 {
        right: 38%;
    }
    .instance02 {
        right: 31%;
    }
    .instance03 {
        right: 36%;
    }
    .instance04 {
        right: 29%;
    }
    .instance05 {
        right: 41%;
    }
    .instance06 {
        left: 19%;
    }

    .lineup_th01 {
        width: 15%;
    }
    .lineup_img img {
        padding-top: 10%;
    }
}

@media (max-width: 990px) {
    .cannule_br02 {
        display: none;
    }
}

@media (max-width: 991px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 20%;
    }
    .feature06 {
        right: 8.5%;
    }

    .instance01 {
        right: 37%;
    }
    .instance02 {
        right: 30%;
    }
    .instance03 {
        right: 36%;
    }
    .instance04 {
        right: 28%;
    }
    .instance05 {
        right: 40%;
    }
    .instance06 {
        left: 17%;
    }

    .lineup {
        padding-left: 0;
    }
    .lineup_th01 {
        width: 16%;
    }
    .lineup_img {
        padding-right: 0;
    }
    .lineup_img img {
        padding-top: 15%;
    }
}

@media (max-width: 936px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 18.5%;
    }
    .feature06 {
        right: 7.5%;
    }

    .instance04 {
        right: 27%;
    }

    .lineup_th01 {
        width: 17%;
    }
}

@media (max-width: 884px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 17%;
    }
    .feature06 {
        right: 4%;
    }

    .instance01 {
        right: 36%;
    }
    .instance02 {
        right: 28%;
    }
    .instance03 {
        right: 34%;
    }
    .instance04 {
        right: 25%;
    }
    .instance05 {
        right: 39%;
    }
    .instance06 {
        left: 14%;
    }

    .lineup_th01 {
        width: 18%;
    }
    .lineup_img img {
        padding-top: 20%;
    }
}

@media (max-width: 834px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 16%;
    }
    .feature06 {
        right: 2%;
    }

    .instance01 {
        right: 35%;
    }
    .instance02 {
        right: 27%;
    }
    .instance04 {
        right: 24%;
    }
    .instance05 {
        right: 38%;
    }
    .instance06 {
        left: 12%;
    }

    .lineup_th01 {
        width: 19%;
    }
    .lineup_img img {
        padding-top: 25%;
    }
}

@media (max-width: 781px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        left: 19%;
    }

    .instance01 {
        right: 34%;
    }
    .instance02 {
        right: 26%;
    }
    .instance03 {
        right: 33%;
    }
    .instance04 {
        right: 23%;
    }
    .instance06 {
        left: 9%;
    }

    .lineup_img {
        justify-content: center;
    }
    .lineup_img img {
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .feature02 {
        top: 32.2%;
    }
    .feature04 {
        bottom: 24.2%;
    }
    .feature05 {
        bottom: 9.2%;
    }
    .feature06 {
        bottom: 3.5%;
    }

    .instance01 {
        right: 33%;
    }
    .instance02 {
        right: 24.5%;
    }
    .instance03 {
        right: 32%;
    }
    .instance04 {
        right: 22%;
    }
    .instance05 {
        right: 38%;
    }
    .instance06 {
        left: 8%;
    }
}

@media (max-width: 712px) {
    .feature06 {
        right: 0;
    }
}

@media (max-width: 687px) {
    .cannule_br02 {
        display: block;
    }
}

@media (max-width: 672px) {
    .feature06 {
        font-size: 14px;
    }

    .instance01,
    .instance02,
    .instance03,
    .instance04,
    .instance05 {
        font-size: 23px;
    }
    .instance06 {
        left: 5%;
    }
}

@media (max-width: 633px) {
    .cannule_br02 {
        display: none;
    }
}

@media (max-width: 607px) {
    .cannule_br01 {
        display: block;
    }
    .cannule_br02 {
        display: none;
    }
}

@media (max-width: 575px) {
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        font-size: 17.5px;
    }
    .feature06 {
        bottom: 2%;
    }

    .instance01,
    .instance02,
    .instance03,
    .instance04,
    .instance05 {
        font-size: 20px;
    }
    .instance06 {
        left: 2%;
        font-size: 13px;
    }
}

@media (max-width: 544px) {
    .cannule_br01 {
        display: none;
    }
}

@media (max-width: 480px) {
    .feature06 {
        font-size: 12px;
    }

    .instance01,
    .instance02,
    .instance03,
    .instance04,
    .instance05 {
        font-size: 16px;
    }
    .instance06 {
        font-size: 10.5px;
    }

    p.sub-title, h1.cannule-color {
        font-size: 147% !important;
    }
       
    .cannule_main_img_box {
        height: auto !important;
    }
    
    #page-site-header img.cannule {
        margin: 2rem 0;
    }
}

@media (max-width: 474px) {
    .cannule_br02 {
        display: block;
    }
}

@media (max-width: 420px) {
    .cannule_br02 {
        display: none;
    }
}

@media (max-width: 428px) {
    .br_sm {
        display: block;
    }

    .feature_title {
        font-size:18px;
    }
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        font-size: 13.5px;
    }
    .feature02 {
        top: 33%;
        text-align: left;
        line-height: 1.2;
    }
    .feature04 {
        bottom: 19%;
        text-align: left;
        line-height: 1.2;
    }
    .feature05 {
        bottom: 4%;
        text-align: left;
        line-height: 1.2;
    }
    .feature06 {
        bottom: 2%;
        right: -2%;
        font-size: 11px;
        line-height: 1.2;
    }

    .instance01 {
        top: 6.5%;
        right: 31%;
    }
    .instance02 {
        top: 24%;
        right: 21%;
    }
    .instance03 {
        top: 41%;
        right: 29%;
    }
    .instance04 {
        bottom: 32.5%;
        right: 18%;
    }
    .instance05 {
        right: 36%;
    }
    .instance06 {
        bottom: 3%;
        left: 5%;
        font-size: 11px;
        text-align: left;
    }

    .lineup {
        padding-left: 0;
    }
    .lineup_th01 {
        width: 17%;
    }
    .lineup_th02 {
        padding: 8px 0;
    }
    .lineup_img {
        padding-right: 0;
    }

    .cannule_br02 {
        display: none;
    }
}

@media (max-width: 419px) {
    .cannule_br01 {
        display: block;
    }
}

@media (max-width: 393px) {
    .cannule_br01 {
        display: none;
    }
}

@media (max-width: 390px) {
    .feature05 {
        bottom: 3%;
    }
    .feature06 {
        bottom: 0;
        right: -4%;
    }

    .instance01 {
        right: 30%;
    }
    .instance02 {
        right: 19%;
    }
    .instance03 {
        right: 28%;
    }
    .instance04 {
        right: 16%;
    }
    .instance05 {
        right: 35%;
    }
    .instance06 {
        left: 4%;
    }
}

@media (max-width: 375px) {
    .lineup_th01 {
        width: 18%;
    }
    .lineup_th02 {
        width: 38%;
    }
}

@media (max-width: 368px) {
    .cannule_br01 {
        display: none;
    }
}

@media (max-width: 367px) {
    .cannule_br02 {
        display: block;
    }
}

@media (max-width: 360px) {
    .feature04 {
        bottom: 17.5%;
    }
    .feature05 {
        bottom: 2.5%;
    }
    .feature06 {
        bottom: 2px;
    }

    .instance04 {
        right: 15%;
    }

    .lineup_th01 {
        width: 19%;
    }
}

@media (max-width: 320px) {
    .cannule.product-content h2 {
        font-size: 1.3rem;
    }
    
    .feature_title {
        font-size: 16px;
    }
    .feature01,
    .feature02,
    .feature03,
    .feature04,
    .feature05 {
        font-size: 12.5px;
    }
    .feature06 {
        font-size: 10px;
    }

    .instance01,
    .instance02,
    .instance03,
    .instance04,
    .instance05 {
        font-size: 14px;
    }
    .instance06 {
        font-size: 10px;
    }

    .lineup_th01 {
        width: 21%;
    }
    .lineup_th02 {
        width: 36%;
    }

    .cannule_br02 {
        display: none;
    }

    p.sub-title, h1.cannule-color {
        font-size: 140% !important;
    }
}

/* picosure */

.picosure-color small,
.picosure-color {
    color: #747474;
}

.picosure.product-content h2 {
    background: #747474;
    background: linear-gradient(52deg, #747474 0%, #909090 68%, #d4d4d4 100%);
}

a.webinar-btn.picosure {
    color: #747474;
    border: 1px solid #747474;
}

a.webinar-btn.picosure:hover {
    background-color: #747474;
    color: #fff;
}


/* single */
#single {}

#single p.summary {
    color: #333;
    font-size: 14px;
    line-height: 2.0rem;
}
#single p.summary label {
    display: block;
    color: #a58ab7;
    border-bottom: 2px solid #a58ab7;
    margin-bottom: 5px;
}
#single h1.title {
    font-size: 2.0rem;
    margin-top: 0;
}

@media screen and (max-width: 600px) {
    #single h1.title {
        font-size: 1.2rem;
    }
}

#single h5 {
    display: inline-block;
    background-color: #008CCF;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 3px 20px;
    border-radius: 3px;
    margin: 10px 0;
}

#single .seminar-time {
    font-size: 20px;
    font-weight: bold;
    color: #008CCF;
}

#single hr {
    background-color: #21358d;
    opacity: 1;
    height: 3px;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

#single p a {
    word-break: break-all;
}

#single div.content {
    margin-top: 1.5rem;
    max-width: 800px;
    word-wrap: normal;
}

#single div.content p {
    margin-bottom: 25px;
    line-height: 2.2;
}


#single div.content h3 {
    margin: 40px 0;
}

#single div.content h2 {
    font-size: 1.5rem;
    margin-top: 70px;
    margin-bottom: 40px;
}

#single div.content h3 {
    font-size: 1.3rem;
}

#single div.content p {
    color: #333;
}

#single div.content p a {
    text-decoration: underline !important;
}

#single div.registration {
    /* text-align: right; */
    margin-top: 3.0rem;
}

#single div.registration a {
    display: inline-block;
    /* background-color: #21358d; */
    /* padding: 10px 20px; */
    color: #21358d;
    border-bottom: 1px solid #21358d;
    transition: 0.1s;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -ms-transition: 0.1s;
}

#single div.registration a:hover {
    color: #9aacff;
    border-color: #9aacff;
}

#single .footer {
    margin-top: 3.0rem;
}

#single .footer div a {
    padding: 0px 10px;
    height: 120px;
    border: 1px solid #ddd;
    display: flex;
    width: 100%;
    font-size: 14px;
    align-items: center;
    line-height: 20px;
    justify-content: space-between;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

#single .footer div.next a:hover {
    transform: translateX(10px);
}

#single .footer div.prev a:hover {
    transform: translateX(-10px);
}

#single .footer div a i {
    font-size: 2.0rem;
    margin: 0 5px;
}

#single a.file-btn {
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    background-color: #21358d;
    transition: 0.7s;
}

#single a.file-btn:hover {
    background-color: #fff;
    color: #21358d;
}

#single a.file-btn i {
    font-size: 150%;
}

#single .recently-post {
    position: sticky;
    position: -webkit-sticky;
    top: -100px;
    right: 0;

}

#single .recently-post .header {
    background-color: #f0f0f0;
    text-align: center;
    font-size: 1.0rem;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 8px 0;
}

#single .recently-post span.date {
    font-size: 12px;
    color: #999;
}

#single .recently-post .body {}

#single .recently-post .body ul {}

#single .recently-post .body li {
    font-size: 16px;
    font-weight: 350;
}

#single .recently-post .body a:hover li {
    background-color: #f8f8f8;
}

#society-list {
    list-style: none;
    padding: 0;
    overflow: hidden;
}

#society-list li {
    /* margin: 25px 0; */
    background-color: #21358d88;
}

#society-list li::before {
    content:'';
}

/* #society-list li:first-child {
    border-top: 1px solid #ddd;
} */

#society-list li {
    border-bottom: 1px solid #ddd;
}

#society-list li a {
    width: 100%;
    padding: 15px 5px;
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
    transition: 0.7s;
}

#society-list li a:hover {
    -ms-transform: translateX(25px);
    -webkit-transform: translateX(25px);
    -moz-transform: translateX(25px);
    -o-transform: translateX(25px);
    transform: translateX(30px);
}

#society-list li a:hover .meta span.title {
    color: #21358d;
}

#society-list li a i {
    color: #21358d;
}

#society-list li a span.title {
    font-size: 1.0rem;
    color: #333;
}

#society-list li a span.date {
    color: #666;
    font-size: 1.2rem;
    margin-right: 15px;
}

#society-list li a span.date i {
    margin-right: 10px;
}

#showroom {}


#showroom p.h4 {
    margin: 4rem 0 0 0;
    color: #171c61;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
}

.jeisys-btn a {
    background-color: #21358d;
    color: #fff;
    border-radius: 5px;
    font-weight: normal;
    letter-spacing: 1px;
    transition: 0.7s;
}

.jeisys-btn a:hover {
    background-color: #fff !important;
    color: #21358d !important;
}

#campaign h2,
#access h2,
#showroom h2 {
    border-left: 3px solid #171c61;
    padding-left: 20px;
    font-size: 1.625rem;
    font-weight: normal;
    margin: 3.5rem 0;
}

#access h2 {
    margin: 0;
}

#support {}

#support {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

#support .is-layout-flex {
    gap: 4em;
}

#support hr {
    height: 2px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(200, 200, 200, 0.5) 25%, rgba(200, 200, 200, 1) 50%, rgba(200, 200, 200, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
}

#support .inquiry {
    border: medium solid #CCC;
    padding: 10px;
    font-size: 14px;
    line-height: 30px;
}

#support p.h5 {
    clear: both;
    color: #242121;
    margin: 16px 0;
    line-height: 1.4;
    font-weight: 700;
    font-size: 1.125rem;
}

#company {}

#company hr {
    height: 3px;
    background-color: #171c61;
    margin: 3rem 0;
}

#company h2 {
    margin: 3rem 0;
}

#company p.message {
    color: #333;
    line-height: 40px;
    padding: 0 3rem;
    /* font-family: 'Zen Old Mincho', serif; */
}

#company p.sign {
    /* font-family: 'Zen Old Mincho', serif; */
    color: #000;
    font-size: 18px;
}

#company figure.overview {
    width: 80%;
}

#company figure.overview table tr td:first-child {
    background-color: #f8f8f8;
    width: 20%;
    padding: 10px 0;
}

#company figure.overview table tr td {
    font-size: 14px;
    color: #000;
    line-height: 30px;
    width: 80%;
}

#company figure.overview table tr td a:first-child {
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    padding: 3px 20px;
    background-color: #21358d;
    transition: 0.3s;
}
#company figure.overview table tr td a:first-child:hover {
    transform: translateX(10px);
}

@media screen and (max-width: 461px) {
    #company figure.overview table tr td a:first-child {
        margin-left: 0;
        display: block;
        text-align: center;
    } #company figure.overview table tr td a:first-child:hover {
        transform: translateX(0);
    }
}
@media screen and (max-width: 400px) {
    #company h2 {
        font-size: 1.5rem;
    }

    #company p.message {
        padding: 0;
    }

    #company figure.overview table tr td {
        padding: 10px;
    }
}

#recruit {}

#recruit h3 {
    margin: 3rem 0;
}

#access hr,
#recruit hr {
    height: 3px;
    background-color: #171c61;
    margin: 3rem 0;
}

#recruit figure {
    width: 80%;
    margin: auto;
}

#recruit figure table {
    font-size: 14px;
    color: #000;
    line-height: 30px;
}

#recruit figure table tr td:first-child {
    background-color: #f8f8f8;
    width: 20%;
    padding: 10px 0;
}

#recruit figure table tr td {
    font-size: 14px;
    color: #000;
    line-height: 30px;
    width: 80%;
}

#recruit a.entry {
    display: inline-block;
    padding: 20px 50px;
    margin: 3rem auto;
    font-size: 16px;
    border-radius: 10px;
    background-color: #171c61;
    border: 1px solid #171c61;
    color: #fff;
    transition: 0.7s;
}

#recruit a.entry:hover {
    background-color: #fff;
    color: #171c61;
    border: 1px solid #fff;
}

#recruit button.submit {
    display: block;
    padding: 20px 50px;
    margin: 3rem auto;
    font-size: 16px !important;
    border-radius: 10px;
    background-color: #171c61 !important;
    border: 1px solid #171c61;
    color: #fff;
    transition: 0.7s;
}

#recruit button.submit:hover {
    background-color: #fff !important;
    color: #171c61 !important;
    border: 1px solid #fff;
    box-shadow: none !important;
}

#recruit .forminator-guttenberg {
    width: 80%;
    margin: auto;
}

#recruit table td a {
    display: inline-block;
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
    line-height: 14px;
}

#recruit table td a:first-child {
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    padding: 10px 20px;
    background-color: #21358d;
    transition: 0.3s;
}
#recruit table td a:first-child:hover {
    transform: translateX(10px);
}

#recruit a.entry-btn {
    padding: 20px 50px;
    border-radius: 10px;
    background-color: #171c61 !important;
    border: 1px solid #171c61;
    color: #fff;
    transition: 0.7s;
}
#recruit a.entry-btn:hover {
    background-color: #fff !important;
    color: #171c61 !important;
    border: 1px solid #fff;
    box-shadow: none !important;
}


@media screen and (max-width: 461px) {
    #recruit table td a:first-child {
        margin-left: 0;
        display: block;
        text-align: center;
    } 
    #recruit table td a:first-child:hover {
        transform: translateX(0);
    }
}

#campaign ul {
    list-style: none;
    padding-left: 0;
}
#campaign ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    max-width: 450px;
    background-color: #e2f4ff88;
    transition: 0.5s;
}
#campaign ul li a:hover {
    background-color: #cfecfd;
}
#campaign ul li img.product {
    opacity: 0.5;
    max-width: 120px;
    transition: 0.5s;
}
#campaign ul li a:hover img.product {
    opacity: 1;

}
#campaign ul li img.logo {
    max-width: 180px;
}

@media screen and (max-width: 440px) {
    #campaign ul li img.logo {
        max-width: 120px;
    }
    #campaign ul li img.product {
        max-width: 80px;
    }
}
@media screen and (max-width: 400px) {

    #support h2,
    #recruit h2 {
        font-size: 1.5rem;
    }
}

#thanks {}

#thanks h2 {
    margin: 3rem;
}

#thanks p {
    font-size: 18px;
    line-height: 40px;
}

#access {}

#showroom .is-layout-flex,
#access .is-layout-flex {
    width: 100%;
    margin: auto;
}

#showroom iframe,
#access iframe {
    border: 1px solid #ccc !important;
    padding: 15px;
}

#access p.h4 small {
    font-weight: normal !important;
}

#access p.h4 {
    margin: 2.0rem 0;
    color: #171c61;
    clear: both;
    line-height: 1.4;
    font-weight: 700;
    font-size: 1.25rem;
}

@media screen and (max-width: 440px) {
    #access h4 small {
        display: block;
    }
}

.edgeone .flex-wrap {
    flex-wrap: wrap !important;
}

/* medicalCheck */
#medicalCheck .modal-dialog {
    max-width: 700px;
}

#medicalCheck .modal-body {
    padding: 40px 80px;
}

span.my-bang-icon {
    font-size: 50px;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background-color: #21358d;
    border-radius: 50%;
    margin-bottom: 24px;
}

#medicalCheck p {
    color: #333;
}

#medicalCheck div.footer a,
#medicalCheck div.footer button {
    display: inline-block;
    width: 150px;
    padding: 10px 0;
    font-size: 16px;
    line-height: 16px;
    background-color: #21358d;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin: 0 20px;
    transition: 0.7s;
}

#medicalCheck div.footer a:hover,
#medicalCheck div.footer button:hover {
    background-color: #fff;
    color: #21358d;
}

@media all and (max-width: 563px) {
    #medicalCheck .modal-body {
        padding: 40px 20px;
    }
}

@media all and (max-width: 443px) {
    #medicalCheck p {
        font-size: 16px !important;
    }
    #globalCheck .modal-body {
        padding: 1rem 0.5rem;
    }
    #globalCheck div.footer a,
    #globalCheck div.footer button,
    #medicalCheck div.footer a,
    #medicalCheck div.footer button {
        margin: 0 10px;
        width: 100px;
        font-size: 14px;
    }
}

@media all and (min-width:770px) {
    .max-min-30 {
        max-width: 30%;
        min-width: 30%;
    }
}

@media all and (min-width:1601px) {

    #showroom .is-layout-flex,
    #access .is-layout-flex {
        width: 80%;
    }
}

@media all and (max-width:1200px) {

    #showroom .is-layout-flex,
    #access .is-layout-flex {
        /* gap: 4em; */
    }
}

@media all and (max-width:900px) {

    #company h2,
    #recruit h2,
    #support h2 {
        font-size: 1.8rem;
    }
}

@media all and (max-width:768px) {

    #support,
    #recruit figure,
    #company figure.overview {
        width: 100%;
    }
}

/* Mobile */
@media all and (max-width: 500px) {
    #single a.file-btn {
        font-size: 12px;
        padding: 8px
    }
}

@media all and (max-width: 435px) {
    h1.page-title {
        font-size: 22px !important;
    }

    #single div.content p {
        line-height: 1.5;
    }

    h2 br:not(.br-sm-none) {
        display: none;
    }

    #company h2 br,
    #recruit h2 br,
    #support h2 br {
        display: none;
    }

    #company h2,
    #recruit h2,
    #support h2 {
        font-size: 1.3rem;
    }
}

@media all and (max-width: 365px) {
    .event h2 {
        font-size: 18px;
    }
}

@media all and (max-width: 345px) {}

/* webinar renewal */
#webinar-header {
    position: relative;
    background-image: url('./assets/images/bg/webinar_main_bg.png');
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 30px;
    z-index: 2;
}
    #webinar-header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: linear-gradient(to top, #ffffff, transparent);
        
    }
    #webinar-header h2 {
        margin-top: 0;
        margin-bottom: 24px;
        text-align: center;
        font-size: 28px;
        color: #051d80;
        line-height: 40px;
        background-color: #fff;
        border-radius: 20px;
        padding: 30px 0;
    }

    #webinar-header nav {
        padding: 20px 0;
        background-color: #20358d;
        border-radius: 20px;
        display: flex;
        justify-content: center;
    }
    #webinar-header nav ul {
        width: 95%;
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px 20px;
    }
    #webinar-header nav ul li {
        position: relative;
        background-color: #ffffff55;
        color: #fff;
        padding: 13px 0;
        font-size: 20px;
        border-radius: 35px;
        width: 22.99999%;
        text-align: center;
        cursor: pointer;
        line-height: 1;
        transition: 0.3s;
    }
    #webinar-header nav ul li.active,
    #webinar-header nav ul li:hover {
        background-color: #fff;
        color: #20358d;
    }

    #webinar-header nav ul li.active::before {
        content: '';
        width: 26px;
        height: 21px;
        background-image: url('./assets/images/icon/check.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
    }

#webinar-banner {
    background-color: #f1f9fd;
}
    #webinar-banner .container {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #webinar-banner img.logo {
        display: block;
        margin: auto;
        max-height: 100px;
    }
    #webinar-banner img.product {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        max-width: 200px;
    }
#webinar-content {
    padding-top: 20px;
}
    #webinar-content .col-lg-6 {
        padding: 30px;
    }
    #webinar-content .item {
        position: relative;
        height: 440px;
        padding: 15px 40px;
        border: 3px solid #20358d;
        border-radius: 20px;
        background-image: url('./assets/images/bg/webinar_item_bg.png');
        background-size: cover;
        background-position: bottom;
        box-shadow: #e5e5e5 8px 10px 0px 3px;
    }
    #webinar-content .item.new::before {
        content: '';
        width: 70px;
        height: 70px;
        background-image: url('./assets/images/icon/new.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 0%;
        right: 0%;
        transform: translate(50%, -50%);
        z-index: 10;
    }
    #webinar-content .item .item-header {
        /* height: 50px; */
    }
    #webinar-content .item span.date {
        color: #002060;
        /* font-weight: bold; */
        font-size: 13px;
        display: block;
        margin-bottom: 5px;
    }
    #webinar-content .item label {
        font-size: 18px;
        line-height: 1;
        padding: 12px 20px;
        margin-bottom: 3px;
        background-color: #20358d;
        color: #fff;
    }
    #webinar-content .item .title {
        color: #002060;
        position: absolute;
        top: 20px;
        font-family: 'Noto Sans JP Black';
        font-size: 20px;
        line-height: 2.3rem;
    }
    #webinar-content .item .profile {
        position: relative;
    }
    #webinar-content .item .profile .img-container {
        max-width: 130px;
        max-height: 167.73px;
        overflow: hidden;
        margin-left: auto;
    }
    #webinar-content .item .name {
        font-family: 'Noto Sans JP' !important;
        text-align: right;
        font-size: 18px;
        font-weight: bold;
        height: 60px;
        margin-bottom: 0;
        color: #002060;
    }
    #webinar-content .item a.webinar-link {
        position: relative;
        display: inline-block;
        color: #20358d;
        border: 3px solid #20358d;
        font-weight: bold;
        background-color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 13px 0;
        width: 66.66666667%;
        border-radius: 50px;
        transition: 0.3s;
        box-shadow: #e5e5e5 8px 10px 0px -3px;
    }
    #webinar-content .item a.webinar-link i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 40px;
        transition: 0.3s;
    }
    #webinar-content .item a.webinar-link:hover {
        background-color: #20358d;
        color: #fff;
    }
    #webinar-content .item a.webinar-link:hover i {
        color: #fff;
    }
    #webinar-content .item p.play-time {
        color: #002060;
        font-size: 16px;
        /* font-weight: bold; */
        margin-top: 15px;
    }
    #webinar-content > .container > .row:not(.show) {
        display: none;
    }
@media (max-width: 1399px) {
    #webinar-header nav ul li {
        font-size: 16px;
    }
    #webinar-content .item .title {
        font-size: 18px;
        line-height: 2.0rem;
    }
    #webinar-content .item a.webinar-link {
        font-size: 16px;
    }
    #webinar-content .item .name {
        font-size: 16px;
    }
}
@media (max-width: 1199px) {
    #webinar-header nav ul li.active::before {
        left: 5px;
    }
    #webinar-content .item {
        padding: 15px 30px;
    }
    #webinar-content .item .name {
        font-size: 14px;
    }
    #webinar-content .item .title {
        top: 0;
        margin-bottom: 0;
    }
    #webinar-content .item a.webinar-link {
        width: 75%;
    }
    #webinar-content .item a.webinar-link i {
        right: 20px;
    }
    #webinar-content .item .name {
        height: 40px;
    }
    #webinar-content .item p.play-time {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    #webinar-header nav ul {
        width: 100%;
        gap: 10px;
    }
    #webinar-header nav ul li {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
    }

    #webinar-content .item .title {
        top: 20px;
    }
    #webinar-content .item a.webinar-link {
        width: 66.66666667%;
        font-size: 18px;
    }
    #webinar-content .item .title {
        font-size: 20px;
        line-height: 2.3rem;
    }
    #webinar-content .item .name {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #webinar-header h2 {
        font-size: 20px;
        line-height: 30px;
    }
    #webinar-header nav ul li {
        font-size: 12px;
    }
    #webinar-header nav ul li.active::before {
        width: 20px;
        height: 15px;
    }
    #webinar-content .item label {
        font-size: 15px;
        padding: 8px 20px;
    }
    #webinar-header nav {
        padding-left: 0;
        padding-right: 0;
    }
    #webinar-banner .container {
        padding-top: 19px;
        padding-bottom: 19px;
    }
    #webinar-banner img.product {
        width: 150px;
    }
    #webinar-banner img.logo {
        max-height: 60px;
    }
    #webinar-content .item {
        padding: 15px 30px;
    }
    #webinar-content .item .name {
        font-size: 14px;
    }
    #webinar-content .item .title {
        font-size: 18px;
        top: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 575px) {
    #webinar-header {
        padding-bottom: 0;
        background-size: contain;
    }
    #webinar-header h2 {
        padding: 15px 5px;
        margin: 0 15px 24px 15px;
        border-radius: 5px;
    }
    #webinar-header h2 br {
        display: block;
    }
    #webinar-header .container {
        padding: 0;
    }
    #webinar-header nav {
        border-radius: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    #webinar-header nav ul {
        width: auto;
        justify-content: flex-start;
        gap: 0;
        width: 100%;
    }
    #webinar-header nav ul li {
        width: calc(33.33% - 10px);
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        height: 30px;
    }
    #webinar-header nav ul li br {
        /* display: none; */
    }
    #webinar-header nav ul li:last-child,
    #webinar-header nav ul li:nth-last-child(2),
    #webinar-header nav ul li:nth-last-child(3) {
        margin-bottom: 0;
    }
    #webinar-content .item {
        padding: 25px 15px;
        height: auto;
        min-height: 260px;
    }
    #webinar-content .item.new::before {
        right: 30px
    }
    
    #webinar-content .item label {
        font-size: 12px;
        padding: 8px 10px;
        margin-bottom: 10px;
    }
    #webinar-content .item .title {
        height: auto;
        font-size: 16px;
        line-height: 1.8rem;
    }
    #webinar-content .item a.webinar-link {
        font-size: 14px;
        padding: 5px 0;
    }
    #webinar-content .item .profile .img-container {
        max-width: 95px;
    }
    #webinar-content .item .profile .name {
        font-size: 12px;
    }
    #webinar-content .item p.play-time {
        font-size: 13px;
    }
}

@media (max-width: 445px) {

    #webinar-header nav {
        padding-left: 0;
        padding-right: 0;
    }
    #webinar-banner .container {
        padding-top: 0;
        padding-bottom: 0;
    }
    #webinar-banner img.product {
        width: 100px;
    }
    #webinar-banner img.logo {
        max-height: 55px;
    }
    #webinar-content .empty-text {
        font-size: 1.2rem !important;
    }
    #webinar-content .item {
        padding: 10px;
    }
    #webinar-content .item a.webinar-link {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }
    #webinar-content .item .title {
        line-height: 1.5rem;
    }
    #webinar-content .item .name {
        font-size: 12px;
    }

    #webinar-content .item a.webinar-link i {
        right: 15px;
    }
}

@media (min-width: 992px) {
    #webinar-header nav ul li br {
        display: none;
    }
}
@media (min-width: 576px) {
    .br-sm-none {
        display: none;
    }
}
/* Global site Modal */
#globalCheck button,
#globalCheck a {
    line-height: 1.5;
    position: relative;
    display: inline-block;
    color: #fff;
    border: 2px solid #20358d;
    font-weight: bold;
    background-color: #20358d;
    font-size: 20px;
    text-align: center;
    padding: 0;
    width: 45%;
    max-width: 200px;
    border-radius: 50px;
    transition: 0.3s;
    box-shadow: #e5e5e5 4px 7px 0px -3px;
}
    #globalCheck a,
    #globalCheck button:hover {
        color: #fff;
        background-color: #20358d;
    }
    #globalCheck button,
    #globalCheck a:hover {
        color: #20358d;
        background-color: #fff;
    }
    #globalCheck a i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
    } 

/* Clinic Search */

#page-site-header.clinic-search {
    background-image: url('https://jp.jmj-inc.com/wp-content/themes/jeisys/assets/images/clinic_search/banner/sp_search_bg.png');
}

#page-site-header.clinic-search img.product {
    width: auto !important;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* Product Page Pureasy */
#pureasy-clinic {
    background-size: cover;
    background-image: url('https://jp.jmj-inc.com/wp-content/themes/jeisys/assets/images/clinic_search/banner/sp_search_link_bg.png');
}
#pureasy-clinic .page-section {
    padding: 60px 0 40px 0;
}

#pureasy-clinic img.logo {
    max-width: 230px;
}
#pureasy-clinic img.product {
    max-width: 350px;
}
#pureasy-clinic .click-banner {
    display: flex;
    flex-flow: column;
    align-items: center;
}
#pureasy-clinic .click-banner p {
    position: relative;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
}
#pureasy-clinic .click-banner p::after {
    content: '　→';
}
#pureasy-clinic a {
    width: 100%;
    max-width: 450px;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 18px 45px 14px 45px;
    color: #fff;
    border-radius: 50px;
    background: linear-gradient(#033350 0%, #82B4B5 100%);
}
#pureasy-clinic .description p {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    #clinic-search .page-header {
        padding: 0;
    }
    #page-site-header > .wrapper,
    #clinic-search, 
    #clinic-search > .row {
        height: 100%;
    }
    #clinic-search h1 br {
        display: none;
    }
    #page-site-header.clinic-search {
        background-image: url('https://jp.jmj-inc.com/wp-content/themes/jeisys/assets/images/clinic_search/banner/pc_search_bg.png');
    }
    #page-site-header.clinic-search img.product {
        width: auto;
        max-height: 350px;
        margin-top: 0;
        margin-bottom: 0;
    }
    /* Product Page Pureasy */
    #pureasy-clinic {
        background-image: url('https://jp.jmj-inc.com/wp-content/themes/jeisys/assets/images/clinic_search/banner/pc_search_link_bg.png');
    }
    #pureasy-clinic a {
        display: inline-block;
        max-width: 470px;
        gap: 10px;
    }
    #pureasy-clinic .description p {
        text-align: left;
        margin-bottom: 0px;
    }
    #pureasy-clinic .click-banner p {
        text-align: left;
    }
    #pureasy-clinic .click-banner p::after {
        position: absolute;
        right: 0;
    }
    #pureasy-clinic .click-banner p br {
        display: none;
    }
}
@media (max-width: 485px) {
    #pureasy-clinic img.product {
        max-width: 250px;
    }
}
@media (max-width: 450px) {
    #pureasy-clinic .click-banner p {
        font-size: 14px;
    }
}
@media (max-width: 400px) {
    #pureasy-clinic a {
        padding: 18px 0px 14px 0px;
    }
}
@media (max-width: 350px) {
    #pureasy-clinic img.logo {
        max-width: 200px;
    }
    #pureasy-clinic .description p {
        font-size: 18px;
    }
    #pureasy-clinic img.product {
        max-width: 180px;
    }
    #pureasy-clinic a {
        padding: 10px 0px;
    }
}

.campaign-slide {
    background-image: url('/wp-content/themes/jeisys/assets/images/bg/campaign_slide_bg.png');
}

.campaign-slide .page-header,
.campaign-slide {
    height: 450px;
}

.campaign-slide .page-header {
    padding-bottom: 30px;
}

.campaign-slide .page-header div {
    height: 100%;
}

.campaign-slide .page-header img {
    max-width: 350px;
}

.campaign-product {
    width: 778px;
    max-width: none;
}

@media (max-width: 1250px) {
    .campaign-slide .page-header img {
        width: 270px;
    }
}

@media (max-width: 1160px) {
    .campaign-product {
        transform: translateX(40px);
    }
}

@media (max-width: 1070px) {
    .campaign-product {
        transform: translateX(100px);
    }
}

@media (max-width: 991px) {

    .campaign-slide {
        background-image: url('/wp-content/themes/jeisys/assets/images/bg/sp_campaign_slide_bg.png');
    }

    .campaign-slide {
        height: 650px;
    }
    .campaign-slide img {
        max-height: 650px;
    }

    .campaign-slide .link-banner {
        bottom: 2%;
    }

    .campaign-slide .wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .sp-campaign-container {
        height: 650px;
    }
    .sp-campaign-container > div {
        height: 100%;
    }
}

@media (max-width: 768px) {
    .sp-campaign-container,
    .campaign-slide {
        height: 690px !important;
    }
    .campaign-slide img {
        max-height: 715px;
    }
    .sp-campaign-container img {
        max-width: none;
    }
}
@media (max-width: 540px) {
    #banner-for .campaign-slide .container-fluid {
        max-height: none;
    }
}
@media (max-width: 400px) {
    #masthead {
        background-color: #fff !important;
    }
    #page-site-header.product {
        height: 690px !important;
    }
    .campaign-slide img {
        max-width: 100%;
    }
    .campaign-slide {
        height: auto;
    }
    .sp-campaign-container>div {
        align-items: end;
    }
}

/* クリニック検索ページボタン（hover） */
.c-block-5__txt a:hover {
    color: #21358d;
}

.c-block-5__btn:hover {
    opacity: 0.8;
    color: #fff !important;
}

.c-list-4__btn:hover {
    opacity: 0.8;
}

.c-btn-4:hover,
.c-btn-5:hover {
    opacity: 0.8;
}

/* メインメニューのモバイルの時謎の線 */
.main-navigation .menu-item-has-children > a:before {
    display: none !important;
}

/* ページのスクロールを隠し */
body {
    overflow: hidden;
}
html {
    overflow: auto;
    scrollbar-width: none; 
}
::-webkit-scrollbar {
    display: none;
}

/* 学会案内の先生画像 */
.wp-block-image.congress-doctor-img img {
    max-width: 72%!important;
}
.wp-block-image.congress-doctor-img-4 img {
    max-width: 100%!important;
}
@media (max-width: 851px) {
    .wp-block-image.congress-doctor-img img {
        max-width: 100%!important;
    }
}