img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

html {
    font-size: 106% !important;
}

body {
    font-family: 'Bitter', 'Noto Sans JP' !important;
    background-color: #ffffff;
    color: #000000 !important;
}

h1,
h2,
h3,
h4,
h5,
#mainNav .panel ul li {
    font-family: 'Poiret One', 'Noto Sans JP' !important;
}

input,
textarea,
select,
button {
    font-family: 'Bitter', 'Noto Sans JP' !important;
}

#footer ul li {
    font-family: 'Bitter', 'Noto Sans JP' !important;
}

p.maintext,
p.subtext {
    font-family: 'Satisfy', 'Noto Serif JP' !important;
    color: #ffffff !important;
}

p.maintext {
    font-size: 260% !important;
}

p.subtext {
    font-size: 190% !important;
}

@media screen and (max-width: 768px) {
    p.maintext {
        font-size: 8vw !important;
    }

    p.subtext {
        font-size: 6vw !important;
    }
}

h1.title {
    color: #000000 !important;
}

.text_base_color {
    color: #ffffff !important;
}

.text_main_color {
    color: #000000 !important;
}

.text_sub_color {
    color: #000000 !important;
}

.text_accent_color {
    color: #000000 !important;
}

.text_default_black {
    color: #252525 !important;
}

.text_default_white {
    color: #fff !important;
}

.bg_base_color {
    background-color: #ffffff !important;
}

.bg_main_color {
    background-color: #000000 !important;
}

.bg_sub_color {
    background-color: #000000 !important;
}

.bg_accent_color {
    background-color: #000000 !important;
}

.bg_default_black {
    background-color: #252525 !important;
}

.bg_default_white {
    background-color: #fff !important;
}

.border_base_color {
    border-color: #ffffff !important;
}

.border_main_color {
    border-color: #000000 !important;
}

.border_sub_color {
    border-color: #000000 !important;
}

.border_accent_color {
    border-color: #000000 !important;
}

.border_default_black {
    border-color: #252525 !important;
}

.border_default_white {
    border-color: #fff !important;
}

div#mainImgfix {
    background-color: none !important;
}

#visiocra_slider_items .prev_next_icon {
    color: #fff !important;
}

@media all and (orientation: portrait) {

    div#mainImgfix,
    div#mainImg {
        height: 100vh;
    }

    div#mainImg {
        background-position-x: center
    }
}

a:not(.ab-item),
a:not(.ab-item):hover,
a:not(.ab-item):active {
    color: #000000 !important;
}

.post_lists .categories,
.post_lists.list_type_1b .date,
.post_lists.list_type_2b .date,
.post_lists.list_type_4b .date {
    background-color: #76a9d7 !important;
    color: #000000 !important;
}

.post_lists .categories,
.post_lists .categories a,
.post_lists.list_type_1b .date,
.post_lists.list_type_1b .date a,
.post_lists.list_type_2b .date,
.post_lists.list_type_2b .date a,
.post_lists.list_type_4b .date,
.post_lists.list_type_4b .date a {
    color: #ffffff !important;
}

.post_lists .title {
    border-color: #000000 !important;
}

.share-btn {
    border-color: #000000 !important;
}

.post_lists .more_link a,
.post_link a {
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
}

.single h2.first {
    color: #76a9d7 !important;
    border-color: #000000 !important;
}

.single .tags {
    background-color: #000000 !important;
}

.single .tags a {
    color: #000000 !important;
}

ul.menu * {
    color: #000000 !important;
}

#header ul.menu * {
    color: #000000 !important;
}

#header .sub-menu {
    background-color: #fff !important;
}

#header ul.menu a:hover {
    border-bottom: 1px solid #000000 !important;
}

#header ul.menu a:hover {
    border-bottom: 1px solid #252525 !important;
}

#footer ul.menu *,
#copyright .copyright {
    color: #0968ab !important;
}

#copyright .copyright {
    color: #ffffff !important;
}

#footer ul.menu a:hover {
    border-bottom: 1px solid #aa51ff !important;
}

#footer ul.menu a:hover {
    border-bottom: 1px solid #000000 !important;
}

#header-layout {
    background-color: #fff !important;
}

.sticky-header .site-header {
    background-color: #fff !important;
}

@media only screen and (max-width: 1024px) {
    .sticky-header .site-header {
        background-color: transparent !important;
    }

    .sticky-header #mainImgfix #header-layout,
    .sticky-header #header-layout,
    #menu-trigger::after,
    #right-panel {
        background-color: #fff !important;
    }

    .menu-trigger-fix span {
        background-color: #333333 !important;
    }
}

input[type='submit'],
input[type='reset'],
input[type='button'] input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
.linkBtn {
    background: ##333333 !important;
    color: #ffffff !important;
}

.linkBtn:after {
    border-color: #000000 !important;
}

.linkBtn a,
.linkBtn a:hover {
    color: #ffffff !important;
}

#copyright {
    background: #333333 !important;
}

#footer {
    background: rgba(41, 14, 144, 0.1) !important;
}

#socialicon a {
    color: #000000 !important;
}

section.content-template div.post a {
    color: #000000;
}

.wpcf7-form div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: none;
}

.wpcf7-form div.wpcf7-validation-errors {
    background-color: #76a9d7;
    color: #ffffff;
}

.blog-box {
    padding: 1.5rem;
    box-shadow: 0px 0px 1px 0px rgba(7, 14, 39, 0.5);
    border-radius: 5px;
    transition: all .5s ease;
}

.blog-box:hover {
    box-shadow: 0px 20px 50px 0px rgba(7, 14, 39, 0.07);
}

.blog-box .blog-pic img {
    width: 100%;
    border-radius: 5px;
}

.blog-box .blog-meta ul {
    display: flex;
    gap: 3rem;
    align-items: center;
    margin-bottom: 1.8rem;
}

.blog-box .blog-desc {
    padding: 3rem 1.5rem 1rem 1.5rem;
}

.blog-box .blog-desc h5 {
    margin-bottom: 1.5rem;
}

.blog-box .blog-desc p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.005em;
}

.recent-post-pic {
    flex: 0 0 auto;
}

.partner-brand img {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.partner-brand img:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.grid-3 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 960px) {
    .container {
        width: 92.5%;
        max-width: 1200px;
    }
}

.container {
    width: 92.6%;
    margin: 0 auto;
}




@media (min-width: 960px) {
    .container {
        width: 92.5%;
        max-width: 1200px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1194px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .container-fluid.c-pd {
        padding: 0 1rem;
    }

    .work-box .work-desc {
        padding: 3rem 1rem 1.5rem 1rem;
    }

    .wh-left {
        padding-right: 3rem;
    }

    .wh-left {
        margin-top: -12px;
    }

    .wh-box {
        flex-direction: column;
    }

    .counter-wpr {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-widget-box.about-us {
        padding-right: 5rem;
    }

    .theme-bottom-price-btuoon {
        justify-content: flex-start;
        flex-direction: column;
        gap: 2rem;
        text-align: center;
    }

    .theme-single-pill .nav-pills .nav-item .nav-link {
        line-height: 1.5;
    }

    .course-info {
        padding: 1rem 1rem 1.5rem 1rem;
    }

    .course-syl-bottom {
        padding: 1.5rem;
    }

    .nav-pills .nav-link {
        margin-bottom: 2rem;
    }

    .price-box {
        padding: 5rem 3rem;
    }

    .comunity-wpr.grid-6 {
        grid-template-columns: repeat(4, 1fr);
    }

    .blog-box .blog-desc {
        padding: 3rem 1rem 1.5rem 1rem;
    }

}


@media screen and (max-width: 768px) {
    .blog-area {
        height: auto;
        overflow: hidden;
    }

    .Qit {
        height: auto;
        overflow: hidden;
        clear: both;
    }
}

.stepup-side-half-wrapper {
    width: 100%;
    /*display:flex;
    flex-wrap:wrap;*/
}

section.content-template.stepup-side-half {
    padding: 0;
    box-sizing: border-box;
    width: 100%;
}

section.stepup-side-half div.post {
    display: flex;
}

section.stepup-side-half.odd div.post {
    flex-direction: row-reverse;
}

section.stepup-side-half div.flex_inner {
    width: 50%;
    padding: 6% 6%;
    position: relative;
}

section.stepup-side-half .arrow {
    position: absolute;
    top: calc(50% - 30px);
    width: 0px;
    height: 0px;
    z-index: 20;
}

section.stepup-side-half .right_content .arrow {
    left: -30px;
    border-top: solid 30px transparent !important;
    border-right: solid 30px;
    border-bottom: solid 30px transparent !important;
}

section.stepup-side-half .left_content .arrow {
    right: -30px;
    border-top: solid 30px transparent !important;
    border-bottom: solid 30px transparent !important;
    border-left: solid 30px;
}

section.stepup-side-half .decoration_area {
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width:1024px) {
    .height-style-auto section.content-template.stepup-side-half:not(:first-child) {
        width: 50%;
    }

    .height-style-content section.stepup-side-half .decoration_area {
        height: 300px;
    }

    section.stepup-side-half.odd div.post,
    section.stepup-side-half.even div.post {
        flex-direction: column;
    }

    section.content-template div.flex_inner {
        width: 100%;
    }

    section.stepup-side-half .right_content .arrow,
    section.stepup-side-half .left_content .arrow {
        top: calc(100% - 15px);
        left: calc(50% - 15px);
    }

    section.stepup-side-half .left_content .arrow {
        transform: rotate(90deg);
    }

    section.stepup-side-half .right_content .arrow {
        transform: rotate(-90deg);
    }
}

@media screen and (max-width:768px) {
    .height-style-auto section.content-template.stepup-side-half:not(:first-child) {
        width: 100%;
    }
}


.normal_tit {
    font-weight: bold;
    font-size: 32px;
    color: #000;
    text-align: center;
    margin-bottom: 4%;
}

.more-btn {
    background-color: #333333;
    display: block;
    width: 140px;
    text-align: center;
    border-radius: 6px;
    line-height: 40px;
    line-height: 40px;
    margin-top: 8%;
}

a.more-btn:not(.ab-item),
a.more-btn:not(.ab-item):hover,
a.more-btn:not(.ab-item):active {
    color: #fff !important;
}

.about_tb p {
    margin-left: 0 !important;
    line-height: 2em;
}

.about_tb span {
    font-size: 14px !important;
}

nav#mainNav .panel ul li.menu-lan {
    position: relative;
    top: -12px;
    display: inline-block !important;
}
nav#mainNav .panel ul li.menu-lan a{
    display: inline-block;
    padding: 0 10px;
}
nav#mainNav .panel ul li.menu-lan a:hover{
    border:none !important;
    padding: 0 10px;
}

nav#mainNav .panel ul li.menu-lan a.active b {
    color: #1F4490 !important;
}

#header ul.menu .lan {
    position: absolute;
    width: 110px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-color: #0968ab;
    z-index: 111;
    display: none;
}

#header ul.menu .lan li {
    width: 100%;
}

#header ul.menu .lan li a {
    text-align: center;
}

#header ul.menu .lan li a b {
    color: #fff !important;
    line-height: 40px;
}

#header ul.menu .lan li a:hover {
    border: none !important;
    background-color: #043e67;
}

@media only screen and (max-width: 767px) {
    nav#mainNav .panel ul li.menu-lan {
        display: none !important;
    }
}