/*
Theme Name: raqoon WP child
Template: raqoon_wp
Text Domain: raqoon_wp_child
Author: raQoon LLC.
Author URI: https://raqoon.jp/
Description: raqoon WP子テーマ
Version: 3.1.1
Tested up to: 6.5
Requires PHP: 7.4
*/
#logo_menu_flat .site-header_inner .site-branding img{
	max-height:60px;
}
#head_pc.sticky_on #logo_menu_flat .site-header_inner .site-branding img{
	display:;
}
/*
#head_pc.is-stuck .site-branding img{
	display:none;
}
*/
#firstview{
	display:none;
}
#main-before{
	margin-top:24px;
	text-align:center;
	background-image:url(https://ntbcamp.co.jp/striker-phasefree/wp-content/uploads/2025/07/20250626-1.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:50px;
	position:relative;
	overflow-x:hidden;
}
.fv_icon{
	position:absolute;
	bottom:65px;
	z-index:1;
	animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2.5s;
}
#fv_icon_campfire{
	left:2%;
	width:25%;
	max-width:550px;
	
}
#fv_icon_fam{
	right:5%;
width:27%;
	max-width:80px;

}

.keyframe5{
  animation-name: anim_sc;
  transform: scale(0.85,0.85);
}

@keyframes anim_sc {
  100% {
    transform: scale(1,1);
  }
}
.keyframe3{
  animation-name: anim_s;
  transform: rotate(1deg);
  animation-duration: 5s;
}

@keyframes anim_s {
  50% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(3deg);
  }
}


.main_text{
	font-size:32px;
	margin:0;
	font-weight:900;
}


@keyframes shimmerTextShadow {
  0% {
    text-shadow: 0 0 25px #ffffff;
  }
  25% {
    text-shadow: none;
  }
  50% {
    text-shadow: 0 0 25px #fff8c6;
  }
  75% {
    text-shadow: none;
  }
  100% {
    text-shadow: 0 0 25px #ffffff;
  }
}

#fv_message{
	position: absolute;
    top: 40%;
	left:0;
	right:0;
	z-index:3;
	color:#fff;
	font-weight:900;
	font-size:50px;
	text-shadow:#333 1px 1px 10px, #333 -1px 1px 10px,
	#333 1px -1px 10px, #333 -1px -1px 10px;
	width:fit-content;
	margin:auto;
}
/*
#fv_message02{
	position: absolute;
    bottom: 10px;
	left:0;
	right:0;
	z-index:3;
	color:#fff;
	font-weight:900;
	font-size:45px;
	text-shadow:#333 1px 1px 10px, #333 -1px 1px 10px,
	#333 1px -1px 10px, #333 -1px -1px 10px;
}
*/
#fv_message02{
	position: absolute;
    bottom: 52px;
	left:0;
	right:0;
	z-index:3;
	color:#000;
	font-weight:900;
	font-size:35px;
	text-shadow:#fff 1px 1px 10px, #fff -1px 1px 10px,
	#fff 1px -1px 10px, #fff -1px -1px 10px;
	margin:0;
}

.swiper {
  width: 100%;
  display: flex;
  justify-content: center;
	overflow: visible;
}

.swiper-slide {
  display: flex;
  justify-content: center;
}

.swiper_image {
  width: 1300px;
  max-width: 75%;
  height: auto;
  aspect-ratio: 16/7;
  background-size: cover;
  background-position: center;
  border-radius: 1000px;
}
.swiper-wrapper-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
	margin-top:16px;
}

.swiper-pagination {
  margin-top: 40px; /* ← 明確に下に離す（20pxだと埋もれてる） */
  text-align: center;
  position: relative; /* 念のため親からのはみ出し防止 */
  z-index: 10;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  height: 50px;
  width: 50px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background-image: url(https://ntbcamp.co.jp/striker-phasefree/wp-content/uploads/2025/06/ar-l.png);
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  background-image: url(https://ntbcamp.co.jp/striker-phasefree/wp-content/uploads/2025/06/ar-r.png);
}
/* 画像サイズ調整 */

#logo_menu_flat .site-header_inner{
	max-width:100%;
}
.header_section.sticky_on.is-stuck{
	background:rgba(255,255,255,0.7);
}
.p_midashi{
	font-size:19px;
	font-weight:bold;
}
#logo_menu_flat_menu li a{
	color:#6fc8da;
	font-weight:bold;
}
.back_green{
	position:relative;
}
.back_green::before{
	content:"";
	width:100%;
	height:11px;
	background-image:url(https://ntbcamp.co.jp/striker-phasefree/wp-content/uploads/2025/06/bg-top.png);
	position:absolute;
	top:0;
	left:0;
	right:0;
}
.back_green::after{
	content:"";
	width:100%;
	height:11px;
	background-image:url(https://ntbcamp.co.jp/striker-phasefree/wp-content/uploads/2025/06/bg-bottom.png);
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

#back_blue{
	position:relative;
}
#back_blue::before{
	content:"";
	width:100%;
	height:11px;
	background-image:url(https://ntbcamp.co.jp/striker-phasefree/wp-content/uploads/2025/06/blue_wave_top.png);
	position:absolute;
	top:-10px;
	left:0;
	right:0;
}
#back_blue::after{
	content:"";
	width:100%;
	height:11px;
	background-image:url(https://ntbcamp.co.jp/striker-phasefree/wp-content/uploads/2025/06/blue_wave_bottom.png);
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
}


#quality .wp-block-columns figure{
	background:#fff;
	border-radius:30px;
}
.cover_kugiri{
	border-radius:30px;
}
.tokkuchou img{
	border-radius:30px;
}
.anker_list{
	list-style:none;
	margin:64px auto 48px;
	padding:0;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
}
.anker_list li{
	padding:0 1.5em;
}
.anker_list li:not(:last-child){
	border-right:solid 2px #6fc8da;
}
.anker_list a:hover{
	color:#eb455b;
	transition:0.2s;
}
#usecase .raqoon_box {
	margin-bottom:48px!important;
}
#usecase .raqoon_box >  .raqoon_box {
	margin-bottom:0!important;
	margin-top:0!important;
}
#usecase .raqoon_box h3{
	color:#6fc8da!important;
}
#usecase .raqoon_box .p_midashi{
	color:#eb455b;
}
.wp-block-raqoon-editor-col2flex-block img,#usecase .raqoon_box img{
	border-radius:30px;
}

.es_table td:first-child{
	width:15%;
	background:#f8f5ee;
}
.wp-block-table thead{
	border-bottom:3px solid #d9ceb7;
	background:#eeebe3;
}
.es_table th,.es_table td{
	border:1px solid #d9ceb7;
	
}


.fade-in,.raqoon-heading,.raqoon_box,.raqoon_qa_item{
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  transition-delay: 0.3s; /* ← 遅延時間を指定 */
}

.fade-in.show,.raqoon-heading.show,.raqoon_box.show,.raqoon_qa_item.show {
  opacity: 1;
  transform: translateY(0);
}
/*
h2.raqoon-heading{
	position:relative;
}
h2.raqoon-heading:before{
	content:"";
	position:absolute;
	top: -55px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width:75px;
	height:75px;
	background-image:url(https://ntbcamp.co.jp/striker-phasefree/wp-content/uploads/2025/06/BLACK_01.png);
	background-size:cover;
}
*/

#head_sp.sticky_on{
	background:#dfd6bc;
}
.head-navigation_hamburger{
	background:#dfd6bc;
}

@media screen and (max-width:767px){
	.swiper_image{
		aspect-ratio:16/20;
		border-radius:115px;
	}
	.main_text{
		font-size:21px;
	}
	#fv_message{
		font-size:20px;
	}
}

.youtube_box {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
  margin: 0 auto; /* 中央寄せ */
}

.youtube_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#usecase .raqoon_box > .raqoon_box{
	position:relative;
}
#usecase .raqoon_box > .raqoon_box::before{
	content:"もしも";
	position:absolute;
	top:-13px;
	left:8px;
	color:#fff;
	background:#eb455b;
	border-radius:5px;
	line-height:1;
	padding:5px 8px;
	font-weight:bold;
}
#quality .raqoon_box{
	position:relative;
}
#quality .raqoon_box::before{
	content:"もしも";
	position:absolute;
	top:-13px;
	left:8px;
	color:#fff;
	background:#000;
	border-radius:5px;
	line-height:1;
	padding:5px 8px;
	font-weight:bold;
}

.logo_col2{
	max-width:770px;
	margin:auto;
}


.br_sp {
    display: none;
}
@media (max-width: 767px) {
    .br_sp {
        display: block;
    }
	#fv_message02 {
		font-size:29px;
		bottom:85px;
	}
	.spacer_sp_chousei_0{
		height:0!important;
	}
	.spacer_sp_chousei_40{
		height:40px!important;
	}
	.anker_list{
		flex-direction:column;
		margin-top:16px;
	}
	.anker_list li:not(:last-child){
		border-right:none;
	}
	.anker_list li{
		border-bottom:dashed 2px #6fc8da;
		padding:10px;
	}
	.image_sp_chousei img{
		width:130px!important;
	}
	.raqoon_box{
		padding:1.8em!important;
	}
	.es_table thead{
		display:none;
	}
	.es_table th,.es_table td{
		display:block;
		width:100%;
	}
	.es_table td:first-child{
		width:100%!important;
	}
	.raqoon_btn{
		padding:24px 1em!important;
		line-height:1.3;
		width:100%!important;
	}
	.swiper-button-next, .swiper-button-prev{
		top:66%;
	}
	}