@charset "utf-8";

/*
  File Name   : questionnaire.css
  Description : コンテンツエリア関係 他
*/

/* section-questionnaire
============================================================ */
.questionnaire__inner {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px;
}
.questionnaire__title {
  width: 345px;
  margin: 0 auto;
}
.questionnaire__title img {
  width: 100%;
}
.questionnaire__title2 {
  width: 294px;
  margin: 23px auto 0;
}
.questionnaire__title2 img {
  width: 100%;
}
.questionnaire__contents {
  margin-top: 105px;
  text-align: center;
}
.questionnaire__contents__title {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 1.5;
}
.questionnaire__contents__body {
  margin-top: 95px;
  line-height: 1.5;
}
.questionnaire__btns {
  margin-top: 80px;
}

/* @media
------------------------------------------------------------ */
@media screen and (max-width: 811px) {
  .questionnaire__title {
    width: 215px;
  }
  .questionnaire__title2 {
    width: 260px;
    margin: 17px auto 0;
  }
  .questionnaire__contents {
    margin-top: 55px;
  }
  .questionnaire__contents__title {
    font-size: 21px;
  }
  .questionnaire__contents__body {
    margin-top: 35px;
  }
  .questionnaire__btns {
    margin-top: 40px;
  }
}
@media screen and (max-width: 365px) {
  .questionnaire__contents__title {
    font-size: 19px;
  }
  .questionnaire__contents__body {
    font-size: 12px;
  }
}