.menu-toggle {
    display: none;
}
.text-on-sp-2 {
    display: none;
}

.title-sp20200715 {
    display: none;
}

.my-map {
    margin-top: 20px;
}

@media screen and (max-width: 834px) {
    .my-map {
        margin-top: 20px;
        padding: 0 15px 0 !important;
    }
    
    .kaitu {
        padding-left: 25px;        
    }
    
    .jamss {
        padding-left: 35px;       
    }
}

@media screen and (max-width: 768px) {
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    body {
        overflow-x: hidden;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    /* My Custom CSS */
    .menu-toggle {
        color: #fff;
        font-size: 24px;
        display: inline-block;
        padding: 15px;
    }

    .phone-toggle {
        float: right;
        position: relative;
        z-index: 10;
        display: inline-block;
    }
    .pdbsp{
        padding-bottom: 20px;
    }
    .pdtsp{
        padding-top: 20px;
    }
    .mgtsp {
        padding-top: 35%;
    }
    .phone-toggle a {
        color: #fff;
    }

    #top_contact {
        display: none;
    }

    .title-sp20200715 {
        font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        display: block;
        font-size: 20px;
        color: #444;
    }

    .title-pc20200715 {
        display: none;
    }

    .title-sp20200715 span {
        display: block;
        font-size: 13px;
        color: #656565;
    }

    

    #nav li {
        text-align: center;
        padding-bottom: 15px;
        border-bottom: 1px dotted #ccc;
    }
    #nav li:last-child {
        border-bottom: none;
    }
    #nav li a {
        margin-left: auto;
        margin-right: auto;
    }
    #nav li#menu01 a {
        margin-left: auto !important;
        margin-right: auto;
        margin-top: 0;
    }
    #nav li#menu02 a {
        margin-left: auto;
        margin-top: 0;
    }
    #nav li#menu03 a {
        margin-top: 0;
    }
    #nav li#menu04 a {
        margin-top: 0;
    }
    #nav li#menu05 a {
        margin-top: 0;
    }
    #nav li#menu06 a {
        margin-top: 0;
    }
    /* End My Custom CSS */
    #nav {
        display: none;
        position: absolute;
        top: 54px;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
    }
    ul#nav li {
        width: 100%;
    }
    #header_inner, #header_other, #bg3 {
        width: 100%;
        height: auto;
        margin : 0;
        padding: 0;

    }
    #header_left, #top_contact {float: unset;}
    .other_logo {
        margin: 10px auto 20px;
    }
    #topicPath {
        width: 100%;
    }
    #top_contact {
        text-align: center;
        margin: 35px 20px 35px;
    }

    #other_menu_header {
        position: relative;
        display: block;
        width: 100%;
        margin-top: 15px;
        background-image: none;
        background-color: #FF7400;
    }
    #bg3 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #side {
        padding: 0px 0 50px 0px;
        width: 30%;
        float: unset;
        height: auto;
    }

    #right {
        width: 67%;
        margin: 0 auto 50px;
        float: unset;
        clear: both;
        padding-left: 15px;
    }

    div#pagetitArea, #right_inner_other, .content_inner, div.sample-round-top, .text2 {
        width: 100%;
    }
    .ageru2 {
        margin-top: 0; 
        margin-right: 0;
        float: unset;

    }

    div.sample-round-bottom {
        overflow: unset;
    }

    div#pagetitArea p.image {
        position: relative;
        top: 0;
        right: 0;
        margin: auto;
        text-align: center;
        
    }

    .text2 {
        font-size: 115%;
        margin: 12px 18px 0 20px;
        width: 100%;
        padding: 0;
        line-height: 1.5em;
        color: #555;
        float: unset;
    }
    img.ageru2 {
        margin: auto;
        display: block;
    }


    .title_text {
        font-size: 12px;
        margin-top: 10px;
        padding: 0 10px;
        width: 100%;
        box-sizing: border-box
    }

    #jquery-cycle {
        float: unset;
        height: auto !important;
        margin-top: 0;
        z-index: 1;
        width: 100% !important;
    }

    .ribon {
        position: absolute;
        width: 100%;
        right: -117px;
        display: none;
    }

    #right_inner {
        float: unset;
        top: 0;
    }
    .content_inner2 {
        height: auto;
    }

    .ft_link  {
        width: 100%;
    
    }
    .text001, .text000 {
        width: 100%;
        float: unset;
        padding: 10px;
        box-sizing: border-box;
        margin: 0;
    }

    #right_inner, .content_inner2  {
        width: 100%;
        max-width: 640px;
        margin-top: 15px;
    }

    #right_inner h2 {
        background-position: center;
        margin-left: 10px;
    }

    .jymimg1 {
        padding-bottom: 25px;
        margin: auto;
        text-align: center;
        position: relative;
        left: 50%!important;
        transform: translate(-50%);
    }
    .top_img {
        width: calc(100% - 20px);
        height: auto;
        margin-left: 0;
        padding-bottom: 20px;
        float: left;
        position: relative;
        left: 50%;
        transform: translate(-50%);
    }
    #helpme {
        width: 100%;
    }
    .training-page .shisetsu_Cont_Box01 {
        width: 40%;
        margin-right: 10px;
    }
    .training-page #training_img img {
        margin-top: 0;
    }
    .training-page #training_img::after {
        clear: both;
        display: table;
        content: "";
    }
    .training-page .text2 {
        width: 97%;
    }
    .training-page #please2 {
        margin-top: 0;
    }
    .price-page .effect_Box1 {
        width: 100%;
    }
    .price-page .text3 {
        width: 100%;
        padding-right: 0;
        margin-right: 0;
    }
    .price-page .waku {
        width: 100%;
        margin: 0;
    }
    .price-page .title_price {
        width: 100%;
        margin-bottom: 15px;
    }
    .price-page .cource2 {
        margin-bottom: 20px;
        width: auto;
    }
    .price-page .price_img1 {
        width: 100%;
        border: none;
        float: none;
    }
    .price-page #sub_title2 {
        margin-left: 5px;
        margin-right: 5px;
    }
    .price-page div.sample-round-top {
        margin-top: 0;
    }

    .effect-page .effect_Box1 {
        width: 100%;
    }
    .effect-page .tra1 {
        width: 100%;
    }
    .effect-page .waku2 {
        width: 100%;
    }
    .effect-page .text4 {
        width: 100%;
    }
    .effect-page .jymimg1 {
        display: none;
    }
    .effect-page div.sample-round-bottom {
        padding: 5px 10px;
    }
    .effect-page div.sample-round-top {
        margin-top: 0;
    }
    .effect-page #sub_title2 {
        margin-left: 0;
    }
    .contact-page form#mailform {
        width: 100%;
    }
    .contact-page dl.mailform dd {
        width: 100%;
        padding-left: 140px;
    }
    .contact-page textarea.mfp {
        max-width: 100%;
        width: 100% !important;
    }
    
}

@media screen and (max-width: 767px) {
    #right {
        padding-left: 0;
    }
    
}


@media screen and (min-width: 641px) and (max-width: 766px) {
     #right {
        padding-left: 60px;
    }
}


@media screen and (max-width: 640px) {
    div#pagetitArea h2 {
        margin-left: 10px;
        margin-right: 10px;
    }
    #right {
        width: 100%;
        order: 1;
    }
    form .must {
        background: none !important;
    }

    input.mfp, .kakunin {
        float: unset !important;
        margin-right: 10px;
    }
    #side {
        order: 2;
        width: 100%;
    }
    #formAdmin {
        max-width: 100%;
    }
    .Copyright {
        width: 100%;
        margin-top: 0;
    }
    .ft_link {
        display: none;
    }
    #helpme {
        margin-top: 0;
    }
    #footer {
        height: auto;
    }
    #right_inner h2 {
        margin-left: 10px;
        margin-right: 10px;
        background-size: cover;
        background-position: left;
    }
    #jquery-cycle {
        width: unset !important;
        height: unset !important;
    }
    div.sample-round-top {
        margin-top: 230px;
    }
    #right_inner {
        margin-bottom: 30px;
    }
    .content_inner2 div.sample-round-top {
        margin-top: 0;
    }
    a.content_img2 {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
    a.kinari1 {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
    #news {
        float: none;
        margin: auto;
    }
    #link_area {
        float: none;
        margin: 25px auto 0 auto;
    }
    #link_area > div {
        text-align: center;
    }
    #pankuzu {
        margin-top: 0;
    }
    .ribon {
        right: 0;
    }
    .title_text000 {
        width: 100%;
        padding: 0 10px;
    }
    .training-page .text2 {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    #class_information {
        padding: 10px;
    }
    .training-page #sub_title2 {
        margin-left: 0;
    }
    .training-page .shisetsu_Cont_Box01 {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    .training-page #training_img img {
        float: none;
        margin-left: 0;
        height: auto;
    }
    .training-page .shisetsu_Cont_Box01 p, 
    .shisetsu_Box .shisetsu_Cont_Box02 p {
        float: none;
        margin-top: 15px;
    }
    .training-page .sample-round-bottom h4 {
        width: 100% !important;
    }
    .training-page .shisetsu_Cont_Box000 {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .training-page img.ageru2 {
        max-width: 90%;
    }
    .training-page div.sample-round-top {
        margin-top: 0;
    }
    .price-page .cource2 {
        float: none;
        margin-right: 0;
    }
    .price-page .price_img img {
        padding-top: 40px;
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .price-page .price_img4 img {
        margin-top: 65px;
        padding-top: 20px;
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .price-page .price_img::after {
        clear: both;
        display: table;
        content: "";
    }
    .price-page .helpme::after {
        clear: both;
        display: table;
        content: "";
    }
    .price-page #hehen {
        margin-top: 0;
    }
    .price-page #sub_title2 {
        margin: 0;
    }
    .price-page .title_price {
        margin-left: 0;
        padding-left: 10px;
    }
    .price-page .price_img1 {
        margin-left: 0;
    }
    .price-page .text3 {
        padding-right: 5px;
    }
    .price-page .ageru {
        margin-right: auto;
        margin-left: auto;
        display: block;
    }
    .effect-page .tra2 {
        width: auto;
        height: auto;
    }
    .contact-page dl.mailform dt {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .contact-page dl.mailform dd {
        width: 100%;
        padding-left: 0;
    }
    .contact-page .tizu {
        max-width: 100%;
    }
    .contact-page iframe {
        max-width: 100%;
    }
    .contact-page div#mfp_buttons ul {
        width: 100%;
        margin-left: 0;
    }
    .contact-page div#mfp_buttons ul li {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }
    .contact-page #contact_cource {
        word-break: break-all;
        white-space: normal;
    }
    .contact-page dl.mailform {
        margin-left: 0;
        padding-right: 0;
    }
    div#confirmWindow {
        max-width: 100px !important;
    }
    div#confirmBody {
        max-width: 100px !important;
        left: 0 !important;
    }
    .contact-page form#mailform {
        padding: 0 10px;
    }
    #right_inner h2.text-on-sp {
        background-image: none !important;
        text-indent: 0;
        color: #444;
        height: auto;
        padding-bottom: 10px;
        border-bottom: 2px solid #EB5505;
        
    }
    .text-on-sp-2 {
        display: block;
        color: #506A02;
        font-weight: 600;
        font-size: 18px;
        padding-bottom: 10px;
        border-bottom: 2px solid #506A02;
        margin: 0 10px;
    }
    .text-not-show-sp {
        display: none;
    }
}
@media screen and (max-width: 375px) { 
    div.sample-round-top {
        margin-top: 210px;
    }
}
@media screen and (max-width: 320px) { 
    div.sample-round-top {
        margin-top: 180px;
    }
}