@charset "UTF-8";
/* CSS Document */
/* 個別インタビュー */
#interview_head_area {
  display: block;
  margin: 2em auto 0;
  padding: 8em 0 0; }
  #interview_head_area h3 {
    display: block;
    margin: 0 auto;
    padding: 0.5em 0;
    width: 1020px;
    font-size: 53px;
    font-weight: 400;
    line-height: 1.2em;
    background-image: url("../../images/interview_head_bar_back.png");
    background-repeat: repeat-y;
    background-position: top start; }
    #interview_head_area h3 span {
      margin-left: 180px;
      font-family: "Noto Serif JP", serif; }
    @media screen and (max-width: 960px) {
      #interview_head_area h3 {
        background-size: 800px;
        width: auto;
        font-size: 2.2em; }
        #interview_head_area h3 span {
          margin-left: 140px; } }
    @media screen and (max-width: 520px) {
      #interview_head_area h3 {
        background-size: 160px;
        width: auto;
        font-size: 1.7em; }
        #interview_head_area h3 span {
          margin-left: 1em; } }
    @media screen and (max-width: 320px) {
      #interview_head_area h3 {
        background-size: 120px;
        width: auto;
        font-size: 1.7em;
        text-align: start; }
        #interview_head_area h3 span {
          margin-left: 1em;
          text-align: start; } }
  #interview_head_area #interview_head_photo {
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
    height: 720px;
    background-image: url(../img/interview_head_back.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: right;
    justify-content: right;
    -webkit-align-items: right;
    align-items: right; }
   @media screen and (max-width: 520px) {
      #interview_head_area #interview_head_photo {
        height: 480px; } }
    @media screen and (max-width: 320px) {
      #interview_head_area #interview_head_photo {
        height: 400px; } }
    #interview_head_area #interview_head_photo p {
      margin: 3em auto 0 auto;
      padding: 2em 0 0 18em;
      width: 1020px;
      color: #ffffff;
      font-family: "Noto Serif JP", serif;
      text-align: left;
      font-size: 2.4em;
      font-weight: 600;
      line-height: 1.4em;
      text-shadow: 2px 2px 5px #000000; }
    @media screen and (max-width: 960px) {
      #interview_head_area #interview_head_photo {
        background-size: 1400px;
        background-position: -460px top; }
        #interview_head_area #interview_head_photo p {
			width: 100%;
			padding: 5em 1.5em 0 0;
			font-size: 2.0em; } }
    @media screen and (max-width: 520px) {
      #interview_head_area #interview_head_photo {
        background-size: 1000px;
        background-position: -400px top; }
        #interview_head_area #interview_head_photo p {
          margin: 1.5em auto 0 auto;
          padding: 3em 0 0 8em;
          font-size: 1.6em; } }
    @media screen and (max-width: 320px) {
      #interview_head_area #interview_head_photo {
        background-size: 800px;
        background-position: -300px top; }
        #interview_head_area #interview_head_photo p {
          font-size: 1.3em; } }

.interview_ttl {
  margin: 10em auto 1em;
  padding: 0;
  height: 80px;
  text-align: center;
  background-image: url(../interview/img/interview_ttl_back.png);
  background-position: top center;
  background-repeat: no-repeat; }
  .interview_ttl h4 {
    margin: 0 auto;
    font-family: "Noto Serif JP", serif;
	text-align: center;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: 2px; }

/* インタビュー：店舗紹介エリア */
.shop_data_area {
  margin: -7em auto 3em auto;
  padding: 0;
  width: 1100px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: end;
  align-items: end; }
  .shop_data_area .shop_outline {
    margin-left: 4em; }
    @media screen and (max-width: 960px) {
      .shop_data_area .shop_outline {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: end;
        align-items: end;
        margin-left: 0;
        margin-bottom: 1em; } }
    .shop_data_area .shop_outline .shop_ext {
      margin: 0;
      padding: 0; }
      .shop_data_area .shop_outline .shop_ext img {
        margin: 0;
        padding: 0;
        border: solid 3px white; }
        @media screen and (max-width: 320px) {
          .shop_data_area .shop_outline .shop_ext img {
            width: 100%;
            border: none; } }
    .shop_data_area .shop_outline ul {
      margin: 1em 2em 1em 2em;
      padding: 0; }
      .shop_data_area .shop_outline ul li {
        list-style-type: square;
        color: #e60012; }
        .shop_data_area .shop_outline ul li span {
          color: #000000; }
        .shop_data_area .shop_outline ul li a {
          text-decoration: none; }
      @media screen and (max-width: 320px) {
        .shop_data_area .shop_outline ul {
          font-size: 0.9em; } }
  .shop_data_area .shop_details {
    display: block;
    margin: 0 0 0 2em;
    margin: 0;
    padding: 3em 2em;
    width: 420px;
    font-size: 1.1em;
    background-color: rgba(255, 239, 219, 0.8);
    border: solid 1px white;
    vertical-align: middle;
    line-height: 2.0em; }
    @media screen and (max-width: 960px) {
      .shop_data_area .shop_details {
        width: auto; } }
    @media screen and (max-width: 520px) {
      .shop_data_area .shop_details {
        padding: 1em;
        font-size: 1.1em; } }
    @media screen and (max-width: 320px) {
      .shop_data_area .shop_details {
        font-size: 0.9em; } }
  @media screen and (max-width: 1100px) {
    .shop_data_area {
      width: auto; } }

.qa_area {
  display: block;
  margin: 1em auto 5em auto;
  padding: 0;
  width: 100%; }
  .qa_area .inner {
    padding: 1em; }
  .qa_area #photo_area01 {
    margin: 0;
    padding: 0;
    background-image: url(../img/interview_ttl_back01.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 480px; }
    .qa_area #photo_area01 h5 {
      display: flex;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      margin: 0 auto;
      padding: 0;
      width: 1020px;
      color: #000000;
      font-weight: 400;
      font-size: 1.6em; }
      .qa_area #photo_area01 h5 span {
        display: block;
        margin: 0;
        padding: 1em;
        border-right: solid 1em #f19975;
        text-align: right;
        background-color: rgba(249, 243, 239, 0.75); }
    @media screen and (max-width: 1100px) {
      .qa_area #photo_area01 h5 {
        width: auto; } }
    @media screen and (max-width: 960px) {
      .qa_area #photo_area01 {
        background-size: 140%;
        height: 380px; } }
    @media screen and (max-width: 520px) {
      .qa_area #photo_area01 {
        height: 260px; }
        .qa_area #photo_area01 h5 {
          font-size: 1.2em; } }
    @media screen and (max-width: 320px) {
      .qa_area #photo_area01 {
        height: 180px; }
        .qa_area #photo_area01 h5 {
          font-size: 0.9em; } }
  .qa_area #photo_area02 {
    margin: 0;
    padding: 0;
    background-image: url(../img/interview_ttl_back02.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 480px; }
    .qa_area #photo_area02 h5 {
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      margin: 0 auto;
      padding: 0;
      width: 1020px;
      color: #000000;
      font-weight: 400;
      font-size: 1.6em; }
      .qa_area #photo_area02 h5 span {
        display: block;
        margin: 0;
        padding: 1em;
        border-left: solid 1em #f19975;
        text-align: left;
        background-color: rgba(249, 243, 239, 0.75); }
    @media screen and (max-width: 1100px) {
      .qa_area #photo_area02 h5 {
        width: auto; } }
    @media screen and (max-width: 960px) {
      .qa_area #photo_area02 {
        background-size: 140%;
        height: 380px; } }
    @media screen and (max-width: 520px) {
      .qa_area #photo_area02 {
        height: 260px; }
        .qa_area #photo_area02 h5 {
          font-size: 1.1em; } }
    @media screen and (max-width: 320px) {
      .qa_area #photo_area02 {
        height: 200px; }
        .qa_area #photo_area02 h5 {
          font-size: 0.9em; } }
  .qa_area #photo_area03 {
    margin: 0;
    padding: 0;
    background-image: url(../img/interview_ttl_back03.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 480px; }
    .qa_area #photo_area03 h5 {
      display: flex;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      margin: 0 auto;
      padding: 0;
      width: 1020px;
      color: #000000;
      font-weight: 400;
      font-size: 1.6em; }
      .qa_area #photo_area03 h5 span {
        display: block;
        margin: 0;
        padding: 1em;
        border-right: solid 1em #f19975;
        text-align: right;
        background-color: rgba(249, 243, 239, 0.75); }
    @media screen and (max-width: 1100px) {
      .qa_area #photo_area03 h5 {
        width: auto; } }
    @media screen and (max-width: 960px) {
      .qa_area #photo_area03 {
        background-size: 140%;
        height: 380px; } }
    @media screen and (max-width: 520px) {
      .qa_area #photo_area03 {
        height: 260px; }
        .qa_area #photo_area03 h5 {
          font-size: 1.2em; } }
    @media screen and (max-width: 320px) {
      .qa_area #photo_area03 {
        height: 180px; }
        .qa_area #photo_area03 h5 {
          font-size: 0.9em; } }
  .qa_area #photo_area04 {
    margin: 0;
    padding: 0;
    background-image: url(../img/interview_ttl_back02.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 480px; }
    .qa_area #photo_area04 h5 {
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      margin: 0 auto;
      padding: 0;
      width: 1020px;
      color: #000000;
      font-weight: 400;
      font-size: 1.6em; }
      .qa_area #photo_area04 h5 span {
        display: block;
        margin: 0;
        padding: 1em;
        border-left: solid 1em #f19975;
        text-align: left;
        background-color: rgba(249, 243, 239, 0.75); }
    @media screen and (max-width: 1100px) {
      .qa_area #photo_area04 h5 {
        width: auto; } }
    @media screen and (max-width: 960px) {
      .qa_area #photo_area04 {
        background-size: 140%;
        height: 380px; } }
    @media screen and (max-width: 520px) {
      .qa_area #photo_area04 {
        height: 260px; }
        .qa_area #photo_area04 h5 {
          font-size: 1.1em; } }
    @media screen and (max-width: 320px) {
      .qa_area #photo_area04 {
        height: 200px; }
        .qa_area #photo_area04 h5 {
          font-size: 0.9em; } }
  .qa_area #photo_area05 {
    margin: 0;
    padding: 0;
    background-image: url(../img/interview_ttl_back03.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 480px; }
    .qa_area #photo_area05 h5 {
      display: flex;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      margin: 0 auto;
      padding: 0;
      width: 1020px;
      color: #000000;
      font-weight: 400;
      font-size: 1.6em; }
      .qa_area #photo_area05 h5 span {
        display: block;
        margin: 0;
        padding: 1em;
        border-right: solid 1em #f19975;
        text-align: right;
        background-color: rgba(249, 243, 239, 0.75); }
    @media screen and (max-width: 1100px) {
      .qa_area #photo_area05 h5 {
        width: auto; } }
    @media screen and (max-width: 960px) {
      .qa_area #photo_area05 {
        background-size: 140%;
        height: 380px; } }
    @media screen and (max-width: 520px) {
      .qa_area #photo_area05 {
        height: 260px; }
        .qa_area #photo_area05 h5 {
          font-size: 1.2em; } }
    @media screen and (max-width: 320px) {
      .qa_area #photo_area05 {
        height: 180px; }
        .qa_area #photo_area05 h5 {
          font-size: 0.9em; } }
  .qa_area .answer_area {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    line-height: 1.6em; }
    @media screen and (max-width: 1100px) {
      .qa_area .answer_area {
        width: auto; } }
    .qa_area .answer_area p {
      background-color: rgba(255, 239, 219, 0.8);
      margin: 2em auto 3em auto;
      padding: 4em 2em 4em 7em;
      width: 640px;
      border: solid 1px white;
      font-size: 1.0em;
	  text-indent: -5em; }
      @media screen and (max-width: 960px) {
        .qa_area .answer_area p {
          width: auto; } }
      @media screen and (max-width: 520px) {
        .qa_area .answer_area p {
          padding: 1em;
          text-indent: 0;
          font-size: 0.9em; } }
      @media screen and (max-width: 320px) {
        .qa_area .answer_area p {
          font-size: 0.8em;
          line-height: 1.6em; } }
  .qa_area .answer_area2 {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    font-size: 1.1em;
    line-height: 1.6em; }
    .qa_area .answer_area2 .sentence_area {
      margin: -5em auto 0 auto;
      padding: 4em 2em;
      width: 1020px;
      background-color: rgba(255, 239, 219, 0.8);
      border: solid 1px white; }
      .qa_area .answer_area2 .sentence_area p {
        margin: 0;
        padding: 0 0 0 5em;
        text-indent: -5em; }

.menu_area {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 auto 4em auto;
  padding: 1em 0;
  width: 1080px;
  background-color: rgba(255, 239, 219, 0.8);
  border: solid 1px white; }
  .menu_area .menu_block {
    display: block;
    width: 360px; }
    .menu_area .menu_block .menu {
      display: block;
      margin: 0 auto;
      padding: 0;
      width: 320px;
      font-size: 1.1em;
      min-height: 3em;
      font-weight: 600;
      background-color: #e60012;
      color: #ffffff; }
    .menu_area .menu_block .price {
      display: block;
      margin: 0 auto;
      padding: 0;
      width: 320px;
      text-align: end; }
    .menu_area .menu_block p {
      display: block;
      margin: 0 auto;
      padding: 0;
      width: 320px;
      font-size: 1.1em; }
      .menu_area .menu_block p img {
        width: 320px; }

.menu_area2 {
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto 1.5em auto;
  padding: 1em;
  width: 1080px;
  border: solid 1px white; }
  @media screen and (max-width: 1100px) {
    .menu_area2 {
      width: auto;
      margin: 0 2em 5em 2em; } }
  @media screen and (max-width: 320px) {
    .menu_area2 img {
      width: 100%; } }
  .menu_area2 .menu_text {
    width: 480px; }
    @media screen and (max-width: 1100px) {
      .menu_area2 .menu_text {
        width: 410px; } }
    @media screen and (max-width: 960px) {
      .menu_area2 .menu_text {
        width: auto; } }
    .menu_area2 .menu_text .menu {
      display: block;
      margin: 0 0 0.5em 0;
      padding: 0 0 0.5em 0;
      font-size: 1.1em;
      font-weight: 600;
      border-bottom: solid 2px #e60012; }
      @media screen and (max-width: 1100px) {
        .menu_area2 .menu_text .menu {
          font-size: 1.0em; } }
      @media screen and (max-width: 520px) {
        .menu_area2 .menu_text .menu {
          font-size: 1.0em; } }
      @media screen and (max-width: 320px) {
        .menu_area2 .menu_text .menu {
          font-size: 1.0em; } }
    .menu_area2 .menu_text .price {
      display: block;
      margin: 0.2em auto;
      padding: 0;
      text-align: end; }
    .menu_area2 .menu_text p {
      display: block;
      margin: 1em auto 1em auto;
      padding: 0;
      font-size: 0.9em; }

#menu01 .menu_text {
  order: 1; }
#menu01 img {
  order: 2; }

#menu02 .menu_text {
  order: 2; }
  @media screen and (max-width: 960px) {
    #menu02 .menu_text {
      order: 1; } }
#menu02 img {
  order: 1; }
  @media screen and (max-width: 960px) {
    #menu02 img {
      order: 2; } }

#menu03 .menu_text {
  order: 1; }
#menu03 img {
  order: 2; }

#editors_note {
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 2em auto 3em auto;
  padding: 0;
  width: 1060px;
  font-size: 1.1em;
  line-height: 1.6em; }
  #editors_note p {
    margin: 0 0 1em 0;
    padding: 0;
    width: 480px;
    font-size: 0.9em; }
    @media screen and (max-width: 960px) {
      #editors_note p {
        width: 100%;
        margin: 0 2em 1em 2em; } }
  #editors_note .interviewee_photo_area {
    display: block;
    width: 480px;
    font-size: 0.85em;
    line-height: 1.4em; }
  #editors_note img {
    display: block;
    margin: 0;
    padding: 0;
    width: 480px; }
  @media screen and (max-width: 1100px) {
    #editors_note {
      width: 100%; } }
  @media screen and (max-width: 960px) {
    #editors_note img {
      display: block;
      margin: 0 auto 1em auto; } }
  @media screen and (max-width: 520px) {
    #editors_note {
      font-size: 1.0em; }
      #editors_note img {
        margin: 0 auto 0 auto;
        width: 100%; } }
  @media screen and (max-width: 320px) {
    #editors_note {
      font-size: 0.9em; }
      #editors_note img {
        width: 100%; } }

ul.shop_data {
  margin: 1em 2em 1em 2em;
  padding: 0; }
  ul.shop_data li {
    list-style-type: square;
    color: #e60012; }
    ul.shop_data li span {
      color: #000000; }
    ul.shop_data li a {
      text-decoration: none; }
  @media screen and (max-width: 520px) {
    ul.shop_data {
      margin: 1em auto 1em auto;
      font-size: 0.9em; } }

.pc-disabled {
  display: none;
}

/*768px以下で有効*/
@media screen and (max-width: 768px) {
  .pc-disabled {
    display: block; 
  }
}
.interview-btn-more{
  display: flex;
  margin-top: 2rem;
  justify-content: center;
  padding-bottom: 6rem;
}

/*# sourceMappingURL=02.css.map */