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

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
.vk_outer-paddingLR-use, .vk_outer-paddingVertical-use{
	    --vk-outer-padding: 3em!important;
}
:root{
	    --wp--preset--font-size--large: 18px;
}
.min_yohaku{
	 --vk-outer-padding: 1em!important;
}

html {
    margin-top: unset !important;
}
.admin-bar #wpadminbar {
    visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: 5px;
}
.sp-box{
	padding:20px 15px;
}



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

.sp-square img{
	object-fit:cover;
	width:100%;
	  aspect-ratio: 1 / 1;
}
.right_border .wp-block-media-text__media img{
	
	border-right:0px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
}
.huntingbox.right_image,.huntingbox.left_image{
	border-radius:0px 0 10px 10px;
}

.huntingbox{
	 display: flex !important;
flex-wrap:wrap;
}
.huntingbox .wp-block-media-text__media{
	order:2 !important;
}
.huntingbox .wp-block-media-text__content{
	order:1 !important;
	padding:20px!important;
}
.huntingbox .wp-block-media-text__content img{
	width:60px!important;
}

.oubo_box{
	padding: 20px;
}

.is-style-underline_hd {
    padding-bottom: 15px;
}
.Heading1{
	font-size:32px !important;
	line-height:120% !important;
}
.Heading2{
	font-size:26px !important;
	line-height:120% !important;
}
.Heading3{
	font-size:22px !important;
	line-height:130% !important;
}
.Heading4{
	font-size:18px !important;
	line-height:130% !important;
}
.BlogHeading1{
	font-size:28px !important;
	line-height:130% !important;
}

.BlogHeading2{
	font-size:22px !important;
	line-height:140% !important;
}
.BlogHeading22{
	font-size:22px !important;
	line-height:140% !important;
}

.BlogHeading3{
	font-size:18px !important;
	line-height:130% !important;
}

.has-huge-font-size{
	font-size:22px !important;
}

.Textlarge{
	font-size:18px
} 
.sb{
	font-weight:600;
}
.ag{
	font-size:16px !important;
	font-weight:600;
	text-transform: uppercase;
}
.ag3{
	font-size:16px !important;
	font-weight:600;
	text-transform: uppercase;
}
.ag2{
	font-size:20px !important;
	font-weight:600;
	text-transform: uppercase;
}
.top_round_hd{
	padding:17px!important;
}
.color-box{
	padding:20px;
}
.color-box-l{
	padding:20px;
	position:relative;
}
.sp-30{
	width:40%!important;
}
table th,table td{
	font-size:14px!important;
}
.table-base1 th,.table-base1 td{
	padding:10px !important;
}
.sp-flex2{
		display:flex;
	flex-wrap:wrap !important;
}
.page_category_list li {
    padding: 7px 15px 0px;
}
.sp-flex .wp-block-group__inner-container{
	display:flex;
	flex-wrap:wrap;
}
.sp-flex figure{
	width:48%;
	padding-right:2%;
}
.sp-flex_txt{
	width:50%;
}
.sp-flex_txt p{
	padding-top:15px;
	padding-left:20px;
	font-size:14px !important;
}
.is-style-af-heading-reverse .vk_heading_title{
	font-size:26px;
}
.is-style-af-heading-reverse .vk_heading_subtext{
	font-size:14px;
}
.is-style-btn-grd a{
	width:100%;
}
.sp-center,.sp-center p,.sp-center h2{
text-align:center!important;}
.pd-r50 {
    padding-right: 0px !important;
}
.sp-left{
	text-align:left!important;
}

.sp-gap0{
	gap:0!important;
}
.card-title {
    font-size: 18px !important;
}

.w-800{
	width:100%;
	margin:auto;
}
.w-840{
	width:100%;
	margin:auto;
}
.w-900{
	width:100%;
	margin:auto;
}
.w-950{
	width:100%;
	margin:auto;
}
.w-1100{
	width:100%;
	margin:auto;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
    min-height: calc(44px + 5px + 5px);
    display: flex;
    align-items: center;
	top:unset;
}

.vk-mobile-nav-menu-btn{
	border:none;
}
.vk-mobile-nav-menu-btn.menu-open,.vk-menu-acc .acc-btn{
	border:none;
}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a{
		border:none;
}
.vk-mobile-nav nav ul li li a{
	padding-top:0;
	padding-bottom:6px;
}
#menu-item-6158{
	display:none;
}
#mega-menu-wrap-global-nav .mega-menu-toggle{
	display:block;
}
    .site-header-logo img {
        max-height: 25px !important;
		margin-left:0;
    }
#menu-item-6157{
	display:none
}
#mega-menu-wrap-global-nav{
	display:none
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */

.bottom_bn1,.bottom_bn2,.bottom_bn3{
	min-height:190px !important;
}

footer .widget li {
    margin-top: .1em !important;
}
.vk_button .vk_button_link, .editor-styles-wrapper .vk_button .vk_button_link{
	min-width:100%;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.teaser_box {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}
.teaser_box .is-style-btn-s a{
	border:solid 1px #fff;
	border-radius:3px
}
.is-style-btn-s{
	width:100%;
}
.is-style-btn-s2{
	width:100%;
}
.jinzai_txt{
	gap:0 !important;
}
.jinzai_head {
    height: 100%;
    min-height: 50px;
    border-radius: 8px 8px 0 0;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */

#breadcrumb{
	display:none;
}
.page-header-title {
    font-size: 32px !important;
    width: 100%;
}
.page-header-subtext{
	font-size: 14px !important;
}
.page-header {
    min-height: 12rem;
}
.pagetitle h2 {
    font-size: 32px !important;
}
.pagetitle p{
	
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/* 会社概要 */
.left_line{
	border-left:none;
    padding-bottom: 30px;
	padding-top:10px;
	position:relative;
}
.left_line::after{
	width:65%;
	margin:auto;
	position:absolute;
	height:1px;
	background-color: var(--vk-color-primary);
	bottom:0px;
	left:50%;
	transform: translateX(-50%);
	 content: '';/*何も入れない*/
  display: inline-block;
}
.left_line_last::after{
	display:none;
}

.number_ic {
    width: 40px;
    line-height: 40px;
	font-size:24px;
}


.number_hd h3{
	width:calc(100% - 35px);
	padding-left:10px !important;
}
.number_txt {
    padding-left: 0px;
}
.number_hd figure{
	width:30px;
}
.flow_arrow {
    top: -15px;
    margin-bottom: -45px;
}
.flow_arrow figure{
	width:40px;
}
.list_box {
    padding: 0px 10px 0px 40px !important;
}
.list_box li {
    padding-left: 5px;
}
.list_box li::before {
    width: 24px;
    height: 24px;
}
.page-id-5601 .list_box {
        padding: 0px 10px 0px 20px !important;
    }
.left_image .wp-block-media-text__media img {
    border-radius: 0px 0 10px 10px;
}
.right_image .wp-block-media-text__media img {
     border-radius: 0px 0 10px 10px;
}
#main .tsuyomi_ic img {
    width: auto !important;
    height: 80px !important;
}
.number_ic2 {
    top: -50px;
    font-size: 80px;
}
.left_image2 .wp-block-media-text__media img {
    border-radius: 10px 10px 0px 0 ;
	object-fit:cover;
	height:190px;
	width:100%;
		object-position:top;
}
.right_image2 .wp-block-media-text__media img {
     border-radius: 10px 10px 0px 0 ;
	object-fit:cover;
	height:190px;
	width:100%;
	object-position:top;
}
.left_image2 .wp-block-media-text__content,.right_image2 .wp-block-media-text__content{
	padding:20px !important;
}
.left_image2 .wp-block-media-text__content img,.right_image2 .wp-block-media-text__content img{
	 width:50px !important;
}
.rate{
	padding:0 15px;
}
.column_keftline strong {
    font-size: 50px;
}
.numbermaintitle{
	background-position: left 10px center;
}
.sp-under-none::after{
	display:block !important;
}
.sp-under-none{
	border-bottom:solid 2px #ddd;
}
.bg_midashi2 {
    padding-left: 20px;
    padding-bottom: 25px;
}
.fee_box_s{
	width:100%;
}

.ic_plus {
position:relative;
	z-index:2;
	height:1px;
			  top: -15px;
	 margin-bottom: -45px;
	width:100%;
	left:0;
}
.ic_plus img{
	left:50%;
		width:40px;
	height:40px;
		  top: -9px;
	text-align:center;
    margin-bottom: -60px;
	margin:auto;
transform: translateX(-50%);
		position:absolute;

}
.fee_box_s_outer{
	gap:5px !important;
}

.voice_outer{flex-wrap:wrap !important;}
.voice_hd1 {
    padding-left: 10px;
	margin-top:15px !important;
}
.voice_ph,.voice_logo{
	width:50%;
}
#vk_breadcrumb{
	display:none;
}
.BlogHeading1{
	margin-top:0;
}
.voice_hd1-page{
	flex-wrap:wrap !important;
}
.voice_hd1-page {
	border:none;
        padding-left: 0px;
        margin-top: 15px !important;
	position:relative;
	padding-top:10px;
    }
.voice_hd1-page .blog_logo{
	padding-left:0;
}
.voice_hd1-page::after {
    position: absolute;
    content: '' !important;
    display: inline-block !important;
    width: 40px;
    height: 2px;
    left: 0;
    z-index: 2;
    top: -2px;
    background-color: var(--vk-color-primary);
}
.left_round{
	padding-left:60px;
}
.left_round_box {
    background-image: url(../../../wp-content/uploads/green_grd_bg.png);
    background-size: cover;
    padding: 30px 10px 50px 20px;
    position: relative;
    right: auto;
    top: 70px;
    width: 96%;
    border-radius: 0 10px 10px 0;
    z-index: 1;
}
.sc_number_box {
    position: relative;
    top: -40px;
    margin-bottom: -30px;
}
.sc_number_box img{
	width:70px !important;
}
.ftre_box{
	margin-top:-80px;
}

.top-20{
	padding-left:55px;
}
/* 人材コンサルタント */
.jinzai_subtext{
padding-left: 0px!important;
}
/* コンサルタント紹介 */
.sp-name-box{
display: block!important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



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



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