@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-side_midashi .vk_heading_title{
	font-size:30px;
	width:100%;
}
.is-style-side_midashi .vk_heading_subtext {
    font-size: 17px;
width:100%;
}
.is-style-midashi_tate .vk_heading_title{
	font-size:30px;
}
.is-style-midashi_tate .vk_heading_subtext {
    font-size: 17px;
width:100%;
}
.is-style-hdd-underline {
    position: relative;
    padding-bottom: 15px;
    font-size: 22px;
    margin-bottom: 35px;
}
.wide80 {
    width: 100%;
    margin: auto;
}
.box_white {
    padding: 20px 20px;
}
.cta_box .wp-block-columns{
	gap:0 !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
    min-height: calc(44px + 5px + 5px);
    display: flex;
    align-items: center;
	top:unset;
}

/* ロゴ下にテキスト */
#site-header-container .site-header-logo {
	display: flex;
}



#menu-item-4752 a {
    background-color: #E8A841;
    color: #fff;
    padding-left: 23px !important;
    padding-right: 23px !important;
    border-radius: 10px;
    border-bottom: none;
    margin-left: 0px;
	margin-top:10px;
}



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

.contact_tel a .vk_button_link_txt {
    font-size: 33px;
}
.contact_tel a{
	width:100%;
	max-width:100%;
}

.contact_tel{
	max-width:100%!important;
}
.vk_button.vk_button-align-wide{
	max-width:100%;
}
.contact_btn a {
    font-size: 18px !important;
    padding: 20px !important;
    width: 285px !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.teaser .wp-block-group__inner-container{
	margin-left: auto!important;
    margin-right: auto!important;
}

.teaser_copy p{
	font-size:15px;
}
.teaser_copy h2{
	font-size:22px;
}
.teaser_bg img {
    border-radius: 0px;
    height: 70vh !important;
}
.teaser_bg {
    width: 100% !important;
    margin-left: auto;
    margin-right: 0px;
}
.teaser_copy{
	top:17%;
	left:10%;
}
.teaser_image_s{
	top:35vh;
	left:50%;
	width:150px !important;
}
.teaser_sub_image1,.teaser_sub_image2,.teaser_sub_image3{
	width:120px !important;
}
.teaser_sub_image2 {
        top: -51px;
        left: -5%;
		
    }

.teaser_sub_image3 {
    position: relative;
    z-index: 5;
    left: 50px;
    top: -80px;
}
.teaser_image_s .wp-block-group__inner-container{
	width:100% !important;
}
.teaser_image_s img {
    border-radius: 9px;
    width: 32vw !important;
}
.top_reason_box .wp-block-group__inner-container {
    border-radius: 20px;
    padding: 20px;
}
.top_reason_box img {
    width: 185px;
	display:block;
	margin:auto;
}

.top_bunner a {
    width: 90%;
}
.top_bunner a i {
    position: relative;
    right: 0px;
}

.top_about_inner {
    padding: 25px;
    width: 100%;
    margin: 0px 0px;
}
.is-style-main-btn a {
    min-width: 270px !important;
    font-size: 16px !important;
}
.top_about_inner h2 {
    font-size: 27px !important;
}
.news_box {
    padding: 20px 20px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
.merit_box {
    width: 100%;
    margin: auto;
}
.merit_box li{
	font-size:18px;
}
.step_box .is-layout-flex{
	flex-direction: column;
}
.step_unmber {
    padding: 20px 20px 10px;
    width: 75px;
    height: 75px;
}
.flow_title h3{
	width:calc(100% - 90px);
	font-size:20px;
	text-align:center;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



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