@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:アートフレア株式会社
Tags: 
Version: 1.1
*/

/* 標準データ最終更新日：　2023/09/08  */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  general　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* :root設定、@import、フォント読み込み、bodyへの上書き、カラー変数設定など */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
@import url('style-page.css');

:root {
	--roboto:'Roboto', sans-serif;
	--color-primary-light:rgba(19, 66, 167,.5); /*基本青の50%*/
	--color-white-light:rgba(255, 255, 255,.25); /*白の25%*/
	--line-color:#DDDDDD;
	--sub-color:#0A3457;
	--red-color:#F9270E;
	--main-bgcolor:#F7F7F7;
	--sub-bgcolor:#F2F7FB;
	--red-pdf:#CE0808;
	--shadow:3px 3px 3px rgba(0,0,0,0.1);
	--head-xl:38px;
	--head-l:32px;
	--head-m:24px;
	--head-s:20px;
	--text-m:16px;
	--text-s:14px;
	
	--site-max-width:1920px;
	--site-min-width:1340px;	
}
.site-body a:not([class]){
/* 	display:inline; */
/* 	display:block; */
	background-image: linear-gradient(90deg, var(--vk-color-primary),var(--vk-color-primary));
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 1px;
	transition: background-size 0.3s; 
    text-decoration:none;
}
.site-body a:not([class]):hover {
    text-decoration:none !important;
	color:var(--vk-color-primary);
	background-size: 100% 1px;
}

.has-huge-font-size{
	font-size:38px;
}

/*テキストリンクでblankの時にアイコンつける*/
.blank-link a[target="_blank"]:after{
	content: "\f08e";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	padding-left: .3em;
	padding-right:.3em;
	color:var(--vk-color-primary);
}


/*リンク先がPDFとワードの時のアイコン色*/
a[href$=".pdf"] .vk_button_link_txt,
a[href$=".doc"] .vk_button_link_txt {
	color:var(--vk-color-text-body);
}
a[href$=".pdf"] i {
	color:var(--red-pdf);
}
a[href$=".doc"] i {
	color:var(--vk-color-primary);
}
/* 
a[href$=".pdf"]:hover .vk_button_link_txt {
	color:var(--red-pdf);
	text-decoration:underline!important;
}
a[href$=".doc"]:hover .vk_button_link_txt {
	color:var(--vk-color-primary);
	text-decoration:underline!important;
} */
/* コンテンツ内のp以外の要素はPhraseで改行 */
.body :not(p){
	word-break: auto-phrase !important;
}

/*テーブル内のPDFとワードリンク*/
td a[href$=".pdf"] {
	color:var(--red-pdf);
}
td a[href$=".doc"] {
	color:var(--vk-color-primary);
}
td a[href$=".pdf"]:before {
	/*display:block;*/
	content: "\f1c1";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	font-size:var(--head-s);
	padding-right:5px;
}
td a[href$=".doc"]:before {
	/*display:block;*/
	content: "\f1c2";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	font-size:var(--head-s);
	padding-right:5px;
}



/*画像*/
.w-100 img {
	width:100%;
}
.border-radius-img  img {
	border-radius: var(--vk-size-radius);
}
.drop-shadow-img img {
	/*filter: drop-shadow(var(--shadow));*/
	box-shadow:var(--shadow);
	transition: .5s;
}
.drop-shadow-img a {		
	background-image:none!important;
}
.drop-shadow-img a:hover img {
	/*filter: none;*/
	box-shadow:none;
}

/* 標準の見出し＋フォントサイズ指定 */
.wp-block-heading.has-large-font-size {
	font-size: var(--head-l) !important;
}
.wp-block-heading.has-regular-font-size {
    font-size: var(--head-m) !important;
}
.wp-block-heading.has-small-font-size {
    font-size: var(--head-s) !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 繰り返しボタン・見出し、余白設計など */

/*テキストのみボタン*/
.vk_button a.vk_button_link-type-text {
	background-image: linear-gradient(90deg, var(--vk-color-primary),var(--vk-color-primary))!important;
	background-repeat: no-repeat!important;
	background-position: left bottom!important;
	background-size: 0 1px;
	transition: background-size 0.3s;
}
.vk_button a.vk_button_link-type-text span.vk_button_link_txt {
	text-decoration:none!important;
}
.vk_button a.vk_button_link-type-text:hover {
	background-size: 100% 1px!important;
}



.wp-block-buttons {
    margin-bottom: 1rem;
    gap: 1rem;
}
.wp-block-buttons>.wp-block-button {
    min-width: calc((100% - 2em) / 3);
}
a.wp-block-button__link {
    box-shadow: var(--shadow);
    width: 100%;
    text-align:left;	
	position:relative;
	padding-left:calc(2.5em + 10px);
	transition: .5s;
	font-weight:700;
	border:1px solid var(--line-color);
}
a.wp-block-button__link:hover {
    filter: none;
	box-shadow:none;
	color:var(--vk-color-primary)!important;
}
a.wp-block-button__link:before {	
	content:"\f061";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color:var(--vk-color-primary);
	margin-right:.5em;
	position:absolute;
	left:1.5em;
	top:50%;
	transform: translateY(-50%);
	transition: .5s;
}
a.wp-block-button__link:hover:before {
	left:calc(1.5em + 10px);
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
	width: calc(50% - var(--wp--style--block-gap, 1em)*.5);
}


/*白背景影ありボタン*/
.is-style-jw-button-normal .vk_buttons_col {
	margin-bottom: 1rem;
	gap: 1rem;
	align-items:unset;
}
.is-style-jw-button-normal .vk_button-width-50 {
	width:calc(50% - 1rem);
}
.is-style-jw-button-normal .vk_button_link.btn {
    box-shadow: var(--shadow);
    text-align:left;	
	position:relative;
	padding-left:calc(2.5em + 10px);
	transition: .5s;
	font-weight:700;
	background:#fff;
	border:1px solid var(--line-color);
}
.is-style-jw-button-normal .vk_button_link_txt {
	color:var(--vk-color-text-body);
}
.is-style-jw-button-normal .vk_button_link {
	height:100%;
}
.is-style-jw-button-normal .vk_button_link_caption {
	position:relative;
	top:50%;
	transform: translateY(-50%);
}
.is-style-jw-button-normal .vk_button .vk_button_link_before {
	/*color:var(--vk-color-primary);*/
}
.is-style-jw-button-normal .vk_button_link.btn:hover {
    filter: none;
	box-shadow:none;
	
}
.is-style-jw-button-normal .vk_button_link.btn:hover .vk_button_link_txt {
	color:var(--vk-color-primary);
}

/*後ろアイコンのボタン*/
.is-style-jw-button-afterarrow .vk_buttons_col {
	margin-bottom: 1rem;
	gap: 1rem;
	align-items:unset;
}
.is-style-jw-button-afterarrow .vk_button_link.btn {
    box-shadow: var(--shadow);
    text-align:left;	
	position:relative;
	padding-left:calc(2.5em + 10px);
	transition: .5s;
	font-weight:700;
	background:#fff;
	border:1px solid var(--line-color);
}
.is-style-jw-button-afterarrow .vk_button_link_txt {
	color:var(--vk-color-text-body);
}
.is-style-jw-button-afterarrow .vk_button_link {
	height:100%;
}
.is-style-jw-button-afterarrow .vk_button_link_after {
	position:absolute;
	right:1.5rem;
	top:50%;
	transform: translateY(-50%);
	transition: .5s;
}
.is-style-jw-button-afterarrow .vk_button_link.btn:hover {
    filter: none;
	box-shadow:none;
}
.is-style-jw-button-afterarrow .vk_button_link.btn:hover .vk_button_link_after {
    right:calc(1.5rem - 10px);
}
.is-style-jw-button-afterarrow.color-red .vk_button_link.btn:hover .vk_button_link_txt {
	color:var(--wp--preset--color--vk-color-custom-2);
}
.is-style-jw-button-afterarrow.color-blue .vk_button_link.btn:hover .vk_button_link_txt {
	color:var(--vk-color-primary);
}
/*ボタン右寄せ*/
.alignright .vk_buttons_col {
	justify-content:flex-end!important;
}

/*ボタン等の上下罫線あり*/
.jw-button-line {	
	padding-top:1em;
	padding-bottom:1em;
	margin-bottom:0!important;
}
.jw-button-line:not(:last-child) {	
	border-bottom:1px solid var(--line-color);
}

/*丸数字リスト*/
.is-style-vk-numbered-circle-mark {
	padding-left:0!important;
}
.is-style-vk-numbered-circle-mark > li {
	padding-left:2em!important;
	border-bottom:1px solid var(--line-color);
	padding-bottom:1em;
	margin-bottom:1em!important;
}
.is-style-vk-numbered-circle-mark > li:before {
	margin-left:0!important;
	font-size: calc(var(--vk-size-text) * .8)!important;
    line-height: calc(var(--vk-size-text) * 1.4)!important;
	top:3px;
}

/* ページ内リンク用ボタン */
.is-style-jw-button-outer-hashanchor {
    transform: translateY(50%);
    z-index: 2;
    position: relative;
}
.is-style-jw-button-outer-hashanchor .vk_buttons_col {
    width: 100%;
    gap: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
	border-radius: var(--vk-size-radius);
    overflow: hidden;
}
.is-style-jw-button-outer-hashanchor .vk_buttons_col .wp-block-vk-blocks-button {
    width: 100%;
}
.is-style-jw-button-outer-hashanchor .vk_buttons_col a.vk_button_link {
    width: 100%;
    border-radius: 0;
	white-space: nowrap;
	position:relative;
}
.is-style-jw-button-outer-hashanchor .vk_buttons_col a.vk_button_link .vk_button_link_txt {
	font-size:var(--head-s);
	font-weight:700;
	position:relative;
}
.is-style-jw-button-outer-hashanchor .vk_buttons_col a.vk_button_link:before {
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:"";
	background:var(--color-white-light);
	width:1px;
	height:30px;
	display:block;
}
.is-style-jw-button-outer-hashanchor .vk_buttons_col a.vk_button_link .vk_button_link_txt:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: 0;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .5s;
}
.is-style-jw-button-outer-hashanchor .vk_buttons_col a.vk_button_link:hover .vk_button_link_txt:after {
	transform: scale(1, 1);
}
.is-style-jw-button-outer-hashanchor .vk_button-color-custom a:hover {
	opacity:1;
	box-shadow:none;
}

/* ページ内リンク用ボタン（背景白） */
.is-style-jw-button-outer-hashanchor-w .vk_buttons_col {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.is-style-jw-button-outer-hashanchor-w .wp-block-vk-blocks-button {
	position:relative;
}
.is-style-jw-button-outer-hashanchor-w .wp-block-vk-blocks-button:not(:first-child):before {
	content:"";
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: var(--line-color);
    width: 1px;
    height: 30px;
}
.is-style-jw-button-outer-hashanchor-w a.vk_button_link {
    width: 100%;
	white-space: nowrap;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	display:inline-block;
}
.is-style-jw-button-outer-hashanchor-w .vk_button_link_txt {
	font-weight:700;
	color:var(--vk-color-primary);	
	position:relative;
	text-decoration:none!important;
}
.is-style-jw-button-outer-hashanchor-w a.vk_button_link .vk_button_link_txt:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: var(--vk-color-primary);
	bottom: -5px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .5s;
}
.is-style-jw-button-outer-hashanchor-w a.vk_button_link:hover .vk_button_link_txt:after {
	transform: scale(1, 1);
}

/*横並びリンク*/
.is-style-jw-button-horizontallink .vk_buttons_col {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.is-style-jw-button-horizontallink .wp-block-vk-blocks-button {
	position:relative;
}
.is-style-jw-button-horizontallink .wp-block-vk-blocks-button:not(:first-child):before {
	content:"";
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: var(--line-color);
    width: 1px;
    height: 30px;
}
.is-style-jw-button-horizontallink a.vk_button_link {
    width: 100%;
	white-space: nowrap;
	padding-left:15px;
	padding-right:calc(1.5rem + 10px);
	padding-bottom:5px;
	display:inline-block;
	position:relative;
}
.is-style-jw-button-horizontallink .vk_button_link_caption {
	position:relative;
}
.is-style-jw-button-horizontallink .vk_button_link_txt {
	font-weight:700;
	position:relative;
	text-decoration:none!important;
	color:var(--vk-color-text-body);
}
.is-style-jw-button-horizontallink .vk_button_link_after {
	transition: .5s;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:-1.5rem;
}
.is-style-jw-button-horizontallink .vk_button a:hover .vk_button_link_txt {
	color:var(--vk-color-primary);
}
.is-style-jw-button-horizontallink .vk_button a:hover .vk_button_link_after {
	right:calc(-1.5rem - 10px);
}
.is-style-jw-button-horizontallink a.vk_button_link .vk_button_link_txt:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: var(--vk-color-primary);
	bottom: -5px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .5s;
}
.is-style-jw-button-horizontallink a.vk_button_link:hover .vk_button_link_txt:after {
	transform: scale(1, 1);
}

/*テキストリンク*/
.is-style-is-style-is-style-jw-button-icon a.vk_button_link {
    width: 100%;
	white-space: nowrap;
	padding-left:15px;
	padding-right:calc(1.5rem + 10px);
	padding-bottom:5px;
	display:inline-block;
	position:relative;
}
.is-style-is-style-is-style-jw-button-icon .vk_button_link_caption {
	position:relative;
}
.is-style-is-style-is-style-jw-button-icon .vk_button_link_txt {
	font-weight:700;
	position:relative;
	text-decoration:none!important;
	color:var(--vk-color-text-body);
}
.is-style-is-style-is-style-jw-button-icon .vk_button_link_before {
	transition: .5s;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	left:-1.5rem;
}
.is-style-is-style-is-style-jw-button-icon a.vk_button_link:hover .vk_button_link_txt {
	color:var(--vk-color-primary);
}
.is-style-is-style-is-style-jw-button-icon a.vk_button_link .vk_button_link_txt:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: var(--vk-color-primary);
	bottom: -5px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .5s;
}
.is-style-is-style-is-style-jw-button-icon a.vk_button_link:hover .vk_button_link_txt:after {
	transform: scale(1, 1);
}


/*ページ内検索窓*/
.wp-block-search__inside-wrapper {
	overflow:hidden;
	border-radius: var(--vk-size-radius);
}
.wp-block-search input.wp-block-search__input {
	border-color:var(--line-color);
	border-radius:var(--vk-size-radius) 0 0 var(--vk-size-radius);
}
.wp-block-search .wp-block-search__button {
	width:60px!important;
	height:60px;
	border-radius:0;
}
.wp-block-search__button svg {
	width:30px;
	height:30px;
}
.wp-block-search__button {
	margin-left:0px;
}

.search_result_term {
	color: var(--vk-color-primary);
}

/*グループ枠囲み*/
.is-style-vk-group-solid-roundcorner {
	border-color:var(--line-color)!important;
}

/*タイムライン*/
.timeline-2column {
    --time-width:200px;
}
.timeline-2column.vk_timeline .vk_timeline_item {
    padding-left: calc( var(--time-width) + 30px);
}
.timeline-2column.vk_timeline .vk_timeline_item_lineStyle-default::before {
    left: calc(var(--time-width) + 2px);
	background:var(--line-color);
	width:1px;
}
.timeline-2column.vk_timeline .vk_timeline_item_style {
    left: calc( var(--time-width) - 5px);
    top: 8px;
	color:var(--vk-color-primary)!important;
	width:16px;
	height:16px;
}
.timeline-2column.vk_timeline .vk_timeline_item_caption {
    position: absolute;
    left: 0;
    top: -3px;
    width: calc( var(--time-width) - 20px);
    text-align: right;
	color:var(--vk-color-text-body);
	font-size:32px;
	font-weight:700;
	line-height:1;
}
.timeline-2column.vk_timeline .vk_timeline_item_caption:after {
	content:"\5E74";
	font-size:20px;
}

/*矢印アイコン（横）*/
.icon-arrow-left {
	gap:1rem;
}
.icon-arrow-left > div {
	position:relative;
}
.icon-arrow-left > div:not(:last-child):after {
	content: "\f0a9";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:-1.5rem;
	font-size:2rem;
	color:var(--vk-color-primary);
	z-index:10;
}

/*リスト罫線囲み　横2列*/
.column2-line {
	display:flex;
	flex-wrap:wrap;
	padding-inline-start:0!important;
}
.column2-line li {
	width:50%;
	padding:1em 1em 1em 2.5em;
	margin:0!important;
	border:1px solid var(--line-color);
}
.column2-line li:before {
	left:1em!important;
}
.column2-line li:not(:nth-child(odd)){
	border-left:none;
}
.column2-line li:not(:nth-child(-n+2)){
	border-top:none;
}

/* リンクエリア拡大 */
.stretched-linkitem {
    position: relative !important;
}
.stretched-linkitem a::after{
	position:absolute;
	top:0;	right:0;	bottom:0;	left:0;
	z-index:1;
	pointer-events:auto;
	content:"";
	background-color:rgba(0,0,0,0);
}

/*ページネーション*/
ul.page-numbers li {
	padding:10px;
	width:60px;
}

ul.page-numbers li a {
	font-size:20px;
	font-weight:700;
	color:var(--vk-color-primary)!important;
	line-height:50px;
	width:50px;
	padding:0!important;
}
ul.page-numbers li a, ul.page-numbers li span.page-numbers {
	border:none!important;
}
ul.page-numbers li span.page-numbers.current {
	border-radius:100%;
	width:50px;
	line-height:50px;
	font-size:20px;	
	font-weight:700;
	padding:0!important;
}
ul.page-numbers li a:hover {
	border-radius:100%;
}

ul.page-numbers a.prev,
ul.page-numbers a.next {
    color: transparent !important;
}
ul.page-numbers a.prev::before {
    content: '\f104';
    color: var(--vk-color-primary);
    font-family: "Font Awesome 6 Free";
	margin-right:-10px;
}
ul.page-numbers a.next::after {
    content: '\f105';
    color: var(--vk-color-primary);
    font-family: "Font Awesome 6 Free";
	margin-left:-10px;
}
ul.page-numbers li:first-child>.page-numbers,
ul.page-numbers li:last-child>.page-numbers {
	border-radius:100%!important;
}

.vk_faq .vk_faq_content-accordion-close {
        visibility: hidden;
    opacity: 0 !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body  {
	overflow-x: unset !important;
	display: flex;
	flex-direction: column;
}
.device-pc #site-header {
	position: sticky;
	top: 0;
}
.logged-in.device-pc #site-header {
	top: 32px;
}

#site-header-container{
	max-width: var(--site-max-width);
	min-width:var(--site-min-width);
	margin:auto;
	padding-right: 0;
    padding-left: 15px;
	height:100px;
	justify-content:space-between;
}
.logged-in #site-header {
	top: 32px;
}
/* 言語切替 */
.header-top {
	background: transparent;
    border-bottom: none;
    max-width: var(--site-max-width);
    min-width: var(--site-min-width);
    margin: auto;
}
.header-top .container {
    max-width: unset;
	    position: relative;
}
.header-top nav {
    position: absolute;
    right: 120px;
	z-index:1000;
}

.global-nav {
	align-self:flex-end;
}
div#mega-menu-wrap-global-nav {
    margin-right: 0;
    margin-left: auto;
}
/* topのみスクロールしていない時は透過で文字反転 */
.home header#site-header {
    position: fixed !important;
    top: 0;
	transition:.3s;
}
.home.scrolled header#site-header {
    background: #fff;
}
.logged-in:not(.home) #site-header {
    top: 32px;
}

.home:not(.scrolled) #site-header{
	background:rgba(255,255,255,0);
	border:none;
}
.home:not(.scrolled) .global-nav-name,
.home:not(.scrolled) .site-header-logo span,
.home:not(.scrolled) .header-top-description{
	color:#fff;
	transition:.3s;
	
}
.home:not(.scrolled) h1.site-header-logo img {
    filter: contrast(0) brightness(3);
}
/*ホバー装飾*/
#mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item > a.mega-menu-link {
	background-image: linear-gradient(90deg, var(--vk-color-primary),var(--vk-color-primary))!important;
	background-repeat: no-repeat!important;
	background-position: left bottom!important;
	background-size: 0 3px!important;
	transition: background-size 0.3s; 
}
#mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item:not(.mega-current-page-ancestor):not(.mega-current-menu-item) > a.mega-menu-link:hover {
	color:var(--vk-color-primary);
	background-size: 100% 3px!important;
}
.home:not(.scrolled) #mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item > a.mega-menu-link {
	background-image: linear-gradient(90deg, #fff,#fff)!important;
}
.home:not(.scrolled) #mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item > a.mega-menu-link:hover {
	color:#fff;
}




/*ヘッダー言語ボタン*/
.header-top ul>li>a {
	font-size:var(--text-s);
	font-family:var(--roboto);
	text-transform:uppercase;
	font-weight:700;
	color:var(--vk-color-primary);
}
.header-top ul>li#menu-item-4732>a {
	color:var(--color-primary-light);
}
.home:not(.scrolled) .header-top ul>li>a {
	color:#fff;
}
.home:not(.scrolled) .header-top ul>li#menu-item-4732>a {
	color:rgba(255,255,255,.5);
}

/*ヘッダー検索ボタン*/
.header_nav_search_container .vk_button .vk_button_link.btn {
	width:100px;
	height:100px;
	position:relative;
	border-radius:0;
}
.header_nav_search_container .vk_button_link_caption {
	flex-direction:column;
	font-size:var(--text-s);
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	white-space:nowrap;
}
.header_nav_search_container .vk_button_link_caption i {
	margin-right:0;
}

/* グローバルナビ */
.menu-hidden{
	display:none;
}

.global-nav-list>li>a {
	transition: .3s;
	border-bottom: 3px solid transparent;
}

.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    color: var(--vk-color-custom-1);
    border-bottom: 3px solid var(--vk-color-custom-1);
}

.device-pc .menu-item-has-children > a .global-nav-name::after {
	color:var(--vk-color-primary);
	content: '\f0d7';
}
.global-nav-list>li .global-nav-name {
	font-size:var(--text-m)!important;
}


/*1280px以下でハンバーガーメニュー*/
@media (max-width:1280px) {

.device-pc .vk-mobile-nav-menu-btn {
	display: block !important;
}
.device-pc .vk-mobile-nav {
	display: block !important;
}
#vk-mobile-nav-menu-btn {
	right: 100px;
	left: auto;
	width: 100px;
	height: 100px;
	border-radius: 0;
	border: none;
	background-size: 50px;
	top:0;
}
.admin-bar .vk-mobile-nav-menu-btn {
	top:calc(32px + 0px)!important;
}
#vk-mobile-nav {
	overflow: auto;
}
div#mega-menu-wrap-global-nav,
nav#global-nav {
	display: none;
}
	

.vk-mobile-nav-menu-btn {
    filter: invert(1);
    background-color: #f5cba8 !important;
}
.vk-mobile-nav-menu-btn.menu-open {
    /*background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat #fff;*/
	filter: none;
	background-color:#fff!important;    
}

.header-top {
	position:absolute;
	right:210px;
}
}

/* mobile navigation */
#vk-mobile-nav.vk-mobile-nav-open {
    top:60px;
    background: rgb(19 66 167 / 90%);
    color: #fff;
}
.vk-mobile-nav-menu-btn.menu-open {
    background-color: rgb(19 66 167 / 90%) !important;
}
#vk-mobile-nav a {
    color: #fff;
	text-decoration: none;
}
/* ハンバーガーナビ内 */
ul#mobile-nav {
	list-style:none;
	padding-left:0;
}
ul#mobile-nav li {
	border-bottom:1px solid #fff;
	padding:20px 0;
	margin:0;
}
#vk-mobile-nav a {
	display:block;
	position:relative;
	font-size:18px;
}
#vk-mobile-nav a:before {
	content:"\f061";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color:#fff;
	position:absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
}
	


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターの上部（カードリスト） */
footer.site-footer, footer .widget {
    margin-bottom: 0;
}
figure.wp-block-gallery.footer-cardlist {
    display: flex;
    align-items: flex-start;
}
figure.wp-block-gallery.footer-cardlist  figure.wp-block-image {
    margin-bottom:1rem !important;
}
figure.wp-block-gallery.footer-cardlist  figure.wp-block-image img {
    border: solid 2px var(--line-color);
    border-radius: var(--vk-size-radius);
}

figure.wp-block-gallery.footer-cardlist figure.wp-block-image figcaption {
    position: static;
    background: none;
    color: inherit;
    font-size: var(--text-s);
    text-align: left;
    padding: 0;
}



	/* フッターウィジェット、フッターロゴ、コピーライト */
hr.wp-block-separator {
	border-color:var(--color-white-light)!important;
}

/*電話番号一覧(右側）*/
.site-footer-content {
    padding-top: 0 !important;
}
.site-footer .wp-block-columns > div:last-child {
	border-left:1px solid var(--color-white-light);
	padding-left:60px;
}
.site-footer .wp-block-columns > div:last-child > .wp-block-group:not(:last-child) {
	border-bottom:1px solid var(--color-white-light);
	padding:.8rem 0;
}
.site-footer .wp-block-columns > div:last-child > .wp-block-group {
	padding:.8rem 0;
}
.site-footer .wp-block-columns > div:last-child > .wp-block-group .wp-block-group {
	padding:.4rem 0;
}

.site-footer .vk_button .vk_button_link {
	font-size:var(--head-m);
	font-family:var(--roboto);
	font-weight:700;
}

.footer-nav.wp-block-navigation,
.footer-sub-nav.wp-block-navigation {
	font-size: 1rem;
    padding: 0;
}
.footer-nav.wp-block-navigation li,
.footer-sub-nav.wp-block-navigation li {
    margin: 0;
}
.footer-nav.wp-block-navigation li:not(:last-child) {
    border-right: solid 1px var(--color-white-light);
    margin-right: 1em;
    padding-right:1em;
}
.footer-sub-nav.wp-block-navigation li:not(:last-child){
	margin-right:1.5em;
}
footer .wp-block-navigation a{
	background-image: linear-gradient(90deg, #fff,#fff);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 1px;
	transition: background-size 0.3s; 
	line-height: 1.6;
}
footer .wp-block-navigation a:hover{
    text-decoration:none !important;
	background-size: 100% 1px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  pageheader,breadcrumb 下層ページヘッダー
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 下層ページのページヘッダー、パンクズ設定 */
/*  */

.jw-pageheading .vk_heading_subtext {
    font-size: var(--text-m);
    margin-bottom: 0.5em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.page-header,
.archive-header{
	background: url("../../../wp-content/uploads/pageheader-bg.svg") no-repeat left center;
	background-size:auto 104px;
}

.page-header-inner.container {
    max-width: none;
    padding-left: 0;
}
.page-header-title {
    font-size: inherit;
}

.entry-title br{
	display:none;
}

/*パンくずリスト・上下*/
#vk_breadcrumb,
#breadcrumb .container {
    max-width: var(--site-max-width);
	margin:auto;
	padding-right: 15px;
    padding-left: 15px;
}
.breadcrumb-list__item--home a {
	position:relative;
	display:inline-block;
	width:24px;
}
.breadcrumb-list__item--home i {
	color:transparent;
}
.breadcrumb-list__item--home a:before {
	content:url(../../../wp-content/uploads/homeicon.svg);
	position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
	height:24px;
}
.breadcrumb-list li:not(:last-child):after,
.vk_breadcrumb_list_item:not(:last-child):after {
	content: "\f105"!important;
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color:var(--line-color);
}
.breadcrumb-list__item--home span {
	display:none;
}
.breadcrumb,
.vk_breadcrumb {
	font-size:var(--text-s)!important;
}
.breadcrumb-list,
.vk_breadcrumb_list{
	padding:30px 0!important;
}
.breadcrumb-list li a,
.vk_breadcrumb_list_item a{
	text-decoration:none;
	color:var(--vk-color-primary);
}
.breadcrumb-list li a:hover,
.vk_breadcrumb_list_item a:hover{
	text-decoration:underline;
}
.breadcrumb {
	grid-area:3;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  sidebar,その他レイアウト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: unset !important;
}
.jw_relayout {
    display: grid;
    max-width: var(--site-max-width);
    grid-template-columns: 1fr 360px;
    grid-template-rows: auto 1fr;
    grid-column-gap: 100px;
    grid-row-gap: 15px;
    align-items: start;
	width: calc(100% - 15px);
/*     margin: auto; */
}
.home .jw_relayout {
	grid-row-gap: 0;
}
.page-header,
.archive-header{
    grid-area: 1 / 1 / 2 / 2;
    padding-left: max( 150px , calc( (100vw - var(--vk-width-container) ) / 2) );
    text-align: left;
    min-height: 5rem;
}
/* 2024/04/26追加 */
	.page-parent .page-header{
		grid-area: 1 / 1 / 2 / 3;
	}
/* ニュースアーカイブ */
.archive .page-header {
	display:none;
}
.archive-header{
margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);	
	
}

@media (max-width: 1280px) { 
	.page-header.archive-header{
		background:none;
		padding-left:15px;
	}
}
.site-body {
    display: contents;
}
.site-body-container {
    display: contents;
}
.main-section:not(.main-section--col--two) {
    grid-area: 2 / 1 / 3 / 3;
/*     max-width: var(--vk-width-container); */
    width: var(--vk-width-container);
	
/*     margin:0  max( 15px , calc( (100vw - var(--vk-width-container) ) / 2)); */
	margin:0 auto;
}

.main-section.main-section--col--two {
    grid-area: 2 / 1 / 3 / 2;
	width:unset;
	margin-left: max( 15px , calc( (100vw - var(--vk-width-container) ) / 2) ) ;
}
.sub-section.sub-section--col--two {
    grid-area: 1 / 2 / 3 / 3;
    top: 1rem;
    align-self: start;
    position: sticky;
    top: 160px;
	width: 100%;
}
/* テンプレートA（第二階層用）　ワイド幅 */
.page-template-wide {
    --vk-width-container:1200px;
}
/* 汎用outer */
.wp-block-vk-blocks-outer.vk_outer-width-normal.vk_outer-bgPosition-normal {

    margin-left: -60px !important;
    padding-left: 60px !important;
    margin-right: -60px !important;
    padding-right: 60px !important;
}

/*サイドバー*/

/* .sub-section .widget_vkexunit_childpagelist .sub-section-title {
	font-size:var(--head-m);
	border-left:5px solid var(--vk-color-primary);
	padding:.5em 0 .5em 1rem;
	margin-bottom:1em!important;
} */

.sub-section .widget_vkexunit_childpagelist .localNavi li ul.children {
	background:#fff;
	margin-left:1em;
}
.sub-section .widget_vkexunit_childpagelist .localNavi li ul.children li {
	margin-left:15px;
	margin-right:15px;
}
.sub-section .widget_vkexunit_childpagelist .localNavi li ul.children li.page-item-5327 {
	border-top:1px solid var(--line-color);
}
.sub-section .widget_vkexunit_childpagelist .localNavi li a {
	border-bottom:none;
}


/* サイドバー改修 */
#menu-nested-pages {
	background:var(--main-bgcolor);
		padding:38px 0 0;
}
#menu-nested-pages .menu-cover {
    display: none;
}
#menu-nested-pages>li:not(.current-page-ancestor),
#menu-nested-pages>li>ul>li:not(.current-page-ancestor) {
    display: none;
}
#menu-nested-pages>li.current-page-ancestor {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}
#menu-nested-pages ul,
#menu-nested-pages li>a {
    width: 100%;
}
.sub-section li:not(.is-only-3level-unit).menu-item.menu-item-type-custom a,
#menu-nested-pages>li.current-page-ancestor:not(.is-only-3level-unit)>ul.sub-menu>li>a{
	pointer-events:none;
}
/* 第３階層見出し */
#menu-nested-pages>li.current-page-ancestor:not(.is-only-3level-unit)>ul.sub-menu>li>a,
#menu-nested-pages li.is-only-3level-unit-headpage a /* 協会案内固定ID */{
    font-size: var(--head-m);
    color: unset;
    border-left: 5px solid var(--vk-color-primary);
    padding: .5em 0 .5em 1rem;
    border-bottom: 0;
    font-weight: bold;
}

/* 第４階層 見出し */
.sub-section li.menu-item.menu-item-type-custom a {
    color: unset;
    outline: none !important;
    padding-left: 1rem;
}

/* 第４階層 リスト */
#menu-nested-pages ul.sub-menu li.menu-item-anchor {
    margin-top: 1em !important;
}
#menu-nested-pages ul.sub-menu ul.sub-menu li.menu-item:not(.menu-item-type-custom) a {
	position:relative;
	padding-left:calc(2em + 10px);
	background-color:unset;
	color:unset;
}
#menu-nested-pages ul.sub-menu ul.sub-menu li.menu-item:not(.menu-item-type-custom) a:before {
	content: "\f061";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color:var(--vk-color-primary);
	position:absolute;
	left:1rem;
	top:50%;
	transform: translateY(-50%);
	transition: .5s;
}
#menu-nested-pages ul.sub-menu ul.sub-menu li.menu-item:not(.current_page_item):not(.menu-item-type-custom) a:hover:before {
	left:calc(1em + 5px);
}


/* 一番下の戻るボタン */
#menu-nested-pages>li.menu-item.current_page_ancestor>a {
    background: var(--vk-color-primary);
    color: #fff;
	position:relative;
	padding-left:calc(2em + 10px);
}
#menu-nested-pages>li.menu-item.current_page_ancestor>a::after {
    content: 'へ戻る';
    font-size: 14px;
}
#menu-nested-pages ul.sub-menu ul.sub-menu li.menu-item:not(.menu-item-type-custom) a {
	position:relative;
	padding-left:calc(2em + 10px);
	background-color:unset;
	color:unset;
}
#menu-nested-pages>li.menu-item.current_page_ancestor>a:before {
	content: "\f060";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color:#fff;
	position:absolute;
	left:1rem;
	top:50%;
	transform: translateY(-50%);
	transition: .5s;
}
/* 協会案内専用レイアウト  ※メニューに「is-only-3level-unit」クラスを付与　 */

#menu-nested-pages>li.is-only-3level-unit>ul>li{
    display:block;
}
#menu-nested-pages .is-only-3level-unit-headpage a{
	pointer-events:none;
}
#menu-nested-pages>li.is-only-3level-unit>ul.sub-menu>li:not(.is-only-3level-unit-headpage)>a {
    position: relative;
    padding-left: calc(2em + 10px);
    background-color: unset;
    color: unset;
}

#menu-nested-pages>li.is-only-3level-unit>ul.sub-menu>li:not(.is-only-3level-unit-headpage)>a:before {
	content: "\f061";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color:var(--vk-color-primary);
	position:absolute;
	left:1rem;
	top:50%;
	transform: translateY(-50%);
	transition: .5s;
}
#menu-nested-pages>li.is-only-3level-unit>ul.sub-menu>li>a:hover:before {
	left:calc(1em + 5px);
}



/* 協会案内→拠点一覧 */
#menu-item-12714 ul.sub-menu {
    margin-left: 1.5em;
	margin-bottom:1.5em;
    background: #fff;
}
#menu-item-12714 a,#menu-item-12714 ul.sub-menu a {
    border: none;
}
li.top-divider {
    border-top: solid 1px var(--line-color);
    margin-top: 10px !important;
    padding-top: 10px;
}


/* マイクロソルダリング専用レイアウト */
.page-template-micro .jw_relayout {
    grid-template-columns: 320px 1fr;
    grid-template-rows: 110px auto;
    grid-column-gap: 100px;
	margin-left: 15px;
}
.page-template-micro .page-header {
    grid-area: 1 / 2 / 2 / 3;
    padding-left: 0;
    background: none;
}
.page-template-micro .main-section.main-section--col--two {
    grid-area: 2 / 2 / 3 / 3;
    margin-left: 0;
    padding-right: max( 15px , calc( (100vw - var(--vk-width-container) ) / 2) );
}
.page-template-micro .sub-section.sub-section--col--two {
    grid-area: 1 / 1 / 3 / 2;
	margin-bottom: 130px;
}
/* マイクロソルダリング専用ヘッダー */
.page-template-micro .page-header {
    border-top: solid 1px #ddd;
}
.page-template-micro .page-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 2px;
    background: var(--vk-color-primary);
    display: block;
}
/* マイクロソルダリング専用サイドバー */
.page-template-micro #menu-nested-pages {
    color: #fff;
    background: var(--vk-color-primary);
    padding-left: 10px;
    padding-right: 10px;
}
.page-template-micro #menu-nested-pages ul.sub-menu ul.sub-menu li.menu-item:not(.menu-item-type-custom) {
    background: #fff;
    color: #555;
}

.page-id-11093 li#menu-item-12539 {
    display: block !important;
}
.page-id-11093 #menu-nested-pages  li#menu-item-12539>a {
    color: #fff !important;
}
.page-id-11093 #menu-nested-pages  li#menu-item-12539>a:before{
    display:none !important;
}

/* 現在のページ */
#menu-nested-pages li.menu-item.current_page_item>a:before {
	content: "\f00c" !important;
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
#menu-nested-pages li.menu-item.current_page_item>a {
	color:var(--vk-color-primary) !important;
	font-weight:bold;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* FV */
.top-news .vk_posts.vk_posts-postType-post {
    width: 100%;
    padding: 0;
    background: transparent;
}
.top-news .vk_posts-layout-postListText .postListText {
    background: transparent;
    padding: 0;
    border: 0 !important;
    display: flex;
    align-items: center;
}
.top-news h2.vk_heading_title {
    margin: 0;
}
.top-news .vk_posts-layout-postListText .postListText_title {
    color: var(--sub-color);
}
.top-news .postListText_title a {
    color: var(--vk-color-text-body);
}
.top-news .postListText_title a:hover {
	color: var(--wp--preset--color--vk-color-custom-2);
}
.top-news .vk_posts-layout-postListText .postListText:after {
    color: var(--wp--preset--color--vk-color-custom-2);
}
.top-news  a:not([class]) {
    background-image: linear-gradient(90deg, var(--wp--preset--color--vk-color-custom-2), var(--wp--preset--color--vk-color-custom-2));
}
.teaser-title {
	width:50%;
}
.teaser-title .wp-block-heading {
	font-size:40px;
}
.teaser-title .wp-block-columns {
	gap:1rem;
}

/* ピックアップコンテンツ */
.vk_posts-postType-pickup {
	opacity:0 !important;
}
.vk_posts-postType-pickup.slick-initialized {
	opacity:1 !important;
}
.vk_posts-postType-pickup.slick-slider{
    margin: 0 !important;
}
.vk_posts-postType-pickup .slick-list {
    padding: 0 !important;
}
.vk_posts-postType-pickup  {
    width: 100%;
    max-width: var(--vk-width-container);
    position: relative;
	overflow: visible;
	display:block !important;
}
.vk_posts-postType-pickup .slick-list{
    overflow: visible !important;
}
.vk_post.vk_post-postType-pickup {
    box-shadow: var(--shadow);
    transition: .5s;
    padding: 20px !important;
	position:relative;
}
.vk_post.vk_post-postType-pickup:hover {
	box-shadow:none;
}
.pickup-thumbnail {
    border-radius: var(--vk-size-radius);
    border: 1px solid var(--line-color);
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    margin-bottom: 1rem;
}
.vk_post-postType-pickup a.vk_post_title {
    font-size: var(--head-s) !important;
	margin-bottom: 1rem;
	position:unset !important;

    font-weight: 700;
    display: block;
	width:fit-content;
    text-decoration: none!important;
    background-image: linear-gradient(90deg, var(--vk-color-primary),var(--vk-color-primary));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0 1px;
    transition: background-size 0.3s;
}
.vk_post-postType-pickup a.vk_post_title:hover{
	color:var(--vk-color-primary);
	background-size: 100% 1px;
}
p.pickup-excerpt {
    font-size: var(--text-s);
	display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 4; 
    overflow: hidden;
}
.vk_post.vk_post-postType-pickup::after {
    position: absolute;
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 1rem;
    bottom: 1rem;
    color: var(--vk-color-primary);
    transition: .5s;
}
.vk_post.vk_post-postType-pickup:hover::after {
    right:calc(1rem - 10px);
}
/* ニュースタブ */
.top-newstab-container .wp-block-group__inner-container {
    display: grid;grid-template-columns: 240px auto;
    grid-template-rows: 110px  auto;
    grid-column-gap: 15px;
}

.top-newstab .su-tabs-nav {
    grid-area: 2 / 1 / 3 / 2;
    width:100% !important;
}
.top-newstab .wp-block-vk-blocks-heading {
    grid-area: 1 / 1 / 2 / 2;
}
.top-newstab .su-tabs-panes {
    grid-area: 1 / 2 / 3 / 3;
    width:100% !important;
}
.top-newstab.su-tabs {
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    display: contents;
}
.top-newstab .su-tabs-nav span {
    font-size: 1rem;
    color: #555;
    border-radius: 0 !important;
	padding:0;
}
.top-newstab .su-tabs-nav span:hover,
.top-newstab .su-tabs-nav span.su-tabs-current {
    color: #111 ;
/*     font-weight: bold; */
    background:none;
}
.top-newstab .su-tabs-nav span:focus {
    outline: none;
}
.top-newstab .su-tabs-pane {
    padding: 0;
}
/*コンテンツへのリンク*/
.top-link-contents {
	border-radius:var(--vk-size-radius);
	padding:30px 0 0;
	height:100%;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.top-link-contents .wp-block-media-text__media {
	padding-left:30px;
	padding-bottom:30px;
}
.top-link-contents .wp-block-media-text__media img {
	object-fit:cover;
	aspect-ratio:1/1;
	border-radius:var(--vk-size-radius);
}
.top-link-contents .vk_button a .vk_button_link_txt {
	font-size:var(--head-m);
	font-weight:700;
	display:inline-block;
	text-decoration:none!important;
	background-image: linear-gradient(90deg, var(--vk-color-primary),var(--vk-color-primary));
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 1px;
	transition: background-size 0.3s; 
}
.top-link-contents .vk_button .vk_button_link_after {
	color:var(--vk-color-primary);
	transition: .5s;
}
.top-link-contents .btn-more {
	position:absolute;
	bottom:.5rem;
	right:1rem;
	margin:0;
}

.top-link-contents.border-left {
	border-left:5px solid var(--vk-color-primary)!important;
	padding:24px;
	box-shadow:var(--shadow);
	transition: .5s;
}
.top-link-contents .vk_button a:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:2;
}
.top-link-contents .vk_button a:hover .vk_button_link_txt {
	color:var(--vk-color-primary);
	background-size: 100% 1px;
}
.top-link-contents.border-left:hover {
	box-shadow:none;
}
.top-link-contents .vk_button_link_caption {
	position:relative;
	margin-right:1.5rem;
}
.top-link-contents .vk_button_link_after {
	position:absolute;
	/*top:50px;
	transform: translateY(-50%);*/
	right:-1.5rem;
}
.top-link-contents .vk_button a:hover .vk_button_link_after {
	right:calc(-1.5rem - 10px);
}


/*****要素を広げる*****/
.overflow-visible {
	overflow:visible!important;
}
/*右に（溶接lab）*/
#top-yousetsulab.column-out-right {
    width: calc((100% + (100vw - 100%) / 2) - 10px);
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.column-out-right .vk_outer_container > div {
	margin-left:unset;
	gap:3.5rem;
	max-width: unset;
}
.column-out-right .vk_outer_container > div figure img {
	width:100%;
}
/*左に（日本溶接協会について）*/
#top-aboutus.column-out-left {
	transform: translateY(-30%);
    z-index: 2;
	border-radius:0 var(--vk-size-radius) var(--vk-size-radius) 0;
	margin-left: calc((100% + (-100vw - 100%) / 2)) !important;
}
.column-out-left .vk_outer_container > div {
/* 	margin-right:unset; */
	gap:3rem;
}
.column-out-left .vk_outer_container > div > div:nth-child(2) {
	padding:0 3.5rem;
	border-left:1px solid var(--line-color);
}
.top-bgimg img {
	width:100%;
	aspect-ratio: 24/7;
    object-fit: cover;
	object-position: bottom;
}



/*****投稿リスト*****/
.vk_posts-layout-postListText {
	/*background:var(--sub-bgcolor);*/
	padding:15px 0;
	margin:0!important;
}
.vk_posts-layout-postListText .postListText {
    display: grid;
    grid-template: auto auto / 120px 1fr;
	align-items: baseline;
	position:relative;
	background:#fff;
	border-bottom:1px solid var(--line-color);
	/*margin-bottom: -1px;*/
	margin-right: 0;
	margin-left: 0;
}
.vk_posts-layout-postListText .postListText:first-child {
	border-top:1px solid var(--line-color);
}

.vk_posts-layout-postListText .postListText:after {
	content:"\f061";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	position:absolute;
	right:1rem;
	top:50%;
	transform: translateY(-50%);
	color:var(--vk-color-primary);
	transition: .5s
}
.vk_posts-layout-postListText .postListText:hover:after {
	right:calc(1rem - 10px);
}
.vk_posts-layout-postListText .postListText_title {
	font-size:1rem;
	font-weight:700;
	padding-right:2rem;
	padding-top:.5rem;
}
.postListText_date {
    grid-area: 1 / 1 / 3 / 1;
    align-self: center;
	text-align:center;
}

span.postListText_singleTermLabel {
    display: inline;
    float: none;
}
.postListText_singleTermLabel a {
    background: transparent !important;
    color: var(--vk-color-primary) !important;
    text-align: start;
    padding: 0;
    text-decoration: none;
	
}
.vk_posts-layout-postListText .postListText_singleTermLabel_inner {
	font-size:var(--text-s);
}
.vk_posts-layout-postListText .postListText_title a {
	display:inline;
    text-decoration: none;
    font-weight: normal;
}
.vk_posts-layout-postListText.border-bothsides .postListText {
	border-left:1px solid var(--line-color);
	border-right:1px solid var(--line-color);
	padding:.8rem .7rem .7rem;
}

/*****子ページ・選択ページリスト*****/
.vk_childPage .vk_post,
.wp-block-vk-blocks-select-post-list .vk_post{
	box-shadow:var(--shadow);
	transition: .5s
}
.vk_childPage .vk_post .vk_post_body,
.wp-block-vk-blocks-select-post-list .vk_post .vk_post_body{
	background:#fff;
	padding:1rem;
}
.wp-block-vk-blocks-select-post-list .vk_post .vk_post_body {
	padding:1.5rem;
}

.vk_childPage .vk_post .vk_post_title,
.wp-block-vk-blocks-select-post-list .vk_post .vk_post_title {
	font-size:var(--head-m);
	position: unset;
	padding-left: 2rem;
}
.vk_childPage .vk_post_title:before,
.wp-block-vk-blocks-select-post-list .vk_post_title:before {
	content:"\f061";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color:var(--vk-color-primary);
	margin-right:.5em;
	display: inline-block;
	left:0;
	top:0;
	transition: .5s;
	margin-left: -1.5em;
	vertical-align:top;
}
.vk_childPage .vk_post .vk_post_excerpt,
.wp-block-vk-blocks-select-post-list .vk_post .vk_post_excerpt {
	font-size:var(--text-m);
	font-weight:400;
	line-height:1.7;
	padding-left:2rem;
    display: -webkit-box; /* 必須 */
    -webkit-box-orient: vertical; /* 必須 */
    -webkit-line-clamp: 3; /* 行数を制限 */
    overflow: hidden; /* はみ出た部分を非表示 */
}
.vk_childPage .vk_post .vk_post_title a,
.wp-block-vk-blocks-select-post-list .vk_post .vk_post_title a {
	position: unset;
	display:inline-block;
	background-image: linear-gradient(90deg, var(--vk-color-primary),var(--vk-color-primary));
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 1px;
	transition: background-size 0.3s; 
}
.vk_childPage .vk_post .vk_post_title a:hover,
.wp-block-vk-blocks-select-post-list .vk_post .vk_post_title a:hover {
	color:var(--vk-color-primary);
	background-size: 100% 1px;
}
.vk_childPage .vk_post_title:hover:before,
.wp-block-vk-blocks-select-post-list .vk_post_title:hover:before {
	left:10px;
}
.vk_childPage .vk_post:hover,
.wp-block-vk-blocks-select-post-list .vk_post:hover {
	box-shadow:none;
}

.wp-block-vk-blocks-select-post-list .vk_gridColumn_item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*アイコンがblank*/
.link_blank .vk_post_title:before, .link_blank .vk_post_title:before {
	content:"\f08e";
}
.link_blank .vk_post_title:hover:before {
	left:unset;
}


/*全面リンク*/
.vk_post {
    position: relative;
}
.card-title {
    position: unset;
}
.vk_post a::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:2;
}


/*****テーブル*****/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
	padding:1rem;
	font-size:var(--text-m);
	border-color:var(--line-color);
	font-weight:500;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th {
	background:var(--sub-bgcolor);
}
figcaption {
	font-size:var(--text-m);
	font-weight:500;
}

/*FAQ*/
.vk_faq {
	border-bottom:none!important;
	margin-bottom:20px!important;
}
.vk_faq .vk_faq_title {
	border:1px solid var(--line-color)!important;
	border-radius:var(--vk-size-radius);
	padding:1.3rem 3rem 1.3rem 4rem!important;
}
.vk_faq.vk_faq-accordion-open .vk_faq_title {
	border-radius:var(--vk-size-radius) var(--vk-size-radius) 0 0;
}
.vk_faq .vk_faq_title p {
	color:var(--vk-color-primary)!important;
	font-size:var(--head-s);
}
.vk_faq .vk_faq_title:before {
	left:20px!important;
	top:50%!important;
	transform: translateY(-50%);
}
.vk_faq .vk_faq_title:before {
	background-color:var(--vk-color-primary)!important;
	border-radius:50%;
	color:#fff!important;
}
.vk_faq.vk_faq-accordion-close .vk_faq_title::after,
.vk_faq.vk_faq-accordion-open .vk_faq_title::after {
	border:none!important;
	color:var(--vk-color-primary)!important;
	transform:none!important;
	width:auto!important;
	height:auto!important;
	font-size:var(--head-m);
	transform: translateY(-50%)!important;
	right:20px!important;
}
.vk_faq.vk_faq-accordion-close .vk_faq_title::after {
	content: "\f055"!important;
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.vk_faq.vk_faq-accordion-open .vk_faq_title::after {
	content: "\f056"!important;
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.vk_faq .vk_faq_content {
	background:var(--main-bgcolor);	
	border:1px solid var(--line-color)!important;
	border-top:none!important;
	border-radius:0 0 var(--vk-size-radius) var(--vk-size-radius);
	padding:1.3rem 1.3rem 1.3rem 4rem!important;
}
.vk_faq .vk_faq_content:before {
	left:20px!important;
	top:20px!important;
}
.vk_faq .vk_faq_content:before {
	background-color:var(--wp--preset--color--vk-color-custom-1)!important;
	color:#fff!important;
	border-radius:50%;	
}
.vk_faq .vk_faq_content-accordion-close.vk_faq_content {
	padding:0!important;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/*協会案内 > 入会案内（メリット）*/
.merit .vk_heading_title {
	font-size:var(--head-m);
}
.merit .vk_heading_subtext {
	background:var(--vk-color-primary);
	color:#fff;
	font-size:var(--text-s);
	padding:6px 10px;
	border-radius:var(--vk-size-radius);
}

/*広報物・安全啓発資料（カード）*/
.card-noborder .vk_post_imgOuter {
	border:none!important;
	aspect-ratio:1/1;
}
.vk_card_item .vk_post_title.card-title {
	font-size:var(--text-m)!important;
	color:var(--vk-color-primary)!important;
}

/* 会員検索　検索フォーム */

form.vfsp-member {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}
.vfsp-member .vkfs__outer-wrap {
    margin: 0;
    flex-basis: unset;
    width: 100%;
}
.vfsp-member .vkfs__labels {
    flex-grow: 1;
}
.vfsp-member .vkfs__label-name {
    display: none;
}
.vfsp-member .btn[type=submit] {
    width: auto;
    min-width: 6rem;
    margin: 0;
    border: none;
    border-radius: 0 var(--vk-size-radius) var(--vk-size-radius) 0;
    height: 100%;
    padding: 0.5em;
    letter-spacing: 0;
	padding: 6px 12px;
    font-size: 14px;
height: 60px;
}
.vfsp-member input[type=text] {
    border-radius: var(--vk-size-radius) 0 0 var(--vk-size-radius);
    border: solid 3px var(--line-color);
    background:var(--main-bgcolor);
    width: 100%;
	padding: 6px 12px;
    font-size: 14px;
	height: 60px;

}

/* 検索結果画面 */
.search-result-wrapper {
    background-color: var(--wp--preset--color--vk-color-custom-5) !important;
}
.search-result-wrapper .vk_posts {
    margin-bottom: 1rem;
    gap: 1rem;
    align-items: unset;
}
.search_result_item {
    width: 100%;
    border-bottom: 1px solid var(--line-color);
    padding: 1rem 2rem 1rem 0;
    overflow: hidden;
}
.search_result_item.vk_post .vk_post_title {
    font-size: var(--head-s);
	margin-bottom: 1rem;
}

.search_result_item.vk_post .vk_post_excerpt {
    font-size: 1rem;
    opacity: 1;
}
.search_result_item:after {
	content:"\f061";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	position:absolute;
	right:1rem;
	top:50%;
	transform: translateY(-50%);
	color:var(--vk-color-primary);
	transition: .5s
}
.search_result_item:hover:after {
	right:calc(1rem - 10px);
}
.search_result_item a {
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 2024.07 会員検索update */
	body.search-results .jw_relayout {
		/* レイアウト崩れ　修正　（＊根本未解決） */
		display: block !important;
	}
	.member-search-result span.button_memberterm {
		background-color: #e9ebef;
		color: var(--vk-color-primary);
		font-size: 14px;
		padding: 1px 7px;
		white-space: nowrap;
	}
	.member-search-result span.vk_button_link_txt {
		width: 100%;
		display: inline-flex;
		justify-content: space-between;
		align-items: center;
	}
	.member-search-result .vk_button_link_caption {
		width: 100%;
	}



/* サイトマップ */
.sitemap-tree ul {/* ２階層 */
    list-style: none;
    padding: 0;
}
.sitemap-tree>ul li {
    margin: 0;
	    break-inside: avoid;
}
.sitemap-tree>ul>li {
    margin-bottom: 2rem;
}
.sitemap-tree>ul>li>a{
	position:relative;
	display: block;
    width:100%;
    color: var(--text-color);
    font-size: var(--head-s);
    font-weight: 700;
    padding-left: 2rem!important;
    border-bottom: 1px solid var(--line-color);
    padding-bottom: 1rem;
    margin-bottom: 1rem!important;
}
.sitemap-tree>ul>li>a:hover{
	    background: none !important;
}
.sitemap-tree>ul>li>a:before {
	content: "\f061" !important;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--vk-color-primary);
    margin-right: 0.5em;
    display: inline-block !important;
	position:absolute;
	left: 0em;
    top: 0.3em;
    transition: .5s;
}
.sitemap-tree>ul>li>a:hover:before {
	left: 10px;
}
.sitemap-tree>ul>li>ul {/* ３階層 */
    column-count: 2;
    padding-left:2rem;
	column-gap: 2rem;
	column-width: 340px;
}
.sitemap-tree>ul>li>ul>li>a,
.sitemap-tree .sitemap-tree-2nd-title{
	display: inline-block;
    margin-bottom: 0.5em;
    color: var(--text-color);
    font-weight: 700;
    padding:0.5rem 0;
	position:relative;
}
.sitemap-tree>ul>li>ul>li>a:before,
.sitemap-tree .sitemap-tree-2nd-title:before {
	content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--vk-color-primary);
    margin-right: 0.5em;
    display: inline-block;
	position:absolute;
    left: -1.5em;
    top: 0.7em;
    transition: .5s;
}
.sitemap-tree>ul>li>ul>li>a:hover:before {
	left:calc(-1.5em + 10px);
}


.sitemap-tree>ul>li>ul>li>ul {/* ４階層 */
    padding-bottom:1rem;
	break-inside: avoid;
}
.sitemap-tree>ul>li>ul>li>ul>li>a{
    font-size: var(--text-m);
    line-height:1.7;
}

/*404*/
.box404 h2 {
	font-size:clamp(2.5rem, 1.591rem + 4.55vw, 5rem);
	font-family:var(--roboto);
	color:var(--vk-color-primary);
}
.box404 h3 {
	font-size:var(--head-s);
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive / Single ブログ一覧ページ、ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* パーツごとにコメントアウトで注釈を入れてください。 */
.entry-footer .entry-meta-data-list{
	display:none;
}

/* ニュース一覧 */
ul#archive_toplist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0 2em;
	margin-bottom:3rem;
}

ul#archive_toplist a {
    color: #555;
}

ul#archive_toplist a:hover,
ul#archive_toplist .current a {
    color: #111 !important;
    background: none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 細いページテンプレート */
body.page-template-narrow {
    --vk-width-container: 860px;
}

.page-template-narrow .page-header, .page-template-narrow .archive-header {
    grid-area: 1 / 1 / 2 / 3;
}
@media (max-width: 1280px) { 
    .page-template-narrow .page-header-inner.container,
	.page-template-narrow .archive-header{
    	max-width: var(--vk-width-container);
	}
}


/**20240328**/
.page-header-title, h1.page-header-title,.archive-header-title {
	font-size:38px!important;
}

/* JABマーク */
.has_jab-symbol h5.vk_post_title.card-title a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 5px;
	background: url('../../../wp-content/uploads/JAB_CP001.png') no-repeat;
    width: 2.5em;
    height: 100%;
    background-size: 2em;
    background-position: center center;
}
.has_jab-symbol h5.vk_post_title.card-title {
    padding-right:2em;
}