@charset "utf-8";
/*
 * resposive.css は 991px 以下のデバイスへと反映されます。
 * 
 * ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
 * sm: 576px　md: 768px　lg: 992px　xl: 1200px　となっているので、それに準じてください。
 * 
*/

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
html {
    margin-top: unset !important;
}
.admin-bar #wpadminbar {
    visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: 5px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */

.is-style-midash-_base .vk_heading_title {
    font-size: 30px;
    letter-spacing: 0.1em;
}
.is-style-midash-_base .vk_heading_subtext {
    font-size:18px;
}
.vk_tab_labels .vk_tab_labels_label, .vk_tab_labels .vk_tab_labels_label.has-background {
    padding: 10px !important;
	font-size:13px;
}
.is-style-base-btn .vk_button_link_txt {
    font-size: 17px;
}
.is-style-base-btn-white a::after {
    width: 40px;
    height: 40px;
}
.is-style-base-btn-white a {
    padding: 15px 50px !important;
	width:240px;
	min-width:240px;
}
.is-style-base-btn a::after {
    width: 40px;
    height: 40px;
}
.is-style-btn_base2{
	padding:0 !important;
}
.is-style-btn_base2 a {
    padding: 15px 20px 15px 20px!important;
	    font-size:12px!important;
}
.is-style-btn_base2 a{
	background-size:12px;
	background-position:right 7px center;
}
.box_white{
	padding:15px;
}
.top_cutt_btn {
    border-radius: 20px;
	margin-bottom:2px !important;
	min-height:150px !important;
	height:200px !important;
}
.wide-big-btn a {
    min-width: 300px !important;
	    width: 240px;
}

.is-style-base-btn-white a{
	    min-width: 300px !important;
}
.txt30 {
    font-size: 24px;
}
.contact_s_txt {
    font-size: 17px;
}
.contact_tel a {
    font-size: 40px !important;
 font-weight:500;
}
.contact_tel a i {
    font-size: 32px;
    position: relative;
	top:3px;
}
.open_btn .vk_button {
    width: 48% !important;
}
.is-style-vk-heading-solid_black {
    font-size: 25px;
}
.txt40 {
    font-size: 20px;
	margin-bottom:20px
}
.box_list {
    padding: 25px;
    padding-left: 40px;
}
.box_list li {
    width: 50%;
    padding-right: 20px;
}
.vk_borderBox .vk_borderBox_title_container .vk_borderBox_title {
    font-size: 1.5rem;
}
.vk_borderBox .vk_borderBox_title_container .vk_borderBox_title strong{
    font-size: 1.1rem;
}
    .card-imageRound.vk_post-col-xs-12, .card-noborder.vk_post-col-xs-12 {
        margin-bottom: 0px;
		padding-bottom:10px !important;
    }
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
    min-height: calc(44px + 5px + 5px);
    display: flex;
    align-items: center;
	top:unset;
}
    .site-header-logo img {
        max-height: 64px !important;
		margin-left:auto;
    }


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
#main .message_slider img{
	height:250px!important;
}
.top_path img{
	width:65%;
	height:auto;
	display:block;
	margin:auto 2rem;!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.page-header{
	height:200px!important;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
/* カリキュラム */
.flex_list li {
    width: 100%;
}
.voice_box h3 {
 font-size: 25px;
	margin-bottom:15px!important;
}
.teacer_box {
	width:90%;
	margin:auto;
}
.teacer_box h5{
	font-size:1.4rem!important;
}
.teacer_box2 h5{
	font-size:1.4rem!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/* コースの特徴 */

.flow_outer{
	overflow-x:auto;
}
.flow {
	width:1070px!important;
}
.vk_posts .vk_post.media {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vk_posts .vk_post .media-img {
    width: 100%;
    padding: 0 !important;
    margin: 0;
}

.vk_posts .vk_post .media-body {
    width: 100%;
    padding-top: 1em;
}

/* 教員紹介 > ボタン */
.kyouin-btn01 a{
width: 60%!important;
  }
.sp_kyouin-btn01{
width: 100%!important;	
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */