/*
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
*/
.home #head_pc.sticky_on{
	position:fixed;
	top:1rem;
}
.home #logo_menu_flat .site-header_inner{
	background:rgba(255,255,255,0.8);
	padding:0.5rem 2rem;
	border-radius:17px;
	box-shadow:0 0 12px rgba(0,0,0,0.2);
}
.home .is-overlay .header_section{
	max-width:97%;
	margin-left:auto;
	margin-right:auto;
}

.firstview_title{
	z-index:2;
}

.firstview_title_top{
	font-family: "Montserrat", sans-serif;
	font-weight:200!important;
}
#firstview.firstview_mode::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		120deg,
		#3a5fcd,
		#5b78c6,
		#0076c6,
		#00bfff,
		#5b78c6,
		#3a5fcd
	);
	background-size: 500% 500%;
	opacity: 0.7;
	animation: flashWave 5s ease-in-out infinite;
	z-index: 1;
}

@keyframes flashWave {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
.colorfff img{
	filter:brightness(0) invert(1);
}
#logo_menu_flat_menu li a{
	font-family: "Montserrat", sans-serif;
}
h2.raqoon-heading{
	color:#3a5fcd!important;
}
#point .wp-block-cover,#service .wp-block-cover{
	border-radius:13px;
}
#service .wp-block-cover{
	display:none;
}
#service .fa-solid{
	color:#3a5fcd!important;
	font-size:55px;
}
#service .wp-block-column{
	text-align:center;
}

#service h3.raqoon-heading{
	color:#3a5fcd!important;
}

.wrap100{
	position:relative;
	z-index:0;
}
.wrap100::after{
	position:absolute;
	top:70px;
	line-height:0;
	font-size:15vw;
	font-weight:800;
	font-family: "Montserrat", sans-serif;
	z-index:-1;
}

#point::after{
	content:"POINT";
	color:rgba(0,0,0,0.03);
	left:0;
}
#point01::after{
	content:"01";
	color:#fff;
	right:0;
}
#point02::after{
	content:"02";
	color:#fff;
	left:0;
}
#point03::after{
	content:"03";
	color:#fff;
	right:0;
}
#point03 table{
	margin:0;
}
#point03 td{
	border:none;
	border-bottom:solid 1px #ccc;
}
#point03 td:first-child{
	border-bottom:solid 1px #007BFF;
}

.firstview_title{
	gap:0;
}



.fade-in25 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.5s ease-out, transform 1.5s ease-out;
  will-change: opacity, transform;
}

.fade-in25.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.ryoukin{
	width:fit-content;
}
.ryoukin h4::after{
	content:"円";
	font-size:55%;
}



@media screen and (max-width:767px){
	.sp_chousei{
		height:32px!important;
	}
}


.scroll-arrows {
  display: flex;
  flex-direction: column;
  align-items: center;
	gap: 0;
	margin-top:20px;
}

.scroll-arrows span {
  width: 40px;
  height: 40px;
  border-bottom: 6px solid #007BFF;
  border-right: 6px solid #007BFF;
  transform: rotate(45deg);
  animation: arrowBounce 1.5s infinite;
  opacity: 0;
}

.scroll-arrows span:nth-child(1) {
  animation-delay: 0s;
}
.scroll-arrows span:nth-child(2) {
  animation-delay: 0.2s;
}
.scroll-arrows span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes arrowBounce {
  0% {
    opacity: 0;
    transform: translateY(-20px) rotate(45deg);
  }
  50% {
    opacity: 1;
    transform: translateY(0) rotate(45deg);
  }
  100% {
    opacity: 0;
    transform: translateY(20px) rotate(45deg);
  }
}

#company td{
	border:none;
	border-bottom:solid 1px #ccc;
	padding:1.52rem;
}

#company td:first-child{
	border-bottom:solid 1px #007BFF;
}

.jirei .col2flex_item{
	gap:0;
}


.br_sp {
    display: none;
}

.entry-header_inner{
	padding-top:;
}

body:not(.home) #head_pc.sticky_on {
	background: rgba(255,255,255,0.8);
}
#company table a{
	text-decoration:underline;
	color:#007bff;
}
.sakujo{
	display:none!important;
}
@media (max-width: 767px) {
    .br_sp {
        display: block;
    }
	.is-overlay .header_section{
		max-width:100%;
	}
	#firstview{
		min-height:40vh;
		height:40vh;
	}
	#wpadminbar{
		display:none!important;
	}
}