@charset "utf-8";

.bold { font-weight:bold;}
.clear { clear:both;}
.al { text-align:left;}
.ar { text-align:right;}
.ac { text-align:center;}
.clearfix:after { height:0; visibility:hidden; content:"."; display:block; clear:both;}
.clearfix { _height: 1px; min-height: 1px; /*￥*//*/ height: auto; overflow: hidden; /**/}

.menu-trigger,.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger { position: relative; width:20px; height:15px;}
.menu-trigger span { position:absolute; left:0; width:100%; height:1px; background-color:#fff;}
.menu-trigger span:nth-of-type(1) { top:0;}
.menu-trigger span:nth-of-type(2) { top:7px;}
.menu-trigger span:nth-of-type(3) { bottom:0;}
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(4px) rotate(-45deg); transform: translateY(4px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) { opacity:0;}
.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}


* { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body { /*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", serif;*/
font-family:
  "Hiragino Sans",
  "Hiragino Kaku Gothic ProN",
  "Yu Gothic",
  "YuGothic",
  "Meiryo",
  sans-serif; text-align: center; line-height:1.7; color:#333; letter-spacing:0.1em; background: #fff;}
img{ border:none; vertical-align:middle; max-width:100%;}
img{ width:auto\9; height:auto\9;}

a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: none;}
header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, table, th, td, a,li { box-sizing: border-box;}

.gothic{ font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
.mt1rem{ margin-top:1rem;}
.mt2rem{ margin-top:2rem;}
.mt4rem{ margin-top:4rem;}
.mt8rem{ margin-top:8rem;}

.mb1rem{ margin-bottom:1rem;}
.mb2rem{ margin-bottom:2rem;}
.mb4rem{ margin-bottom:4rem;}
.mb8rem{ margin-bottom:8rem;}

.pt1rem{ padding-top:1rem;}
.pt2rem{ padding-top:2rem;}
.pt4rem{ padding-top:4rem;}
.pt8rem{ padding-top:8rem;}

.pb1rem{ padding-bottom:1rem;}
.pb2rem{ padding-bottom:2rem;}
.pb4rem{ padding-bottom:4rem;}
.pb8rem{ padding-bottom:8rem;}

#bkCover{ position: fixed; top:0; left:0; width:100%; height:100vh; background: #DB9884; opacity:0; z-index:-1; transition: all 1s; transition-delay:.5s;}
#bkCover.on{ opacity:0.5; z-index:9999;}

/*
header{ position:fixed; top:0; left:0; width:100%; height:60px; padding:1.5rem 0 0.5rem; background:#000; z-index:9999; box-shadow:0 5px 5px rgba(0, 0, 0, .1);}
header > nav{ max-width:1000px; margin:0 auto; text-align:left;}
header > nav > ul > li { display:inline-block; vertical-align: top; padding:0 1rem;}
header > nav > ul > li a{ color: #fff; font-size:0.8rem;}
header > nav > ul > li a:hover{ color:#808167;}
header > nav > ul > li a img{ height:1.8rem; width:auto; transform: translate(0,-0.4rem);}
header > nav > ul > li > ul{ display:none;}
header > nav > ul > li span:first-child{display:inline-block; margin-right:0.5rem;}
*/

.globalNav > div{ max-width:960px; margin:0 auto; padding:1rem 0; text-align: left;}
.globalNav > div > h1 img{ height:50px; width:auto;}

@media only screen and (max-width : 960px) {
.globalNav > div{ padding:10px 10px;}
.globalNav > div > h1 img{ height:42px;}
}







.ptWrapper{ padding-top:60px;}


.mainWrapper{ max-width:1000px; width:100%; position:relative; height:60vh; height:640px; text-align:left; padding:4rem 0 0; margin:0 auto;}
.mainWrapper > h1{ margin-bottom:4rem; opacity:0; animation: mainAnime .5s ease-in .5s 1 normal forwards;}
.mainWrapper > h1 img{ height:6rem; width:auto;}
.mainCopy{ font-size:2.4rem; line-height:1.8; opacity:0; animation: mainAnime .5s ease-in 1s 1 normal forwards;}
.mainWrapper > h2{ font-size:1.0rem; position: absolute; bottom:4rem; opacity:0; animation: mainAnime .5s ease-in 1.5s 1 normal forwards;}
.mainImage{ position:absolute; z-index:-1; top:50%; right:0; transform: translate(0,-50%); opacity:0; animation:fadeIn .5s ease-in 2s 1 normal forwards;}
.mainImage img{ height:560px; width:auto; opacity:.5;}

@keyframes mainAnime {
    0%{ transform: translate(-2rem,0); opacity:0; filter: blur(7px);}
    100%{ transform: translate(0,0); opacity:1; filter: blur(0);}
}

@keyframes navAnime {
    0%{ transform: translate(0,-120px);}
    100%{ transform: translate(0,0);}
}

@keyframes fadeIn {
    0%{ opacity:0; filter: blur(7px);}
    100%{ opacity:1; filter: blur(0);}
}

@media only screen and (max-width : 800px) {
.mt4rem.sp2rem{ margin-top:2rem;}

@keyframes navAnime {
    0%{ transform: translate(0,0);}
    100%{ transform: translate(0,0);}
}

.ptWrapper{ padding-top:0;}
/*
header{ height:100vh; transform: translate(120%,0); transition: all .5s;}
header.navOn{ transform: translate(0,0);}
header > nav{ padding:4rem 2rem;}
header > nav > ul > li{ display:block; padding:0 0 1rem;}
header > nav > ul > li a img{ transform: translate(0,0);}
header > nav > ul > li > ul{ display:block; padding:1rem;}
*/
.mainWrapper{ height:640px; padding:2rem 1rem 0;}
.mainWrapper > h1{ margin-bottom:2rem;}
.mainWrapper > h1 img{ height:4rem;}
.mainCopy{ font-size:1.4rem; letter-spacing:0;}
.mainWrapper > h2{ font-size:0.8rem;}
.mainImage{ right:50%; transform: translate(50%,-50%);}
.mainImage img{ height:auto; width:auto; max-width:280px;}
}




.pointCover{ background:#f9f7f7;}
.defaultWidth{ max-width:1000px; margin:0 auto;}
.flexBox{ display:flex; justify-content: space-between; align-items:center; gap:2rem;}
.flexBox.flexStart{ align-items: flex-start;}
.flexPrimary{ flex-basis:70%;}
.flexSecondary{ flex-basis:30%;}

.flexPrimary dt{ margin-bottom:1em; font-weight:normal; font-size:1rem;}
.flexPrimary dd{ font-size:0.8rem;}

.flexPrimary div.link{ margin-top:2rem; text-align:right;}
.flexPrimary div.link a{ display:inline-block; padding-right:2rem; font-size:0.8rem; position:relative;}
.flexPrimary div.link a::before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#999;}
.flexPrimary div.link a::after{ content:""; position:absolute; top:0.5rem; right:4px; width:0.4rem; height:0.4rem; transform:rotate(45deg) translate(0,0); border:1px solid; border-color: #000 #000 transparent transparent; transition:all .5s;}
.flexPrimary div.link a:hover::after{ right:8px;}

.secTitle{ font-size:1.4rem;}

.yogaNote{ text-align:left; max-width:680px;}
.yogaNote dt{ font-size:1.4rem; font-weight:normal; margin-bottom:1rem;}
.yogaNote dd{ font-size:1.0rem;}

.yogaNoteImage{ margin:1rem 0 4rem 0; text-align:right;}
.yogaNoteImage img{ max-width:680px; width:100%;}

.yogaNoteImage.left{ text-align:left;}

@media only screen and (max-width : 800px) {
    .pt4rem.sp2rem{ padding-top:2rem;}
    .flexBox{ flex-direction:column; gap:0;}
    .flexPrimary{ order:2; padding:0 1rem 1rem;}
    .flexSecondary{ order:1; padding:0 1rem 1rem;}
    .flexPrimary div.link{ margin:1rem 0 2rem;}
    .secTitle{ font-size:1.2rem;}

    .yogaNote{ padding:0 1rem;}
    .yogaNote dt{ font-size:1.0rem;}
    .yogaNote dd{ font-size:0.8rem;}
    .yogaNoteImage{ margin:1rem 0 2rem; padding:0 1rem;}
}




.catTitle{ font-size:1.0rem; padding:0 1rem; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-weight:bold;}
.catTitle.noBold{ font-weight:normal;}

.classBox{ background:#F4F4F4; position:relative; margin-top:1rem; cursor:pointer; border-radius:8px;}
.classBox.color1{ background:#F8EFEA;}
.classBox.color2{ background:#EFEBE7;}
.classBox.color3{ background:#F2EADF;}
.classBox:hover{ background:hsl(0, 0%, 91%);}

.classBox > dl{ padding:2rem;}
.classBox > dl > dt{ font-size:0.8rem; font-weight:normal;}
.classBox > dl > dt.color1{ color:#79702F;}
.classBox > dl > dt.color2{ color:#76607C;}
.classBox > dl > dd{ font-size:1.0rem;}

.classBox::after{ content:""; position:absolute; top:50%; right:2rem; width:0.8rem; height:0.8rem; transform:rotate(45deg) translate(-50%,0); border:1px solid; border-color: #000 #000 transparent transparent; transition:all .5s;}
.classBox:hover::after{ right:2.5rem;}


.classBox .flexBox{ gap:0;}
.flexClassTitle{ flex-basis:80%; padding:1rem 2rem; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
.flexClassDetail{ flex-basis:20%; padding:1rem 2rem; font-size:0.8rem;}
.flexClassDetail.whiteBg{ background:#fff; margin:2px; transition: all .25s;}

.classBox .flexClassDetail.whiteBg:hover{ background:hsl(0, 0%, 91%);}

.flexClassTitle dl dt{ font-size:0.8rem; font-weight:normal;}
.flexClassTitle dl dt.color1{ color:#79702F;}
.flexClassTitle dl dt.color2{ color:#76607C;}
.flexClassTitle dl dd{ font-size:1.0rem;}

.flexClassDetail div.link{ margin-top:1rem; text-align:right;}
.flexClassDetail div.link a{ display:inline-block; padding-right:1rem; font-size:0.8rem; position:relative;}
.flexClassDetail div.link a::after{ content:""; position:absolute; top:0.5rem; right:0; width:0.4rem; height:0.4rem; transform:rotate(45deg) translate(0,0); border:1px solid; border-color: #000 #000 transparent transparent; transition:all .5s;}
.flexClassDetail div.link a:hover::after{ right:4px;}

.flexClassDetail div.link span{ display:inline-block; padding-right:1rem; font-size:0.8rem; position:relative;}
.flexClassDetail div.link span::after{ content:""; position:absolute; top:0.5rem; right:0; width:0.4rem; height:0.4rem; transform:rotate(45deg) translate(0,0); border:1px solid; border-color: #000 #000 transparent transparent; transition:all .5s;}
.flexClassDetail div.link span:hover::after{ right:4px;}

.reservationBtnWrapper{ text-align:center; margin:2rem auto 0;}
.reservationBtn{ display:inline-block; width:160px; height:160px; border-radius:80px; position:relative; background:#F7F39E; margin:0 auto 0; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
.reservationBtn:hover{ background:hsl(57, 85%, 74%);}
.reservationBtn dl{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%;}
.reservationBtn dl dt{ line-height:1.4; letter-spacing:0; font-size:1rem; margin-bottom:10px;}
.reservationBtn dl dd{ font-size:0.8rem;}

.classBtnList > li{ display:inline-block; width:50%;}
.classBtnList > li:nth-child(odd){ padding-right:0.5rem;}
.classBtnList > li:nth-child(even){ padding-left:0.5rem;}

.lowerReservationBtnWrapper{ position:fixed; top:6rem; right:50%; margin-right:-480px;}
.reservationBtnVer2{ display:inline-block; width:120px; height:120px; border-radius:80px; position:relative; background:rgba(247, 243, 158,0.9); margin:0 auto 0;}
.reservationBtnVer2:hover{ background:hsl(57, 85%, 74%);}
.reservationBtnVer2 span{ display:inline-block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:0.8rem;}

@media only screen and (max-width : 800px) {
    .catTitle.noBold{ font-size:0.8rem;}

    .classBox{ margin:1rem 1rem 0;}
    .flexClassTitle{ padding:1rem 0 1rem; text-align: center;}
    .flexClassTitle dl dd { font-size: 0.8rem;}
    .flexClassDetail{ padding:0 1rem 1rem;}
    .flexClassDetail.whiteBg{ padding-top:1rem;}

    .classBox > dl{ padding:1rem;}
    .classBox::after{ right:1rem; width:0.6rem; height:0.6rem;}
    .classBox:hover::after{ right:1.5rem;}

    .classBtnList > li{ display:block; width:100%;}
    .classBtnList > li:nth-child(odd){ padding-right:0;}
    .classBtnList > li:nth-child(even){ padding-left:0;}

    .lowerReservationBtnWrapper{ top:48px; right:1px; margin-right:0;}
    .reservationBtnVer2{ width:100px; height:100px;}
    .reservationBtnVer2 span{ font-size:0.75rem; width:100%;}
}




.aboutusWrapper{ background:url(img/aboutus_bg.jpg) 0 120px no-repeat; background-size:480px; padding:2rem 0 2rem;}
.aboutusInner{ margin:0 0 0 50%;}
.aboutusInner h2{ font-size:1.8rem; line-height:1; margin-bottom:2rem;}
.aboutusInner h2 span{ font-size:0.8rem;}
.aboutusInner p{ font-size:0.8rem;}
.aboutusInner ul{ margin-top:2rem;}
.aboutusInner ul li{font-size:0.8rem;}

.aboutImage{ margin:2rem 0 0;}

@media only screen and (max-width : 800px) {
    .aboutusWrapper{ background:url(img/aboutus_bg.jpg) right 38% no-repeat; background-size:220px; padding:2rem 1rem 4rem;}
    .aboutusInner{ margin:0;}
}




.messageInner{ margin:2rem 2rem 0;}
.messageInner h2{ font-size:1.0rem; line-height:1; margin:0 0 2rem;}
.messageInner p{ margin:1rem 0; font-size:0.8rem;}

@media only screen and (max-width : 800px) {
    .messageInner{ margin:2rem 1rem 0;}
}




.blogColor{background:#f1ebe2;}
.flexBlogInfo{ flex-basis:20%; font-size:0.8rem;}
.flexBlogList{ flex-basis:80%;}

.flexBlogInfo img{ max-width:160px; width:100%;}
.flexBlogInfo dl{ margin:1rem 0 0;}
.flexBlogList ul li{ display:inline-block; width:50%; padding:0 1rem 2rem; vertical-align:top; font-size:0.8rem;}
.flexBlogList ul li img{ margin-bottom:1rem;}
.flexBlogList ul li p{ padding:0 2rem;}

.nextBtnWrapper{ text-align:center; margin:4rem auto 0;}
.nextBtn{ display:inline-block; width:160px; height:160px; border-radius:80px; position:relative; background:#F7F39E; margin:0 auto 0; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
.nextBtn:hover{ background:hsl(57, 85%, 74%);}
.nextBtn span{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; line-height:1.4; letter-spacing:0; font-size:1rem; font-weight:bold;}
.nextBtn dl{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%;}
.nextBtn dl dt{ line-height:1.4; letter-spacing:0; font-size:1rem; margin-bottom:10px;}
.nextBtn dl dd{ font-size:0.8rem;}

@media only screen and (max-width : 800px) {
    .flexBlogInfo{ padding:0 1rem 2rem;}
    .flexBlogInfo img{ max-width:120px;}
    .flexBlogList{ padding:0 0 0;}
    .flexBlogList ul li{ display:block; width:100%; padding:0 1rem 2rem;}
    .flexBlogList ul li:last-child{ padding:0 1rem 0;}
    .flexBlogList ul li p{ padding:0 1rem;}
}




.accessContent{ margin:0 0 4rem;}
.subTitle{ font-size:1.0rem; padding:0 1rem; margin:1rem 0; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-weight:normal;}

.studioInformation{ font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
.studioInformation h3{ font-weight:bold; display:inline-block;}
.studioInformation h3::before{ content:"ー ";}
.studioInformation h3::after{ content:" ー";}
.attention{ font-size:0.8rem; display:inline-block; padding:0 0 0 1rem;}

.studioInformation ul{ margin-top:1rem;}
.studioInformation ul li{ font-size:0.8rem; list-style-type: disc; list-style-position: outside; margin:0 0 0 1rem}
.noteText{ font-weight:bold; margin:0 0 2rem;}

.subCopyColor{background:#F4F4F4;}
.subCopyColor dl dt{font-size:1.4rem; font-weight:normal;}
.subCopyColor dl dd{ font-size:1.0rem;}

.fadeIn{ transition: all 1.0s; transform: translate(0,0); opacity:0; filter: blur(7px);}
.fadeIn.animeStart{ transform: translate(0,0); opacity:1; filter: blur(0);}

.studioPhotoMain{ margin:2rem 0 10px;}
.studioPhotoFlex{ display:flex; justify-content: space-between; align-items:center; gap:10px;}

.studioAccessFlex{ display:flex; justify-content: space-around; align-items:center; gap:0; margin:2rem 0 4rem; padding:2rem 0; background:#F4F4F4;}
.studioAccessFlex p{ font-weight:bold; font-size:1.0rem;}
.studioAccessFlex p a{ text-decoration:underline;}
.studioAccessFlex p a:hover{ text-decoration:none;}

@media only screen and (max-width : 800px) {
    .studioInformation{ padding:0 1rem;}
    .studioInformation h3{ font-size:0.8rem;}

    .subCopyColor dl dt{ font-size:1.2rem; letter-spacing:0;}
    .subCopyColor dl dd{ font-size:1.0rem;}

    .studioAccessFlex{ padding:0 0 1rem; flex-direction: column;}
    .studioAccessFlex > div{ padding:1rem 1rem 0; text-align:left; width:100%;}
    .studioAccessFlex p{ font-size:0.8rem;}
}




footer{ width:100%;}
.footerWrapper{ padding:1rem 0; background:#000; color:#fff;}
#copyRight{ font-size:0.75rem; letter-spacing:0em; padding:4rem 0 0; text-align: center; color: #BF7B68;}


#hamburger{ position:fixed; top:1rem; right:50%; display:inline-block; z-index:9999; padding:0.2em 0 0; margin-right:-480px;}
#hamburger::before{ content:""; position: absolute; top:50%; left:50%; width:2.4rem; height:2.4rem; background:#DB9884; border-radius:50px; transform: translate(-50%,-50%);}

@media only screen and (max-width : 960px) {
    #hamburger{ top:10px; right:14px;margin-right:0;}
}


.spOnly{ display:none;}

@media only screen and (max-width : 800px) {
    .pcOnly{ display:none;}
    .spOnly{ display:block;}
}




.lowerMainWrapper{ max-width:1000px; width:100%; position:relative; text-align:left; padding:4rem 0 0; margin:0 auto; background:url(img/lower_main_bg.jpg) -10% -60px no-repeat; background-size:640px;}
.lowerMainWrapper > h1{ margin-bottom:6rem; opacity:0; animation: mainAnime .5s ease-in .5s 1 normal forwards;}
.lowerMainWrapper > h1 img{ height:6rem; width:auto;}

.flexLowerPrimary{ flex-basis:60%;}
.flexLowerSecondary{ flex-basis:40%;}

.flexLowerPrimary dl{ margin-bottom:2rem;}
.flexLowerPrimary dl dt{ font-size:1.2rem;}
.flexLowerPrimary dl dt.color1{ color:#79702F;}
.flexLowerPrimary dl dt.color2{ color:#76607C;}
.flexLowerPrimary dl dd{ font-size:1.2rem;}

.flexLowerPrimary p{ font-size:0.8rem;}
.flexLowerPrimary p.classCopy{ font-size:1rem; margin-bottom:1rem; font-weight: bold;}
.flexLowerPrimary p.classText{ font-size:0.8rem; margin-bottom:2rem; font-weight: bold;}
.flexLowerPrimary p.lessonTime{ font-size:1rem; margin-top:1rem; font-weight: bold;}

.lessonSummary{ padding:2rem 0 4rem;}
.lessonSummary dt{ margin-bottom:1rem;}
.lessonSummary dd{ font-size:0.8rem;}
.lessonSummary dd ol{ list-style-type:decimal; margin-left:1.7em;}
.lessonSummary dd ol li{ margin-bottom:1rem;}
.lessonSummary dd ol li:last-child{ margin-bottom:0;}

.featureTitle{ font-size:1.2rem; margin-bottom:2rem;}
.featureNote dt{ margin-bottom:1rem;}
.featureNote dd{ font-size:0.8rem;}
.featureNote.mt2rem{ margin-top:2rem;}
.featureCheck{ font-size:0.8rem; margin-top:2rem; position:relative; padding-left:1.2rem;}
.featureCheck::before{content:"＊"; position:absolute; top:0; left:0;}

.drawTitle{ background:url(img/title_bg.jpg) 0 center no-repeat; background-size:contain; padding:1rem 0;}
.drawSubTitle{ background:url(img/subtitle_bg.jpg) 0 center no-repeat; background-size:contain; padding:1rem 0;}

.lessonWearList{ margin:1rem 0 2rem;}
.lessonWearList > li{ font-size:1.0rem; list-style-type: disc; list-style-position: outside; margin:0 0 0 1rem}

.borderWrapper{ padding:1rem; border:1px solid #ccc;}
.borderWrapper > ul{ margin-bottom:1rem;}
.borderWrapper > ul > li{ font-size:1.0rem; list-style-type: disc; list-style-position: outside; margin:0 0 0 1rem}
.borderWrapper > p{font-size:0.8rem;}

.lessonNgWrapper > p{font-size:0.8rem;}

.lowerLinkWrapper{ margin:2rem 0 4rem;}
.lowerLinkWrapper a{ display:inline-block; padding-right:1rem; font-size:0.8rem; position:relative;;}
.lowerLinkWrapper a::after{ content:""; position:absolute; top:0.5rem; right:4px; width:0.4rem; height:0.4rem; transform:rotate(45deg) translate(0,0); border:1px solid; border-color: #000 #000 transparent transparent; transition:all .5s;}
.lowerLinkWrapper a:hover::after{ right:8px;}

.photoList > li{ display:inline-block; width:50%;}
.photoList > li:nth-child(2n+1){ padding-right:1rem;}
.photoList > li:nth-child(2n){ padding-left:1rem;}

.lessonImage{ margin:1rem 0 2rem;}

@media only screen and (max-width : 800px) {
    .lowerMainWrapper{ padding:2rem 1rem 0; background:url(img/lower_main_bg.jpg) 40px -20px no-repeat; background-size:280px;}
    .lowerMainWrapper > h1{ margin-bottom:4rem;}
    .lowerMainWrapper > h1 img{ height:4rem;}

    .featureTitle{ font-size:1.0rem; padding:0 1rem; margin-bottom:2rem;}
    .featureNote.spPy1rem{ padding:0 1rem;}

    .drawTitle{ padding:1rem 1rem;}
    .drawSubTitle{ padding:1rem 1rem;}

    .lessonWearList{margin-left:1em;}
    .lessonWearList li{ font-size:0.8rem;}

    .borderWrapper{ margin:0 1rem;}
    .borderWrapper > ul > li { font-size:0.8rem;}
/*
    #hamburger{ position:fixed; top:10px; right:10px; display:block; z-index:9999;}
*/
    .pcOnly{ display:none;}
    .spOnly{ display:block;}
}




.lowerTitleFlexBox{ display:flex; justify-content:flex-start; align-items:flex-end; gap:0; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
.lowerTitlePrimary{ padding-right:4rem;}
.lowerTitlePrimary dl dt{ font-size:1.2rem; font-weight: normal;}
.lowerTitlePrimary dl dt.color1{ color:#79702F;}
.lowerTitlePrimary dl dt.color2{ color:#76607C;}
.lowerTitlePrimary dl dd{ font-size:1.4rem;}
.lowerTitleSecondary p{ transform: translate(0,-0.3em); font-weight: bold; font-size:1.0rem;}

.lessonContent{font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; margin-bottom:2rem;}
.lessonContent dt{ margin-bottom:1rem; margin-top:2rem;}
.lessonContent dd span.strong{ font-size:1.0rem; display:block; font-weight: bold;}

.lowerPhotoFlexBox{ display:flex; justify-content:space-between; align-items:flex-end; gap:10px;}

.commentWidth{ max-width:1000px; margin:0 auto; position:relative; margin:4rem auto -2rem;}
.commentFlexBox{ display:flex; justify-content: center; align-items:center; gap:4rem;}
.commentFlexBoxLeft{ display:flex; justify-content: flex-start; align-items:center; gap:4rem;}
.commentTextWrapper{ flex-basis:540px; font-size:1.0rem; text-align:left;}

.commentWidth.widthS{ max-width:760px; margin:4rem auto 0;}
.commentTextWrapper.flexBasisAuto{ flex-basis: auto;}

.classEffectList{ padding:3rem 0 0; display:inline-block; text-align:left;}
.classEffectList > li{ position:relative; padding:0 0 0 2rem; margin-bottom:10px;}
.classEffectList > li::after{ content:""; position:absolute; top:50%; left:0; height:1.2rem; width:1.2rem; background:url(img/check_mark.svg) 0 center no-repeat; background-size:contain; transform: translate(0,-50%);}

.classText{ position:relative; padding:2rem 0;}
.classText::before{ content:""; position:absolute; top:0; left:0; height:2rem; width:2rem; background:url(img/comment_start.svg) 0 0 no-repeat; background-size:contain;}
.classText::after{ content:""; position:absolute; bottom:0; right:0; height:2rem; width:2rem; background:url(img/comment_end.svg) right bottom no-repeat; background-size:contain;}
.commentPhotoWrapper{ flex-basis:280px;}
.class1Comment{ position:absolute; top:-4rem; right:200px; height:90px; width:auto;}
.class3Comment{ position:absolute; top:-4rem; left:150px; height:90px; width:auto;}

.lessonContentList{ list-style-type:decimal; margin-left:1.7em;}
.lessonContentList li{ margin-bottom:1rem;}
.lessonContentList li:last-child{ margin-bottom:0;}

#class{ padding-top:6rem; margin-top:-2rem;}
#access{ padding-top:6rem; margin-top:-2rem;}

.priceNoteText{ font-weight: normal; font-size:1.0rem;}

@media only screen and (max-width : 800px) {
    .lowerTitleFlexBox{ text-align:left; flex-direction: column; align-items: flex-start;}
    .lowerTitlePrimary dl{margin-bottom:1rem;}
    .lowerTitlePrimary dl dt{ font-size:1.0rem;}
    .lowerTitlePrimary dl dd{ font-size:1.4rem;}

    .lessonContent dd{ font-size:0.8rem;}

    .lowerPhotoFlexBox{ gap:2px;}

    .commentWidth{ margin:0 auto 2rem;}
    .commentFlexBox{ flex-direction:column; gap:1rem; padding:0 1rem;}
    .commentTextWrapper{ flex-basis:auto; font-size:0.8rem;}
    .commentPhotoWrapper{ flex-basis:auto; width:100%; max-width:180px; padding-top:60px;}

    .commentFlexBoxLeft{ flex-direction:column; gap:1rem; padding:0 1rem;}
    .commentFlexBoxLeft .commentTextWrapper{ order:1;}
    .commentFlexBoxLeft .commentPhotoWrapper{ order:2;}

    .class1Comment{ position:absolute; top:auto; bottom:180px; right:50%; height:74px; transform: translate(40%,0);}
    .class3Comment{ position:absolute; top:auto; bottom:180px; left:50%; height:74px; transform: translate(-50%,0);}

    .commentWidth.widthS{ margin:0 auto 0;}
    .classEffectList{ padding:1rem 0 1rem;}

    .priceNoteText{ font-size:0.8rem;}
}




.selectList{
    position: relative;
    display: block;
    width: 320px;
    border: 1px solid #333;
    background: #fff;
}
    
.selectList:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        display: block;
        width: 0;
        height: 0;
        margin: -2px 0 0 0;
        border: 5px solid transparent;
        border-top: 7px solid #333;
}

.selectList select{
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 320px;
    border: none;
    background: transparent;
    padding:1rem;
    box-sizing:border-box;
}

.formWrapper{ max-width:640px; width:100%; text-align: left; margin:4rem auto;}
.formWrapper fieldset legend{ text-align:center; margin-bottom:1rem;}
.formWrapper dl{ margin:1rem auto; color: #333;}
.formWrapper dl dt{ margin-bottom:5px;}
.formWrapper dl dt span{ display:inline-block; padding-left:1rem; font-size:0.8rem; color:#ff0000;}
.formWrapper input[type=text]{ border:1px solid #333; width:100%; padding:0.5rem;}
.formWrapper input[type=email]{ border:1px solid #333; width:100%; padding:0.5rem;}
.formWrapper textarea{ border:1px solid #333; width:100%; padding:0.5rem; height:10em;}

.submitWrapper{ margin:1rem auto 0; text-align: center;}
.submitWrapper ul li{ display:inline-block; padding:0 1rem;}
.submitWrapper input[type=submit]{ background:#333; color:#fff; padding:1rem 4rem; border-radius:8px;}

.addLine{ border:1px solid #333; width:100%; padding:0.5rem;}
.bookNote{ font-size:0.8rem; margin-top:10px;}

.parkingPhotoWrapper{ max-width:720px; margin:0 auto; width:100%;}
.parkingPhotoWrapper p{ margin:1rem 0 0;font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size:0.8rem;}

@media only screen and (max-width : 800px) {
    .formWrapper{ padding:0 1rem; margin:2rem auto;}
    .formWrapper fieldset legend{ margin-bottom:1rem;}
    .formWrapper dl{ font-size:0.8rem;}
    .submitWrapper ul li{ display:block; padding:0 0 1rem;}

    .formWrapper input[type=text]{ -webkit-appearance: none; border-radius:0;}
    .formWrapper input[type=email]{ -webkit-appearance: none; border-radius:0;}
    .formWrapper textarea{ -webkit-appearance: none; border-radius:0;}

    .submitWrapper input[type=submit]{ font-size:0.8rem;}
    .preCheckText{ font-size:0.8rem;}

    .fancybox-content{ padding:3rem 10px 1rem!important;}
}


.singleWrapper{ max-width:680px; width:100%; margin:0 auto;}
.singleWrapper > h2{ font-size:1.4rem; margin-bottom:2rem;}
.singleContent{ max-width:680px; width:100%; margin:0 auto;}
.singleContent p{ margin:1rem 0;}
.singleContent img{ margin:1rem 0;}


.lineBlockWrapper{ margin:4rem auto 0;}
.lineLeadWrapper{ display:flex; justify-content: center; align-items: center; margin:0 auto;}
.lineIcon img{ height:3.6rem; width:auto;}
.lineText{ text-align:left; padding-left:1em; font-size:1rem;}
.lineFrendsWrapper{ margin:1rem auto 0; text-align: center;}

@media only screen and (max-width : 800px) {
    .singleWrapper > h2{ font-size:1.0rem;}
    .singleContent{ font-size:0.8rem;}


    .lineBlockWrapper{ margin:2rem auto 0;}
    .lineIcon img{ height:2.6rem;}
    .lineText{ font-size:0.8rem;}
}




#popupFlag.navOn{ transform: translate(0,0);}
.popupNav{ background:#DB9884; position: fixed; top:0; left:0; width:100%; height:100%;transition: all .5s; transform: translate(105%,0); overflow: auto;}
.popupNavInner{ padding:4rem 1rem;}
.popupNavInner > h1 img{ height:50px; width:auto;}

.popupNavList{ display:inline-block; text-align: left; position:relative; color: #fff; margin:0 0 0;}
.popupNavList > li{ margin:2em 0 0;}
.popupNavList a{ color: #fff;}

.popupNavList > li > ul{ position:relative; padding:0 0 0 2em;}
.popupNavList > li > ul::after{content:""; position: absolute; top:0; left:0.5em; height:100%; width:1px; background:#fff;}

.popupNavList > li > ul.g1::after{ height:calc(100% - 0.5em);}
.popupNavList > li > ul.g2::after{ height:calc(100% - 1.75em);}

.popupNavList > li > ul > li{ margin:1em 0 0 0; padding:1em 0 0 1em; position:relative;}
.popupNavList > li > ul > li::after{content:""; position: absolute; top:1.5em; left:-1.5em; width:1em; height:1px; background:#fff;}
.popupNavList > li > ul > li a{ display:block; line-height:1.4; font-size:0.8rem;}

.popupNavBanner{ margin:2rem auto 0;}
.popupNavBanner > a{ display:inline-block; padding:1rem 2rem; border:1px solid #fff; line-height:1.4; font-size:0.8rem; min-width:280px; color:#fff;}

@media only screen and (max-width : 960px) {
.popupNavInner > h1 img{ height:42px;}
}




.mvCatchCopy{ padding:2rem 0; background:url(img/v2/bg-watercolor-1__sp.webp) center center no-repeat; background-size:contain;}
.mvCatchCopy img{ width:3rem; height:auto;}
.mvImage{ margin:2rem auto 0;}
.mvServiceList{ margin:2rem auto 0; color:#BF7B68;}
.mvServiceList h2{ margin:0 auto 0; font-size:0.8rem; font-weight:bold;}

.mvServicePoint{margin:1rem auto 0; font-size:0.8rem;}
.mvServicePoint2{margin:1rem auto 0; font-size:1.0rem;}
.mvServicePoint2 strong{ font-weight:normal;}

.decoLine{ position: relative; padding:0 1em; display:inline-block;}
.decoLine::before{ content:""; position: absolute; top:0; left:0; height:100%; width:1px; background:#BF7B68;}
.decoLine::after{ content:""; position: absolute; top:0; right:0; height:100%; width:1px; background:#BF7B68;}

.decoLine2{ position: relative; padding:0 1em; display:inline-block;}
.decoLine2::before{ content:""; position: absolute; top:0; left:0; height:100%; width:1px; background:#BF7B68;transform: rotate(-15deg);}
.decoLine2::after{ content:""; position: absolute; top:0; right:0; height:100%; width:1px; background:#BF7B68;transform: rotate(15deg);}

@media (min-width: 801px) {
    .mvCatchCopy{ background:url(img/v2/bg-watercolor-1__pc.webp) center center no-repeat; background-size:contain;}
    .mvServiceList h2{ font-size:1.0rem;}
    .mvServicePoint{ font-size:1.0rem;}
    .mvServicePoint2{ font-size:1.2rem;}
}


.secWrapper{ margin:4rem auto 0;}
.sec1MvWrapper{ width:100%; height:380px; background:url(img/v2/sec1_1__sp.webp) center center no-repeat; background-size: cover; position:relative; max-width:calc(640px + 2rem); margin:0 auto;}

.sec1MvWrapper h2{ position:absolute; top:2rem; right:1rem;}
.sec1MvWrapper h2 img{ width:3rem; height:auto;}

.sec1ContentWrapper{background:url(img/v2/bg-watercolor-2__sp.webp) center center no-repeat; background-size:600px; padding:2rem 0 4rem;}

.sec1ContentBlock{ text-align: left; max-width:calc(640px + 2rem); padding:2rem 1rem 0; margin:0 auto;}

.sec1ContentBlock dl dt{ font-size:0.8rem;}
.sec1ContentBlock dl dd{ font-size:1rem; font-weight:bold;}
.sec1ContentBlock h3{ font-size:1rem; font-weight:bold;}

.sec1ContentBlock p{ font-size:0.8rem; margin:1rem 0 0;}

@media (min-width: 801px) {
  .sec1MvWrapper h2{right:2rem;}
}


.catNavBlock{max-width:calc(640px + 2rem); padding:0 1rem 0; margin:0 auto;}

.catNavList > li{ margin:1rem 0 0;}
.catNavList > li:first-child{ margin-top:0;}
.catNavList > li > a{ display:block; height:240px; width:100%; position:relative;}
.catNavList > li > a span{ display:block; position: absolute; bottom:2rem; left:1rem; color:#fff; font-size:1.0rem; text-align: left; line-height:1.4; width:100%; font-weight:bold;}
.catNavList > li > a span::before{ content:""; position: absolute; right:2rem; top:50%;
    height:2rem; width:2rem; background:url(img/v2/icon_btn_l.svg) center center no-repeat; background-size:contain; transform: translate(0,-50%); opacity:0.7;}

.catNavList > li:nth-child(1){ background:url(img/v2/catnav_btn1__sp.jpg); background-size:cover;}
.catNavList > li:nth-child(2){ background:url(img/v2/catnav_btn2__sp.jpg); background-size:cover;}
.catNavList > li:nth-child(3){ background:url(img/v2/catnav_btn3__sp.jpg); background-size:cover;}

@media (min-width: 801px) {
  .catNavList > li > a span{ font-size:1.2rem;}
}


.scheduleBlock{max-width:calc(480px + 2rem); padding:0 1rem 0; margin:0 auto;}
.roundBox{ border:2px solid #DB9884; border-radius:60px; position:relative; color:#BF7B68; margin:3rem auto 0;}
.roundBox h4{ display:inline-block; background:#fff; line-height:1; padding:1rem 1rem; transform: translate(0,-1.5em);}
.roundBox ol{text-align: left; display:inline-block; margin:-1em auto 0;}
.btArrowBox{ padding:0 0 4rem; position:relative;}
.btArrowBox::before{ content:""; position: absolute; bottom:1rem; left:50%; width:2rem; height:2rem;background:url(img/v2/icon_btm_arrow.svg) center center no-repeat; background-size:contain; transform: translate(-50%,0);}
.beforeReservation:hover .roundBox{box-shadow:0 5px 5px rgba(0, 0, 0, .1); opacity:0.8;}
.btArrowBox ol li{ font-size:0.8rem;}

.toReserveBtn{ display:inline-block; background:#DB9884; color:#fff; padding:1rem 2rem; border-radius:100px; font-size:0.8rem; box-shadow:0 5px 5px rgba(0, 0, 0, .1);}

.lineBox{ margin:2rem auto 0; color:#BF7B68;}

.toLineBtnBox{ margin:1em auto 0;}
.toLineBtnBox.mt2rem{ margin-top:2rem;}
.toLineBtn{ display:inline-block; background:#DB9884; color:#fff; padding:1rem 2rem; border-radius:100px; font-size:0.8rem; box-shadow:0 5px 5px rgba(0, 0, 0, .1); position:relative; line-height:1;}
.toLineBtn span{ display:inline-block; padding:0 0 0 2.4rem;position:relative;}
.toLineBtn span::before{ content:""; top:50%; left:0; position: absolute; height:1.5rem; width:2rem; background:url(img/v2/icon_line.svg) center center no-repeat; background-size: contain; transform: translate(0,-50%);}

@media (min-width: 801px) {
  .btArrowBox ol li{ font-size:1.0rem;}
}




.therapistCourseWrapper{max-width:calc(640px + 2rem); padding:0 1rem 0; margin:0 auto;}

.therapistCourseBanner a{ display:block; height:400px; width:100%; position:relative; background:url(img/v2/classBanner__sp.webp) center center no-repeat; background-size: cover;}
.therapistCourseBanner a span{ display:block; position: absolute; bottom:2rem; left:2rem; color:#fff; font-size:1.0rem; text-align: left; line-height:1.4; width:calc(100% - 4rem); padding-right:2rem; font-weight: bold;}
.therapistCourseBanner a span::before{ content:""; position: absolute; right:0; top:50%; height:2rem; width:2rem; background:url(img/v2/icon_btn_l.svg) center center no-repeat; background-size:contain; transform: translate(0,-50%); opacity:0.7;}
.therapistCourseBannerCatchCopy{ position: absolute;top:2rem; left:50%; margin-left:-30%; width:3.4rem; height:auto;}

.teacherInfoWrapper{ background:url(img/v2/bg-watercolor-3__sp.webp) center top no-repeat; background-size: 1000px;}
.teacherInfoBlock{max-width:calc(640px + 2rem); padding:2rem 1rem 0; margin:0 auto;}

.teacherInfoBlock h2{ color:#DB9884; font-size:0.8rem;
display: flex;
align-items: center;
gap: .5em;}
.teacherInfoBlock h2::before,.teacherInfoBlock h2::after{
content: "";
flex: 1;
height: 1px;
background: #d79a86;
opacity: .5;}

.teacherInfoBlock dl{ margin:2rem auto 0;}
.teacherInfoBlock dl dt{ color:#BF7B68;}
.teacherInfoBlock dl dd{ margin:2rem auto 0;}
.teacherInfoBlock dl dd img{ max-width:180px; width:100%; height:auto;}
.teacherInfoBlock dl dd div{margin:1rem auto 0;}

.teacherInfoBlock p{ margin:2rem auto 0; font-size:0.8rem; text-align: left;}

.teacherMessageBlock{ margin:4rem auto 0;max-width:calc(640px + 2rem); padding:0 1rem 0;}
.teacherMessageText{ height:3.2rem; width:auto;}
.teacherMessageBlock h3{ display:inline-block; font-size:1rem; margin:1rem 0 0; position:relative; padding:0 2rem;}
.teacherMessageBlock h3::before{ content:"~"; position: absolute; top:50%; left:0; transform: translate(0,-50%);}
.teacherMessageBlock h3::after{ content:"~"; position: absolute; top:50%; right:0; transform: translate(0,-50%);}
.teacherMessageBlock p{ font-size:0.8rem; text-align: left; margin:1rem 0 0;}

@media (min-width: 801px) {
    .therapistCourseBanner a span{ font-size:1.2rem;}
    .teacherInfoBlock h2{ font-size:1.0rem;gap: 1.0em;}
}




.cta{ margin:4rem auto 0;}
.cta > h2{ margin:2rem auto 0; color:#BF7B68;}
.ctalead{ color:#BF7B68; margin:0 auto 1em;}
.cta > p{ margin:0 auto 0; color:#BF7B68; font-size:0.8rem;
    display:flex;
    align-items:center;
    justify-content:center;
}
.cta > p::before,
.cta > p::after{
    content:"";
    width:1rem;
    height:1px;
    background:#C88672;
    transform:rotate(75deg);
}
.cta > p::after{
    transform:rotate(-75deg);
}
.cta > p > span{display:flex;
    align-items:center;
    justify-content:center;
    gap:0.5rem;}
.cta > p > span::before,
.cta > p > span::after{
    content:"";
    width:1rem;
    height:1px;
    background:#C88672;
    transform:rotate(75deg);
}
.cta > p > span::after{
    transform:rotate(-75deg);
}

.ctaBtnBlock{ margin:2rem auto 0;}
.ctaSnsList > li img{ height:2rem; width:auto;}
.contactBtn{ display:inline-block; background:#DB9884; color:#fff; padding:1rem 2rem; border-radius:100px; font-size:0.8rem; box-shadow:0 5px 5px rgba(0, 0, 0, .1); position:relative; line-height:1;}

.footerInfoWrapper{ margin: 4rem auto 0; padding:0 1rem 1rem; text-align: left;max-width:calc(640px + 2rem);}
.footerInfoWrapper a img{ height:50px; width:auto;}
.footerImagesFlex{ display:flex; gap:1px; justify-content: center; max-width:640px; margin:2rem auto 0;}

footer{ background:url(img/v2/bg-watercolor-3__sp.webp) center bottom no-repeat; background-size: 1000px;}

.footerAddress{ margin:2rem 0 0; color:#BF7B68; font-size:0.8rem; position:relative; padding:0 3rem 0 0; display:inline-block;}
.footerAddress a{ display:inline-block; padding:1.7rem 0 0; position: absolute; bottom:0; right:0;color:#BF7B68; letter-spacing:0; background:url(img/v2/icon_gmap.svg) center top no-repeat; background-size:1.2rem;}

.footerParking{ margin:1rem 0 0;}
.footerParking a{color:#BF7B68;font-size:0.8rem; text-decoration: underline;}
.footerParking a:hover{ text-decoration:none;}

.spOnlyLineBtn{ display:none;}
@media only screen and (max-width : 800px) {
    .footerInfoWrapper{ margin: 4rem auto 0; padding:0 1rem 4rem;}
    .spOnlyLineBtn{ display:block; position: fixed; bottom:0; left:0; width:100%;}
    .spOnlyLineBtn .toLineBtn{ display:block; border-radius:0;}
}




.lowerTitleWrapper{ text-align: left; max-width:calc(960px + 2rem); padding:2rem 1rem; margin:0 auto;}
.lowerTitleWrapper h2{ color:#DB9884; font-size:1.2rem; padding:0 0;}

.bodycleaningTherapistMain{ background: url(img/v2/body-cleaning-therapist-course-main2__sp.webp) center center no-repeat; background-size: cover; height:300px; position:relative;}
.bodycleaningTherapistMain img{ position: absolute;top:2rem; left:50%; margin-left:-30%; width:3.4rem; height:auto;}

.courseSummaryBlock{ max-width:calc(960px + 2rem); padding:2rem 1rem 4rem; margin:0 auto;}
.courseSummaryBlock h2{ font-size:1.0rem; color:#BF7B68; line-height:1.7; font-weight: bold;}
.courseSummaryBlock p{ font-size:0.8rem; color:#BF7B68; margin:1rem auto 0;}

.coursePointBlock{ margin:2rem auto 0;}
.coursePointBlock h3{font-size:1.0rem; color:#BF7B68; font-weight: bold; position: relative; padding:0 1em; display:inline-block;}
.coursePointBlock h3::before{ content:""; position: absolute; top:0; left:0; height:100%; width:1px; background:#BF7B68;transform: rotate(-15deg);}
.coursePointBlock h3::after{ content:""; position: absolute; top:0; right:0; height:100%; width:1px; background:#BF7B68;transform: rotate(15deg);}


.flagLine{ color: #BF7B68; padding:0 1rem; position:relative; display:inline-block; line-height:1;}
.flagLine::before{ content:""; position:absolute; top:0; left:0; height:100%; width:1px; background:#BF7B68;}
.flagLine::after{ content:""; position:absolute; top:0; right:0; height:100%; width:1px; background:#BF7B68;}
.flagTime{ font-weight: bold; font-size:1.2rem; color:#BF7B68; margin:1rem auto 0;}


.courseScheduleBlock{ max-width:calc(480px + 2rem);padding:0 1rem; margin:4rem auto 0;}

.courseDayTitle{ display:inline-block; background:#FFFAF0; line-height:1; padding:1rem 3rem; border-radius:100px; font-weight:bold; position: relative; top:-3rem;}
.courseDayTitle span{ font-size:1.8rem; font-weight:bold;}

.courseScheduleList > li > div{border:4px solid #DB9884; border-radius:60px; position:relative; color:#BF7B68; padding:1rem 2rem 2rem; margin:4rem auto 0;}
.courseScheduleList > li > div h3{ font-weight: bold; font-size:1.2rem; position:relative; top:-1rem;}
.courseScheduleList > li > div ul{ display:inline-block; text-align: left; margin:0 auto 0;}
.courseScheduleList > li > div ul > li{ list-style-type:disc; list-style-position: outside; margin: 1em 0 0 1.2em; color:#BF7B68; font-size:0.8rem;}

.courseImageBlock{ max-width:480px; margin:0 auto;}
.courseImageBlock.mt1rem{ margin-top:1rem;}

.courseInfoBlock{ max-width:calc(480px + 2rem);padding:0 1rem; margin:4rem auto 0;}
.courseInfoInner{border:4px solid #DB9884; border-radius:60px; position:relative; color:#BF7B68; padding:1rem 2rem 2rem; margin:4rem auto 0; text-align: left;}

.courseInfoInner dl dt{ margin:1rem 0 0;}

.courseInfoInner dl dt::before{content:"｜ ";}
.courseInfoInner dl dt::after{content:" ｜";}

.courseInfoInner h3{ margin:1rem 0 0; font-weight: bold;}
.courseInfoInner h3::before{content:"/ "; font-weight: normal;}
.courseInfoInner h3::after{content:" /"; font-weight: normal;}

.courseInfoInner span.slash::before{content:"/ "; font-weight: normal;}
.courseInfoInner span.slash::after{content:" /"; font-weight: normal;}

.courseInfoInner p{ font-size:0.8rem;}

@media (min-width: 801px) {
  .lowerTitleWrapper{ padding:2rem 4rem;}
  .bodycleaningTherapistMain{ background: url(img/v2/body-cleaning-therapist-course-main2__pc.webp) center center no-repeat; background-size: cover; height:535px; max-width:960px; margin:0 auto;}
  .bodycleaningTherapistMain img{ top:4rem;}
  .courseSummaryBlock h2{ font-size:1.2rem;}
  .courseSummaryBlock p{ font-size:1.0rem;}
  .flagTime{ font-size:1.4rem;}
  .courseScheduleList > li > div ul > li{ font-size:1.0rem;}
  .courseInfoInner{ padding:2rem 2rem 3rem; }
}


.voiceWrapper{ background:#FFFAF0; padding:4rem 0 4rem; margin:4rem auto 0;}
.voiceWrapper h2{font-size:1.0rem; color:#BF7B68; margin:1rem auto 0;}
.voiceText img{ height:1.7rem; width:auto;}

.voiceList{max-width:calc(640px + 2rem);padding:0 1rem; margin:2rem auto 0;}
.voiceList li{border:2px solid #DB9884; padding:2rem; margin:1rem auto 0; text-align: left;}
.voiceList li p{ font-size: 0.8rem;}

.thanksText{ margin:2rem auto 0;}
.thanksText img{ height:1.9rem; width:auto;}

.voiceBtmImageBlock{ padding:0; height:300px; background:url(img/v2/xxxxx_bc_sammpe.jpg) center center no-repeat; background-size: cover; margin:4rem auto 0; position:relative;}
.voiceBtmImageBlock p{ color:#fff; text-align: left; position: absolute; top:4rem; left:50%; margin-left:-45%;}

@media (min-width: 801px) {
  .voiceWrapper h2{font-size:1.2rem;}

  .voiceBtmImageBlock{ background:url(img/v2/xxxxx_bc_sammpe.jpg) center center no-repeat; background-size: cover; max-width:960px;}
}




.lowerPageSummary{ text-align: left; max-width:calc(960px + 2rem); padding:2rem 1rem; margin:0 auto;}
.lowerPageInner{ padding:0 0;}
.lowerPageInner h2{ color:#DB9884; font-size:1.0rem;}

.lowerPageMenu{ margin:1rem 0 0;}

.lowerPageInner dl{ color:#DB9884; font-size:1.0rem;}
.lowerPageInner dl dt{ font-weight:normal;display:inline-block;}
.lowerPageInner dl dd{ display:inline-block; margin-left:1em;}

.lowerPageInner dl dt span::before{content:"｜ ";}
.lowerPageInner dl dt span::after{content:" ｜";}

.lessonNote{ font-size:0.8rem; margin:1rem 0 0; color:#DB9884;}
.lessonMainVisual{ max-width:calc(960px + 2rem); padding:0 1rem; margin:0 auto;}


.lessonSummaryBlock{ max-width:calc(640px + 2rem); margin:0 auto; text-align: left; padding:0 1rem;}

.lessonSummaryBlock h2 span{color:#BF7B68; font-size:1.0rem;}
.lessonSummaryBlock h2 span::before{content:"｜ ";}
.lessonSummaryBlock h2 span::after{content:" ｜";}

.lessonSummaryBlock p{color:#BF7B68; font-size:0.8rem; margin:1rem 0 0;}
.lessonBox{ margin:2rem 0 0;}

.checkList{font-size:1.0rem; margin:1rem 0 0;}
.checkList > li{ padding:0 0 0 1.7em; background:url(img/v2/icon_recheck.svg) 0 0.3em no-repeat; background-size:0.8rem; font-size:0.8rem;}

@media (min-width: 801px) {
    .lowerPageInner{ padding:0 4rem;}
    .lowerPageInner h2{ font-size:1.2rem;}
    .lessonSummaryBlock h2 span{ font-size:1.2rem;}
    .lessonSummaryBlock p{ font-size:0.8rem;}
    .checkList > li{ background:url(img/v2/icon_recheck.svg) 0 0.3em no-repeat; background-size:0.8rem; font-size:0.8rem; margin-top:0.5em;}
}


.sectionAccentWrapper{ background:#FFFAF0; padding:4rem 0 0; margin:4rem auto 0;}
.sectionAccentWrapper.lastBlock{ padding:4rem 0 4rem; margin:0;}

.sectionAccentTitle{ max-width:calc(640px + 2rem); margin:0 auto; text-align: left; padding:0 1rem;}
.sectionAccentTitle h2{color:#BF7B68; font-size:1.0rem;}
.sectionAccentTitle h2 span::before{content:"｜ ";}
.sectionAccentTitle h2 span::after{content:" ｜";}

.sectionAccentBlock{ max-width:calc(640px + 2rem); margin:2rem auto 2rem; text-align: left; padding:0 1rem;}
.sectionAccentBlock.mt0{ margin-top:0;}

.sectionAccentBlock h2{color:#BF7B68; font-size:1.2rem;}
.sectionAccentBlock h2 span::before{content:"｜ ";}
.sectionAccentBlock h2 span::after{content:" ｜";}

.sectionAccentBlock h3{color:#BF7B68; font-size:1.0rem;}
.sectionAccentBlock p{ font-size:0.8rem; margin:1rem 0 0;}

.sectionAccentBlockInner h4{ margin:1rem 0 0; font-size: 0.8rem;}
.sectionAccentBlockInner > ul{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin:1rem 0;}
.sectionAccentBlockInner > ul > li{ flex-basis:50%;}

.lessonImageVisual{ max-width:calc(960px + 2rem); padding:0 1rem; margin:2rem auto 0;}
.lessonImageVisual.mt0{ margin-top:0;}
.lessonImageVisual ul li{ margin:10px 0 0;}
.lessonImageVisual ul li:first-child{ margin:0;}

.sectionAccentBlock.lastBlock{ padding:2rem 1rem 4rem;}
.sectionAccentBlock.lastBlock p{ line-height:3.2;}

.checkList--t2{font-size:0.8rem; margin:1rem 0 0;}
.checkList--t2 > li{ padding:0 0 0 1.7em; background:url(img/v2/icon_recheck_2.svg) 0 0.3em no-repeat; background-size:1rem;}

.checkList--t3{font-size:0.8rem; margin:1rem 0 0;}
.checkList--t3 > li{ padding:0 0 0 1.7em; background:url(img/v2/icon_recheck_3.svg) 0 0.3em no-repeat; background-size:1rem;}

.beforeAfterImageVisual{ margin:2rem auto 0;}
.beforeAfterImageVisual > ul{ width:100%;}
.beforeAfterImageVisual > ul > li{ margin:10px 0 0; display:flex; justify-content: space-around;}
.beforeAfterImageVisual > ul > li:first-child{ margin:0;}
.beforeAfterImageVisual > ul > li > div{ position: relative;}
.before{ position: absolute; top:0; left:0; display:inline-block; line-height:1; padding:0.5em; font-size: 0.8rem; color:#fff; letter-spacing:0;}
.after{ position: absolute; top:0; right:0; display:inline-block; line-height:1; padding:0.5em; font-size: 0.8rem;color:#fff; letter-spacing:0;}

@media (min-width: 801px) {
  .sectionAccentTitle h2{ font-size:1.2rem;}
  .sectionAccentBlock h3{ font-size:1.2rem;}

  .sectionAccentBlockInner h4{ font-size: 1rem;}
}




.mobileServiceWrapper{ max-width:calc(480px + 2rem);padding:0 1rem; margin:0 auto 0;}
.mobileServiceInner{border:4px solid #DB9884; border-radius:60px; position:relative; color:#BF7B68; padding:1rem 2rem 2rem; margin:0 auto 0; text-align: left; background:#fff;}
.mobileServiceInner h2{ margin:1rem 0 0; font-weight: bold; color:#BF7B68; font-size:1.0rem;}
.mobileServiceInner p{ font-size:0.8rem; margin:1rem 0 0;}

.mobileServiceMenu{ margin:2rem 0 0;}
.mobileServiceMenu dl{ color:#DB9884; font-size:1.0rem;}
.mobileServiceMenu dl dt{ font-weight:normal;display:inline-block;}
.mobileServiceMenu dl dd{ display:inline-block; margin-left:1em;}
.mobileServiceMenu dl dt span::before{content:"｜ ";}
.mobileServiceMenu dl dt span::after{content:" ｜";}

@media (min-width: 801px) {
  .mobileServiceInner h2{ font-size:1.2rem;}
  .mobileServiceInner p{ font-size:1.0rem;}
}




.lessonAttentionWrapper{max-width:calc(480px + 2rem);padding:2rem 1rem;margin:0 auto 0; text-align: left;}
.lessonAttentionWrapper h2{color:#BF7B68; font-size:1.0rem;}
.lessonAttentionWrapper h2 span::before{content:"｜ ";}
.lessonAttentionWrapper h2 span::after{content:" ｜";}

.lessonAttentionWrapper h3{color:#BF7B68; font-size:1.0rem;}

.lessonAttentionBox{ margin:2rem 0 0;}
.lessonAttentionBox p{ margin:1rem 0 0; font-size:0.8rem;}

@media (min-width: 801px) {
  .lessonAttentionWrapper h2{ font-size:1.2rem;}
}




.contactWrapper{ text-align:left; max-width: calc(640px + 2rem); padding:0 1rem 0; margin: 0 auto;}
.contactWrapper .formWrapper{ margin:0 auto 4rem;}

.contactWrapper .formWrapper input[type=text] { border: 1px solid #707070;}
.contactWrapper .formWrapper input[type=email] { border: 1px solid #707070;}
.contactWrapper .formWrapper textarea { border: 1px solid #707070;}

.contactWrapper .formWrapper dl dt {font-weight: normal;}
.contactWrapper .submitWrapper input[type=submit] {background:#DB9884;}

@media (min-width: 801px) {
  /* 801px以上 */
}