.clear-fix { clear: both; }

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.sp-only {
    display: none;
}
.pc-only {
    display: block;
}

header {
    transition: 0.4s;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    background-color: #fff;
}
.container-header {
    max-width: 1440px;
    padding: 0 15px;
    margin: auto;
    padding-right: 0;
}
header .header-logo {
    display: block;
    height: 30px;
}
.top-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
header .right-menu, .home header.header-scroll .right-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.main-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: right;
}
.main-menu ul li {
    display: inline-block;
    position: relative;
}
.main-menu ul li a {
    display: block;
    color: #111;
    padding: 0 15px;
    font-size: 16px;
    font-weight: bold;
}
.main-menu ul li a:hover,
.mobile-menu ul li a:hover,
.main-menu ul li.active a {
    color: #192e77;
    transition: 0.4s;
}
.btn-mail {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    order: 2;
    background-color: #192f77;
}
.btn-mail a{
    color: #fff;
    padding: 1em;
    font-weight: bold;
}
.mobile-menu {
    display: none;
    text-align: center;
    overflow-y: scroll;
    overflow-x: hidden;
}
.mobile-menu ul {
    padding-left: 0;
    margin-bottom: 0;
}
.mobile-menu ul li {
    list-style: none;
    border-top: 1px solid #e6e6e6;
}
.mobile-menu ul li a {
    list-style: none;
    text-decoration: none;
    padding: 1em 0.4em;
    display: block;
    color: #111;
    font-size: 12pt;
    font-weight: bold;
}
.burger-icon {
    cursor: pointer;
    position: relative;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    float: right;
    display: none;
    order: 3;
    margin-left: 15px;
}
.burger-line {
    transition: 0.3s;
    width: 100%;
    height: 4px;
    border-radius: 3px;
    background-color: #192e77;
}
.burger-line-1 {
    position: relative;
    top: 0;
}
.burger-line-3 {
    position: relative;
    bottom: 0;
}
.burger-icon.open .burger-line-2 {
    opacity: 0;
}
.burger-icon.open .burger-line-1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}
.burger-icon.open .burger-line-3 {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%) rotate(45deg);
}
.burger-icon .burger-line:last-child {
    margin-bottom: 0;
}
input#btn-ans {
    margin: 20px auto;
    color: #fff;
    display: block;
    padding: 20px 60px;
    text-align: center;
    background-color: #192f77;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    transition: .3s;
}
input#btn-ans:hover {
     background-color: #fff;
    color: #192f77;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.yesno_q dt span {
    display: none!important;
}
.yesno_q {
    border: 0px!important;
}
.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__label {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 10px;
    border-radius: 3px;
    transition: all .2s;
    border: 1px solid;
}

.radio-inline__input:checked + .radio-inline__label {
    background: #192f77;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}
.quiz-hidden {
    display: none;
}
.quiz-select {
    text-align: center;
}
.select-buttons {
    margin-bottom: 30px;
}
.each-book img {
    width: 100%;
}
.each-book h5 {
    font-weight: bold;
    color: #192e77;
}
@media only screen and (max-width: 991px){
    .main-menu{
        display: none;
    }
    .burger-icon {
        display: inline-flex;
    }
    .container-header {
        padding: 15px;
    }
}
@media only screen and (max-width: 767px){
    header .header-logo {
        height: 25px;
    }
    .btn-mail a{
        font-size: 11pt;
        padding: 0.75em;
    }
    .sp-only {
        display: block;
    }
    .pc-only {
        display: none;
    }
} 
@media only screen and (max-width: 575px){
    .btn-mail span{
        display: none;
    }
    .btn-mail a{
        font-size: 16pt;
        padding: 0.5em 0.75em;
    }
} 

body{
    scroll-behavior: smooth;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
ul{
    padding-left: 0;
    margin-bottom: 0;
}
.breadcrumb{
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0;
}
.breadcrumb a{
    color:#192e77;
    text-transform: uppercase;
    font-weight: 700;
}
.breadcrumb a:after{
    display: inline-block;
    content: "/";
    color:#090404;
    padding-left: 0.5em;
    padding-right: 0.3em;
}
.breadcrumb li{
    display: inline-block;
}
.section-title{
    margin-bottom: 2em;
}
.title-w-logo{
    position: relative;
    font-size: 20pt;
    color:#192e77;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0.7em;
}
.title-jp-lang{
    font-size: 26pt;
    font-weight: bold;
}
.border-blue{
    border-bottom:1px solid #192e77;
}
.border-gray{
    border-bottom:1px solid #e6e6e6;
}
.column-infor{
    padding-top: 4em;
    padding-bottom: 4em;
}
.infor-cell{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 1em;
}
.col-w-2{
    width: 16%;
    padding-left: 1em;
    font-weight: bold;
    color: #192e77;;
}
.col-w-10{
    width: 84%;
    padding-left: 1em;
}
.wrapp-img img{
    width: 100%;
    margin-bottom: 1em;
}
.bg-sky-bule{
    background-color: #e7f7ff;
}
.tab-contact{
    position: relative;
    color: #fff;
    text-align: center;
    padding-top: 4em;
    padding-bottom: 4em;
    border-bottom: 2px solid #fff;
}
.background-img{
    background-image: url('../img/contact-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay{
    position: absolute;
    width:100%;
    height: 100%;
    background-color:rgb(5 11 28 / 80%);
    top: 0;
    left: 0;
}
.wrapp-relative{
    position: relative;
}
.btn-blue{
    border: 1px solid #fff;
    background-color: #192e77;
    display: inline-block;
    padding: 1em;
    width: 25%;
    min-width: 300px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    position: relative;
    margin: auto;
}
.btn-blue::after{
    display: block;
    content: "";
    border-top: 1px solid #fff;
    width: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
}
.btn-blue:hover{
    background-color:transparent;
    color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.btn-blue:hover::after{
    border-color: #192e77;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.sen-footer{
    text-align: center;
    padding-top: 3em;
    padding-bottom: 1.5em;
    border-top: 5px solid #192e77;
    position: relative;
}
.scroll-top{
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #192f77;
}
.scroll-top a{
    color: #fff;
    cursor: pointer;
    padding: 0.6em 1em;
    display: block;
}
.wrapp-content{
    padding-bottom: 1.5em;
}
.menu-footer li{
    display: inline-block;
}
.menu-footer a{
    color: #000;
    padding: 0.5em 0.75em;
    font-weight: bold;
}
.menu-footer a:hover{
    color: #192f77;
    transition: 0.4s;
    text-decoration: underline;
}
.footer-logo{
    max-width:220px;
}
.footer-center{
    padding-top: 0.75em;
    padding-bottom: 1.5em;
}
.copyright{
    font-size: 8pt;
    color: #636363;
}
.color-white .title-w-logo{
    color: #fff;
}
.text-title{
    font-weight: bold;
    font-size: 16pt;
    margin-bottom: 1.5em;
}
.wrapp-img{
    text-align: center;
}
.wrapp-img p{
    font-weight: bold;
}
.text-strong{
    font-weight: bold;
    line-height: 2;
}
.wrapp-quiz-detail{
    background: url(../img/kquiz-bg.png) top left repeat;
    padding-top: 3em;
    padding-bottom: 3em;
}
.bg-content{
    background-color: #fff;
    padding-bottom: 3em;
    position: relative;
}
.wrapp-type{
    display: flex;
    color: #192e77;
    align-items: center;
    margin-bottom: 3em;
}
.wrapp-case-content{
    margin-bottom: 4em;
}
.text-company{
    font-size: 18pt;
    font-weight: bold;
}
/* .bg-content:before{
    position: absolute;
    content: "";
    border-top: 10px solid #192e77;
    width: 8.33%;
    top: 0;
    left: 0;
    min-width: 150px;
} */
.text-type{
    border: 1px solid #192e77;
    padding: 0.1em 0.75em;
    margin-left: 1em;
}
.case-title{
    font-size: 24pt;
    line-height: 1.7;
    font-weight: bold;
    margin-bottom: 0.75em;
}
.wrapp-news{
    padding-top: 4em;
    padding-bottom: 6em;
}
.wrapp-news .section-title{
    text-align: center;
    margin-bottom: 5em;
}
/* .wrapp-widget{
    padding-right: 0;
} */
.bg-widget{
    box-shadow:1px 6px 10px 0px rgb(0 0 0 / 6%);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    padding: 1em;
}
.widget-title{
    background-color: #192e77;
    color: #fff;
    font-size: 16pt;
    font-weight: bold;
    padding: 0.75em 1em;
    text-align: center;
    margin-bottom: 0;
}
.wrapp-widget a{
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
    color: #333333;
    position: relative;
}
.wrapp-widget a:last-child{
	border-bottom: none;
}
.wrapp-widget a:hover{
    color: #192e77;
    font-weight: bold;
    transition: 0.4s;
}
.wrapp-widget a:after{
    font-family: 'Font Awesome 5 Free';
    right: 0;
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
    font-weight: 900;
    content: "\f054"; 
    color: #192e77;
}
.item-news {
    border-bottom: 1px solid #d8d6ea;
    display: flex;
    margin-bottom: 1.5em;
    font-size: 14pt;
    line-height: 1.7;
    color: #222;
}
.news-left {
    flex: 1;
}
.news-title{
    font-size: 16pt;
    color: #000;
    font-weight: bold;
}
.news-title:hover{
    color: #192e77;
    transition: 0.4s;
}
.box-news-img {
    position: relative;
    padding-bottom: 70%;
    background-color: #ccc;
    margin-bottom: 2.5em;
}
.item-news .text-desc{
    font-size: 14pt;
}
.news-infor{
    font-size: 12pt;
    color: #192e77;
    align-items: center;
    margin-bottom: 1em;
}
.item-news .text-type{
    color: #192e77;
    margin-left: 0;
}
.news-img-url {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.news-right {
    flex: 3;
    padding-left: 0.75em;
}
.wrapp-pagination{
    text-align: center;
    margin-top: 3em;
}
.pagination {
    list-style: none;
    padding-left: 0;
    display: block;
}
.pagination li {
    display: inline-block;
}
.pagination .page-numbers {
    display: inline-block;
    font-size: 12pt;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    padding: 4px 12px;
    margin: 0 10px 0 0;
    border: 1px solid #666666;
    line-height: 1.5;
}
.pagination .page-numbers:hover{
    color: #fff;
    background-color: #192e77;
    border-color: #192e77;
}
.pagination .nav-previous,
.pagination .nav-next{
    color: #192e77;
}
.pagination .nav-previous{
    margin-right: 1.25em;
}
.pagination .nav-next{
    margin-left: 0.75em;
}
.wrapp-outline{
    padding-top: 4em;
    padding-bottom: 4em;
}
.content-outline{
    padding-top: 3.25em;
}
.content-outline img{
    width: 100%;
}
.blue-color{
    color: #192e77;
}
.align-center{
    text-align: center;  
}
.wrapp-consulting{
    padding-top: 4em;
    padding-bottom: 4em;
    background-color: #e7f7ff;
}
.item-img img{
    width: 100%;
}
.item-content{
    background-color: #fff;
    padding: 2em;
    line-height: 2;
    padding-bottom: 1.5em;
}
.item-img{
    position: relative;
    min-height: 350px;
}
.item-img .img-url{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.list-content .item-content{
    margin-top: 1.5em;
}
.content-w-img{
    margin-top: 3em;
}
.title-w-border{
    font-size: 13pt;
    font-weight: bold;
    text-align: center;
    border-bottom: 4px solid #192e77;
    padding-bottom: 0.75em;
    margin-bottom: 0.5em;
}
.list-content .item-content:not(:last-child){
    border-right:1px solid #f1f1f1;
}
.item-content:not(.list-content .item-content){
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
}
.wrapp-personal{
    padding-top: 4em;
    padding-bottom: 4em;
}
.wrapp-personal .item-content{
    background-color: #e7f7ff;
}
.list-content .item-content{
    font-size: 13pt;
}
.wrapp-personal .title-w-border{
    text-align: left;
}
.text-bg-blue{
    font-weight: bold;
    font-size: 10pt;
    color: #fff;
    background-color: #192e77;
    padding: 0.2em 0.75em;
    margin-bottom: 1em;
    display: inline-block;
}
.item-strength{
    background-color:#fff;
    box-shadow:0px 0px 10px 0px rgb(0 0 0 / 7%);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    display: flex;
    margin-bottom: 1.5em;
}
.wrapp-ser-posioning .item-img{
    display: flex;
    background-color: #fff;
    align-content: center;
    justify-content: space-around;
    min-height: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    flex-wrap: wrap;
}
.wrapp-ser-posioning{
    background-color: #e7f7ff;
    padding-top: 4em;
    padding-bottom: 4em;
}
.wrapp-ser-posioning .item-content{
    padding: 2.5em;
}   
.wrapp-ser-posioning .item-img img{
    width: 90%;
    height: fit-content;
}
.number-bg-blue{
    color: #fff;
    background-color: #192e77;
    padding: 0 0.5em;
    display: inline-block;
    line-height: 1.6;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 40pt;
    height: 80px;
}
.text-strength{
    padding: 1em;
    font-weight: bold;
    font-size: 12pt;
    color: #333;
}
.content-strength{
    padding-top: 4em;
}
.strength-title{
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 2em;
}
.text-bg-purple{
    background-color: #ecf0ff;
    margin: 1em 0.5em 1.5em 0;
    padding: 1em;
    border:1px solid #333;
}
.sen-marketing,
.marketing-title{
    font-size: 12pt;
    font-weight: bold;
    color:#333;
}
.two-column-purple{
    display: flex;
}
.sen-marketing{
    margin-top: 3em;
}
.wrapp-strength{
    padding-top: 4em;
    padding-bottom: 4em;
}
.wrapp-ser-posioning .blue-color{
    font-size: 14pt;
}
.case-details .case-title{
    font-size: 12pt;
    color: #000;
}
.case-details .case-title:hover{
    color: #192e77;
}
.case-img .img-url{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.case-img .img-url:after {
    content: "";
    display: block;
    padding-bottom: 65%;
}
.wrapp-cases{
    padding-top: 4em;
    padding-bottom: 4em;
    background-image: url('../img/bg-skyblue-02.png');
    background-size: cover;
    background-position:bottom;
}
.wrapp-cases .section-title{
    text-align: center;
    margin-bottom: 3em;
}
.btn-position{
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.btn-position .btn-more{
    text-decoration: none;
    padding: 0.5em 1.75em;
    background-color: #192e77;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 10pt;
    position: relative;
}
.btn-more::after {
    display: block;
    content: "";
    border-top: 1px solid #fff;
    width: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
}
.btn-position .btn-more:hover{
    text-decoration: underline;
}
.wrapp-cases .text-type{
    margin-left: 0;
    color: #192e77;
}
.wrapp-cases .bg-case-item{
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 7%);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    font-size: 12pt;
}
.wrapp-cases .case-item{
    margin-bottom: 2em;
}
.wrapp-cases .case-details{
    padding: 1em;
}
.wrapp-profile .profile-img{
    background-position:top left;
    background-size: 90% auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.wrapp-profile .col-w-2{
    padding: 0;
}
.wrapp-btn-center{
    text-align: center;
    margin-top: 5em;
}
.wrapp-contact-btn{
    text-align: center;
    margin-top: 1em;
}
.wrapp-contact-btn .g-recaptcha {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 20px;
}
.wrapp-profile{
    padding-top: 5em;
    padding-bottom: 4em;
}
.wrapp-profile .profile-img.profile-img-sm{
    display: none;
}
.btn-blue.btn-hover-blue:hover{
    background-color:transparent;
    border-color: #192e77;
    color: #192e77;
}
.text-w-border{
    border-bottom: 1px solid #e6e6e6;
    font-weight: bold;
    font-size: 14pt;
    color: #333;
    line-height: 1.7;
    padding-bottom: 1em;
}
.text-w-border span{
    font-size: 18pt;
}
.wrapp-servive-btn{
    background-color: #e7f7ff;
    text-align: center;
    padding-bottom: 4em;
    padding-top: 4em;
}
.wrapp-servive-btn .text-name{
    display: flex;
    background-color: #192e77;
    color: #fff;
    font-size: 12pt;
    font-weight: bold;
    width: fit-content;
    padding: 1.5em 1em;
    justify-content: center;
    min-width: 70%;
}
.btn-img{
    width: 100%;
    padding-top: 40%;
    background-size: cover;
    display: block;
    margin-bottom: 1em;
}
.text-des{
    font-size: 12pt;
    margin-bottom: 2em;
    line-height: 1.7;
}
.sec-feature{
    padding-bottom: 2em;
}
.bg-feature-box{
    background-color: #fff;
    margin-top: -5em;
    z-index: 10;
    padding: 3em;
}
.img-top{
    padding-bottom: 30%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.img-top .overlay{
    background-color: rgb(5 11 28 / 20%);
}
.sec-feature img{
    width: 90%;
    display: block;
    margin-left: auto;
}
.news-case{
    padding-bottom: 4em;
    padding-top: 4em;
    background-color: #e7f7ff;
}
.news-case-img{
    background-image: url(img/sen-07.jpg);
    padding-bottom: 60%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 1em;
}
.news-case-title{
    font-size: 12pt;
    color: #000;
    line-height: 1.7;
}
.news-case .section-title{
    text-align: center;
}
.news-case .wrapp-btn-center{
    margin-top: 2em;
}
.news-update {
    padding-bottom:5em;
    padding-top: 4em;
}
.news-update .news-item{
    border-bottom: 1px solid #cccccc;
    padding: 1em 0;
}
.news-update .news-name{
    color:#333;
}
.news-update .news-name:hover{
    color:#192e77;
    font-weight: bold;
}
.news-date{
    color: #192e77;
}
.list-news-update{
    padding-top: 3em;
}
.news-update .btn-blue{
    min-width: 180px;
}
.news-title-btn{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-update .wrapp-btn-center{
    display: none;
}
.wrapp-about-us{
    position: relative;
    padding-top: 4em;
}
.container-about-img{
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    justify-content: flex-end;
    z-index: -1;
}
.wrapp-about-img{
    height: 100%;
}
.about-img-full{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}
.bg-blue-purple{
    background-color: #ecf0ff;
    font-weight: bold;
    margin-bottom: 1em;
    padding: 1em;
}
.about-us-details{
    padding-right: 3em;
}
.header-img-cover img{
    width: 100%;
}
.img-text-cover{
    position: relative;
}
.shape {
    background: #192e77;
    position: relative;
    width: 45%;
}
.shape:after {
    background: #192f77 none repeat scroll 0 0;
    content: "";
    position: absolute;
    right: -50px;
    bottom: 0;
    top: 0;
    transform: skew(-20deg);
    width: 100px;
    z-index: -1;
}
.shape:before {
    background-image: url(../img/shape-cover.jpg);
    background-repeat: no-repeat;
    background-position: right;
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 1;
}
.img-text-cover .text-cover-box{
    color: #fff;
    padding: 0 1em;
    text-align: center;
    width: fit-content;
    padding: 4.5em 0;
    margin-left: auto;
    z-index: 2;
    position: relative;
}
.img-cover-url{
    background-image: url(img/sen-12.jpg);
    width: 60%;
    height: 100%;
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    background-position: center;
    background-size: cover;
}
.text-cover-box .page-title{
    font-size: 26pt;
}
.text-cover-box .page-title-eng{
    font-family: 'Roboto', sans-serif;
    font-size: 14pt;
}
.wrapp-contact-form{
    background-color: #e7f7ff;
    padding-bottom: 4em;
    padding-top: 5em;
}
.bg-form-contact{
    background-color: #fff;
    padding: 3em 2em 4em 2em;
}
.contact-form .input-group{
    margin: 0;
    margin-bottom: 2em;
}
.contact-form .form-control{
    background-color: #fafafa;
    border-radius: .2rem;
    border: 1px solid #ececec;
    line-height: 1.7;
    font-size: 14pt;
    color: #333;
}
.contact-form textarea {
    width: 100%;
    height: 180px;
    border-radius: .2rem;
    background-color: #fafafa;
    border: 1px solid #ececec;
    line-height: 1.7;
}
.contact-form input:focus, .contact-form textarea:focus {
    transition: 0.3s;
    border-color: #192f77;
    box-shadow: 0px 0px 10px 0rem #192e7714;
}
.contact-form .form-check-input-xxx{
    background-color: #fafafa;
    border: 1px solid #ececec;
}
.contact-form .form-check-label a{
    color: #192f77;
    text-decoration: underline;
    font-weight: bold;
}
.col-form-label{
    line-height: 1.7;
    display: flex;
    align-items: flex-end;
    align-items: flex-start;
}
.req{
    color: #cc0000;
}
.req.align-right{
   text-align: right; 
   padding-right: calc(var(--bs-gutter-x)/ 2);
}
.col-form-label .req {
	font-size: 21px;
	margin-top: -5px;
	margin-left: 3px;
}
.contact-form .form-check-input {
    margin-left: 0;
    margin-right: 0.5em;
}
.wrapp-contact-form .text-des{
    text-align: center;
    margin-bottom: 1em;
}
.wrapp-gallery .item{
    position: relative;
    padding-bottom: 60%;
}
#thumbs .owl-item:not(:last-child) .item{
    margin-right: 10px;
}
.gallery-img-url{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
#big.owl-theme .owl-next, 
#big.owl-theme .owl-prev { 
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background-color: transparent;
    font-size: 30px;
    color: transparent;
}
#big.owl-theme:hover .owl-next, 
#big.owl-theme:hover .owl-prev { 
    color: #fff;
}
#big.owl-theme .owl-prev {
    left: 3%;
}
#big.owl-theme .owl-next {
    right: 3%;
}
.navigation-flex{
    display: flex;
    margin-top: 3em;
}
.navigation-flex a{
    color: #192f77;
    display: flex;
}
.navigation-flex .icon{
    font-size: 20pt;
}
.nav-center,
.nav-left,
.nav-right{
    flex: 1 0 10px;
}
.nav-center .link-back{
    justify-content: center;
}
.nav-right .link-back{
    justify-content: flex-end;
}
.nav-right span{
    padding-right: 1em;
}
.nav-left span{
    padding-left: 1em;
}
.thanks-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 80px 0;
}
.thanks-content .thanks-message {
	font-size: 27px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 40px;
}
.commentary-box {
    border: dashed 2px #999;
    padding: 20px;
    margin: 20px;
}
h4.question-text  {
    margin-bottom: 3em;
    padding: 10px 30px;
    background-color: #192f77;
    color: #fff;
}
button.next-quiz {
    background-color: #192f77;
    padding: 10px 30px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}
@media screen and (max-width: 991px) {
    .wrapp-strength .section-title{
        text-align: center;
    }
    .content-strength{
        padding-top: 1em;
    }
    .bg-feature-box{
        padding: 2em;
    }
    .sec-feature img{
        width: 100%;
    }
    .container-about-img{
        position: relative;
    }
    .about-img-full{
        padding-bottom: 40%;
        width: 100%;
    }
    .wrapp-about-us{
        padding-bottom: 0;
    }
    .about-us-details{
        padding-right: calc(var(--bs-gutter-x)/ 2);
    }
}
@media screen and (max-width: 767px) {
    .title-w-logo {
        font-size: 18pt;
    }
    .title-jp-lang {
        font-size: 24pt;
    }
    .column-infor .wrapp-img{
        text-align: center;
    }
    .wrapp-img img{
        max-width: 300px;
    }
    .wrapp-widget{
        margin-top: 4em;
    }
    .content-outline{
        padding-top: 1em;
    }
    .wrapp-outline{
        text-align: center;
    }
    .content-outline img{
        margin-top: 1em;
    }
    .wrapp-ser-posioning .item-img{
        padding-bottom: 0;
        padding-top: 4em;
    }
    .profile-img:before{
        display: block;
        content: "";
        padding-bottom: 100%;
    }
    .profile-img{
        display: none;
    }
    .wrapp-profile .profile-img.profile-img-sm{
        width: auto;
        height: auto;
        display: block;
        background-position: top center;
        margin-bottom: 2em;
        margin-top: 2em;
        background-size: 80% auto;
    }
    .wrapp-profile .section-title,
    .news-update .section-title{
        text-align: center;
    }
    .bg-feature-box .btn-blue{
        display: block;
        margin: auto;
        margin-bottom: 2em;
    }
    .news-title-btn .btn-blue{
        display: none;
    }
    .list-news-update{
        padding-top: 0;
    }
    .news-update .wrapp-btn-center{
        display: block;
        margin-top: 2em;
    }
    .case-title{
        font-size: 20pt;
    }
    .wrapp-quiz-detail .text-company{
        font-size: 14pt;
    }
    .wrapp-quiz-detail .wrapp-type{
        margin-bottom: 1em;
    }
    .wrapp-cases .case-item{
        max-width: 500px;
        margin: auto;
        margin-bottom: 1.5em;
    }
}
@media screen and (max-width: 576px){
    .item-news{
        flex-direction: column;
    }
    .news-left, .news-right {
        width: 100%;
    }
    .box-news-img {
        margin-bottom: 1.5em;
    }
    .number-bg-blue{
        font-size: 26pt;
        height: 55px;
    }
    .img-top{
        padding-bottom: 50%;
    }
	.thanks-content .thanks-message {
		font-size: 18px;
	}
}

/* --- */
.bg-image {
	z-index: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.text-bg-top {
	z-index: 0;
	height: 400px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.text-bg-top .caption {
}
.text-bg-top .caption h1,
.text-bg-top .caption h2 {
	color: #fff;
	font-size: 30pt;
	font-weight: bold;
	text-align: center;
}

.single .blog-content img {
	max-width: 100%;
	height: auto;
}
.single .blog-content a {
   word-break: break-all;
}

.content-none {
    text-align: center;
    font-size: 20px;
    padding: 80px 10px;
}
.content-none .error-number {
    font-size: 70px;
}
.content-none .content-none-btn {
    margin: 20px auto;
    text-align: center;
}