/*
Theme Name: Lightning-c
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');*/

/*並びボタンの調整*/
.vk_buttons_col {
	justify-content: space-between;
}


/*吹き出しブロック画像サイズ*/
.vk_balloon_icon,
.vk_balloon_icon_image{
	max-width:80px;
	width:80px;
	height:80px;
}
/*吹き出しブロック画像横の余白*/
.vk_balloon-position-left.vk_balloon-type-speech .vk_balloon_icon{
    margin-right: 32px;
}
.vk_balloon-position-right.vk_balloon-type-think .vk_balloon_icon{
margin-left: 32px;
}



/*----------- 各種コンテンツの調整 */

@media (max-width: 575px) {
	.sp-senda {
		padding: 40px 50px 0px 50px !important;
	}


}

@media (min-width: 1200px) {
.page-header {
    min-height: 20rem;
}
}

.page-header-title, h1.page-header-title {
    font-size: 1.6rem;
}


/*----------- ぺージジャンプの小見出し */
.page-list {
  text-align: center !important;
  position: relative !important;
}

.page-list li {
  font-size: 0.75rem !important;
  display: inline-block !important;
  margin: 0 1em !important;  /* ここでリストアイテムの間隔を調整 */
}

.page-list li a {
  color: #333 !important;  /* テキストカラーをダークグレーに設定 */
  text-decoration: none !important;
  padding: 0.5em 1em !important;  /* パディングを追加してタップしやすくする */
  display: inline-block !important;
  border-radius: 0.25em !important;  /* 角を丸くするためのボーダーラディウスを追加 */
  transition: background-color 0.3s !important;  /* 背景色の遷移効果を追加 */
  background-color: #f0f0f0 !important;  /* 薄めのグレーの背景色を設定 */
  border: 1px solid #ccc !important;  /* ボーダーを設定 */
}

.page-list li a:hover {
  background-color: #e0e0e0 !important;  /* ホバー時の背景色を少し暗くする */
}

.page-list li a::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: auto !important;
  right: 0 !important;
  width: 0 !important;
  border-top: 1px solid #312d2b !important;
}










/*----------- 見出しドット */
.is-style-vkp-heading-dotted-line {
 position:relative !important;
 padding-bottom:0.5rem !important;
 border-bottom: 5px dotted #ff801e !important;
}



/*----------- 斜め線の中央見出し */

/*中央寄せ*/
.is-style-vkp-heading-diagonal-line {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important; 
    align-items: center !important;
    border:0 !important;
}

/*短い左右線*/
.is-style-vkp-heading-diagonal-line::before,
.is-style-vkp-heading-diagonal-line::after {
    content: '' !important;
    width: 30px !important;
    height: 1px !important;
    background-color: currentColor !important;
    /*Lightning見出しデザイン設定のCSS対策*/
    position: unset !important;
    border: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;
    flex-grow: unset !important;
}

.is-style-vkp-heading-diagonal-line::before {
    margin-right: 14px !important;
    transform: rotate(60deg) !important;
}

.is-style-vkp-heading-diagonal-line::after {
    margin-left: 14px !important;   
    transform: rotate(-60deg) !important;
}




















#site-header-container {
	display: none !important;
}


.site-header {
	box-shadow: none;
}

.home .header-top {
	display: none;
}


.grecaptcha-badge {
  bottom: 80px !important; 
}

@media screen and (min-width:992px) and ( max-width:1200px) {

.global-nav-list>li .global-nav-name {
    font-size: 12px !important;
}

}






/*画像関係-----------------------------------*/


.wink a img {
    transition: filter 0.2s;
}

.wink a:hover img {
    opacity: 0.8;
    transition: 0.5s;
}

.img100 img {
    width: 100% !important;
}







/*フォントサイズ*/
@media (max-width: 575px) {
    .spf-10 {
        font-size: 10px !important;
    }
    .spf-11 {
        font-size: 11px !important;
    }
    .spf-12 {
        font-size: 12px !important;
    }
    .spf-13 {
        font-size: 13px !important;
    }
    .spf-14 {
        font-size: 14px !important;
    }
    .spf-15 {
        font-size: 15px !important;
    }
    .spf-16 {
        font-size: 16px !important;
    }
    .spf-17 {
        font-size: 17px !important;
    }
    .spf-18 {
        font-size: 18px !important;
    }
    .spf-19 {
        font-size: 19px !important;
    }
    .spf-20 {
        font-size: 20px !important;
    }
    .spf-21 {
        font-size: 21px !important;
    }
    .spf-22 {
        font-size: 22px !important;
    }
    .spf-23 {
        font-size: 23px !important;
    }
    .spf-24 {
        font-size: 24px !important;
    }
    .spf-25 {
        font-size: 25px !important;
    }
}







.cta-w {
	max-width: 800px;
	margin: 0 auto;
}


.main-bg {
    /*background-color: #ea5520;*/
    background: url(image/img-main-bg.png);
    background-position: center;
	background-size: cover;
}







/*表の1列目をセル内改行しないよう*/
.col1-nowrap td:nth-of-type(1) { white-space: nowrap;}


.yumincho {
	font-family: 'Noto Serif JP', sans-serif;
}



img{
	vertical-align:top;
}

.a-box {
	padding-top: 50px;
	padding-bottom: 50px;
}

.b-box {
	padding-top: 30px;
	padding-bottom: 30px;
}
.w-box {
	padding-top: 70px;
	padding-bottom: 70px;
}


@media (min-width: 768px) {
.a-box {
	padding-top: 80px;
	padding-bottom: 80px;
}
	
.b-box {
	padding-top: 40px;
	padding-bottom: 40px;
}
.w-box {
	padding-top: 130px;
	padding-bottom: 130px;
}	
	
}


.white-bg {
	background-color: rgba(255,255,255,0.9);
	padding: 30px 15px;
	margin-left: -5px;
	margin-right: -5px;
}
@media (min-width: 768px) {
.white-bg {
	padding: 50px 45px;
}
}

.main-width {
	max-width: 1250px;
}

.common-width {
	max-width: 900px !important;
}

.bb {
	display: inline-block;
}


@media (max-width: 575px) {
	
.sp-b1s {
	margin-bottom: 0.5em !important;
}	
	
.sp-b1 {
	margin-bottom: 1em !important;
}
.sp-b2 {
	margin-bottom: 2em !important;
}	
	
	
}


@media (min-width: 576px) {
	.pc-none,.sp-br {
		display: none !important;
	}
	.sp-none,.pc-br {
		display: block !important;
	}
	
	.padding-2em-0 {
		padding: 2em;
	}
	
	

}
@media (max-width: 575px) {
	.sp-none,.pc-br {
		display: none !important;
	}
	.pc-none,.sp-br {
		display: block !important;
	}
	
	.sp-width-80 {
		width: 80%;
		margin: 0 auto;
	}
	.padding-2em-0 {
		padding: 0;
	}	
	
}




p.indent {
  text-indent: -1em;
  padding-left: 1em;
}