@charset "utf-8";
/* CSS Document */

:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}

.hero-wrap{
position: relative;
}
.hero-text-1{
position: absolute;
top:35%;
left:0%;
font-size:75px;
}
.hero-text-2{
position: absolute;
top:55%;
right:0%;
font-size:75px;
}
.hero-image{
text-align:center;
}

.fade-element-1 {
opacity: 0;
animation-name: fadeInOut-1;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
}

@keyframes fadeInOut-1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  65% {
    opacity: 0 !important;
  }
}

.fade-element-2 {
opacity: 0;
animation-name: fadeInOut-2;
animation-duration: 4s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
}

@keyframes fadeInOut-2 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  65% {
    opacity: 0 !important;
  }
}

.fade-element-3 {
opacity: 0;
animation-name: fadeInOut-3;
animation-duration: 5s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}

@keyframes fadeInOut-3 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.bk-attach::before{
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url("https://ishii-kogyo-act.co.jp/wp-content/uploads/2026/07/sozai-e1784539850664.png") no-repeat center center / cover;
}

@media screen and (max-width: 598px){
.top-intro-ttl{
text-align:center;
font-size:1.8rem !important;
}
.top-intro-ttl .br{display:none;}
}

@media screen and (max-width: 598px){
.bk-attach .has-global-padding{
padding-right:5%;
padding-left:5%;
}
}

.intro-block-columns-width{
width:80%;
max-width:800px;
margin:auto;
}
@media screen and (max-width: 598px){
.intro-block-columns-width{
width:90%;
}
}


.block-columns-width{
width:80%;
max-width:800px;
margin:auto;
}
@media screen and (max-width: 598px){
.block-columns-width{
width:100%;
}
}

.top-column-center{
text-align:center;
}

.center{
text-align:center;
}

.hover-block {
  transition: all 0.3s ease;
}
.hover-block:hover {
  background:#cadfe3;
  border-radius:7px;
}

.arrow-btn {
  position: relative;
  display: inline-block;
  padding: 10px 30px 10px 0px;
  text-decoration: none;
  color: #333;
}

.arrow-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: translateY(-50%) rotate(45deg);
}

.minus-top-margin{
margin-top:-1rem;
}

.page-sub-title{
color:#BDA48A !important;
position: relative;
padding-left: 1.5em;
margin-top:1em !important;
}
.page-sub-title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1.5em;
  height: 1px;
  background-color: #BDA48A;
  left:0;
}
.large-title{
font-size: 45px !important;
}
.middle-title{
font-size: 30px !important;
}
@media screen and (max-width: 598px){
.large-title{
font-size: 6vw !important;
}
.middle-title{
font-size: 5.5vw !important;
}
}

.right{
text-align: right !important;
}
.left{
text-align: left !important;
}
.center{
text-align: center !important;
}
.text-u-line-none{
text-decoration:none;
}
.hover-bright,hover-green{
transition: filter 0.3s ease;
}
.hover-bright:hover{
  filter: brightness(120%);
}
.hover-green:hover {
  color: #006a35 !important;
}
.text-small{
font-size:60% !important;
}

.table-style table tr:first-child td{
border-top:none;
} 
.table-style table tr td{
padding-top:3em;
}
.table-style table tr td{
border-color:#d8d8d8 !important;
padding-bottom:10px;
}
.table-style table tr td:first-child{
width:10em;
}

@media screen and (max-width: 598px){
.table-style table tr td:first-child{
width:4em;
}
}


.google-form{
height: 1000px !important; 
}
@media screen and (max-width: 598px){
.google-form{
height: 1200px !important;
}
}


.wp-site-blocks *:focus {
  outline-style: none !important;
}


footer{
margin-top:0 !important;
}
.wp-block-template-part{
margin-top:0 !important;
}

@media screen and (max-width: 598px){
.hero-text-1{
left:0;
top:55%;
font-size:9vw;
}
.hero-text-2{
right:0;
top:75%;
font-size:9vw;
}
}


@media screen and (max-width: 598px){
.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container{
padding-right: 0 !important;
padding-bottom: 20px !important;
}
}

@media screen and (max-width: 598px){
.menu-smp-font-size{
font-size:20px !important;
}
}


@media screen and (max-width: 598px){
.pc-only{
display:none !important;
}
}

@media screen and (min-width: 598px){
.smp-only{
display:none !important;
}
}