@charset "utf-8";

  .survey{
      
    .inner{
      padding:0; border:1px solid #d7d7d7; background:#fff;

      @media(max-width:1388px){
        margin:0 2rem;
      }

      .form{
        padding:4rem 7rem; border-bottom:1px solid #d7d7d7;

        @media(max-width:1400px){
          padding:4rem 3rem;
        }

        .input{
          margin-right:2rem;

          @media(max-width:1024px){
            height:3rem; line-height:3rem; margin-right:1rem;
          }
        }

        input[type="text"]{
          @media(max-width:1024px){
            width:calc(100% - 7rem - 3px);
          }
        }
      }


      .manager{
        position:relative; padding:2rem 7rem; background:#f3f5f7;

        @media(max-width:1400px){
          padding:2rem 3rem;
        }

        dl{
          min-width:35%; height:30px; line-height:30px;

          @media(max-width:768px){
            width:100%;
          }
          
          span{
            font-size:1.6rem; color:#454545; vertical-align:middle;
          }

          dt{
            margin-right:5px;

            span{
              color:#566f7f; font-weight:700; 
            }

            i{
              display:inline-block; width:30px; height:30px; border-radius:30px; line-height:30px; margin-right:5px; background:#566f7f; text-align:center;

              img{vertical-align:middle;}
            }

            
          }

        }