@charset "UTF-8";
/* media query */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@1,700&display=swap");
/* fontsize用 */
header .sasayuri {
  position: absolute;
  left: 4vw;
  bottom: 20px; }
  @media all and (max-width: 768px) {
    header .sasayuri {
      left: 10px;
      bottom: 0; } }
  @media all and (max-width: 768px) {
    header .sasayuri img {
      max-width: 100px; } }

main .lineup .panel ul.panel_right li.spec dl.mt0 {
  margin-top: 0; }
  main .lineup .panel ul.panel_right li.spec dl.mt0 dt:first-child {
    margin-top: 0; }
main .lineup .panel ul.panel_right li.spec dl dd table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 15px; }
  main .lineup .panel ul.panel_right li.spec dl dd table th, main .lineup .panel ul.panel_right li.spec dl dd table td {
    border: 1px solid #ccc;
    box-sizing: border-box;
    line-height: 180%; }
  main .lineup .panel ul.panel_right li.spec dl dd table th {
    text-align: center;
    padding: 10px 15px;
    background: #f8f7f7;
    width: 17%;
    font-weight: normal; }
    @media all and (max-width: 640px) {
      main .lineup .panel ul.panel_right li.spec dl dd table th {
        padding: 10px;
        width: 19%; } }
  main .lineup .panel ul.panel_right li.spec dl dd table td {
    text-align: left;
    padding: 10px 15px; }
    @media all and (max-width: 640px) {
      main .lineup .panel ul.panel_right li.spec dl dd table td {
        padding: 10px; } }
main .lineup .panel ul.panel_right li:nth-child(2) {
  margin-top: 0; }
main .imagearea {
  width: 90%;
  max-width: 1500px;
  margin: 120px auto 0; }
  @media all and (max-width: 768px) {
    main .imagearea {
      margin: 50px auto 0; } }
  main .imagearea ul.panel_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 35px; }
    @media all and (max-width: 768px) {
      main .imagearea ul.panel_top {
        margin: 35px auto 0; } }
    main .imagearea ul.panel_top li:first-child {
      width: 37%; }
      @media all and (max-width: 768px) {
        main .imagearea ul.panel_top li:first-child {
          width: 100%; } }
    main .imagearea ul.panel_top li:nth-child(2) {
      width: 62%; }
      @media all and (max-width: 768px) {
        main .imagearea ul.panel_top li:nth-child(2) {
          width: 100%; } }
  main .imagearea ul.panel_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    main .imagearea ul.panel_bottom li:first-child {
      width: 62%;
      text-align: right; }
      @media all and (max-width: 768px) {
        main .imagearea ul.panel_bottom li:first-child {
          width: 48%; } }
      main .imagearea ul.panel_bottom li:first-child img {
        max-width: 555px; }
    main .imagearea ul.panel_bottom li:nth-child(2) {
      width: 37%; }
      @media all and (max-width: 768px) {
        main .imagearea ul.panel_bottom li:nth-child(2) {
          width: 48%; } }