@charset "utf-8";
/* 共通 */
.d-none { display: none!important; }
.d-pc { display: block!important; }
.d-sp { display: none!important; }
.di-pc { display:inline!important; }
.di-sp { display: none!important; }

.topShoumeiinner.slider2-sp {
    display: none;
}
.contentsinner.sp {
    display: none;
}
.sp.slider1-sp {
    display: none;
}


/* スマホのみ */
@media screen and ( max-width: 767px ) {

/* osteopathic */
.topblocA img.toptitle {
    position: relative;
}
.topblocA {
    margin-bottom: 0;
    display: block;
}
.topblocA .topLeft {
    display: block;
}
.topblocA .topRight {
    display: block;
    padding: 0;
}
.topbloc {
    margin-bottom: 0;
}
.topvoicebloc {
    display: block;
}
.topShoumeiinner.pc {
    display: none;
}
.topShoumeiinner.slider2-sp {
    display: block;
}
.topShoumeiouter {
    position: relative;
    padding: 50px 0px 60px 0px;
}
.topblocA .topLeft {
    display: table-cell;
    vertical-align: top;
    padding-top: 0;
}

.topvoicebox {
    display: block;
}
.topShoumeiBtm p {
    font-size: 20px;
}
.knowhowmenutitle {
    padding: 0;
}
.knowhowmenubox {
    display: block;
}
#knowhowmenubox-stage .knowhowmenuboxinner li {
    padding: 0;
}
.knowhowmenuboxinner dl {
    display: block;
}
.knowhowmenuboxinner dt {
    display: block;
}
.knowhowmenubox-stage-tex dd {
    width: 100%;
}
.knowhowmenuboxinner dd {
    display: block;
}
.knowhowmenubox-stage-tex dt strong {
    font-size: 14px;
}
.example.clearfix.pc {
    display: none;
}
.sp.slider1-sp {
    display: block;
}
.contentsinner.pc {
    display: none;
}
.contentsinner.sp {
    display: block;
}
.before {
    width: 45%;
    margin-right: 0;
    float: left;
    margin-bottom: 20px;
    padding: 5 0;
    border-right: none;
}
.after {
    width: 45%;
    margin-bottom: 20px;
}
.ba_img img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 2px 0px;
}
.colorbox {
    pointer-events:none;
}
.priceplan dl {
    display: block;
}
.priceplantitle dt {
    width: 100%;
}
.priceplan dt {
    display: block;
    padding: 0;
}
.priceplanbloc {
    display: block;
}
.priceplanbox {
    display: block;
}
.priceplanboxtitle {
    margin-bottom: 0;
}
.brandingpromotionbtminner {
    padding: 10px 0;
}
#interviewvoice {
    margin-bottom: 0;
}
.interviewvoicebloctitle {
    background-color: #fffbef;
    border-left: 15px solid #f39800;
    border-bottom: 1px solid #f39800;
    margin-bottom: 0;
    padding: 0;
}
.interviewvoiceblocinner {
    display: block;
}
.interviewvoiceblocimg {
    display: block;
}
.interviewvoiceblocbtn {
    display: block;
    width: 100%;
}
.digestKansai {
    float: none;
    width: 100%;
    margin: 0;
}
.digest_box {
    float: none;
    width: 100%;
    margin-bottom: 0;
}
.digestKanto {
    float: right;
    width: 100%;
}
.digest_boxs {
    margin-bottom: 0;
}
.stagebox {
    margin: 0;
}
.stagenote {
    padding: 0;
}
.stagenoteouter {
    padding: 0px;
}
.stageno {
    display: none;
}
#stage1 .stagetitle {
    height: auto;
    background-color: #e9eff8;
    padding-top: 30;
}
.stagetitle {
    width: 100%;
}
.stagetopimg {
    position: relative;
    left: 0;
    top: 0;
}
.stagetoptex {
    padding: 0;
}
.stagetoptex dt strong {
    font-size: 20;
}
.stagemid {
    padding-bottom: 0;
}
.stagebtminner dl {
    display: block;
}
.stagebtminner dt {
    display: block;
    width: 100%;
}
#stage2 .stagetitle {
    height: auto;
    background-color: #f7f7cf;
    padding-top: 30;
}
.stagetitle h3 {
    color: #4c4948;
    font-size: 20;
}
.stagetoptex dt {
    padding-bottom: 0;
}
#stage3 .stagetitle {
    height: auto;
    background-color: #fdf2eb;
    padding-top: 30px;
}
#knowhowdet {
    margin: 20px 0;
}
.knowhowdetbloc {
    padding-left: 0;
}
.knowhowdetbox {
    display: block;
}
.knowhowdetmaininner1 {
    padding-right: 0;
}
.knowhowdettitle {
    margin-bottom: 0;
    padding-left: 0px;
}
.knowhowdetphoto {
    display: block;
    width: 100%;
}
.knowhowdetphoto img {
    width: 100%;
}
.knowhowdettitleMovlink {
    position: relative;
    bottom: 0;
}
.knowhowdettitle h2 {
    font-size: 26px;
}
.tekishitabox {
    padding: 0;
}
.tekishitabox2 {
    margin-right: 0;
}
.tekishitatex {
    font-size: 14px;
    padding: 0;
    margin-left: 20;
}
.tekishitabox3 {
    margin-right: 0;
}
.tekishitatitle {
    margin-left: 0;
    padding-left: 0;
}
.tekishitabox4 {
    margin-right: 0;
}
.tekishita {
    background-image: none;
}
.matometitle h3 {
    font-size: 19px;
/* osteopathic */
}
.topbloc img {
    margin: 0 auto;
}
.topvoicebox dl {
    margin-bottom: 10px;
}


}