/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/


/*共通*/
/*header*/
/*ヘッダーロゴ*/
.h-logo{
	width:370px;
}
/*mb*/
@media (min-width: 768px) and (max-width: 991.98px){
.h-logo{
	width:370px !important;
}
}
/*sp*/
@media (min-width: 0px) and (max-width: 767.98px){
.h-logo{
	width:200px !important;
}
}
/*ヘッダーメニューフォント*/
.font-mincho{
font-family: Hiragino Mincho ProN, "游明朝", serif !important;
font-weight: 500;
}
/*サブメニューul幅*/
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    height: auto;
    min-width: 230px !important;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto;
}
/*ヘッダーサブメニュー*/
.global-nav .sub-menu li a,
.wp-block-navigation .wp-block-navigation__submenu-container li a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.global-nav .sub-menu li a::before,
.wp-block-navigation .wp-block-navigation__submenu-container li a::before {
    content: "▶";
    color: #669c3d;
    font-size: 0.8em;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
    left: auto;
    right: -30px !important;
}
/*全体*/
a{
  text-decoration:none !important;
}

h2{
	font-size:3rem;
}
@media (min-width: 768px) and (max-width: 991.98px){
h2{
	font-size:1.8rem;
}
}
@media (min-width: 0px) and (max-width: 767.98px){
h2{
	font-size:1.5rem;
}
}

/*CTA*/
.contact-txt-tel {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.02em;
}



/* デフォルトページtopボタン*/
.page_top_btn {
    position: fixed;
    z-index: 99999;
    width: 47px;
    height: 47px;
    color: transparent;
    border: none;
	border-radius:0px;
    background: rgb(102 156 61);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, .8), 0 0 0 0px rgba(0, 0, 0, .8); 
    background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: 0.3s !important;
    text-decoration: none;
}
.page_top_btn:hover{
	background: #8cb790;
	background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.page_top_btn {
    position: fixed;
    right: 0;
    bottom: 0;
}


/* =========================
   CTAグリッドだけ上下中央揃え
   ========================= */

.cta-grid .vk_gridColumn_item_inner {
  display: flex !important;
  flex-direction: column;
  justify-content: center; /* 縦中央 */
  align-items: center;     /* 横中央 */
  text-align: center;
  height: 100%;
}

/*ページヘッダー*/
.page_header h1{
	font-size: 3.5rem;
    letter-spacing: 3px;
    line-height: 1.3;
}
@media (min-width: 0px) and (max-width: 991.98px){
.page_header h1{
	font-size: 2.5rem;
}
.page_header h1 span{
	font-size: 1rem;
}
}
/*パンくずリスト*/
.breadcrumb_inner {
    width: 35%;
    position: absolute;
    right: 0;
    transform: translateY(-30px);
}
.vk_breadcrumb_list {
    margin: 0;
    padding: 6px 0;
    font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991.98px){
.breadcrumb_inner {
    width: 55%;
}
.vk_breadcrumb_list {
    font-size: 14px;
}
}
@media (min-width: 0px) and (max-width: 767.98px){
.breadcrumb_inner {
    width: 85%;
}
.vk_breadcrumb_list {
    font-size: 14px;
}
}

/*スマホ時のouter_paddng調整*/
@media (min-width: 0px) and (max-width: 575.98px){
.vk_outer-width-full.vk_outer-paddingLR-none>div>.vk_outer_container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}




/*------------------------------top------------------------------*/
.fv-catch{
  font-family: "Noto Serif JP","Hiragino Mincho ProN","游明朝",serif;
  font-size:4rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .06em;
}

@media (min-width:576px) and (max-width: 991.98px){
.fv-catch{
  font-size:2.5rem !important;
}
}
@media (min-width: 0px) and (max-width: 575.98px){
.fv-catch{
  font-size:1.8rem !important;
}
}

.fv-catch{
  font-family: "Noto Serif JP","Hiragino Mincho ProN","游明朝",serif;
	font-size:4rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .06em;
}


.fv-slide--dark .fv-catch{
  color: #b7ff6a;
  font-weight: 800;
  text-shadow: none;
  position: relative;
  text-shadow: 0 2px 18px rgba(0,0,0,.28);
}


/* --- テーマが全幅に対応していない場合の保険 --- */
.wp-site-blocks .alignfull,
.entry-content > .alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* セクション外枠（全幅に引き伸ばす） */
.staff-slider-section.alignfull {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 80px 0; /* 上下余白はここで調整 */
}

@media (min-width: 0px) and (max-width: 767.98px) {
.svc-corp-grid{
gap:0px !important;
}
}



/*------------------------------ウィック保険サービスについて------------------------------*/

/**7つの行動指針*/
.7policy{
	gap:30px !important;
	padding:0px 2rem;
}

@media (min-width: 0px) and (max-width: 767.98px){
.7policy{
	gap:5px !important;
	padding:0px;
}
}

/*各リンク*/
.about_link{
background: #fff;
    width: 80%;
    margin: auto;
    transform: translateY(-100px);
}

.h2_about_link{
	font-size: 2.5rem;
    letter-spacing: 3px;
}

.about_link p{
	text-align:center;
}
@media (min-width: 0px) and (max-width: 767.98px){
.about_link{
    width: 90%;
    margin: auto;
    transform: translateY(-100px);
}
.h2_about_link{
	font-size: 2rem;
    letter-spacing: 3px;
}
.about_link p{
	text-align:left;
}
}

/*------------------------------役員紹介------------------------------*/
/*画像左側*/
.info_box .info_img {
    width: 490px;
}
.info_img:before {
    content: "";
    display: block;
    background-image: url(https://aboutnet9.xsrv.jp/wic-life.com/wp-content/uploads/bg_item.jpg);
    background-size: cover;
    background-position: center;
    width: 168px;
    height: 316px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.info_img img{
	transform: translateX(30px);
}
@media (min-width: 0px) and (max-width: 781.98px){
.info_img{
transform: translateX(-30px);
}
.info_box .info_prof{
margin:0px !important;	
}
}

.info_box .info_prof {
    width: calc(100% - 445px);
    padding: 40px 0 0;
    margin: 0 -45px 0 0;
    text-align: center;
    position: relative;
}
.info_box h2{
	font-size:3rem;
}

/*画像右側*/
.info_box2 .info_img2 {
    width: 490px;
}
.info_img2:before {
    content: "";
    display: block;
    background-image: url(https://aboutnet9.xsrv.jp/wic-life.com/wp-content/uploads/bg_item.jpg);
    background-size: cover;
    background-position: center;
    width: 168px;
    height: 316px;
    position: absolute;
    top: 0px;
	right:0px;
    z-index: 0;
}
.info_img2 img{
	position: sticky;
	z-index:1;
	transform: translateX(-30px);
}
@media (min-width: 0px) and (max-width: 781.98px){
.info_img2{
transform: translateX(30px);
}
.info_img2:before{
transform: translateX(30px);
}
.info_box2 .info_prof2{
margin:0px !important;	
}
}

.info_box2 .info_prof2 {
    width: calc(100% - 445px);
    padding: 40px 0 0;
    margin: 0 -45px 0 0;
    text-align: center;
    position: relative;
	z-index: 2;
}
.info_box2 h2{
	font-size:3rem !important;
}

/*------------------------------会社概要------------------------------*/
.company_table_td{
	padding:30px;
}
@media (min-width: 0px) and (max-width: 991.98px){
.company_table_td{
	padding:10px;
}
}

/*------------------------------勧誘方針------------------------------*/
.en_p1{
	font-size:2.5rem;
}


@media (min-width: 0px) and (max-width: 767.98px){
.en_p1{
	font-size:1.5rem;
}
}

/*------------------------------アンケート、無料保険相談、お問い合わせフォーム------------------------------*/
/*共通*/
.wpcf7-spinner{
	display:block;
	margin:8px auto;
}
input[type=submit] {
    font-size: 1.2rem;
    border: 1px solid var(--vk-color-primary-dark);
    background-color: var(--vk-color-primary);
    color: #fff;
    padding: .5em 2em;
    border-radius: var(--vk-size-radius);
    min-width: 300px;
}

.form_col-1{
	background-color:#f0f9e8;
	padding: 8px;
	border:1px solid #eee;
}
.form_col-2{
	background-color:#fff;
	padding: 8px;
	border:1px solid #eee;
}

.form-column p,
.form-column h3,
.form-flex input{
	margin-bottom:0px !important;
}

/*------------------------------各サービスページ------------------------------*/
/*共通*/

/*中央配置をSP時左揃え*/
@media (min-width: 0px) and (max-width: 767.98px){
.p_cener{
	text-align:left !important;
}
}


/*子ページリスト*/
.wp-block-vk-blocks-ancestor-page-list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
vertical-align: middle;
align-items: center;
}

.wp-block-vk-blocks-ancestor-page-list .vk_ancestorPageList_title{
margin-bottom: 0px;
}

.vk_ancestorPageList_list{
margin: 0px;
padding:0px;
list-style:none;
display:flex;
flex-wrap:wrap;
gap:8px;
}

.page_item{
	padding:5px;
	margin:0px;
	border: 1px solid #ccc;
}
.page_item a{
	padding:5px;
}

.wp-block-vk-blocks-ancestor-page-list .page_item{
background:#fff !important;
}
.wp-block-vk-blocks-ancestor-page-list .page_item a{
color: #669c3d !important;
}

.wp-block-vk-blocks-ancestor-page-list .current_page_item{
background:#669c3d !important;
}
.wp-block-vk-blocks-ancestor-page-list .current_page_item a{
color: #fff !important;
}

/*従業員のための保険*/
#tablepress-1 td{
	border:1px solid #ccc;
	vertical-align: middle;
	padding: 1rem;
}
/*1列目*/
#tablepress-1 .row-1 .column-1{
	background-color:#007c25 !important;
	color:#fff !important;
	font-weight: 600;
}
#tablepress-1 .row-1 .column-2{
	background-color:#dfa826 !important;
	color:#fff !important;
	font-weight: 600;
}
#tablepress-1 .row-1 .column-3{
	background-color:#df2626 !important;
	color:#fff !important;
	font-weight: 600;
}

/*赤文字のみ*/
#tablepress-1 .row-5 .column-2,
#tablepress-1 .row-7 .column-2,
#tablepress-1 .row-8 .column-2{
	color:#df2626 !important;
	font-weight: 600;
}
/*赤文字と赤背景*/
#tablepress-1 .row-5 .column-3,
#tablepress-1 .row-7 .column-3,
#tablepress-1 .row-8 .column-3{
	background-color:#fdf6f6;
	color:#df2626 !important;
	font-weight: 600;
}


/*table背景*/
#tablepress-1 .column-1{
	background-color:#f1f9f3 !important;
}
#tablepress-1 .column-2{
	background-color:#f9f9f9 !important;
}


/*法人向け火災保険*/
#tablepress-2 td{
	border:1px solid #ccc;
	vertical-align: middle;
	padding: 1rem;
}

/*1列目*/
#tablepress-2 .row-1 td{
	text-align:center;
}
#tablepress-2 .row-1 .column-1{
	background-color:#007c25 !important;
	color:#fff !important;
	font-weight: 600;
}
#tablepress-2 .row-1 .column-2{
	background-color:#dfa826 !important;
	color:#fff !important;
	font-weight: 600;
}

/*企業の資産背景*/
#tablepress-2 .column-2,
#tablepress-2 .column-3,
#tablepress-2 .column-4{
	background-color:#fffcf4 !important;
	color:#333 !important;
	font-weight: 600;
	text-align:center;
}

/*法人向け自動車保険*/
#tablepress-3 td,
#tablepress-3 th{
	border:1px solid #ccc;
	vertical-align: middle;
	padding: 1rem;
}

/*1列目*/
#tablepress-3 .row-1 td{
	text-align:center !important;
}

#tablepress-3 .row-1 .column-2{
	background-color:#0693e3 !important;
	color:#fff !important;
	font-weight: 600;
}
#tablepress-3 .row-1 .column-3{
	background-color:#dfa826 !important;
	color:#fff !important;
	font-weight: 600;
}

/*2列目　リスト*/
#tablepress-3 .row-2 .column-2,
#tablepress-3 .row-2 .column-3{
	vertical-align:top;
}
#tablepress-3 ul{
	margin:0px;
}

/*縦軸背景*/
#tablepress-3 .column-1{
	background-color:#fffcf4 !important;
	color:#333 !important;
	font-weight: 600;
}