/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import 'flexvideo.css';
@import 'fix-bootstrap.css';

body {
    font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

a {
    color: #000000;
}

a img:hover {
    opacity: 0.8;
}

h2 {
    line-height: 1.6;
}

h3.footer-h3 {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.mb0 {
    margin-bottom: 0 !important;
}
.mb20 {
    margin-bottom: 20px !important;
}

/* ancient-browser-alert error */
.ancient-browser-alert {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.ancient-browser-alert a {
	color: #fff;
	text-decoration: underline;
}
.site-branding {
    padding-bottom: 10px;
}
.home .site-branding {
    padding-bottom: 15px;
}

.page-header-top-right {
	margin-top: 27px;
}

.key-visual img {
    width: 100vw;
}

.pagination {
	margin: 0;
}

.pagination-center {
	text-align: center;
}
.pagination-row {
	margin-bottom: 20px;
}



.required {
	color: #f00;
}

.btn-link {
    width: auto;
    max-width: 100%;
}

.row-with-vspace {
	margin-bottom: 20px;
}

.dot {
    margin-bottom: 30px;
}

.site-main .format-aside {
	background: #f5f5f5;
}
.site-main .format-image {
	background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
	background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
	background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
	background: url('../img/content-post-format-video.png') left top no-repeat;
}

.site-description {
    height: 36px;
    background: #00ada9;
    color: #ffffff;
    padding: 8px 0 0;
    font-size: 12px;
}
.site-description .col-sm-12 {
    padding: 0 10px;
}
.site-description a {
    color: #ffffff;
}
.site-description ul {
    margin: 0;
    padding: 0;
}
.site-description ul li {
    margin: 0 0 0 20px;
    padding: 0;
}

.page-header-top-right {
    padding: 0 10px;
}

.phone-header {
    float: right;
    margin: 8px 32px 0 0;
}

.webentry-header {
    float: right;
}

.slick-area {
    margin-top: 10px;
}

.global-navi {
    height: 100px;
}
.global-navi .col-xs-3 {
    margin: 28px 0 0;
    padding: 0;
    text-align: center;
    border-right: 1px dotted #e0e0e0;
}
.global-navi .col-xs-3:last-child {
    border-right: none;
}
.global-navi .col-xs-3 a {
    display: block;
}
.global-navi .col-xs-3 img {
    padding: 5px 0 0 0;
}

.site-title {
	margin-bottom: 0;
	margin-top: 10px;
}
.site-title > a {
	text-decoration: none;
}
.site-title > div {
	height: auto;
	line-height: 18px;
}
.site-title .site-description {
	color: #999;
	font-size: 16px;
}
.site-title .site-title-heading {
	margin: 0;
}

.title-icon {
    margin-right: 15px;
}

.skillup-list {
    padding: 50px 0 55px;
    background: #fbfff4 url('../img/shadow.png') center top repeat-x;
}
.skillup-list h2 {
    margin: 0 0 30px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    background: url('../img/dot_green.png') center bottom no-repeat;
}
.skillup-list h2 span {
    font-size: 1.8rem;
}
.skillup-list h2 img {
    position: relative;
    top: -2px;
}
.skillup-list h3 {
    margin: 0 0 25px;
    font-size: 2rem;
}

.skillup-title {
    padding: 50px 0 25px;
    margin-bottom: 40px;
    background: #fbfff4 url('../img/shadow.png') center top repeat-x;
}
.skillup-title h2 {
    margin: 0 0 25px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    background: url('../img/dot_green.png') center bottom no-repeat;
}

.single-skillupcourse .page-container img {
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.single-skillupcourse .site-content h1 {
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 1.4;
}
.single-skillupcourse .site-content p {
    margin-bottom: 40px;
}
.single-skillupcourse .site-content th {
    width: 200px;
    height: 60px;
    vertical-align: middle !important;
    background: #eeeeee;
    text-align: center;
}
.single-skillupcourse .site-content td {
    vertical-align: middle !important;
    padding: 10px 20px !important;
}

.course-post {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 43px solid #eeeeee;
    background: #ffffff;
    margin: 2px 5px 35px;
    padding: 0;
}
.course-post img {
    max-width: 100%;
    height: auto;
}
.course-post:hover {
    border-top: 3px solid #bad683;
    border-left: 3px solid #bad683;
    border-right: 3px solid #bad683;
    border-bottom: 45px solid #bad683;
    margin: 0 3px 33px;
}
.course-post h3 {
    margin: 10px 0;
    padding: 0 10px;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: bold;
}
.course-post ul {
    padding: 0 10px 10px;
    margin: 0;
}
.course-post li {
    list-style: none none;
    padding: 0;
    margin: 0;
}
.course-post a {
    color: #898989;
}
.course-post a h3 {
    color: #000000;
}
.course-post a:hover {
    text-decoration: none;
}
.course-post .course-detail {
    text-align: center;
    font-weight: bold;
    position: relative;
    top: 45px;
    line-height: 45px;
    margin-top: -45px;
}
.course-post .course-detail {
    color: #898989;
    display: block;
}
.course-post:hover .course-detail {
    color: #ffffff;
}
.btn-skillup {
    background: #bad683;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 30px;
}

.recruit-list {
    padding: 50px 0 55px;
    background: #fffcf1;
}
.recruit-list h2 {
    margin: 0 0 30px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    background: url('../img/dot_orange.png') center bottom no-repeat;
}
.recruit-list h3 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 2rem;
    font-weight: bold;
}

.single-recruitinfo .page-container img {
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.single-recruitinfo h1 {
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 40px;
    line-height: 1.4;
}
.single-recruitinfo th {
    width: 200px;
    height: 60px;
    vertical-align: middle !important;
    background: #eeeeee;
    text-align: center;
}
.single-recruitinfo td {
    vertical-align: middle !important;
    padding: 10px 20px !important;
}
.notice {
    margin-top: 20px;
}

.recruit-post {
    background: #ffffff;
    border: 1px solid #eeeeee;
    margin: 2px 5px 35px;
    padding: 25px 12px 8px;
}
.recruit-post:hover {
    border: 3px solid #f8cf8b;
    margin: 0 3px 33px;
}
.recruit-post a {
    color: #000000;
}
.recruit-post a:hover {
    text-decoration: none;
}
.recruit-post p {
    font-size: 1.3rem;
    font-weight: bold;
}
.recruit-description {
    margin-bottom: 20px;
}
.recruit-post dt {
    width: 70px;
    height: 37px;
    line-height: 37px;
    margin-bottom: 1px;
    text-align: center;
    color: #ffffff;
    font-size: 1.2rem;
    background: #f8cf8b;
}
.recruit-post dd {
    margin-left: 72px;
    padding: 0 15px;
    margin-bottom: 1px; 
    background: #ffefd5;
    height: 37px;
    line-height: 37px;
    font-size: 1.2rem;
    font-weight: bold;
    overflow: hidden;
}
.recruit-title {
    padding: 50px 0 25px;
    margin-bottom: 40px;
    background: #fffcf1 url('../img/shadow.png') center top repeat-x;
}
.recruit-title h2 {
    margin: 0 0 25px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    background: url('../img/dot_orange.png') center bottom no-repeat;
}
.recruit-all table {
    margin-top: 15px;
    border-collapse: separate;
	border-spacing: 0;
    border-top: 10px solid #f8cf8b;
}
.recruit-all table tr:nth-child(2) td {
    border-top: 10px solid #f8cf8b !important;
}
.recruit-all table th {
    text-align: center;
    vertical-align: middle !important;
    background: #f8cf8b;
    border-top: none !important;
    border-left: none !important;
    border-right: 1px dashed #000000 !important;
    border-bottom: none !important;
    height: 45px;
}
.recruit-all table th:last-child {
    border-right: none !important;
} 
.recruit-all table td {
    vertical-align: middle !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #ffffff !important;
    background: #ffefd5;
}
.recruit-all table tr:hover td {
    background: #fffcf1;
    cursor: pointer;
}

.recruit-all .label {
    border-radius: 0.8rem;
}
.label-color1 {
    background: #5e51a0;
}
.label-color2 {
    background: #ec68a2;
}
.label-color3 {
    background: #fe7e7d;
}
.label-color4 {
    background: #89c995;
}
.label-color5 {
    background: #7ecdf4;
}
.label-color6 {
    background: #014984;
}
.label-color7 {
    background: #4589c8;
}
.label-color8 {
    background: #ef7b45;
}
.label-color9 {
    background: #ef5b5b;
}
.label-color10 {
    background: #957fef;
}
.btn-recruit {
    background: #ffb130;
    color: #ffffff;
    margin-top: 20px;
}

input[type="date"].form-control {
    line-height: inherit;
}

.support-area {
    padding: 50px 0;
    background: #fff6f6;
}
.support-area h2 {
    margin: 0 0 30px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    background: url('../img/dot_pink.png') center bottom no-repeat;
}
.support-area h3 {
    font-size: 2rem;
    font-weight: bold;
    padding: 0;
    margin: 0 0 30px;
    line-height: 1.4;
}
.support-area h4 {
    font-weight: bold;
}
.support-area p {
    padding: 0;
    margin: 0 0 30px;
    line-height: 1.7;
}
.support-area .clearfix {
    margin-bottom: 46px;
}

.beginner-title {
    padding: 50px 0 25px;
    margin-bottom: 40px;
    background: #fff6f6 url('../img/shadow.png') center top repeat-x;
}
.beginner-title h2 {
    margin: 0 0 25px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    background: url('../img/dot_pink.png') center bottom no-repeat;
}

.client-title {
    padding: 50px 0 25px;
    margin-bottom: 40px;
    background: #f2e1f2 url('../img/shadow.png') center top repeat-x;
}
.client-title h2 {
    margin: 0 0 25px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    background: url('../img/dot_violet.png') center bottom no-repeat;
}
.client-merit h4 {
    font-weight: bold;
    margin-bottom: 30px;
}
.client-merit p {
    margin-bottom: 30px;
}
.client-merit strong {
    color: #ba94b9;
    line-height: 3;
}
.client-flow {
    margin: 40px 0;
}
.client-flow strong {
    background: #fffba4;
}
.client-chart {
    margin: 0 0 40px;
}
.client-chart h4 {
    font-weight: bold;
    text-decoration: underline;
    margin: 20px 0 10px;
}
.client-point {
    background: #bb95ba;
    color: #ffffff;
    padding: 5px;
    text-decoration: none !important;
    display: inline-block;
    margin: 20px 0 !important;
}
.client-box {
    border: 1px solid #bb95ba;
    border-radius: 5px;
    padding: 15px 12px 5px;
    display: inline-block;
    margin: 0 0 15px;
    font-size: 1.6rem;
    line-height: 2;
}
.client-box span {
    background: #bb95ba;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
}
.client-box2 {
    border: 1px solid #bb95ba;
    border-radius: 5px;
    padding: 15px 20px;
    display: inline-block;
    margin: 20px 0;
    font-size: 1.6rem;
    line-height: 2.4;
}
.client-box2 div {
    background: #bb95ba;
    color: #ffffff;
    padding: 5px;
    margin: 0 15px 10px;
    border-radius: 5px;
}

.privacy-policy h2 {
    font-weight: bold;
    font-size: 2.4rem;
    margin-bottom: 40px;
}
.privacy-policy p {
    line-height: 1.8;
    margin-bottom: 40px;
}

.post-18 h3 {
    font-weight: bold;
}

.post-10 h3 {
    font-weight: bold;
    margin: 30px 0;
}
.post-10 p {
    margin-bottom: 25px;
}

.wins-title {
    padding: 75px 0 50px;
    margin-bottom: 40px;
    background: url('../img/about_bg.jpg');
    background-size: cover;
}
.wins-title h2 {
    margin: 0 0 25px;
    font-size: 2.8rem;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
    text-shadow: 0 0 5px white;
}
.wins-title h2 small {
    color: inherit;
}

.about-catch {
    text-align: center;
}
.about hr {
    border-color: #333333;
    margin-bottom: 25px;
}
.about h3 span {
    font-size: 1.8rem;
    line-height: 1.6;
}
.company-right {
    text-align: right;
}
.company-col {
    padding: 0 43px;
}
.company-address {
    font-size: 1.7rem;
    line-height: 1.6em;
    margin: 20px 0 5px;
}
.company-tel {
    width: 105px;
    float: left;
}
.company-license {
    width: 100px;
    float: left;
}

.agreement-box {
    border: 1px solid #eeeeee;
    padding: 20px;
    margin-bottom: 40px;
    height: 300px;
    overflow-y: scroll;
}

.footer-button {
    padding: 30px 0 60px;
    text-align: center;
}
.footer-button .container {
    background: #f7f7f7;
    padding-top: 40px;
    padding-bottom: 35px;
}
.footer-button h3 small {
    color: #333;
}
.footer-button img {
    margin: 15px 0;
}

.widget_calendar #wp-calendar {
	margin: 0;
}
.widget_calendar #wp-calendar #next {
	text-align: right;
}



#comments .comment-navigation {
	margin-bottom: 0;
}
#comments .comment-navigation-below {
	margin-bottom: 20px;
	margin-top: 15px;
}
#comments .media-list li .media {
	margin-top: 15px;
}
#comments .media-list li .media .media-body {
	border: 1px solid #eee;
	padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
	font-size: 12px;
	margin-bottom: 10px;
}
#comments .media-list ul.children {
	list-style: none;
	margin-left: 2.5em;
}


#main-column .wp-video-shortcode {
	display: block;
	height: auto;
	max-width: 100%;
}
#main-column .attachment .entry-content {
	margin-bottom: 20px;
}
#main-column .attachment .entry-content .attachment {
	text-align: center;
}
#main-column .attachment .entry-meta {
	margin-bottom: 20px;
}
#main-column .post,
#main-column .page {
	margin-bottom: 20px;
}
#main-column .post .entry-header .entry-meta {
	color: #999;
}
#main-column .post .entry-header .entry-meta a {
	color: inherit;
}
#main-column .post .entry-header .entry-meta .posted-on .updated {
	display: none;
}
#main-column .post .entry-meta .categories-icon {
	cursor: default;
}
#main-column .post .entry-meta .comments-link a {
	color: #333;
}
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
	color: #555;
	font-size: 12px;
	margin-left: 5px;
}
#main-column .attachment .edit-post-link a, 
#main-column .attachment .entry-meta .edit-post-link a, 
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
	color: #333;
}
#main-column .post .entry-meta .tags-icon {
	cursor: default;
}
#main-column .attachment .entry-title, 
#main-column .post .entry-title,
#main-column .page .entry-title {
	margin-top: 0;
	word-wrap: break-word;
}

.form-group input {
    width: auto;
    max-width: 100%;
}

.wpcf7-list-item {
    margin-top: 5px !important;
}

.wpcf7-form .btn {
    background: #00ada9;
    color: #ffffff;
}
.wpcf7-form .btn-back {
    background: #eeeeee;
    color: #333333;
}

#sidebar-left .widget,
#sidebar-right .widget {
	border: 1px solid #eee;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
	padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
	font-size: 18px;
	margin-top: 0;
}

#footer-info {
    background: url('../img/footer_bg.jpg') #ebffff;
    background-size: cover;
    padding: 44px 0 38px;
}
#footer-info h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 0;
}
#footer-info p {
    margin: 10px 0 20px;
    line-height: 1.8;
}
.footer-license span {
    margin-right: 6px;
}

#site-footer {
	background: #00ada9;
	font-size: 12px;
	padding: 32px 0 26px;
    text-align: center;
    color: #86e0dd;
}
#site-footer ul {
    margin-bottom: 40px;
}
#site-footer li {
    padding-left: 10px;
    padding-right: 10px;
}
#site-footer a {
    color: #ffffff;
}

.well {
    background-color: #fcfcfc !important;
    background-image: none !important;
}

.sp-toggle {
    padding: 10px 15px 20px;
}
.sp-toggle img {
    width: 80%;
    float: right;
}

.home header {
    margin-bottom: 32%;
}

.key-visual {
    position: absolute;
    z-index: -100;
}

.header-bg {
    background: rgba(255,255,255,0.8);
    z-index: 100;
}

#newopen-school {
    margin-top: -60px;
    margin-bottom: 60px;
}
#newopen-school .container h2 {
    background-color: #ffffff;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 40px;
    line-height: 0.8;
    padding: 40px 0;
}
#newopen-school h2 small {
    font-size: 20px;
    color: #333333;
}
#newopen-school img {
    width: 100%;
}

#business-acadmy {
    margin-bottom: 60px;
    background: #e2f7f6;
    background-clip: content-box;
}
#human-associates {
    margin-bottom: 60px;
    background: #c9f0ef;
}
#business-acadmy .container,
#human-associates .container {
    padding: 50px 16px 70px;
}
#business-acadmy h2,
#human-associates h2 {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 0.8;
    font-size: 40px;
    margin-bottom: 30px;
}
#business-acadmy h2 small,
#human-associates h2 small {
    font-size: 20px;
    color: #333333;
}
#business-acadmy img.img-responsive,
#human-associates img.img-responsive {
    width: 100%;
    margin: 0 auto;
}
#business-acadmy p,
#human-associates p {
    margin: 20px 0;
    text-align: center;
}

.wba-title {
    padding: 50px 0 25px;
    background: url('../img/shadow.png') center top repeat-x;
}
.wba-title h2 {
    margin: 0 0 25px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
}

#enterprise-sample {
    max-width: 800px;
    margin: 0px auto;
}
#enterprise-sample p {
    margin-bottom: 20px;
}
#enterprise-sample img {
    margin-bottom: 20px;
}
#enterprise-sample h3 {
    border-left: 5px #a0d297 solid;
    padding: 5px 0 5px 10px;
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: bold;
}
#enterprise-sample div.col-md-6 {
    margin-bottom: 40px;
}

.culture-list {
    padding: 50px 0 55px;
}
.home .culture-list {
    background: url('../img/shadow.png') center top repeat-x;
}
.culture-list h2 {
    margin: 0 0 30px;
    padding: 0 0 20px;
}
.culture-list h3 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 2rem;
    font-weight: bold;
}

.culture-title {
    padding: 50px 0 25px;
    background: url('../img/shadow.png') center top repeat-x;
}
.culture-title h2 {
    margin: 0 0 25px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #febe64;
}

.single-culture .page-container img {
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.single-culture .site-content h1 {
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 1.4;
}
.single-culture .site-content p {
    margin-bottom: 40px;
}
.single-culture .site-content th {
    width: 200px;
    height: 60px;
    vertical-align: middle !important;
    background: #eeeeee;
    text-align: center;
}
.single-culture .site-content td {
    vertical-align: middle !important;
    padding: 10px 20px !important;
}

.culture-post {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 43px solid #eeeeee;
    background: #ffffff;
    margin: 2px 5px 35px;
    padding: 0;
}
.culture-post img {
    max-width: 100%;
    height: auto;
}
.culture-post:hover {
    border-top: 3px solid #febe64;
    border-left: 3px solid #febe64;
    border-right: 3px solid #febe64;
    border-bottom: 45px solid #febe64;
    margin: 0 3px 33px;
}
.culture-post h3 {
    margin: 10px 0;
    padding: 0 10px;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: bold;
}
.culture-post ul {
    padding: 0 10px 10px;
    margin: 0;
}
.culture-post li {
    list-style: none none;
    padding: 0;
    margin: 0;
}
.culture-post a {
    color: #898989;
}
.culture-post a h3 {
    color: #000000;
}
.culture-post a:hover {
    text-decoration: none;
}
.culture-post .culture-detail {
    text-align: center;
    font-weight: bold;
    position: relative;
    top: 45px;
    line-height: 45px;
    margin-top: -45px;
}
.culture-post .culture-detail {
    color: #898989;
    display: block;
}
.culture-post:hover .culture-detail {
    color: #ffffff;
}
.btn-culture {
    background: #febe64;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 30px;
}

.training-list {
    padding: 50px 0 55px;
}
.training-list h2 {
    margin: 0 0 30px;
    padding: 0 0 20px;
}

.training-title {
    padding: 50px 0 25px;
    background: url('../img/shadow.png') center top repeat-x;
}
.training-title h2 {
    margin: 0 0 25px;
    padding: 0 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #8596e4;
}

.training-post {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 43px solid #eeeeee;
    background: #ffffff;
    margin: 2px 5px 35px;
    padding: 0;
}
.training-post img {
    max-width: 100%;
    height: auto;
}
.training-post:hover {
    border-top: 3px solid #8596e4;
    border-left: 3px solid #8596e4;
    border-right: 3px solid #8596e4;
    border-bottom: 45px solid #8596e4;
    margin: 0 3px 33px;
}
.training-post h3 {
    margin: 10px 0;
    padding: 0 10px;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: bold;
}
.training-post ul {
    padding: 0 10px 10px;
    margin: 0;
}
.training-post li {
    list-style: none none;
    padding: 0;
    margin: 0;
}
.training-post a {
    color: #898989;
}
.training-post a h3 {
    color: #000000;
}
.training-post a:hover {
    text-decoration: none;
}
.training-post .training-detail {
    text-align: center;
    font-weight: bold;
    position: relative;
    top: 45px;
    line-height: 45px;
    margin-top: -45px;
}
.training-post .training-detail {
    color: #898989;
    display: block;
}
.training-post:hover .training-detail {
    color: #ffffff;
}
.btn-training {
    background: #8596e4;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 30px;
}

.single-traininginfo .page-container img {
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.single-traininginfo .site-content h1 {
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 1.4;
}
.single-traininginfo .site-content th {
    width: 200px;
    height: 60px;
    vertical-align: middle !important;
    background: #eeeeee;
    text-align: center;
}
.single-traininginfo .site-content td {
    vertical-align: middle !important;
    padding: 10px 20px !important;
}
.single-traininginfo .site-content p {
    margin: 10px 0;
}

.wbaabout-area {
    padding: 80px 0;
    background: url('../img/wba_bg.jpg');
    background-size: cover;
    text-align: center;
}
.wbaabout-area h2 {
    margin: 0 0 30px;
    padding: 0 0 20px;
    font-size: 2.8rem;
    font-weight: bold;
    text-shadow: 0 0 5px white;
}
.wbaabout-area p {
    padding: 0;
    margin: 0 0 40px;
    line-height: 2;
    text-shadow: 0 0 5px white;
}

.page .entry-content {
    line-height: 1.6;
}

@media (max-width: 767px) {
    .site-description {
        font-size: 11px;
        height: 33px;
        text-align: center;
        margin-bottom: 0;
    }
    .site-branding,
    .home .site-branding {
        padding-bottom: 0;
    }
    .site-title-heading a img {
        max-height: 60px;
    }
    .key-visual {
        top: 120px;
    }
    #newopen-school {
        margin-top: 0;
    }
    #business-acadmy .container,
    #human-associates .container {
        padding: 30px 16px 50px;
    }
    #newopen-school .container h2,
    #business-acadmy h2,
    #human-associates h2 {
        line-height: 1;
        font-size: 26px;
    }
    #newopen-school .container h2 small,
    #business-acadmy h2 small,
    #human-associates h2 small {
        font-size: 16px;
    }
    #business-acadmy p,
    #human-associates p {
        text-align: left;
    }
    .wbaabout-area {
        text-align: left;
    }
    .wbaabout-area h2 {
        font-size: 2.2rem;
    }
    .slick-area {
        margin-top: 0;
    }
    .slick-area img {
        width: 100vw;
    }
    .recruit-post dt {
        width: 20%;
        clear: left;
        float: left;
    }
    .recruit-post dd {
        width: 80%;
        margin-left: 20%;
    }
    .support-area img {
        margin-bottom: 20px;
    }
    .beginner p {
        text-align: left !important;
    }
    .about h3 {
        font-size: 1.8rem;
    }
    .about h3 span {
        font-size: 1.5rem;
        line-height: 1.8;
    }
    .about-catch {
        text-align: left;
    }
    .about .right {
        margin: -20px 0 0 0 !important;
        float: right;
    }
    .single-skillupcourse .site-content h1 {
        margin: 0 0 30px;
        font-size: 2.4rem;
    }
    .single-skillupcourse .site-content p {
        text-align: left;
    }
    .single-skillupcourse .site-content th,
    .single-culture .site-content th,
    .single-traininginfo .site-content th {
        width: 90px;
    }
    .recruit-all table th {
        border-right: none !important;
    } 
    .recruit-all table td {
        font-size: 1.2rem;
        padding: 10px 5px !important;
    }
    .recruit-all .list-detail {
        border-bottom: 15px solid #ffffff !important;
    }
    .single-recruitinfo th {
        width: 90px;
    }
    .client-box2 {
        line-height: 1.8;
    }
    .company-col {
        padding: 0 15px;
    }
    .company-address {
        font-size: 1.48rem;
        line-height: 1.6em;
    }
    .footer-license {
        font-size: 1.34rem;
        margin-top: 5px;
    }
    .footer-license span {
        margin-right: 5px;
    }
    .site-footer {
        font-size: 1rem;
    }
}