/*共通設定の打ち消し*/
body {
    background-image: url("lib/img/cont1.jpg");
     background-repeat: no-repeat;
     background-size: cover;
    background-position: top center;
    background-attachment: fixed;
  font-family: 'Roboto', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !important;
    color:#86949d;
}@media screen and ( max-width:559px){body {background-image: none;}}
.button {display:block;}
#loader-bg > #loader {top:70%;width: 80%; max-width: 400px;}
#overlay {
    background-image: url("lib/img/cont1a.jpg?T=1");
     background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    padding-bottom: 10px;
}
#overlay > #overcont > div {
    position: relative;
    width: 92%;
    max-width: 500px;
    margin: 20px auto;
}
#overlay > #overcont > div.social {
    position: relative;
    width: 80%;
    max-width: 400px;
    margin: 20px auto 40px auto;
}
#overlay > #overcont > div > a {
color:#000;
    font-size: clamp(1.6rem, 2vw,2.4rem);
            font-weight: bold;
            line-height: 200%;
    text-decoration: none;
}
#overlay > #overcont > div > a:hover {color: #F00;}
#overlay > #overcont > div > a > img {
	position: relative;
	width: 100%;
    margin: auto;
}
#overlay > #overcont > div#credit {
    position: relative;
    margin-top: 50px;
    color: #06F;
    font-weight: bold;
}
#overlay > #overcont > div#credit > #line2  {margin-bottom: 20px;}
#overlay > #overcont > div#credit > .line1  {color: #333;}
@media screen and ( max-width:559px){#overlay > #overcont > div#credit > .line1  {font-size: 80%;}}
#overlay > #overcont > div#credit > .line1 > a {color: #333;}


@media screen and ( max-width:559px){
    #page_top {bottom: 65px;}
}
/*共通設定の打ち消しEND*/
.bg_black {
	background:rgba(0,0,0,0.9);
	padding: 10px 0;
}
div {overflow: hidden;}
#copyright {
	position: relative;
	text-align: center;
	color: #FFF;
white-space: nowrap;
	padding: 5px 2% 100px;
}
@media screen and ( max-width:559px){#copyright{width: 92%;margin: 0 auto; color:rgba(0,104,255,0);}}

.menu_ancor {
	position: relative;
	top: -50px;
	display: block;
	z-index: -10;
}
/*コンテンツ*/
#main_cont {
    position: relative;
    width: 100%;
    margin: 0px auto 0;
} 
     #block1 {
        position: relative;
        width: 100%;
        padding: 100px 0 20px;
        background-color: #FFF;
        }@media screen and ( max-width:559px){ #block1 {padding-top: 60px;padding-bottom: 0;}}
         #block1 > #line1 {
            position: relative;
            width: 100%;
            max-width: 1400px;
            /*aspect-ratio: 1.44;*/
            aspect-ratio: 1.153;
            margin: 0px auto;
            background-image: url("lib/img/top_image20240601.jpg?t=2");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center bottom;
            display: flex;
            justify-content: center;}
            /*
            #block1 > #line1 > img {
                position: relative;
                display: block;
                margin: auto;
                width: 50%;
                height: auto;
              filter: drop-shadow(3px 3px 3px rgba(100, 100, 255,0.7));
            }
            */
         #block1 > #line2 {
            position: relative;
            margin-top: 50px;
            margin-bottom: 20px;
            text-align: center;
            font-size: clamp(1.8rem, 2vw,2.4rem);
            font-weight: bold;
            line-height: 200%;
            }
         #block1 > #line3 {
            position: relative;
            text-align: center;
            font-size: clamp(1.4rem, 2vw, 1.8rem);
            line-height: 180%;
            margin-bottom: 0px;
            }@media screen and ( max-width:559px){
                 #block1 > #line3 {margin-bottom: 10px;}
            }


     .block2 {
        position: relative;
        width: 100%;
        padding: 50px 0;
        background:rgba(134,148,157,0.9);
    }@media screen and ( max-width:559px){
                 #block2 {padding: 0 0 50px;}
            }
         .block2 > #line1 {
            position: relative;
            margin-top: 50px;
            text-align: center;
            font-size: clamp(2.4rem, 4vw, 4.0rem);
            font-weight: bold;
            line-height: 200%;
            color: #FFF;
            }
         .block2 > #line2 {
            position: relative;
            width: 100%;
            max-width: 1400px;
            margin: 0 auto 0;
            padding: 0;
            font-size: clamp(1.4rem, 2vw, 2.0rem);
            line-height: 200%;
            color: #FFF;
            }@media screen and ( max-width:960px){
                         .block2 > #line2 {line-height: 200%;}
                    }
                 .block2 > #line2 > .line2_inner {
                    position: relative;
                    display:flex;
                    width: 100%;
                    margin: 0;
                    background:rgba(255,255,255,0.2);
                }@media screen and ( max-width:559px){
                         .block2 > #line2 > .line2_inner {flex-direction:column;width: 90%;margin: auto;}
                    }
                     .block2 > #line2 > .line2_inner > #left {
                        position: relative;
                        width: 50%;
                        padding: 50px;
                        }@media screen and ( max-width:960px){
                             .block2 > #line2 > .line2_inner > #left {padding: 20px;}
                        }@media screen and ( max-width:559px){
                             .block2 > #line2 > .line2_inner > #left {width: 100%;}
                        }
                         .block2 > #line2 > .line2_inner > #left > span {display: inline-block;padding-bottom: 20px; color: rgba(100, 100, 255,0.7);font-size: 150%;}
                     .block2 > #line2 > .line2_inner > #right {
                        position: relative;
                        width: 50%;
                        }@media screen and ( max-width:559px){
                             .block2 > #line2 > .line2_inner > #right {width: 100%;}
                        }
                 .block2 > #line2 > .line2_inner2 {
                    position: relative;
                    display:flex;
                    flex-direction:row-reverse;
                    width: 100%;
                    margin:  0;
                    background:rgba(255,255,255,0.1);
                }@media screen and ( max-width:559px){
                         .block2 > #line2 > .line2_inner2 {flex-direction:column;width: 90%;margin: auto;}
                    }
                     .block2 > #line2 > .line2_inner2 > #left {
                        position: relative;
                        width: 50%;
                        padding: 50px;
                        }@media screen and ( max-width:960px){
                            .block2 > #line2 > .line2_inner2 > #left {padding: 20px;}
                        }@media screen and ( max-width:559px){
                             .block2 > #line2 > .line2_inner2 > #left {width: 100%;}
                        }
                         .block2 > #line2 > .line2_inner2 > #left > span {color: rgba(100, 100, 255,0.7);font-size: 150%;}
                     .block2 > #line2 > .line2_inner2 > #right {
                        position: relative;
                        width: 50%;
                        }@media screen and ( max-width:559px){
                             .block2 > #line2 > .line2_inner2 > #right {width: 100%;}
                        }



     #block3 {
        position: relative;
        width: 100%;
        padding: 50px 0;
        background:rgba(255,255,255,1.0);
    }@media screen and ( max-width:559px){
                 #block3 {padding: 0 0 50px;}
            }
         #block3 > #line1 {
            position: relative;
            margin-top: 50px;
            text-align: center;
            font-size: clamp(2.4rem, 3vw, 4.0rem);
            font-weight: bold;
            line-height: 200%;
            color: #86949d;
            }
/*
         #block3 > #line2 {
            position: relative;
            display:flex;
            width: 100%;
            max-width: 1400px;
            margin: 0 auto 0;
            font-size: clamp(1.4rem, 3vw,3.0rem);
            font-weight: bold;
            line-height: 120%;
            color: #86949d;
            }@media screen and ( max-width:559px){
                 #block3 > #line2 {flex-wrap:wrap;font-size: 4rem;}
            }
         #block3 > #line2 > .line2_inner {
            position: relative;
            width: 33%;
            margin: 20px 3% 0;
            text-align: center;
        }@media screen and ( max-width:559px){
                 #block3 > #line2 > .line2_inner {width: 84%;margin: auto;}
            }
             #block3 > #line2 > .line2_inner > b {
                display: block;
                width: auto;
                margin: 10px auto 0;
                font-size: clamp(2.4rem, 2vw, 3.2em);
                color: #F00;
        }
*/
         #block3 > #line3 {
            position: relative;
            width: 96%;
            max-width: 1400px;
            margin: 60px auto 30px;
            text-align: center;
            font-size: clamp(2.4rem, 1vw, 2.4rem);
            line-height: 200%;
            color: #86949d;
            }@media screen and ( max-width:559px){
                 #block3 > #line3 {font-size: 1.6rem;}
            } 
            #block3 > #line5 {
            position: relative;
            width: 90%;
            max-width: 1400px;
            margin: 20px auto 0;
            text-align: left;
            font-size: clamp(1.4rem, 2vw, 2.2rem);
            line-height: 200%;
            color: #86949d;
            }
         #block3 > #line4 {
            position: relative;
            width: 90%;
            max-width: 1400px;
            margin: 0px auto 0;
            text-align: left;
            font-size: clamp(1.4rem, 2vw, 2.2rem);
            line-height: 200%;
            color: #86949d;
            }
         #block3 > #zeikomi {
             position: relative;
            width: 90%;
            max-width: 1400px;
            margin: 10px auto 0;
            text-align: right;
            font-size: clamp(1.4rem, 2vw, 2.0rem);
            color: #86949d;
             }
     #block3 > table, tr, td {
        position: relative;
        width: 90%;
        max-width: 1400px;
        margin: 30px auto 0 ;
        text-align: center;
        font-size: clamp(1.2rem, 2vw, 2.0rem);
        line-height: 200%;
        color: #86949d;
        border: 1px solid #86949d;
        }
@media screen and ( min-width:600px){
                      #block3 > table#kakaku1 br {display: none;}
            }
     #block3 > table#kakaku2{display: none;}
     #block3  td {width: 25%;padding: 5px 2%;}


                
     #block4 {
        position: relative;
        width: 100%;
        padding: 50px 0;
        background-color: #FFF;
    }
         #block4 > #line1 {
            position: relative;
            width: 100%;
            min-height: 800px;
            margin: 0px auto 50px;
            background-image: url("lib/img/yoga_bg.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            display: flex;
            justify-content: center;
            text-align: center;
        }@media screen and ( max-width:960px){
                 #block4 > #line1 { min-height: 300px;}
            }
            #block4 > #line1 > span {
              position:absolute;
              top:50%;
              left:50%;
              transform:translate(-50%,-50%);
              width:100%;
            font-size: clamp(1.6rem, 3vw, 4.0rem);
            font-weight: bold;
                  color: #FFF;
              filter: drop-shadow(3px 3px 3px rgba(0, 0, 255,0.9));
            }
            #block4 > #line4 {
                position: relative;
                width: 94%;
                max-width: 1000px;
                margin: 0 auto;
            }
            #block4 > #line5{
                position: relative;
                width: 88%;
                max-width: 1200px;
                margin: 0 auto 10px;
            }
                #block4 > #line5 > img {height: auto;width: 23%;margin: 0 1%;}
                @media screen and ( max-width:559px){#block4 > #line5 > img {height: auto;width: 100%;margin-bottom: 2px;}}
            #block4 > #line5a {
                position: relative;
                width: 88%;
                max-width: 1100px;
                margin: 0 auto;
                 font-size: clamp(1.4rem, 2vw, 2.0rem);
            color: #86949d;
            }

     #block5 {
        position: relative;
        width: 100%;
        padding: 50px 0;
        text-align: center;
        background:rgba(0,0,0,0.7);
    }
         #block5 > h2 {
            position: relative;
        width: 90%;
        max-width: 1000px;
            margin: 100px auto 10px ;
             font-size: clamp(2.4rem, 2vw, 6.2rem);
            font-weight: bold;
            color: #FFF;
            text-align: left;
        }@media screen and ( max-width:559px){
                 #block5 > h2 {margin: 0 auto; font-size: 2.4rem;}
            }
         #block5 > iframe {
        width: 90%;
        max-width: 1000px;
        aspect-ratio: 16/9;
            margin: 0 auto 0;
        }
         #block5 > #line1 {
            position: relative;
        width: 90%;
        max-width: 1000px;
            margin: 0px auto 50px ;
             font-size: clamp(1.4rem, 2vw, 2.0rem);
            color: #FFF;
            text-align: left;
            line-height: 200%;
        }


     #block6 {
        position: relative;
        width: 100%;
        padding: 50px 0;
        background-color: #FFF;
    }
         #block6 > #line1 {
            position: relative;
            width: 100%;
            min-height: 800px;
            margin: 0px auto 50px;
            background-image: url("lib/img/toujitsu1.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            display: flex;
            justify-content: center;
            text-align: center;
        }@media screen and ( max-width:960px){
                 #block6 > #line1 { min-height: 300px;}
            }
               #block6 > #line1 > span {
              position:absolute;
              top:50%;
              left:50%;
              transform:translate(-50%,-50%);
              width:100%;
            font-size: clamp(2.2rem, 3vw, 4.0rem);
            font-weight: bold;
                  color: #FFF;
              filter: drop-shadow(3px 3px 3px rgba(0, 0, 255,0.9));
            }
         #block6 > .line2 {
            position: relative;
            width: 90%;
            max-width: 1000px;
            margin: 50px auto 0 ;
             font-size: clamp(1.4rem, 1.5vw, 1.8rem);
            color: #86949d;
            text-align: left;
            line-height: 200%;
        }
         #block6 > .line3 {
            position: relative;
            width: 90%;
            max-width: 1000px;
            margin: 0px auto 50px ;
             padding-left: 3%;
             font-size: clamp(1.4rem, 2vw, 2.0rem);
            color: #86949d;
            text-align: left;
            line-height: 200%;
        }
/*キャンペーン*/
        #campaign {
            position: relative;
            width: 94%;
            max-width: 1000px;
            margin: 80px auto 20px;
            text-align: center;
             font-size: clamp(1.5rem, 2vw, 2.0rem);
            line-height: 180%;
            color: #86949d;
        }@media screen and ( max-width:559px){
                 #campaign  {margin: 30px auto 10px; }
                #campaign > br { display: none;}
            }
#campaign2 {
    position: relative;
    margin: 0 auto;
    width: 60%;
    max-width: 220px;
    text-align: center;
    font-size: clamp(1.5rem, 2vw, 2.0rem);
    color: #00B900;
}
/*お問合せ*/
.button_line004 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 50px;
    width: 70%;
    max-width: 360px;
    padding: 10px 25px;
    color: #0a6eb9;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    font-size: clamp(1.6rem, 1vw, 3.2rem);
    z-index:2;
    text-decoration: none;

}
.button_line004 a:before,
.button_line004 a:after {
	content: '';
	width: 18px;
	height: 18px;
	border-color: #6bb6ff;
	box-sizing: border-box;
	border-style :solid;
	display: block;
	position: absolute;
	transition: all 0.3s ease-in-out;
}
.button_line004 a:before {
	top: -6px;
	left: -6px;
	border-width: 2px 0 0 2px;
	z-index: 5;
}
.button_line004 a:after {
	bottom: -6px;
	right: -6px;
	border-width: 0 2px 2px 0;
}
.button_line004 a:hover:before,
.button_line004 a:hover:after {
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #6bb6ff;
}
.button_line004 a:hover {
	color: #fff;
	background-color: #6bb6ff;
	border-color: #6bb6ff;
}






     #block7 {
        position: relative;
        width: 92%;
        max-width: 1100px;
        margin:  50px auto;
        padding: 30px 50px;
        background:rgba(255,255,255,0.9);
        }@media screen and ( max-width:559px){
                 #block7 {margin: 0 auto; padding: 10px;}
            }
         #block7 > #line1 {
            position: relative;
            margin-top: 50px;
            text-align: center;
            font-size: clamp(2.4rem, 2vw, 3.2rem);
            font-weight: bold;
            line-height: 200%;
            color: #86949d;
            }@media screen and ( max-width:559px){
                 #block7 > #line1 {margin: 0 auto;}
            }
         #block7 > #line2 {
            position: relative;
            width: 90%;
            margin: 0px auto 50px ;
             font-size: clamp(1.4rem, 2vw, 1.8rem);
            color: #86949d;
            text-align: left;
            line-height: 200%;
        }


     #block8 {
        position: relative;
        width: 100%;
        padding: 0 0;
        background:rgba(255,255,255,1.0);
    }@media screen and ( max-width:559px){
                 #block8 {padding: 0 0 50px;}
            }
         #block8 > #line1 {
            position: relative;
            width: 100%;
            max-width: 1400px;
            aspect-ratio: 1.85;
            margin: 0px auto;
            background-image: url("lib/img/lesson.jpg?t=2");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center bottom;
            display: flex;
            justify-content: center;}
         #block8 > #line3 {
            position: relative;
            width: 90%;
            max-width: 700px;
            margin: 50px auto;
            font-size: clamp(1.4rem, 2vw, 1.8rem);
            line-height: 200%;
            color: #86949d;
            }
         #block8 > .line2 {
            position: relative;
            width: 90%;
            max-width: 900px;
            margin: 50px auto 50px ;
            font-size: clamp(1.4rem, 2vw, 1.8rem);
            color: #86949d;
            text-align: left;
            line-height: 200%;
            display: flex;
         }@media screen and ( max-width:559px){ #block8 > .line2  { flex-wrap:wrap;justify-content: center;text-align: center;}}
             #block8 > .line2 > #photo {
                position: relative;
                width: 35%;
                padding-right: 5%;
                }@media screen and ( max-width:559px){ #block8 > .line2 > #photo {width: 80%;}}
             #block8 > .line2 > #k_data {
                position: relative;
                width: 60%;
                height: auto;
                }@media screen and ( max-width:559px){  #block8 > .line2 > #k_data {width: 100%;}}
                 #block8 > .line2 > #k_data > #k_name {
                    position: relative;
                    font-size: clamp(1.4rem, 2vw, 2.4rem);color: #709F25;
                }
                 #block8 > .line2 > #k_data > #k_info {
                    position: relative;
                    margin-top: 20px;
                    text-align: left;
                }
                     #block8 > .line2 > #k_data > #k_info  > span {color: #709F25;}
   



#contents9 {
        position: relative;
        width: 100%;
        padding: 0;
        background:rgba(255,255,255,1.0);
} 
     #block9 {
        position: relative;
        width: 96%;
        padding: 0;
        max-width: 1300px;
      margin: 0 auto;
    }

            
/*フッター領域*/
	footer {
		position: relative;
		width: 100%;
		padding: 30px 0;
	}
	footer > #foot {
		position: relative;
		width: 94%;
        max-width: 500px;
		margin: 0 auto;
		padding: 50px 0;
	}
		footer > #foot > #left {
			position: relative;
			width: 100%;
			padding: 10px 12% ;
	}
		footer > #foot > #right {
			position: relative;
			width: 100%;
			padding: 20px 5% 0;
			color: #FFF;
		}
			footer > #foot > #right > #right01 {
				position: relative;
				font-size: 1.6rem;
				font-weight: bold;
				margin-bottom: 5px;
			}
			footer > #foot > #right > .right02 {
				position: relative;
				font-size: 1.5rem;
				margin-bottom: 5px;
			}
			footer > #foot > #right > .right03 {
				position: relative;
				font-size: 2.8rem;
				text-align: center;
				padding: 6px 0;
				font-weight: bold;
				margin-bottom: 5px;
				letter-spacing: 0.1em;
	}
	footer > #foot > #right > .right03 > a {color:#FFF;text-decoration: none;}		
@media screen and ( min-width:600px){#foot_navi {display: none;}}
@media screen and ( max-width:559px){
    #foot_navi {
        position:fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-image: url("lib/img/footer_menu.png?t=4");
        background-position: right;
		background-size: 96%;
		background-repeat: no-repeat;
        background-color: #FFF;
        min-height: 80px;
        max-height: 80px;
    }
    #foot_navi > #line00 {
        position: absolute;
        top: 2px;
        width: 100%;
        height: 2px;
        margin: 2px auto;
        background-color: #3399FF;
    }
    #foot_navi > .b_menu {
        position: relative;
        display: inline-block;
        width : calc(100% / 3);
        min-height: 100%;
    }
}




/*ブログ*/
#bline2 {
	position: relative;
	width: 100%;
	margin: 10px auto 50px;
    padding: 2px 2%;
    background:#86949d;
     font-size: clamp(1.4rem, 2vw, 2.4rem);
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 160%;
}
.bline2 {
	position: relative;
	width: 96%;
    max-width: 900px;
	margin: 10px auto;
    padding: 0 2%;
}
.bline2 {
	position: relative;
	width: 100%;
	margin: 10px auto 80px;
}
	.bline2 > #title {
		position: relative;
		width: 96%;
        margin: 0 auto 0 0;
		border-left: 6px solid #86949d;
        padding: 0 0 0 10px;
     font-size: clamp(1.4rem, 2vw, 2.0rem);
        line-height: 180%;
        color:#86949d;
	}
	.bline2 > #date {
		position: relative;
		width: 100%;
		text-align: right;
		padding-top: 3px;
         font-size: clamp(1.4rem, 1vw, 1.8rem);
        color:#86949d;
	}
	.bline2 > #image {
		position: relative;
		width: 80%;max-width: 600px;
        margin: 20px auto;
	}
	.bline2 > #kiji {
		position: relative;
		width: 80%;
        margin: 0 auto  0;
        padding: 0 0 0 10px;
         font-size: clamp(1.4rem, 2vw, 1.6rem);
        color:#86949d;
        }@media screen and ( max-width:559px){
            .bline2 > #kiji {width: 96%;}
        }