@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description:  ウィズ株式会社で使用中の子テーマ【新テーマ】
Author: ウィズ株式会社
Tags: 
Version: 14.13.6
*/

body {
    font-family: "noto-sans-jp-with", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight:500 !important;}
a {cursor : pointer; text-decoration: none;}
a:hover{color:#e8ac51}
.page-header-title, h1.page-header-title {font-size:3em;}
@media screen and (max-width:992px) {.page-header-title, h1.page-header-title {font-size:2.5em;}}
h2, h3, h4, h5 {border: none; background-color: none;}
p{line-height:1.3;}
/* -- Font ----- */
.rock-salt-regular {
  font-family: "Rock Salt", serif;
  font-weight: 400;
  font-style: normal;
    color: #ff5722;
}
.zen-kurenaido-regular {
  font-family: "Zen Kurenaido", serif;
  font-weight: 900;
  font-style: normal;
}
.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", serif;
  font-weight: 900;
font-style: normal;
}
.sawarabi-gothic-regular {
  font-family: "Sawarabi Gothic", serif;
  font-weight: 400;
  font-style: normal;
}
.noto-sans-jp-with {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/* -- Text ----- */
.newstl {display: flex;justify-content: center;align-items: center;  text-align: center; font-size: 2em;}
.newstl::before,.newstl::after {content: '';width: 1em;height: 5px;background-color: #2063df;}
.newstl::before {margin-right: 20px;}
.newstl::after {margin-left: 20px;}
h2.mess {position: relative;line-height: 1.4;padding:0.25em 1em;display: inline-block;font-size: 2em;}
h2.mess:before, h2.mess:after { content:'';width: 20px;height: 30px;  position: absolute;display: inline-block;}
h2.mess:before {border-left: solid 3px #ff5722;border-top: solid 3px #ff5722;top:0;left: 0;}
h2.mess:after {border-right: solid 3px #ff5722;border-bottom: solid 3px #ff5722;bottom:0;right: 0;}
.ttl-center {font-weight: bold;padding-bottom: 0.5em;text-align: center;position: relative;}
.ttl-center::after {content: '';background-color: #00ff00;width: 1em;
  height: 5px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
/* -- BUTTON ----- */
.button a {background: #eee;border-radius: 3px;position: relative;
    display: flex;justify-content: space-around;align-items: center;    margin: auto;max-width: 550px;padding: 10px 25px;text-decoration: none;color: #333;line-height: 1.8;transition: 0.3s ease-in-out;    font-weight: 500;}
.button a:after {content: "";position: absolute;top: 50%;bottom: 0;  right: 2rem;font-size: 90%;display: flex;justify-content: center;
  align-items: center;transition: right 0.3s;width: 6px;height: 6px;  border-top: solid 2px currentColor;border-right: solid 2px currentColor;transform: translateY(-50%) rotate(45deg);}
.button a:hover {background: #333;color: #FFF;}
.button a:hover:after {right: 1.4rem;}
/* -- HORIZONTAL ----- */
.w-960{width: 100%; margin-right: auto; margin-left: auto;}
@media screen and (min-width:992px) { .w-960{width: 960px;}}
/* -- VERTICAL ----- */
.msg-block{margin-top: 10rem;margin-bottom: 5rem;}
@media screen and (max-width: 992px) {
	.msg-block {margin-top: 5rem;margin-bottom: 5rem;}
}
/* -- IMG ADJUST ----- */
img.min {display: none;}
img.max {display: inline-block;}
@media screen and (max-width: 992px) {
	img.min {display: inline-block;}
	img.max {display: none;}
}
p.normal{margin:0;line-height:1.2;}
.blue-txt{color:#4169e1;}
.site-footer-content ul{line-style-type: none;}
table.tbl-none{border: none;}
table.tbl-none tr{border: none;}
table.tbl-none td{border: none;}
.with-gray{border-color: #ffffff;border-radius: 5px;}
.font-bigger{font-size: 1.1em;}

.site-body {
    padding: 0rem 15px 2.5rem;
}

.text_shadow{
    text-shadow: 0.1rem 0.1rem 0.4rem #222,
    -0.1rem 0.1rem 0.4rem #222,
    0.1rem -0.1rem 0.4rem #222,
    -0.1rem -0.1rem 0.4rem #222;
}

header,
nav ul li a {
    background-color: #001f50 !important;
    color:#ffffff !important;
}
nav ul li a:hover {
    color:#e8ac51 !important;
}

li{
  list-style:none;
}

.entry-header {
    background-color: #ffffff !important;
    color: #001f50 !important;
}

.breadcrumb a {
    color: #001f50;
    text-decoration: none;
}

.breadcrumb a:hover {
    color:#e8ac51 !important;
}

.breadcrumb-list li:after {
    content: '>' !important;
}

.breadcrumb-list li:last-child:after {
    content: '' !important;
}



.site-footer {
    background-color: #202f55;
    color:#ffffff;
	  line-height: 1.3em
}
.site-footer a {
    color:#ffffff;
}
.site-footer a:hover {
    color:#e8ac51;
}
.site-footer-copyright p:nth-child(2) {
    display: none;
}

.footer {
    font-size: 0.9rem;
}

#vk-mobile-nav {
    background-color: #ffffff;
    }

#vk-mobile-nav .alert-info {
    background-color: #202f55;
    }

.fl-v-pcir {
    overflow: hidden; 
    width: 70%; height: auto; border-radius: 70%;
margin:0 2.0rem auto;
}

.fl-v-pcir img {
    height:auto;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

.fl-vertical {
  display:flex;
  flex-direction: column;
  margin-bottom: 2.0rem; 
    align-items: center;
    position: relative;
    z-index: 1;
}
.fl-vertical a{
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    text-indent:-40.0em;
    z-index: 2;
}
.fl-vertical a:hover{
    background: rgba(230,230,250,0.1);
    zoom:1;
    cursor: pointer;
}
.fl-vertical:hover > .fl-v-pict img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.fl-vertical:hover > .fl-v-pcir img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.fl-vertical:hover > .fl-v-btn p{
    color: #202f55;
    background-color: #e8ac51;
    border: 0.1em solid #e8ac51;
}

img {
    height: auto;
    width: auto;
    vertical-align: middle;
}

/*
h2 {
    border-top:none !important;
    display: inline-block;
    position: relative;
    padding: 0.4em 0.5em;
    color: #202f55;
    padding-bottom: 0.2em;
    top: 50%;
    left: 50%;
    -webkit-transform :  translate(-50%,-50%); transform :  translate(-50%,-50%);
}

h2:after {
    position: absolute;
    bottom: -0.1em;
    left: 0;
    content: '';
    height: 0.2em;
    width: 100%;
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 0.1em, #202f55 0.1em, #202f55 0.2em);
    background: repeating-linear-gradient(45deg, #fff, #fff 0.1em, #202f55 0.1em, #202f55 0.2em);
}
*/
h2, h3, h4 {border: none; background-color: none;text-align:center;}

body {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight:500 !important;
}

.rock-salt-regular {
  font-family: "Rock Salt", serif;
  font-weight: 400;
  font-style: normal;
    color: #ff5722;
}
.zen-kurenaido-regular {
  font-family: "Zen Kurenaido", serif;
  font-weight: 900;
  font-style: normal;
}

h3{font-size: 1.4em;}

.card-img-overlay, .entry-meta-item-author, .entry-meta-item-updated {
display: none; !important
}

.vk_post_imgQuter, .media-img {
display: none; !important
}

.entry-meta-data-list {
display: none; !important
}

.next-prev {
display: none; !important
}

.wp-block-latest-posts.wp-block-latest-posts__list a {
    color:#001f50 !important;
    font-weight: bold;
    font-size: 1.2em
}

.wp-block-latest-posts.wp-block-latest-posts__list a:hover {
    color:#e8ac51 !important;
    text-decoration: none !important;
}
		</style>
		<style type="text/css" id="xo-post-background-css">.page-header {
	background: url('https://with-corp.com/wp-content/uploads/2025/01/TOP-2.jpg') no-repeat 50% center;
	background-color: rgba(0,0,0,0.2);
	background-blend-mode: darken;
	background-size: auto;
	background-size: cover;
	background-attachment: fixed;
	height: 25vw;
	color: #fff;
	text-shadow: 1px 1px 10px #333, -1px 1px 10px #333, 1px -1px 10px #333, -1px -1px 10px #333;
}