/* ======================================================================
 p-questionnaire
====================================================================== */
@font-face {
  font-family: 'CorporateLogoBold';
  src: url('../fonts/Corporate-Logo-Bold-ver3.woff2') format('woff2'),
       url('../fonts/Corporate-Logo-Bold-ver3.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

.monomaniac-one-regular {
  font-family: "Monomaniac One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#p-questionnaire .l-header a, #p-questionnaire .l-header span {
  color: #005139; }

#p-questionnaire .l-header__link-item.js-mega-menu-current:after {
  border-bottom: solid 2px #005139;
  border-left: solid 2px #005139; }
#p-questionnaire .l-primary-pages {
  margin-top: 0; }

#p-questionnaire .l-header__button {
color: #fff !important; }

#p-questionnaire .l-header__button:hover {
  color: #a69753 !important; }

#p-questionnaire .l-main-visual {
  background: none;
  display: block;
  padding-bottom: 0;
}
#p-questionnaire .l-main-visual h1 {
  margin-bottom: 24px;
  display: inline-block;
  text-align: center;
}
#p-questionnaire .l-main-visual__img img {
  width: 100svw;
}
@media screen and (max-width: 767px) {
  #p-questionnaire .l-main-visual {
    padding: 80px 0 0;
  }
}

#p-questionnaire .l-sec-breadcrumbs {
  display: none;
}

#p-questionnaire .question_star {
  background-color: #F6F4E7;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#p-questionnaire .question_box {
  text-align: center;
}
#p-questionnaire .question_box h2 {
  display: inline-block;
  padding-top: 52px;
}
#p-questionnaire .question_content {
  max-width: 1012px;
  margin: auto;
}
#p-questionnaire .question_content article {
  margin-top: 12px;
  display: flex;
  align-items: center;
  padding: 26px;
}
@media screen and (max-width: 767px) {
  #p-questionnaire .question_content {
    padding: 0 16px;
  }
  #p-questionnaire .question_content article {
    padding: 16px;
  }
}

#p-questionnaire .question_content article.q1 { background: rgba(235, 97, 0, 0.2); }
#p-questionnaire .question_content article.q2 { background: rgba(217, 27, 94, 0.2); }
#p-questionnaire .question_content article.q3 { background: rgba(18, 123, 85, 0.2); }
#p-questionnaire .question_content article.q4 { background: rgba(0, 122, 177, 0.2); }
#p-questionnaire .question_content article.q5 { background: rgba(19, 79, 126, 0.2); }
#p-questionnaire .question_content article.q6 { background: rgba(126, 49, 142, 0.2); }
#p-questionnaire .question_content article.q7 { background: rgba(106, 57, 6, 0.2); }
#p-questionnaire .question_content article.q8 { background: rgba(19, 79, 126, 0.2); }
#p-questionnaire .question_content article.q9 { background: rgba(126, 49, 142, 0.2); }
#p-questionnaire .question_content article.q10 { background: rgba(18, 123, 85, 0.2); }
#p-questionnaire .question_content article.q11 { background: rgba(235, 97, 0, 0.2); }
#p-questionnaire .question_content article.q12 { background: rgba(217, 27, 94, 0.2); }
#p-questionnaire .question_content article .q_img {
  flex: 1 1 auto;
}
#p-questionnaire .question_content article > .u-pc {
  padding-right: 32px;
}
#p-questionnaire .question_content article .q_img {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
@media screen and (max-width: 767px) {
  #p-questionnaire .question_content article .q_img {
    border-left: 0;
  }
}
#p-questionnaire .question_content article.q1 .q_img { border-color: rgb(235, 97, 0); }
#p-questionnaire .question_content article.q2 .q_img { border-color: rgb(217, 27, 94); }
#p-questionnaire .question_content article.q3 .q_img { border-color: rgb(18, 123, 85); }
#p-questionnaire .question_content article.q4 .q_img { border-color: rgb(0, 122, 177); }
#p-questionnaire .question_content article.q5 .q_img { border-color: rgb(19, 79, 126); }
#p-questionnaire .question_content article.q6 .q_img { border-color: rgb(126, 49, 142); }
#p-questionnaire .question_content article.q7 .q_img { border-color: rgb(106, 57, 6); }
#p-questionnaire .question_content article.q8 .q_img { border-color: rgb(19, 79, 126); }
#p-questionnaire .question_content article.q9 .q_img { border-color: rgb(126, 49, 142); }
#p-questionnaire .question_content article.q10 .q_img { border-color: rgb(18, 123, 85); }
#p-questionnaire .question_content article.q11 .q_img { border-color: rgb(235, 97, 0); }
#p-questionnaire .question_content article.q12 .q_img { border-color: rgb(217, 27, 94); }

#p-questionnaire .question_content article .q_img img {
  margin: auto;
}
@media screen and (max-width: 767px) {
  #p-questionnaire .question_content article .q_img img {
    padding-right: 15px;
    width: 100%;
  }
}
#p-questionnaire .question_content .answer {
  font-family: "Monomaniac One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 0 32px;
}
@media screen and (max-width: 767px) {
  #p-questionnaire .question_content .answer {
    font-size: 13px;
    padding: 0 0 0 9px;
    white-space: nowrap;
  }
}
#p-questionnaire .question_content .answer label:first-of-type {
  margin-bottom: 10px;
}

#p-questionnaire .question_interest {
  margin-top: 170px;
  background: #314895;
}
#p-questionnaire .question_interest img {
  position: relative;
  margin: auto;
  top: -110px;
}
@media screen and (max-width: 767px) {
  #p-questionnaire .question_interest {
    margin-top: 32px;
  }
  #p-questionnaire .question_interest img {
    top: -20px;
  }
}
#p-questionnaire .question_welcome {
  background: #F6F4E7;
  padding-bottom: 30px;
}
#p-questionnaire .question_welcome img {
  margin: auto;
}

#p-questionnaire .question_school_box h2 {
  padding-top: 80px;
}
.school_list {
  display: flex;
  justify-content: center;
  gap: 16px;
  align-items: center;
  margin-top: 16px;
}
.school_list li {
  font-family: 'CorporateLogoBold';
  font-size: 16px;
  font-weight: bold;
}
#p-questionnaire .school_sec {
  display: flex;
  flex-wrap: wrap;
  gap: 34px 36px;
  max-width: 780px;
  margin: 48px auto 0;
}
#p-questionnaire .school_sec article {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(50% - 18px);
}
#p-questionnaire .school_sec article h3 {
  font-family: 'CorporateLogoBold';
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #000;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
}
#p-questionnaire .school_sec article button {
  font-family: 'CorporateLogoBold';
  font-size: 16px;
  font-weight: bold;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media screen and (min-width: 768px) {
  #p-questionnaire .school_sec article button:hover {
    transform: translateY(-4px);
  }
}

#p-questionnaire .school_sec article button:not(:last-of-type) {
  margin-bottom: 14px;
}
#p-questionnaire .school_sec article.tokyo { background-color: rgba(217, 27, 94, 0.2); }
#p-questionnaire .school_sec article.osaka { background-color: rgba(18, 123, 85, 0.2); }
#p-questionnaire .school_sec article.nagoya { background-color: rgba(235, 97, 0, 0.2); }
#p-questionnaire .school_sec article.fukuoka { background-color: rgba(0, 122, 177, 0.2); }

#p-questionnaire .school_sec article.tokyo h3 { border-color: #D91B5E; }
#p-questionnaire .school_sec article.osaka h3 { border-color: #127B55; }
#p-questionnaire .school_sec article.nagoya h3 { border-color: #DD5A00; }
#p-questionnaire .school_sec article.fukuoka h3 { border-color: #007AB1; }

@media screen and (max-width: 767px) {
  #p-questionnaire .question_school_box {
    padding: 0 16px;
  }
  #p-questionnaire .question_school_box h2 {
    padding-top: 32px;
  }
  #p-questionnaire .school_sec {
    margin-top: 24px;
  }
  #p-questionnaire .school_sec article {
    width: 100%;
    padding: 20px;
  }
  #p-questionnaire .school_sec article button {
    font-size: 14px;
  }
}

.floating_box {
  position: fixed;
  bottom: 10%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
}
.floating_box .u-pc a { display: block; }

@media screen and (max-width: 767px) {
  .floating_box {
    background: #F6F4E7;
    text-align: center;
    padding: 12px 0 7px;
    top: auto;
    bottom: 0;
    left: 0;
    transform: translateY(0);
    width: 100%;
  }
}

#p-questionnaire .sec2 {
  margin-bottom: 8%;
}
@media screen and (max-width: 767px) {
  #p-questionnaire .sec2 {
    margin-bottom: 4%;
  }
}