@charset "utf-8";


/*------------------------------------
　mainVisual slider
------------------------------------*/ 

#mainVisual.index_mainVisual #mainVisual_slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
#mainVisual.index_mainVisual #mainVisual_slider .slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#mainVisual.index_mainVisual #mainVisual_slider > .slider-item + .slider-item {
    display: none;
}
#mainVisual.index_mainVisual .wrapper  {
    position: relative;
    z-index: 100;
}
#mainVisual.index_mainVisual .title {
    margin-bottom: .4em;
    line-height: 1.6em;
    position: relative;
}
#mainVisual.index_mainVisual .title:not(.animate__animated) {
    visibility: hidden;
}
#mainVisual.index_mainVisual .title:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -200vw;
    right: 100vw;
    width: 100vw;
    background-color: rgba(0,0,0,.43);
    -webkit-border-radius: 0 5em 5em 0;
    border-radius: 0 5em 5em 0;
    -webkit-transition: .5s;
    transition: .5s;
}
#mainVisual.index_mainVisual .title.animate__animated:after{
    right: 0;
    left: auto;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
#mainVisual.index_mainVisual .title.animate__animated + .title.animate__animated:after{
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
#mainVisual.index_mainVisual .title > .txt {
    font-weight: 800 !important;
    letter-spacing: 0.155em;
    padding: 0 0 0 0.75em;
    margin-right: -.1em;
    position: relative;
    z-index: 10;
    color: white;
    display: flex;
    display:-webkit-flex;
    align-items:flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
}
#mainVisual.index_mainVisual .title > .txt > * {
    position: relative;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    transform-origin:bottom center;
    -webkit-transition: .25s;
    transition: .25s;
    filter:  alpha(opacity=0);  opacity:0;
}
#mainVisual.index_mainVisual .title.animate__animated > .txt > * {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    filter:  alpha(opacity=100%);  opacity:1.0;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 1) ;
    transition-delay: calc( .7s + .05s * 1) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 2) ;
    transition-delay: calc( .7s + .05s * 2) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 3) ;
    transition-delay: calc( .7s + .05s * 3) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 4) ;
    transition-delay: calc( .7s + .05s * 4) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 5) ;
    transition-delay: calc( .7s + .05s * 5) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 6) ;
    transition-delay: calc( .7s + .05s * 6) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 7) ;
    transition-delay: calc( .7s + .05s * 7) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 8) ;
    transition-delay: calc( .7s + .05s * 8) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 9) ;
    transition-delay: calc( .7s + .05s * 9) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 10) ;
    transition-delay: calc( .7s + .05s * 10) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * + * + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .7s + .05s * 11) ;
    transition-delay: calc( .7s + .05s * 11) ;
}

#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 1) ;
    transition-delay: calc( .95s + .05s * 1) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 2) ;
    transition-delay: calc( .95s + .05s * 2) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 3) ;
    transition-delay: calc( .95s + .05s * 3) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 4) ;
    transition-delay: calc( .95s + .05s * 4) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 5) ;
    transition-delay: calc( .95s + .05s * 5) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 6) ;
    transition-delay: calc( .95s + .05s * 6) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 7) ;
    transition-delay: calc( .95s + .05s * 7) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 8) ;
    transition-delay: calc( .95s + .05s * 8) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 9) ;
    transition-delay: calc( .95s + .05s * 9) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 10) ;
    transition-delay: calc( .95s + .05s * 10) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 11) ;
    transition-delay: calc( .95s + .05s * 11) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * + * + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 12) ;
    transition-delay: calc( .95s + .05s * 12) ;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child + .title.animate__animated > .txt > *:first-child + * + * + * + * + * + * + * + * + * + * + * {
    -webkit-transition-delay: -webkit-calc( .95s + .05s * 13) ;
    transition-delay: calc( .95s + .05s * 13) ;
}

#mainVisual.index_mainVisual .title:first-child > .txt > *:first-child:before,
#mainVisual.index_mainVisual .title:first-child > .txt > *:first-child + *:before,
#mainVisual.index_mainVisual .title:first-child > .txt > *:first-child + * + *:before,
#mainVisual.index_mainVisual .title:first-child > .txt > *:first-child + * + * + *:before {
    content: "";
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left:50%;
    top: .5em;
    height: .25em;
    width: .25em;
    background-color: var(--color01);
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    filter:  alpha(opacity=0);  opacity:0;
    -webkit-transition: .5s;
    transition: .5s;
}
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child:before,
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + *:before,
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + *:before,
#mainVisual.index_mainVisual .title.animate__animated:first-child > .txt > *:first-child + * + * + *:before {
    top: -.05em;
    filter:  alpha(opacity=100%);  opacity:1.0;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}



@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
   
}


@media only screen and (max-width: 767px) {

#mainVisual.index_mainVisual {
    padding-top: 0 !important;
}
#mainVisual.index_mainVisual,
#mainVisual.index_mainVisual #mainVisual_slider,
#mainVisual.index_mainVisual #mainVisual_slider .slider-item {
    height: calc( 100vw*800 / 1170 );
    height: -webkit-calc( 100vw*800 / 1170 );
    box-sizing: content-box;
}
#mainVisual.index_mainVisual .title {
    font-size: clamp( 20.25px, calc( ( 100vw - 360px ) * ( ( 30 - 20.25 )  / ( 1200 - 360 ) ) + 20.25px ), 30px );
	/*	font-size: 30px;	*/
    height: 1.75em;
}
#mainVisual.index_mainVisual .title:first-child {
    margin-left: -15px;
    margin-top: 2.5rem;
}
#mainVisual.index_mainVisual .title:first-child + .title {
    margin-left: 0px;
}


}
@media only screen and (max-width: 576px) {


}
@media print, screen and (min-width: 768px) {

#mainVisual.index_mainVisual {}
#mainVisual.index_mainVisual #mainVisual_slider {
    top: calc( var(--header_height) - 2px);
    top: -webkit-calc( var(--header_height) - 2px);
}
#mainVisual.index_mainVisual #mainVisual_slider,
#mainVisual.index_mainVisual #mainVisual_slider .slider-item {
    min-height: 50rem;
    height: 60vh;
}
#mainVisual.index_mainVisual {
    min-height: calc(50rem + var(--header_height)) ;
    height: calc(60vh + var(--header_height));
}

#mainVisual.index_mainVisual .title {
    font-size: clamp(24px, 3.85vw, 3.6rem);
    height: 1.65em;
}
#mainVisual.index_mainVisual .title:first-child {
    margin-left: -30px;
}
#mainVisual.index_mainVisual .title:first-child + .title {
    margin-left: -15px;
}


}
@media print, screen and (min-width: 992px) {

#mainVisual.index_mainVisual #mainVisual_slider,
#mainVisual.index_mainVisual #mainVisual_slider .slider-item {
    height: 68rem;
}
#mainVisual.index_mainVisual {
    height: calc(68rem + var(--header_height));
}
#mainVisual.index_mainVisual .title {
    font-size: 5.0rem;
}
#mainVisual.index_mainVisual .title:first-child {
    margin-top: 4.25em;
}
#mainVisual.index_mainVisual .title:first-child {
    margin-left : calc( (100vw - 100%)/2  - (100vw - 100%)) ;
    margin-left : -webkit-calc(  (100vw - 100%)/2  - (100vw - 100%)) ;
}
#mainVisual.index_mainVisual .title:first-child + .title {
    margin-left : calc( (100vw - 100%)/2  - (100vw - 100%) + 1.5em * 1) ;
    margin-left : -webkit-calc(  (100vw - 100%)/2  - (100vw - 100%) + 1.5em * 1) ;
}

}
@media print, screen and (min-width: 1200px) {


}
@media print, screen and (min-width: 1600px) {

#mainVisual.index_mainVisual .title:first-child,
#mainVisual.index_mainVisual .title:first-child + .title {
    margin-left: -2.15em;
}



}







/*------------------------------------
大津市瀬田の、しむろ整骨院へようこそ
------------------------------------*/ 
#welcome {}

@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 575px) {

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}






/*------------------------------------

------------------------------------*/ 

#about {}
#about .wrapper,
#about .wrapper > * {
    position: relative;
}
#about .wrapper > * {
    z-index: 10;
}
#about .wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/index/background_about.jpg") no-repeat center;
    background-size: cover;
    filter:  alpha(opacity=17%);  opacity:0.17;
}


.about-photo_block {
    position: relative;
}
.about-photo_block .shop_photo {
    position: absolute;
    left: 0;
    right: 0;
}
.about-photo_block .director {}
.about-photo_block .director img {}

@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 575px) {

}
@media print, screen and (min-width: 768px) {

#about .wrapper:before {
    background-attachment: fixed;
}


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}



















/*------------------------------------

------------------------------------*/ 
#sbi_images {}
#sbi_images > * {
    border: 1px solid var(--borderc_01);
}

@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 575px) {

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}