/*----赤い下線の共通タイトル-----------------------*/
.cttitle	{margin-bottom: 1em;padding: .3em 0;font-size: 170%;color: #dd1f24;border-bottom: 3px solid #dd1f24;}
.cttitle.black	{color: #000;}

.type1	{text-align: center;font-size: 180%;letter-spacing: .1em;}
h2.type2	{text-align: center;}
h2.type2	.cttitle	{margin: 0 auto 1.2em auto;padding:.3em .2em;display: inline-block;font-size: 180%;letter-spacing: .1em;}

/*赤い文字*/
.cttitlelnone	{margin-bottom: .8em;font-size: 130%;color: #dd1f24;}

h2.type3	{text-align: center;}
h2.type3	.cttitle	{margin: 0 auto 1.2em auto;padding:.3em .2em;display: inline-block;font-size: 180%;color: #333;letter-spacing: .1em;}

/*サービス*/
h3.ssubtitle	{padding-bottom: 50px;text-align: center;}
h3.ssubtitle	img{width: 100%;height: auto;}
h3.ssubtitle	span:first-child{display: inline-block;width: 100px;margin: 0 auto;}
h3.ssubtitle	span:last-child{display: block;font-size: 170%;}

/*お問い合わせ*/
h3.csubtitle	{padding-bottom: 50px;text-align: center;}
h3.csubtitle	img{width: 100%;height: auto;}
h3.csubtitle	span:first-child{display: inline-block;width: 80px;margin: 0 auto 20px auto;}
h3.csubtitle	span:last-child{display: block;font-size: 170%;}

h3.csubtitle.tou	{display: block;padding-bottom: 50px;text-align: center;line-height: 2.5em;}
h3.csubtitle.tou	br{display: none}

@media only screen and (max-width: 980px) {
h3.csubtitle.tou	br{display: inline}
}


h4.sdiscription	{padding-bottom: 70px;color: #1a8c44;font-size: 150%;text-align: center}

.ssbtitle	{display: block;margin-bottom: 1em;padding: .3em 0;font-size: 120%;color: #dd1f24;border-bottom: 1px solid #333;}
.ssbtitle.center	{margin-bottom: 1.5em;font-size: 140%;text-align: center;}


@media only screen and (max-width: 560px) {
h4.sdiscription	{font-size: 120%;}
}

/*----TOP PAGE-----------------------*/

/*movie エリア*/
.moviearea	{line-height: 0;}
.moviecontainer {box-sizing: border-box;min-width: 100%;width: 100%;height:  calc(100vh - 80px);}
.moviecontainer {display: flex;justify-content: center;align-items: center;}

.box {}

video {min-width: 100vw;min-height: 100vh;margin: 0 auto;z-index: 1}/*Video size 852 × 480*/
/*before min-width: 100%*/

.scroolbutton{text-align:right;position:absolute;bottom:80px;right:0;margin:auto;z-index:1;max-width:100%;width:100%;height:auto}
.scroolbutton	img	{width: 25px;height:auto;margin: 0 20px 20px auto;}




/*M-Bridge の取組み*/
.toptorikumi	{margin-bottom: 80px;}
.toptorikumi{display: flex;display: -ms-flexbox;}
.toptorikumi	.ttinner01{flex-basis: 48%;margin-right: 5%;}
.toptorikumi	.ttinner02	{flex-basis: 47%;display: flex;display: -ms-flexbox;}
.toptorikumi	.ttinner02	p{flex-basis: 30.5%;margin: 0 2%;}
.toptorikumi	img{width: 100%;height: auto;}
 /*20230725改訂*/
.toptorikumi	.ttinner-01{flex-basis: 40%;margin-right: 3%;}
.toptorikumi	.ttinner-02	{flex-basis: 57%;display: flex;display: -ms-flexbox;}
.toptorikumi	.ttinner-02	p{flex-basis: 23%;margin: 0 2%;}
.toptorikumi	img{width: 100%;height: auto;}

/*SERVICE*/
.topservice	{}
.topserviceinner	{display: flex;justify-content: space-between;}
.topserviceinner	p{flex-basis: 32%;display: flex;display: -ms-flexbox;flex-direction: column;-ms-flex-direction: column;padding: 30px 0;background: #fdede3;text-align: center;}
.topserviceinner	.tsicon	{display: block;margin-bottom: 20px;text-align: center}
.topserviceinner	.tsicon	img{width: 25%;height: auto;margin: 0 auto}
.topserviceinner	.topcttitle	{display: block;margin-bottom: .3em;font-size: 140%;}
.topserviceinner	.txt	{display: block;line-height: 120%;}
.topserviceinner	.txt.line2	{padding: .7em 0 0 0 }
.topserviceinner	a{color: #333;text-decoration: none;transition: all 0.3s;}
.topserviceinner	a:hover{opacity: .3;}


.topserviceinner	p	{max-height: 300px;}

/*20230725改訂*/
.top-service	{}
.top-serviceinner	{display: flex;justify-content: space-between;flex-wrap: wrap;}
.top-serviceinner	p{flex-basis: 48%;display: flex;display: -ms-flexbox;flex-direction: column;-ms-flex-direction: column;margin-bottom: 30px;padding: 30px 0;background: #fdede3;text-align: center;}
.top-serviceinner	.tsicon	{display: block;margin-bottom: 20px;text-align: center}
.top-serviceinner	.tsicon	img{width: 25%;height: auto;margin: 0 auto}
.top-serviceinner	.topcttitle	{display: block;margin-bottom: .3em;font-size: 140%;}
.top-serviceinner	.txt	{display: block;line-height: 120%;}
.top-serviceinner	.txt.line2	{padding: .7em 0 0 0 }
.top-serviceinner	a{color: #333;text-decoration: none;transition: all 0.3s;}
.top-serviceinner	a:hover{opacity: .3;}


.top-serviceinner	p	{max-height: 300px;}


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

.moviearea	{height: auto;margin: 0 0 -110px 0;}
.moviecontainer {width: 100%;height: auto;}
.box {width: 100%;height: auto;}
video {min-width: auto;width: 100%;min-height: auto;height: auto;margin: 0}

.scroolbutton{text-align:right;position:relative;bottom:120px;}
.scroolbutton	img	{width: 20px;}

.toptorikumi	{display: block;}
.toptorikumi	div{margin: 0 0 1em 0;}
.toptorikumi	.ttinner02	p{display: inline-block;flex-basis: 20%;margin: 0 6.5%;}

.toptorikumi	.ttinner-02	p{display: inline-block;flex-basis: 24%;margin: 0 0.5%;}
}


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

.moviearea	{height: auto;margin: 0 0 -60px 0;}

.moviecontainer {height: 
350px}
.box {width: auto;height: 100%;}
video {min-width:100%;width: auto;min-height: auto;height: 350px;margin: 0}


.scroolbutton{position:relative;bottom:90px;}
.scroolbutton	img	{width: 15px;margin: 0 10px 0 auto;}

.ttinner01	.cttitle	{font-size: 145%}
.toptorikumi	.ttinner02	p{display: inline-block;flex-basis: 31%;margin: 0 2%;}

.topserviceinner	{flex-direction: column;}
.topserviceinner	p	{margin-bottom: 20px;height: auto}

.top-serviceinner	{flex-direction: column;}
.top-serviceinner	p	{margin-bottom: 20px;}
.top-serviceinner	p:last-child	{padding-bottom: 100px;}
}

@media only screen and (max-width: 414px) {
.top-serviceinner	p:last-child	{padding-bottom: 50px}
}

/*----会社概要-----------------------*/

.cblock	{display: flex;justify-content: space-between;}

.cblock	p:first-child	{flex-basis: 70%;}
.cblock	p:last-child	{flex-basis: 28%;}

.cblock	p:first-child	.txtb	{display: block;margin-bottom: 1em;}

.cblock	p:last-child	img	{margin: 0 auto .5em auto}

.cdl	{display: flex;align-items: center;margin: 0 10%;border-bottom: 1px solid #555555;}
.cdl	dt,.cdl	dd{padding: .5em 1em;text-align: left}
.cdl	dt	{flex-basis: 20%;}
.cdl	dd	{flex-basis: 80%;}
.cdl	p.kanren{padding-top: 10px;}

.cdladdress	{display: flex;}
.cdladdress	span:first-child{margin-right: 1em;}
.toggmap	{display: inline-block;margin-top: .3em;color: #333;}
.toggmap	a{display: block;padding: .5em 2.5em .3em 2.5em;line-height: 120%;color: #333;text-decoration: none;border: 1px solid #dd1f24;transition: all 0.5s;}
.toggmap	a:hover{background: #666;color: #fff;border: 1px solid #666;}

.tokaisinjuku	{display: inline-block;margin: .3em 0 .3em 2.5em;}
.tokaisinjuku	a{padding: .5em 2.5em .4em 2.5em;background: #ed8f25;color: #fff;text-decoration: none;line-height: 120%;transition: all 0.5s;}
.tokaisinjuku	a:hover{background: #666;}


@media only screen and (max-width: 960px) {
.cdl	{margin: 0;}
.cdladdress	{display: block;}
}

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

.cblock	{flex-direction: column;}
.cblock	p:first-child	{flex-basis: auto;margin-bottom: 20px;}
.cblock	p:last-child		{flex-basis: auto;text-align: center}

.cdl	{display: block;}
.cdl	dt	{padding: .8em 1em 0 1em;font-weight: bold;color:#0f6bb0}

.tokaisinjuku	{display: block;margin: .4em 0 .3em 0;}
}


/*----SERVICE----------------------*/

.svblock	{display: flex;justify-content: space-between;}

.svblock	p:first-child,.svblock	div:first-child		{flex-basis: 60%;}
.svblock	p:last-child,.svblock	div:last-child	{flex-basis: 28%;}

.svblock	p:first-child	.txtb,.svblock	div:first-child	.txtb	{display: block;margin-bottom: 1em;}

.svblock	p:last-child	img,.svblock	div:last-child	img	{margin: 0 auto .5em auto}


.svblock2	{display: flex;justify-content: space-between;align-items: center;}
.sisetumei	{flex-basis: calc( 100% - 400px);margin-right: 10%;padding: 20px 0;border: 1px solid #333;text-align: center}
.topdf	{flex-basis: 150px;}
.topdf	a{color: #dd1f24;text-decoration: none;transition: all 0.5s;}
.topdf	a:hover{color: #666}
.topdfimg	{flex-basis: 250px;text-align: center;line-height: 110%;}
.topdfimg:hover	{opacity: .5;transition: all 0.5s;}
.topdfimg	img{width: 70%;margin: 0 15% 5px 15%;height: auto;}
.topdfimg	a	{font-size: 80%;line-height: 110%;color: #333;text-decoration: none}



.stleadimg	img{max-width: 900px;margin: 0 auto}

.stwrap	{max-width: 900px;}

.svblock3	{display: flex;justify-content: space-between;align-content: flex-start;}

.svblock3	div:first-child{flex-basis: 60%;}
.svblock3	div:last-child{flex-basis: 38%;}

.svblock3	div:last-child	p{margin-bottom: 50px;}

.strblock	{display: block;width: 100%;margin-bottom: 1em;}
.strblock	h5{font-weight:bold;}

.strblock	p	{display: block;width: 100%;}

.strblock	.mgb	{margin-bottom: 1em;}


.svttokaisinjuku	{padding: 40px 20%;}
.svttokaisinjuku	a	{transition: all 0.5s;}
.svttokaisinjuku	a:hover	{opacity: .5}

.service-p-close  {margin: 20px 0;padding: 0;text-align: center;line-height: 30px;border-radius: 0;}

.service-p-close  input[type="button"] {height: 30px;margin: 0;border: none;border-radius: 0;outline: none;background: none;border: 1px solid #000;color:#000;line-height: 30px}
.service-p-close  input[type="button"]:hover{cursor: pointer;color: #fff}


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


.sisetumei	{flex-basis: calc( 100% - 150px);margin-right: 7%;}
.topdfimg	{flex-basis:20%;}
}

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

.svblock	{flex-direction: column;}
.svblock	div:first-child	{flex-basis: auto;margin-bottom: 20px;}
.svblock	div:last-child		{flex-basis: auto;text-align: center}




.svblock2	{display: block;}
.sisetumei	{margin-bottom: 1em;}
.topdf	{width: auto;margin-bottom: 1em;text-align: center}
.topdfimg	{width:50%;margin: 0 25%;}
.topdfimg	img{width: 100%;margin: 0;}

.svblock3		{display: block;}


.svblock3	div:last-child	p	 img{width: 96%;margin: 0 2%}

.svblock3	div.stdaihyo	{display:block;}

.strpharea	{display: flex;justify-content: space-between;flex-direction: row;}
.strpharea	p{flex-basis: 48%;}

}

/*----お問い合わせ-----------------------*/

#contactarea	{max-width: 900px;}
#contactarea	dl	{display: flex;margin: 0 auto 7px auto}
#contactarea	dt,#contactarea	dd	{padding: 14px 20px;}
#contactarea	dt{flex-basis: 32%;margin-right: 7px;background: #fadce9;text-align: center}
#contactarea.tou	dt{background: #ebf5ec;}
#contactarea	dd{flex-basis: 68%;background: #eeefef}
.hissu	{margin-left: .5em;color:#dd1f24}

#contactarea	input[type=checkbox] {margin-right: 0.4em;}
#contactarea	label {margin-right: 1.5em;white-space: nowrap}

#contactarea .date {display: flex;align-items: center;margin: 0 0 0.5em 0}
#contactarea .date span {display: block;width: 5em;white-space: nowrap}

.contact-lead {margin-bottom: 50px;text-align: center;}
.contact-lead p:first-child{margin-bottom: 1em;}
.contact-lead p a{max-width: 600px;display: block;margin: 0 auto;padding: 15px 0 10px 0;background: #13ae67;color: #fff;font-size: 130%;text-decoration: none;transition: all 0.5s;}
.contact-lead p a:hover{background: #0f6bb0;}

.fotminputarea	{margin-bottom: 50px;}

input[type=text],textarea	{width: 100%;padding: 5px;border: 1px solid #ccc;font-size: 110%;}
input[type=text].email1	{width: calc(100% - 100px);margin-bottom: 10px}
input[type=text].email2	{width: calc(100% - 100px);}
textarea	{min-height: 10em;}
.mailkakunin	{font-size: 80%;}

.submitarea	{display: flex;justify-content: center;}
input[type=submit],
input[type=reset],
input[type=button]	{width: 110px;height: 110px;margin: 0 40px;border: 2px solid #dd1f24;border-radius: 50%;-webkit-appearance:none;transition: all 0.5s;}

input[type=reset]	{background: #fff;color: #dd1f24;}

input[type=submit],
input[type=button]	{background: #dd1f24;color: #fff;}


input[type=reset]:hover	{background: #666;color: #fff;border: 2px solid #666;}

input[type=submit]:hover,
input[type=button]:hover	{background:#0f6bb0;border: 2px solid #0f6bb0;}

.msg,.backtotop	{margin-bottom: 20px;text-align: center}


#form {border-collapse: collapse;margin: 1em 0 2em 0;}
#form th, #form td {padding: 8px;border: 1px solid #999;}
#form th {white-space: nowrap;background: #eeefef;}
#form td {background: #fff;}




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

#contactarea	dl	{flex-direction: column;}
#contactarea	dt,#contactarea	dd	{padding: 14px 20px;}
#contactarea	dt{flex-basis: 100%;margin-right: 0;text-align: left}
#contactarea	dd{flex-basis: 100%;}


#contactarea .date {display: block}

input[type=submit],
input[type=reset],
input[type=button]	{width: 110px;height: 110px;margin: 0 20px;}

#form { width: 96%; margin: 10px auto; }
#form th, #form td {text-align: left;
width: 100%;
display: block;
padding: 6px 3px;
border-top: none;}
#form tr:first-child th	{ border-top: 1px solid #666; }
}


/*----プライバシーポリシー-----------------------*/

#pp	{}
#pp	p	{margin-bottom: 1em}
#pp	h3	{margin-bottom: .5em;color: #0f6bb0}
#pp	ol	{margin-left: 2em;margin-bottom: 1em;list-style-type: decimal}
#pp	.tR{text-align: right}

/*----RECRUIT-----------------------*/

.rwrap {margin: 0 10%}
.rwrap-02 {margin: 0 2%}
@media only screen and (max-width: 980px) {
.rwrap,
.rwrap-02 {margin: 0}

}


.recruit-title-icon {margin-bottom: 40px;text-align: center;}
.recruit-title-icon img{width: 100px;margin: 0 auto}
.recruit-ja-title {margin-bottom: 60px;font-size: 170%;text-align: center;}
.recruit-catch {color: #0b8c43;font-size: 170%;text-align: center;line-height: 1.5em}
.recruit-catch br{display: none}
.recruit-main-image {margin-bottom: 60px;padding: 0 10%;}


.recruit-sub-title {display: block;width: 100%;padding-bottom: 20px;color: #dd1f24;border-bottom: 2px solid #000;font-size: 170%;line-height: 1.4em;text-align: center;}
.recruit-sub-title br{display: none}


.recruit-block-01 {margin-bottom: 30px;padding: 20px 15px;font-size: 140%;text-align: center}

.recruit-contact {text-align: center;}
.recruit-contact a {display: block;width: 300px;margin: 0 auto;padding: 5px;border: 2px solid #dd1f24;;color: #000;font-size: 150%;text-align: center;text-decoration: none;}

.recruit-block-02 {padding: 20px 15px;font-size: 140%;text-align: center}
.recruit-block-02 a{color: #dd1f24;}

.recruit-block-03 {margin-bottom: 50px;text-align: center}
.recruit-block-03 img{max-width: 280px;margin: 0 auto}



@media only screen and (max-width: 980px) {
.recruit-catch br{display: inline}
.recruit-main-image {padding: 0;}

.recruit-sub-title br{display: inline}

.recruit-block-01 {text-align: left}
.recruit-block-01 span{display: block;text-align: left}
}

@media only screen and (max-width: 768px) {
.recruit-block-02 {font-size: 120%;}
.recruit-block-03 img{max-width: 180px}
}

.recruit-kasan {margin-bottom: 30px;padding: 15px;font-size: 130%;text-align: center;line-height: 1.5em}
.recruit-kasan span{display: block;margin: 0 3%;text-align: left;}

.recruit-kasan-sub-title {margin-bottom: 30px;color: #0b8c43;font-size: 150%;line-height: 1.5em}

.recruit-list {margin-bottom: 30px;}
.recruit-list dt {font-weight: bold;font-size: 120%}
.recruit-list dt:before{content: '○'}
.recruit-list dd {padding-left:1em;font-size: 110%}
.recruit-list p{margin: 0 0 0 1em;}




@media only screen and (max-width: 980px) {
.recruit-kasan span{margin: 0}
}


/*----STUDIO TOU-----------------------*/

/*メインビジュアル*/
.st-main-block {background: url(../image/studio_tou_mainbg.png) center center;background-size: cover;}

.studio_tou-main-title-area {padding-bottom: 150px;}
.studio_tou-main-title {text-align: center;}
.studio_tou-main-title img{max-width: 800px;margin: 100px auto 0 auto;}


@media only screen and (max-width: 980px) {
.studio_tou-main-title img{width: 90%;margin: 100px 5% 0 5%;}
}


/*美と健康 | SERVICE*/
.studio-tou-catch {margin-top: -100px;padding: 35px 0;font-size: 140%;text-align: center;}
.studio-tou-catch span{display: inline-block;padding: 5px 50px;}
.studio-tou-catch span:first-child{border-right: 2px solid #dd1f24;}

@media only screen and (max-width: 560px) {
.studio-tou-catch {margin-top: -30px}
.studio-tou-catch span{padding: 5px 10px;}
}


/*ピラティスとは / ピラティスと機能訓練は*/

.studio-tou-pilates-bg {padding: 0 0 70px 0;background: #ebf5ec}

.studio-tou-pilates-bg-01 {padding: 120px 0;background: url(../image/studio_tou_about.png)  center right no-repeat;background-size: 50% auto}
.studio-tou-pilates-bg-02 {padding: 120px 0;background: url(../image/studio_tou_about_02.png) center left no-repeat;background-size: 55% auto}

.studio-tou-pilates-inner {margin-right: 40%;}
.studio-tou-pilates-inner-02 {margin-left: 40%;}

.studio-tou-pilates-title {margin: 0 0 1em 0;padding: 10px;color: #dd1f24;font-size: 140%;border-bottom: 1px solid #000;}

.studio-tou-pilates-title.p02 {text-align: right;}

.studio-tou-pilates-text {padding: 0 10px 10px 10px}

.studio-tou-pilates-sp-img {display: none}

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

.studio-tou-pilates-bg {padding: 0 0 30px 0;}

.studio-tou-pilates-bg-01{padding: 40px 0 20px 0;}
.studio-tou-pilates-bg-02 {padding: 20px 0;}

.studio-tou-pilates-bg-01,
.studio-tou-pilates-bg-02  {background:none}

.studio-tou-pilates-inner {margin: 0;}
.studio-tou-pilates-inner-02 {margin: 0;}

.studio-tou-pilates-title.p02 {text-align: left;}

.studio-tou-pilates-sp-img {display: inline-block;margin-top: 1em}

.studio-tou-pilates-sp-img img {filter: blur(0);}
}

/*STUDIO TOU 大阪京橋店*/
.studio-tou-kyobashi-block {padding: 70px 0;}
.studio-tou-kyobashi-inner-block {margin: 0 10%;}

.studio-tou-kyobashi-title {margin-bottom: 10px;text-align: center;}
.studio-tou-kyobashi-title img{max-width: 500px;margin: 0 auto}
.studio-tou-kyobashi-sub-title {margin-bottom: 70px;font-size: 160%;text-align: center;}


.studio-tou-kyobashi-setumei,
.studio-tou-banner {margin: 0 0 50px 0;}

.studio-tou-kyobashi-setumei  {display: flex;flex-wrap: wrap;justify-content: space-between;}
.studio-tou-kyobashi-setumei .text-area {flex-basis: 55%;}
.studio-tou-kyobashi-setumei .photo {flex-basis: 35%;}

.studio-tou-kyobashi-setumei .text-area p{margin-bottom: 20px}

.studio-tou-kyobashi-setumei ul    {margin:0;list-style-type:none;font-size:100%;}
.studio-tou-kyobashi-setumei ul    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
.studio-tou-kyobashi-setumei ul    li:before{content:"●"}

.studio-tou-kyobashi-s-title {margin-bottom: 20px;font-size: 160%;font-weight: bold;}

.studio-tou-adress {display: block;margin-bottom: 40px}
.studio-tou-adress .br{display: none}

.studio-tou-kyobashi-info {display: flex;flex-wrap:wrap;align-items: flex-start;margin-bottom: 30px;}
.studio-tou-kyobashi-info dt{flex-basis: 100px;background: #00a29a;color: #fff;text-align: center;}
.studio-tou-kyobashi-info dd{ padding-left: 15px;}

.studio-tou-kyobashi-info .tel a{color: #000;font-size: 36px;font-weight: bold;text-decoration: none;}
.studio-tou-kyobashi-info .time{ font-size: 20px;}

.ggmap {position: relative;margin: 50px 0 1em 0;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed {position:absolute;top:0;left:0;width:100%;height:100%;}




@media only screen and (max-width: 980px) {
.studio-tou-kyobashi-inner-block {margin: 0;}
.studio-tou-kyobashi-setumei .text-area,
.studio-tou-kyobashi-setumei .photo {flex-basis: 100%;}
.studio-tou-kyobashi-setumei .text-area {margin-bottom: 30px;}

.studio-tou-kyobashi-setumei p br{display: none}


}

@media only screen and (max-width: 768px) {
.studio-tou-adress .br{display: inline}
}

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

.studio-tou-kyobashi-info dt,
.studio-tou-kyobashi-info dd{flex-basis: 100%;text-align: center;}
.studio-tou-kyobashi-info dt {margin-bottom: 15px;}

}

@media only screen and (max-width: 380px) {
.studio-tou-kyobashi-s-title {font-size: 7vw}
}