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

    figure.smpfull img{
      width: 100%;
    }
    #head_contents .header_box{
      width: 100%;
    }

    /*under*/
    section#top {
        height: auto;
        min-height: auto;
    }
    .top__bg {
        height: 30vw;
        min-height: 200px;
        background-image: url(../img/top__bg--sp.jpg);
    }
    h1 {
        top: 15vh;
        padding: 10px 20px;
        font-size: 18px;
    }
    .top__bg::after {
        display: none;
    }
    .intro {
        position: static;
        -webkit-transform: none;
        transform: none;
        width: calc(100% - 20px);
        min-width: auto;
        padding: 20px;
    }
    section#feature {
        padding: 40px 0;
    }
    .feature__h2 {
        font-size: 24px;
    }
    .feature__box {
        display: block;
    }
    .feature__left,
    .feature__right {
        width: 100%;
    }
    .feature__h3 {
        font-size: 18px;
        text-align: center;
    }
    .feature__text {
        margin-top: 10px;
        font-size: 14px;
    }
    #contents{
      width: 100%;
    }

    /*------------------------------------
      ご挨拶
    ------------------------------------*/
    #greeting .intoro_box{
      display: block;
      margin: 2em 0;
    }
    #greeting .intoro_box .intoro__left{
      width: 100%;
    }
    #greeting .intoro_box .feature__right{
      width: 100%;
    }
    #greeting .intro__h2{
      text-align: left;
    }
    #greeting .intoro_box h2.greeting__h2{
      font-size: 1rem;
      margin-bottom: 2em;
    }
    #greeting .profile_box{
      display: block;
      padding: 1em;
    }
    #greeting .profile_box .prof__left{
      width: 100%;
      margin-bottom: 2em;
    }
    #greeting .profile_box .prof__right{
      width: 100%;
    }

}

@media screen and (max-width: 568px) {
    .bg_short{
      height: 280px;
    }
    .feature__h3 {
        font-size: 16px;
    }
    .feature__text {
        font-size: 12px;
    }

    /*
      お問い合わせ
    */
    #contact .nml_tbl table td{
      text-align: center;
      display: block;
      width: 100%;
    }
    #contact .nml_tbl table td p{
      margin: 0;
    }
    #contact .nml_tbl table td a{
      width: 100%;
      color:#3665ac;
    }
    #contact .nml_tbl table th{
      text-align: center;
      display: block;
      width: 100%;
    }

}