

p.triangle{
 font-size:16px;
 position:relative;
 padding-left:16px;}
p.triangle:before{
 position:absolute;
 content:"";
 width:16px;
 height:16px;
 display:inline-block;
 border:8px solid transparent;
 box-sizing:border-box;
 border-left-color:#708090;
 top:3.5px;
 left:16px;
}

 .fain {
    opacity : 0;
    transform : translate(100px, 0);
    transition:all 1s;
  display:block;will-change: transform!important;
  

}
.fain.scrollin1 {
    opacity : 1;
    transform : translate(0, 0);
}
  .fainl {
    opacity : 0;
    transform : translate(-100px, 0);
    transition:all 1s;
  display:block;
will-change: transform!important;
  

}
.fainl.scrollin2 {
    opacity : 1;
    transform : translate(0, 0);
}

.ontainers {
  position: relative;
  width: 100%;
  height: auto;z-index;
  
}
.ontainers::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0px 0px 20px 20px white;
}
@media(min-width:640px) { 
 .ontainers::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0px 0px 50px 50px white;
}}
.image {
  width: 100%;
  height: 100%;
}
@media(orientation: landscape){video,p,span, a, frame, img{overflow:hidden!important;-ms-overflow-style: none!important;}}@media(orientation: landscape){.mie{overflow:hidden!important;}}
@media (max-width: 500px) {.aisatsu4 {
    font-size: 3.5vw!important;
  }

 
}
@media (min-width: 500px) {.aisatsu4 {
    font-size: 16px!important;
  }

 
}
.fadin {
    opacity : 0;
    transform : translate(0px, 100px);
    transition:all 1s;
  display:block;will-change: transform!important;
  

}
.fadin.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
 .fadinl {
    opacity : 0;
    filter:blur(100px);
    transition:all 1s;
  display:block;will-change: transform!important;
  

}
.fadinl.bscrollin {
    opacity : 1;
    filter:blur(0px);
}
.zoom1 {
display:block;
    opacity : 0;
    transform : scale(0);
    transition:all 1s;
  
will-change: transform!important;
  

}
.zoom1.zoomsc {
    opacity : 1;
    transform : scale(1);

}.zoom1s {
display:block;
    opacity : 0;
    transform : scale(0);
    transition:all 1s;
  
will-change: transform!important;
  

}
.zoom1s.zoomscs {
    opacity : 1;
    transform : scale(1);

}

 .jiwa {
    opacity : 0;
    
    transition:all 3.5s;
  display:block;
  

}
.jiwa.scrollins {
    opacity : 1;
    
}
div .iframe{overflow-x:hidden!important;}
.midorimaru:before{content: '';background-image:url(https://u.jimcdn.com/cms/o/sa90ba416f918b91c/userlayout/img/maru.png?t=1738254321);
  
  width: 20px;display: inline-block;background-size: contain;
 transform:translateY(3.5px)!important;
  height: 20px;}



.ria:before{content: '';background-image:url(https://u.jimcdn.com/cms/o/s939e7d60f2541492/userlayout/img/baji.png?t=1744218134);
  
  width: 24px;display: inline-block;background-size: contain;
  vertical-align: middle;
  height: 24px;}
@media(max-width:500px){.ri:before{content: '';background-image:url(https://u.jimcdn.com/cms/o/s939e7d60f2541492/userlayout/img/kamon.png?t=1744218610);
  
  width: 40px;display: inline-block;background-size: contain;
  vertical-align: middle;
  height: 40px;}
.ri:after{content: '';background-image:url(https://u.jimcdn.com/cms/o/s939e7d60f2541492/userlayout/img/kamon.png?t=1744218610);
  
  width: 40px;display: inline-block;background-size: contain;
  vertical-align: middle;
  height: 40px;}}
@media(orientation:landscape){.ri:before{content: '';background-image:url(https://u.jimcdn.com/cms/o/s939e7d60f2541492/userlayout/img/kamon.png?t=1744218610);
  
  width: 48px;display: inline-block;background-size: contain;
  vertical-align: middle;
  height: 48px;}
.ri:after{content: '';background-image:url(https://u.jimcdn.com/cms/o/s939e7d60f2541492/userlayout/img/kamon.png?t=1744218610);
  
  width: 48px;display: inline-block;background-size: contain;
  vertical-align: middle;
  height: 48px;}}
@media(min-width:767px){.ri:before{content: '';background-image:url(https://u.jimcdn.com/cms/o/s939e7d60f2541492/userlayout/img/kamon.png?t=1744218610);
  
  width: 60px;display: inline-block;background-size: contain;
  vertical-align: middle;
  height: 60px;}
.ri:after{content: '';background-image:url(https://u.jimcdn.com/cms/o/s939e7d60f2541492/userlayout/img/kamon.png?t=1744218610);
  
  width: 60px;display: inline-block;background-size: contain;
  vertical-align: middle;
  height: 60px;}}
.ntainer{
  position: relative;
  width: 100%;
  height: auto;
  margin-right:auto;
margin-left:auto;pointer-events: auto !important;
  
}
.ntainer::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0px 0px 25px 25px white;
}
@media(min-width:640px) { 
 .ntainer::after {
  position: absolute;pointer-events: auto !important;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0px 0px 50px 50px white;
}}
.image {
  width: 100%;
  height: 100%;
}
* {
            margin: 0;
            padding: 0;
        }

        #accordion1 {
            width: 100%;
            margin: 0 auto;
        }

        .accordion-click1, .accordion-content1 {
            padding: 10px;
        }


.conainer::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0px 0px 18px 15px #F8F0D7;
}

  

 .jl{border:solid 2px black;border-radius:12.5px;text-decoration-color:transparent!important;padding:0 5px;background: #fff100;}
#car{display: block;
        pointer-events: auto!important;
        width: 45px;
        height: 45px;
        line-height: 45px;
        border-radius: 25%;
        text-align: center;
        cursor: pointer;
          opacity: 0.6;
         background-color   : #fff100;
  background-position: 0 0, 4px 4px;
  background-size    : 8px 8px;
         border:dotted 2px  #383c3c;
           text-decoration: none;
        display: block;
        position:fixed;
       right: 2rem;
bottom: 12rem;
         
         
           font-size: 25px;
        text-align: center;
        text-decoration: none;
       z-index:500;

      
       
        
        
       
}
#car a:before{

 
  
   margin:0 auto;
  content:'\01F3AE'; font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol;
  font-size: 32px;
  
  position: absolute;
  top:-2.5px;
right:0;
left:0;
bottom:2.5px;
 
vertical-align:middle;
  margin: auto;
  text-align: center;
}

