/* ------------------------------------------------------------

	special1 style

------------------------------------------------------------ */
/* ------------------- 202607 special css --------------------- */
.img60w {
  display: block;
  width: 60%;
  margin: 0 auto; }

.bg_bluebox {
  display: block;
  background: #D7E9F2;
  padding: 30px 0; }
  .bg_bluebox .innerBox {
    width: 90%;
    margin: 0 auto; }
    .bg_bluebox .innerBox .split1 {
      width: 100%; }
    .bg_bluebox .innerBox .flex-0col {
      display: flex;
      justify-content: center;
      gap: 0;
      align-items: center; }
      .bg_bluebox .innerBox .flex-0col li {
        width: 35%; }

.flex-4col {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center; }
  .flex-4col li {
    width: 48%; }
  .flex-4col .inner-2col {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center; }
    .flex-4col .inner-2col img {
      width: 30%; }
      .flex-4col .inner-2col img.pc-on {
        width: 68%; }

.flex-newarea {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center; }
  .flex-newarea li:first-child {
    width: 20%; }
  .flex-newarea li:nth-child(2) {
    width: 39%; }
    .flex-newarea li:nth-child(2) img {
      width: 100%; }
  .flex-newarea li:last-child {
    width: 39%; }

.flex-newarea2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center; }
  .flex-newarea2 li:first-child {
    width: 17%; }
  .flex-newarea2 li:nth-child(2) {
    width: 33%; }
    .flex-newarea2 li:nth-child(2) img {
      width: 100%; }
  .flex-newarea2 li:last-child {
    width: 48%; }

@media only screen and (max-width: 599px) {
  .special1_layout1 dl {
    width: auto; }

  .img60w {
    width: 100%; }

  .bg_bluebox {
    display: block;
    background: #D7E9F2;
    padding: 30px 0; }
    .bg_bluebox .innerBox {
      width: 90%;
      margin: 0 auto; }
      .bg_bluebox .innerBox .split1 {
        width: 100%; }
        .bg_bluebox .innerBox .split1 li:first-child {
          width: 100%;
          margin-bottom: 20px;
          margin-top: 100px; }
      .bg_bluebox .innerBox .flex-0col {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 0;
        align-items: center; }
        .bg_bluebox .innerBox .flex-0col li {
          width: 80%; }

  .flex-4col {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; }
    .flex-4col li {
      width: 100%; }
    .flex-4col .inner-2col {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-items: center; }
      .flex-4col .inner-2col img {
        width: 30%; }
        .flex-4col .inner-2col img.sp-on {
          width: 65%; }

  .flex-newarea {
    display: flex;
    justify-content: center;
    gap: 5%;
    flex-wrap: wrap;
    align-items: center; }
    .flex-newarea li:first-child {
      width: 35%; }
    .flex-newarea li:nth-child(2) {
      width: 59%; }
      .flex-newarea li:nth-child(2) img {
        width: 100%; }
    .flex-newarea li:last-child {
      width: 90%; }

  .flex-newarea2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5%;
    align-items: center; }
    .flex-newarea2 li:first-child {
      width: 35%; }
    .flex-newarea2 li:nth-child(2) {
      width: 59%; }
      .flex-newarea2 li:nth-child(2) img {
        width: 100%; }
    .flex-newarea2 li:last-child {
      width: 100%; } }