@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap");
body {
  background-color: #fff;
}

header {
  border-bottom: 1px solid #2d6fbc;
}

footer .link_area {
  border-top: 1px solid #2d6fbc;
}

.lower_inner {
  max-width: 1200px;
  margin: auto;
  padding: 0 30px;
}
@media only screen and (max-width: 768px) {
  .lower_inner {
    padding: 0;
  }
}

.title_area.photo {
  background-image: url(../img/requirement/message/main.jpg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 384px;
  box-sizing: border-box;
  border-bottom: none;
}
@media screen and (max-width: 1600px) {
  .title_area.photo {
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 1601px) {
  .title_area.photo {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1200px) {
  .title_area.photo {
    background-size: auto 100%;
  }
}
@media only screen and (max-width: 768px) {
  .title_area.photo {
    background-image: url(../img/requirement/message/main_s.jpg);
    background-size: auto 100%;
    height: 93.333vw;
    padding-top: 0;
  }
}
.title_area {
  background-image: linear-gradient(71deg, rgb(107, 175, 249) 0%, rgb(255, 255, 227) 100%);
  background-size: 1400px auto;
  background-position: center 0;
  padding-top: 72px;
  border-bottom: 1px solid #2d6fbc;
}
@media screen and (min-width: 769px) {
  .title_area {
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 1601px) {
  .title_area {
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 768px) {
  .title_area {
    padding-top: 0;
    border-bottom: none;
  }
}
@media screen and (min-width: 769px) {
  .title_area .title_inner {
    display: flex;
    align-items: center;
    height: 225px;
  }
}
@media screen and (max-width: 1200px) {
  .title_area .title_inner {
    height: 18.75vw;
  }
}
@media only screen and (max-width: 768px) {
  .title_area .title_inner {
    height: auto;
  }
}
.title_area .title_text {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .title_area .title_text {
    font-size: 48px;
    margin-right: 120px;
    text-shadow: 0px 0px 180px rgba(0, 0, 0, 0.3);
  }
}
@media screen and (max-width: 1200px) {
  .title_area .title_text {
    font-size: 4vw;
    margin-right: 10vw;
  }
}
@media only screen and (max-width: 768px) {
  .title_area .title_text {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .title_area .sub img {
    height: 117px;
  }
}
@media screen and (max-width: 1200px) {
  .title_area .sub img {
    height: 9.75vw;
  }
}
@media only screen and (max-width: 768px) {
  .title_area .sub img {
    width: 100%;
    height: auto;
  }
}

.btn_wrap {
  padding: 120px 62px 0 62px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .btn_wrap {
    padding: 10vw 5.167vw 0 5.167vw;
  }
}
@media only screen and (max-width: 768px) {
  .btn_wrap {
    display: block;
    padding: 16vw 5.333vw 0;
  }
}
.btn_wrap.left::after {
  content: "";
  display: block;
  width: 50%;
}

.image_btn {
  display: block;
  width: 487px;
  margin-bottom: 80px;
  transition: 0.3s;
}
@media screen and (max-width: 1200px) {
  .image_btn {
    width: 40.583vw;
    margin-bottom: 6.667vw;
  }
}
@media only screen and (max-width: 768px) {
  .image_btn {
    width: 100%;
    margin-bottom: 8vw;
  }
}
.image_btn:last-child {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .image_btn:hover {
    filter: saturate(120%) opacity(80%);
  }
}

.btn.entry {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .btn.entry {
    margin-top: 3.333vw;
  }
}
@media only screen and (max-width: 768px) {
  .btn.entry {
    margin-top: 24vw;
  }
}

#person .title_area .sub img {
  height: 44px;
}
@media screen and (max-width: 1200px) {
  #person .title_area .sub img {
    height: 3.667vw;
  }
}
@media only screen and (max-width: 768px) {
  #person .title_area .sub img {
    width: 100%;
    height: auto;
  }
}

#req-message .title_area.photo {
  background-image: url(../img/requirement/message/main.jpg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 384px;
  box-sizing: border-box;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1600px) {
  #req-message .title_area.photo {
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 1601px) {
  #req-message .title_area.photo {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1200px) {
  #req-message .title_area.photo {
    background-size: 100% auto;
    height: 32vw;
  }
}
@media only screen and (max-width: 768px) {
  #req-message .title_area.photo {
    background-image: url(../img/requirement/message/main_s.jpg);
    background-size: auto 100%;
    height: 93.333vw;
    padding-top: 0;
  }
}
#req-message .title_area.photo img {
  width: auto;
  height: 188px;
}
@media screen and (max-width: 1600px) {
  #req-message .title_area.photo img {
    height: 13.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #req-message .title_area.photo img {
    display: none;
  }
}
#req-message .main_wrap {
  padding: 110px 120px 0;
}
@media screen and (max-width: 1200px) {
  #req-message .main_wrap {
    padding: 9.167vw 4.167vw 0;
  }
}
@media only screen and (max-width: 768px) {
  #req-message .main_wrap {
    padding: 14.667vw 5.333vw 0;
  }
}
#req-message .main_wrap p {
  margin-bottom: 2em;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  #req-message .main_wrap p {
    font-size: 22px;
    line-height: 1.875;
  }
}
@media only screen and (max-width: 768px) {
  #req-message .main_wrap p {
    font-size: 3.733vw;
    line-height: 1.85;
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 769px) {
  #req-message .main_wrap .image {
    margin-top: 1em;
  }
}

#req-info .title_area.photo {
  background-image: url(../img/requirement/info/main.jpg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 384px;
  box-sizing: border-box;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1600px) {
  #req-info .title_area.photo {
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 1601px) {
  #req-info .title_area.photo {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1200px) {
  #req-info .title_area.photo {
    background-size: 100% auto;
    height: 32vw;
  }
}
@media only screen and (max-width: 768px) {
  #req-info .title_area.photo {
    background-image: url(../img/requirement/info/main_s.jpg);
    background-size: auto 100%;
    height: 93.333vw;
    padding-top: 0;
  }
}
#req-info .title_area.photo img {
  width: auto;
  height: 146px;
}
@media screen and (max-width: 1600px) {
  #req-info .title_area.photo img {
    height: 10.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #req-info .title_area.photo img {
    display: none;
  }
}
#req-info .main_wrap {
  padding: 110px 120px 0;
}
@media screen and (max-width: 1200px) {
  #req-info .main_wrap {
    padding: 9.167vw 4.167vw 0;
  }
}
@media only screen and (max-width: 768px) {
  #req-info .main_wrap {
    padding: 14.667vw 5.333vw 0;
  }
}
#req-info .main_wrap dl {
  border-top: 1px solid #acacac;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  #req-info .main_wrap dl {
    display: block;
  }
}
#req-info .main_wrap dl dt, #req-info .main_wrap dl dd {
  font-size: 22px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #req-info .main_wrap dl dt, #req-info .main_wrap dl dd {
    font-size: 3.733vw;
  }
}
#req-info .main_wrap dl dt {
  width: 200px;
  border-bottom: 1px solid #acacac;
  font-weight: bold;
  padding: 1.5em 0;
}
@media screen and (max-width: 850px) {
  #req-info .main_wrap dl dt {
    width: 150px;
  }
}
@media only screen and (max-width: 768px) {
  #req-info .main_wrap dl dt {
    width: 100%;
    border-bottom: none;
    padding: 1.5em 0 0.3em;
  }
}
#req-info .main_wrap dl dd {
  width: calc(100% - 200px);
  border-bottom: 1px solid #acacac;
  padding: 1.5em 0;
}
@media screen and (max-width: 850px) {
  #req-info .main_wrap dl dd {
    width: calc(100% - 150px);
  }
}
@media only screen and (max-width: 768px) {
  #req-info .main_wrap dl dd {
    width: 100%;
    padding: 0 0 1.5em;
  }
}
#req-info .main_wrap dl dd .indent {
  display: flex;
}

#req-type .title_area.photo {
  background-image: url(../img/requirement/type/main.jpg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 384px;
  box-sizing: border-box;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1600px) {
  #req-type .title_area.photo {
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 1601px) {
  #req-type .title_area.photo {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1200px) {
  #req-type .title_area.photo {
    background-size: 100% auto;
    height: 32vw;
  }
}
@media only screen and (max-width: 768px) {
  #req-type .title_area.photo {
    background-image: url(../img/requirement/type/main_s.jpg);
    background-size: auto 100%;
    height: 93.333vw;
    padding-top: 0;
  }
}
#req-type .title_area.photo img {
  width: auto;
  height: 146px;
}
@media screen and (max-width: 1600px) {
  #req-type .title_area.photo img {
    height: 10.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #req-type .title_area.photo img {
    display: none;
  }
}
#req-type .main_wrap {
  margin: 105px 70px 180px;
}
@media only screen and (max-width: 768px) {
  #req-type .main_wrap {
    margin: 14.667vw 4.533vw 40vw;
  }
}
#req-type section {
  margin-bottom: 150px;
}
@media only screen and (max-width: 768px) {
  #req-type section {
    margin-bottom: 21.333vw;
  }
}
#req-type section .head {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #2d6fbc;
  text-align: center;
  margin-bottom: 45px;
}
@media only screen and (max-width: 768px) {
  #req-type section .head {
    font-size: 4.8vw;
    margin-bottom: 5.333vw;
  }
}
#req-type section .head small {
  display: block;
}
@media only screen and (max-width: 768px) {
  #req-type section .head small {
    font-size: 3.733vw;
  }
}
#req-type dl.conditions {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  #req-type dl.conditions {
    display: block;
  }
}
#req-type dl.conditions dt {
  width: 200px;
  font-weight: bold;
  padding-top: 0.5em;
}
@media screen and (max-width: 850px) {
  #req-type dl.conditions dt {
    width: 150px;
  }
}
@media only screen and (max-width: 768px) {
  #req-type dl.conditions dt {
    width: 100%;
    padding-top: 0;
    text-align: center;
  }
}
#req-type dl.conditions dt span {
  display: inline-block;
  background-color: #8f8d24;
  color: #fff;
  font-size: 22px;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 7px 0.8em 9px 1em;
}
@media only screen and (max-width: 768px) {
  #req-type dl.conditions dt span {
    font-size: 3.733vw;
    padding: 5px 0.4em 6px 0.5em;
    margin-bottom: 0.5em;
  }
}
#req-type dl.conditions dd {
  width: calc(100% - 200px);
  padding: 0 0 1em;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 850px) {
  #req-type dl.conditions dd {
    width: calc(100% - 150px);
  }
}
@media only screen and (max-width: 768px) {
  #req-type dl.conditions dd {
    width: 100%;
    padding: 0 0 0;
    margin-bottom: 1em;
    font-size: 3.733vw;
  }
}
#req-type dl.conditions dd .indent {
  display: flex;
}
#req-type dl.conditions dd li {
  display: flex;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 2px;
}
@media only screen and (max-width: 768px) {
  #req-type dl.conditions dd li {
    font-size: 3.733vw;
  }
}
#req-type .detail_btn {
  width: 547px;
  display: block;
  margin: 15px auto 15px;
  transition: 0.5s;
}
@media only screen and (max-width: 768px) {
  #req-type .detail_btn {
    width: 89.2vw;
    margin: 2em auto;
  }
}
#req-type .detail_btn:hover {
  filter: saturate(120%) opacity(80%);
}

.requirement .navigation {
  padding: 0 105px;
  margin: 120px 0 95px;
}
@media screen and (max-width: 1200px) {
  .requirement .navigation {
    margin: 10vw 0 7.917vw;
  }
}
@media only screen and (max-width: 768px) {
  .requirement .navigation {
    padding: 0 5.333vw;
    margin: 24vw 0 10.667vw;
  }
}
.requirement .navigation ul {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .requirement .navigation ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 768px) {
  .requirement .navigation ul li {
    width: 44vw;
    margin-bottom: 4.533vw;
  }
  .requirement .navigation ul li:last-child {
    margin-left: auto;
    margin-right: auto;
  }
}
.requirement .navigation ul li a {
  display: block;
  transition: 0.5s;
}
.requirement .navigation ul li a:hover {
  filter: saturate(120%) opacity(80%);
  transition: 0.5s;
}

body.person .main_wrap section.inter::after {
  content: "";
  display: block;
  clear: both;
}
body.person .main_wrap section.inter .box {
  padding: 0 120px;
}
@media screen and (max-width: 1200px) {
  body.person .main_wrap section.inter .box {
    padding: 0 2.5vw;
  }
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter .box {
    padding: 0 4.533vw;
    display: flex;
    flex-direction: column-reverse;
  }
}
body.person .main_wrap section.inter .head_image {
  padding: 120px 0 0;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter .head_image {
    padding: 23.733vw 0 0;
  }
}
body.person .main_wrap section.inter .head_image img {
  width: auto;
  height: 36px;
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter .head_image img {
    height: 5.733vw;
  }
}
body.person .main_wrap section.inter .head_image::after {
  background-color: #8f8d24;
  content: "";
  display: block;
  position: relative;
  right: 0;
  left: 0;
  margin: 19px auto 20px;
  width: 2px;
  height: 40px;
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter .head_image::after {
    width: 1px;
    height: 6.4vw;
    margin: 3.2vw auto 1.067vw;
  }
}
body.person .main_wrap section.inter#vision .head_text {
  padding-top: 45px;
  margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
  body.person .main_wrap section.inter#vision .head_text {
    padding-top: 3.75vw;
    margin-bottom: 4.167vw;
  }
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter#vision .head_text {
    padding-top: 0;
    margin-bottom: 6.4vw;
  }
}
body.person .main_wrap section.inter#impression .head_text {
  padding-top: 90px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1200px) {
  body.person .main_wrap section.inter#impression .head_text {
    padding-top: 7.5vw;
    margin-bottom: 6.667vw;
  }
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter#impression .head_text {
    padding-top: 0;
    margin-bottom: 6.4vw;
  }
}
body.person .main_wrap section.inter .head_text {
  font-size: 36px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding-top: 58px;
  margin-bottom: 62px;
}
body.person .main_wrap section.inter .head_text .kerning1 {
  letter-spacing: -0.05em;
}
@media screen and (max-width: 1200px) {
  body.person .main_wrap section.inter .head_text {
    padding-top: 4.833vw;
    margin-bottom: 5.167vw;
  }
}
@media screen and (max-width: 1100px) {
  body.person .main_wrap section.inter .head_text {
    font-size: 3.167vw;
  }
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter .head_text {
    font-size: 6.4vw;
    line-height: 1.58;
    text-align: center;
    padding-top: 0;
    margin-bottom: 6.4vw;
  }
}
body.person .main_wrap section.inter p {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.04em;
  margin-bottom: 1.8em;
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter p {
    font-size: 3.733vw;
  }
}
body.person .main_wrap section.inter.fl-L .image {
  float: left;
  margin-right: 38px;
  margin-bottom: 18px;
  margin-left: -120px;
}
@media screen and (max-width: 1200px) {
  body.person .main_wrap section.inter.fl-L .image {
    margin-right: 3.167vw;
    margin-bottom: 1.5vw;
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter.fl-L .image {
    float: none;
    margin: 0 0;
  }
}
body.person .main_wrap section.inter.fl-R .image {
  float: right;
  margin-left: 38px;
  margin-bottom: 18px;
  margin-right: -120px;
}
@media screen and (max-width: 1200px) {
  body.person .main_wrap section.inter.fl-R .image {
    margin-left: 3.167vw;
    margin-bottom: 1.5vw;
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter.fl-R .image {
    float: none;
    margin: 0 0;
  }
}
body.person .main_wrap section.inter .image {
  width: 550px;
}
@media screen and (max-width: 1200px) {
  body.person .main_wrap section.inter .image {
    width: 49%;
  }
}
@media only screen and (max-width: 768px) {
  body.person .main_wrap section.inter .image {
    width: 100%;
  }
}
body.person #works .head_image {
  padding: 114px 0 0;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  body.person #works .head_image {
    padding: 23.733vw 0 0;
  }
}
body.person #works .head_image img {
  width: auto;
  height: 27px;
}
@media only screen and (max-width: 768px) {
  body.person #works .head_image img {
    height: 4.8vw;
  }
}
body.person #works .body_wrap {
  margin: 0 120px;
}
@media screen and (max-width: 1200px) {
  body.person #works .body_wrap {
    margin: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  body.person #works .body_wrap {
    margin: 0 4.533vw;
  }
}
body.person #works .body_wrap ul {
  display: flex;
  justify-content: space-between;
}
body.person #works .body_wrap ul li {
  width: 442px;
}
@media screen and (max-width: 1200px) {
  body.person #works .body_wrap ul li {
    width: 49%;
  }
}
@media only screen and (max-width: 768px) {
  body.person #works .body_wrap ul li {
    width: 44.267vw;
  }
}
body.person #works .body_wrap ul li img {
  margin-bottom: 0.8em;
}
body.person #works .body_wrap ul li .head {
  font-size: 16px;
  margin-bottom: 0.8em;
}
@media only screen and (max-width: 768px) {
  body.person #works .body_wrap ul li .head {
    font-size: 3.733vw;
  }
}
body.person #works .body_wrap ul li p {
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 768px) {
  body.person #works .body_wrap ul li p {
    font-size: 3.733vw;
  }
}
body.person #navigation .head_image {
  padding: 114px 0 0;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  body.person #navigation .head_image {
    padding: 23.733vw 0 0;
  }
}
body.person #navigation .head_image img {
  width: auto;
  height: 27px;
}
@media only screen and (max-width: 768px) {
  body.person #navigation .head_image img {
    height: 14.667vw;
  }
}
body.person #navigation .body_wrap {
  margin: 0 120px;
  padding-bottom: 95px;
}
@media screen and (max-width: 1200px) {
  body.person #navigation .body_wrap {
    margin: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  body.person #navigation .body_wrap {
    margin: 0 0;
    padding-bottom: 8vw;
  }
}
@media only screen and (max-width: 768px) {
  body.person #navigation .body_wrap .nav_wrap {
    position: relative;
    margin: 0 9.333vw;
  }
}
@media screen and (min-width: 769px) {
  body.person #navigation .body_wrap .swiper-wrapper {
    justify-content: space-between;
  }
}
body.person #navigation .body_wrap .swiper-slide {
  transition: 0.5s;
}
@media screen and (min-width: 769px) {
  body.person #navigation .body_wrap .swiper-slide {
    width: auto;
    width: 168px;
  }
}
@media screen and (max-width: 1200px) {
  body.person #navigation .body_wrap .swiper-slide {
    width: 19%;
  }
}
@media only screen and (max-width: 768px) {
  body.person #navigation .body_wrap .swiper-slide {
    width: 26vw;
    margin-right: 10px;
  }
}
@media screen and (min-width: 769px) {
  body.person #navigation .body_wrap .swiper-slide:hover {
    filter: saturate(120%) opacity(80%);
    transition: 0.5s;
  }
}
@media only screen and (max-width: 768px) {
  body.person #navigation .body_wrap .swiper-button-prev {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    left: 35px;
    width: 49px;
    height: 77px;
    background: url(../img/top/arrow_left.png) center/100% auto no-repeat;
    left: -6.667vw;
    width: 4.667vw;
    height: 10.267vw;
  }
  body.person #navigation .body_wrap .swiper-button-next {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
    width: 49px;
    height: 77px;
    background: url(../img/top/arrow_right.png) center/100% auto no-repeat;
    right: -6.667vw;
    width: 4.667vw;
    height: 10.267vw;
  }
}
body.person .title_area.photo .text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

#person01 .title_area.photo {
  background-image: url(../img/person/person01/main.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 860px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 1601px) {
  #person01 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1600px) {
  #person01 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1400px) {
  #person01 .title_area.photo {
    background-size: 128.571vw auto;
    height: 61.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #person01 .title_area.photo {
    background-image: url(../img/person/person01/main_s.png);
    background-size: auto 100%;
    height: 172.267vw;
    padding-top: 0;
  }
}

#person05 .title_area.photo {
  background-image: url(../img/person/person05/main.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 860px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 1601px) {
  #person05 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1600px) {
  #person05 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1400px) {
  #person05 .title_area.photo {
    background-size: 128.571vw auto;
    height: 61.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #person05 .title_area.photo {
    background-image: url(../img/person/person05/main_s.png);
    background-size: auto 100%;
    height: 172.267vw;
    padding-top: 0;
  }
}

#person02 .title_area.photo {
  background-image: url(../img/person/person02/main.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 860px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 1601px) {
  #person02 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1600px) {
  #person02 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1400px) {
  #person02 .title_area.photo {
    background-size: 128.571vw auto;
    height: 61.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #person02 .title_area.photo {
    background-image: url(../img/person/person02/main_s.png);
    background-size: auto 100%;
    height: 172.267vw;
    padding-top: 0;
  }
}

#person03 .title_area.photo {
  background-image: url(../img/person/person03/main.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 860px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 1601px) {
  #person03 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1600px) {
  #person03 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1400px) {
  #person03 .title_area.photo {
    background-size: 128.571vw auto;
    height: 61.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #person03 .title_area.photo {
    background-image: url(../img/person/person03/main_s.png);
    background-size: auto 100%;
    height: 172.267vw;
    padding-top: 0;
  }
}

#person04 .title_area.photo {
  background-image: url(../img/person/person04/main.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 860px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 1601px) {
  #person04 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1600px) {
  #person04 .title_area.photo {
    background-size: 1800px auto;
  }
}
@media screen and (max-width: 1400px) {
  #person04 .title_area.photo {
    background-size: 128.571vw auto;
    height: 61.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #person04 .title_area.photo {
    background-image: url(../img/person/person04/main_s.png);
    background-size: auto 100%;
    height: 172.267vw;
    padding-top: 0;
  }
}

.about .navigation {
  padding: 0 105px;
  margin: 120px 0 95px;
}
@media screen and (max-width: 1200px) {
  .about .navigation {
    margin: 10vw 0 7.917vw;
  }
}
@media only screen and (max-width: 768px) {
  .about .navigation {
    padding: 0 5.333vw;
    margin: 24vw 0 10.667vw;
  }
}
.about .navigation ul {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .about .navigation ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 768px) {
  .about .navigation ul li {
    width: 44vw;
    margin-bottom: 4.533vw;
  }
  .about .navigation ul li:last-child {
    margin-left: auto;
    margin-right: auto;
  }
}
.about .navigation ul li a {
  display: block;
  transition: 0.5s;
}
.about .navigation ul li a:hover {
  filter: saturate(120%) opacity(80%);
  transition: 0.5s;
}

#about .title_area .sub img {
  height: 44px;
}
@media screen and (max-width: 1200px) {
  #about .title_area .sub img {
    height: 3.667vw;
  }
}
@media only screen and (max-width: 768px) {
  #about .title_area .sub img {
    width: 100%;
    height: auto;
  }
}

#about-big_scale {
  background-color: #e8f4fb;
}
#about-big_scale .contents_wrap .main_wrap {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .main_wrap {
    margin-bottom: 8vw;
  }
}
#about-big_scale .contents_wrap .title_area.photo {
  background-color: #fff;
  background-image: url(../img/about/big_scale/main.png);
  background-size: 1500px auto;
  background-repeat: no-repeat;
  height: 660px;
  box-sizing: border-box;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 1400px) {
  #about-big_scale .contents_wrap .title_area.photo {
    background-size: 107.143vw auto;
    height: 47.143vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .title_area.photo {
    background-image: url(../img/about/big_scale/main_s.png);
    background-size: 100% auto;
    height: 121.333vw;
    padding-top: 0;
  }
}
#about-big_scale .contents_wrap .title_area.photo img {
  width: auto;
  height: 146px;
}
@media screen and (max-width: 1600px) {
  #about-big_scale .contents_wrap .title_area.photo img {
    height: 10.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .title_area.photo img {
    display: none;
  }
}
#about-big_scale .contents_wrap .title_area.photo .lead {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.12em;
  text-align: center;
  position: absolute;
  bottom: 42px;
}
@media screen and (max-width: 1400px) {
  #about-big_scale .contents_wrap .title_area.photo .lead {
    font-size: 1.571vw;
    bottom: 3vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .title_area.photo .lead {
    font-size: 3.733vw;
    line-height: 1.7;
    letter-spacing: normal;
    bottom: 9.6vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .btn_wrap {
    display: flex;
    flex-wrap: wrap;
  }
}
#about-big_scale .contents_wrap .btn_wrap .image_btn {
  margin-bottom: 49px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .btn_wrap .image_btn {
    width: 49%;
    margin-bottom: 6.267vw;
  }
}
#about-big_scale .contents_wrap .btn_caption {
  font-size: 18px;
  text-align: center;
  margin-top: -1em;
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .btn_caption {
    font-size: 2.133vw;
  }
}
#about-big_scale .contents_wrap .pop_detail_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 98;
  background: rgb(90, 90, 90);
  mix-blend-mode: multiply;
  display: none;
}
#about-big_scale .contents_wrap .pop_wrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
#about-big_scale .contents_wrap .pop_wrap .pop_arw_next,
#about-big_scale .contents_wrap .pop_wrap .pop_arw_prev {
  cursor: pointer;
  width: 44px;
  height: 44px;
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_arw_next,
  #about-big_scale .contents_wrap .pop_wrap .pop_arw_prev {
    width: 10.667vw;
    height: 10.667vw;
    background-size: 3.333vw auto !important;
    background-position: 60% center !important;
    z-index: 10;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_arw_next {
  background: url(../img/about/big_scale/pop_arw.png) center/27px auto no-repeat;
  position: absolute;
  right: calc(50% - 600px);
  top: 50%;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_arw_next {
    right: calc(50% - 50vw);
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_arw_prev {
  background: url(../img/about/big_scale/pop_arw.png) center/27px auto no-repeat;
  transform: rotate(180deg);
  position: absolute;
  left: calc(50% - 600px);
  top: 50%;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_arw_prev {
    left: calc(50% - 50vw);
  }
}
#about-big_scale .contents_wrap .pop_wrap .btn_pop_close {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 40px;
  right: 20px;
  width: 29px;
  height: 29px;
  background: url(../img/about/big_scale/pop_close.png) 0 0/100% auto no-repeat;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .btn_pop_close {
    top: 5.333vw;
    right: 0vw;
    width: 5.333vw;
    height: 5.333vw;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail {
  background-color: #fff;
  border: 4px solid #3475bd;
  width: 1000px;
  min-height: 610px;
  margin: auto;
  transform: skewX(-8deg) translateZ(0);
  padding: 70px 70px 70px 60px;
  filter: drop-shadow(20px 20px 0px #3475bd);
  overflow-x: hidden;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail {
    width: 83.333vw;
    filter: drop-shadow(1.667vw 1.667vw 0px #3475bd);
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail {
    border-width: 2px;
    width: 77.333vw;
    height: inherit;
    max-height: 160vw;
    filter: drop-shadow(8px 8px 0px #3475bd);
    transform: skewX(-5deg) translateZ(0);
    padding: 9.333vw 6.667vw 8vw;
    z-index: 9;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail_inner {
  transform: skewX(8deg);
  position: relative;
  display: none;
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail_inner {
    transform: skewX(5deg);
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .head {
  color: #2d6fbc;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.03em;
  margin-left: 30px;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .head {
    font-size: 34px;
    margin-left: 2.5vw;
    margin-right: -2.5em;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .head {
    font-size: 4.533vw;
    margin-left: 2.667vw;
    margin-right: -2em;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .text {
  font-size: 22px;
  margin-right: 25px;
  font-family: yakuhanJP, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .text {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .text {
    margin-left: 2vw;
    margin-right: 6vw;
    margin-left: -1.2em;
    margin-right: 0.2em;
    margin-right: 0;
    font-size: 3.467vw;
    letter-spacing: normal;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .text em {
  font-weight: bold;
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .pic {
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pic {
    margin-bottom: 3.333vw;
    margin-top: 4vw !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3.333vw;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail1 .pic {
  margin-top: -40px;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail1 .pic {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail1 .pic img {
    width: 53.375vw;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail2 .pic {
  margin-top: -16px;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail2 .pic {
    margin-top: 0;
  }
}
@media screen and (max-width: 1000px) and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail2 .pic {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail2 .pic img {
    width: 59.25vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail2 .text {
    letter-spacing: -0.01em;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail3 .pic {
  margin-top: -60px;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail3 .pic {
    margin-top: -3.333vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail3 .pic img {
    width: 54.75vw;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail4 .pic {
  margin-top: -52px;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail4 .pic {
    margin-top: -3.333vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail4 .pic img {
    width: 56.375vw;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail5 .pic {
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail5 .pic img {
    width: 52.375vw;
  }
}
#about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail6 .pic {
  margin-top: 0px;
}
@media screen and (max-width: 1200px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail6 .pic {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #about-big_scale .contents_wrap .pop_wrap .pop_detail .pop_detail6 .pic img {
    width: 52.75vw;
  }
}

#about-data {
  background-color: #cae9ff;
}
#about-data .bg_inner {
  background-color: #fff;
  background-image: url(../img/about/data/wave.png), url(../img/about/data/pat01.png);
  background-size: 1400px auto, 46px auto;
  background-repeat: repeat-y, repeat;
  background-position: center 0;
  max-width: 1400px;
  margin: auto;
}
@media screen and (max-width: 1400px) {
  #about-data .bg_inner {
    background-size: 103% auto, 46px auto;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .bg_inner {
    background-image: url(../img/about/data/wave_s.png), url(../img/about/data/pat01.png);
    background-size: 100% auto, 23px auto;
  }
}
#about-data .lower_inner {
  padding-top: 160px;
}
@media screen and (max-width: 1400px) {
  #about-data .lower_inner {
    padding-top: 11.429vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .lower_inner {
    padding-top: 44.267vw;
  }
}
@media screen and (min-width: 769px) {
  #about-data .breadcrumb {
    padding-top: 45px;
  }
}
#about-data .contents_wrap .title_area.photo {
  background-image: url(../img/about/data/main.png);
  background-size: 1201px auto;
  background-repeat: no-repeat;
  height: 604px;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 0;
}
@media screen and (max-width: 1400px) {
  #about-data .contents_wrap .title_area.photo {
    background-size: 85.786vw auto;
    height: 43.143vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap .title_area.photo {
    background-image: url(../img/about/data/main_s.png);
    background-size: 89.6vw auto;
    height: 81.2vw;
    padding-top: 0;
  }
}
#about-data .contents_wrap .title_area.photo .text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#about-data .contents_wrap section .title {
  text-align: center;
  margin-bottom: 52px;
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section .title {
    margin-bottom: 10.133vw;
  }
}
#about-data .contents_wrap section .title img {
  width: auto;
  height: 107px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section .title img {
    height: 8.917vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section .title img {
    height: 14.267vw;
  }
}
#about-data .contents_wrap section#attribution {
  padding-bottom: 48px;
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#attribution {
    padding-bottom: 6.667vw;
  }
}
#about-data .contents_wrap section#attribution .data_area {
  margin-left: 70px;
  font-size: 0;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#attribution .data_area {
    margin-left: 4.583vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#attribution .data_area {
    margin-left: 5.733vw;
  }
}
#about-data .contents_wrap section#attribution .part {
  display: inline-block;
  margin-bottom: 42px;
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#attribution .part {
    margin-bottom: 6.4vw;
  }
}
#about-data .contents_wrap section#attribution .part.part1 {
  width: 488px;
  margin-right: 33px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#attribution .part.part1 {
    width: 40.667vw;
    margin-right: 2.75vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#attribution .part.part1 {
    width: 42.4vw;
    margin-right: 3.867vw;
  }
}
#about-data .contents_wrap section#attribution .part.part2 {
  width: 478px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#attribution .part.part2 {
    width: 39.833vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#attribution .part.part2 {
    width: 42.4vw;
  }
}
#about-data .contents_wrap section#attribution .part.part3 {
  width: 999px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#attribution .part.part3 {
    width: 83.25vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#attribution .part.part3 {
    width: 88.8vw;
  }
}
#about-data .contents_wrap section#attribution .part.part4 {
  width: 636px;
  margin-right: 26px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#attribution .part.part4 {
    width: 53vw;
    margin-right: 2.167vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#attribution .part.part4 {
    width: 88.8vw;
    margin-right: 0;
  }
}
#about-data .contents_wrap section#attribution .part.part5 {
  width: 336px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#attribution .part.part5 {
    width: 28vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#attribution .part.part5 {
    width: 88.8vw;
  }
}
#about-data .contents_wrap section#question {
  padding-bottom: 100px;
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#question {
    padding-bottom: 12vw;
  }
}
#about-data .contents_wrap section#question .data_area {
  margin-left: 70px;
  font-size: 0;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#question .data_area {
    margin-left: 5.5vw;
  }
}
#about-data .contents_wrap section#question .part {
  display: inline-block;
  margin-bottom: 42px;
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#question .part {
    margin-bottom: 6.267vw;
  }
}
#about-data .contents_wrap section#question .part.part1 {
  width: 1069px;
  margin-left: -26px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#question .part.part1 {
    width: 89.083vw;
    margin-left: -2.167vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#question .part.part1 {
    width: 88.533vw;
    margin-right: 0;
    margin-left: 0;
  }
}
#about-data .contents_wrap section#question .part.part2 {
  width: 997px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#question .part.part2 {
    width: 83.083vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#question .part.part2 {
    width: 88.533vw;
    margin-right: 0;
  }
}
#about-data .contents_wrap section#question .part.part3 {
  width: 998px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#question .part.part3 {
    width: 83.167vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#question .part.part3 {
    width: 88.533vw;
    margin-right: 0;
  }
}
#about-data .contents_wrap section#question .part.part4 {
  width: 1001px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#question .part.part4 {
    width: 83.417vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#question .part.part4 {
    width: 88.533vw;
    margin-right: 0;
  }
}
#about-data .contents_wrap section#question .part.part5 {
  width: 1001px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#question .part.part5 {
    width: 83.417vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#question .part.part5 {
    width: 88.533vw;
    margin-right: 0;
  }
}
#about-data .contents_wrap section#question .part.part6 {
  width: 1001px;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#question .part.part6 {
    width: 83.417vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#question .part.part6 {
    width: 88.533vw;
    margin-right: 0;
  }
}
#about-data .contents_wrap section#question .part.part7 {
  width: 1036px;
  margin-left: -35px;
  margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
  #about-data .contents_wrap section#question .part.part7 {
    width: 86.333vw;
    margin-left: -2.917vw;
  }
}
@media only screen and (max-width: 768px) {
  #about-data .contents_wrap section#question .part.part7 {
    width: 89.467vw;
    margin-right: 0;
    margin-left: 0;
  }
}