
.contents .soudanSection {
  background-color: #F3F3F3;
  padding: 39px calc( 50% - 500px ) 72px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch; }
  @media only screen and (max-width: 768px) {
    .contents .soudanSection {
      flex-direction: column;
      padding: 23px 6% 32px; } }
  .contents .soudanSection__left {
    width: 44%;
    margin: 0 4% 0 0;
    background-image: url(../img/soudan/bg@2x.png);
    -webkit-background-size: 53%;
    background-size: 57%;
    background-position: top 17px right -4px;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 768px) {
      .contents .soudanSection__left {
        width: 100%;
        margin: 0;
        background-position: top 2px right -4px; } }
    .contents .soudanSection__left__logo {
      width: 46%;
      margin: 0 0 38px; }
      @media only screen and (max-width: 768px) {
        .contents .soudanSection__left__logo {
          margin: 0 0 17px; } }
    .contents .soudanSection__left__ttl {
      font-family: "Noto Sans JP", sans-serif;
      color: #2F3695;
      font-weight: 900;
      font-size: 23px;
      line-height: 1.7;
      margin: 0 0 41px; }
      @media only screen and (max-width: 768px) {
        .contents .soudanSection__left__ttl {
          font-size: 15px;
          margin: 0 0 13px; } }
    .contents .soudanSection__left__bottom {
      background-color: #fff;
      border: 1px solid #585DA7;
      padding: 59px 18px 0;
      border-radius: 5px;
      position: relative;
      margin: 0 4% 0 0; }
      @media only screen and (max-width: 768px) {
        .contents .soudanSection__left__bottom {
          display: none; } }
      .contents .soudanSection__left__bottom .ttl {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 315px;
        background-color: #2F3695;
        color: #ffffff;
        font-family: "Noto Sans JP", sans-serif;
        text-align: center;
        border-radius: 0 0 10px 10px;
        font-size: 16px;
        font-weight: 700;
        padding: 7px 0;
        letter-spacing: 2px; }
      .contents .soudanSection__left__bottom .ele {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 18px; }
        .contents .soudanSection__left__bottom .ele__number {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          color: #ffffff;
          font-size: 15px;
          font-family: "Noto Sans JP", sans-serif;
          font-weight: 700;
          background-color: #2F3695;
          font-style: italic;
          text-align: center;
          padding: 7px 0 0; }
        .contents .soudanSection__left__bottom .ele__text {
          width: 48%;
          font-size: 12px;
          color: #2F3695;
          line-height: 1.6;
          font-weight: 800; }
        .contents .soudanSection__left__bottom .ele img {
          width: 14px; }
        .contents .soudanSection__left__bottom .ele__merit {
          width: 32%;
          background-color: #C3C5DE;
          color: #2F3695;
          font-size: 13px;
          font-weight: 800;
          padding: 7px;
          text-align: center;
          border-radius: 2px; }
    .contents .soudanSection__left__tel {
      display: none; }
      @media only screen and (max-width: 768px) {
        .contents .soudanSection__left__tel {
          display: block;
          margin: 0 0 21px; } }
  .contents .soudanSection__right {
    width: 52%;
    background-color: #ffffff;
    border-radius: 3px; }
    @media only screen and (max-width: 768px) {
      .contents .soudanSection__right {
        width: 100%; } }
    .contents .soudanSection__right.hasGenre .soudanSection__right__form .ele select {
      background-color: #c3c5de; }
    .contents .soudanSection__right__ttl {
      background-color: #2F3695;
      font-family: "Noto Sans JP", sans-serif;
      color: #ffffff;
      font-weight: 700;
      font-size: 18px;
      text-align: center;
      padding: 9px 0;
      border-radius: 3px 3px 0 0; }
      @media only screen and (max-width: 768px) {
        .contents .soudanSection__right__ttl {
          font-size: 15px;
          padding: 3px;
          border-radius: 2px 2px 0 0; } }
    .contents .soudanSection__right__form {
      padding: 4px 27px 0; }
      @media only screen and (max-width: 768px) {
        .contents .soudanSection__right__form {
          padding: 0 15px; } }
      .contents .soudanSection__right__form .ele {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 18px 0;
        border-bottom: 1px dotted #BEBEBE; }
        @media only screen and (max-width: 768px) {
          .contents .soudanSection__right__form .ele {
            padding: 12px 0;
            flex-wrap: wrap;
            position: relative; } }
        .contents .soudanSection__right__form .ele:nth-last-of-type(1) {
          border-bottom: none; }
        .contents .soudanSection__right__form .ele__ttl {
          font-size: 14px;
          font-weight: 800;
          color: #272727;
          width: 25%; }
          @media only screen and (max-width: 768px) {
            .contents .soudanSection__right__form .ele__ttl {
              width: 100%;
              font-size: 14px;
              margin: 0 0 8px; } }
          .contents .soudanSection__right__form .ele__ttl .sm {
            font-size: 11px; }
          @media only screen and (max-width: 768px) {
            .contents .soudanSection__right__form .ele__ttl br {
              display: none; } }
        .contents .soudanSection__right__form .ele__tag {
          width: 38px;
          margin: 0 29px 0 0;
          font-size: 11px;
          color: #ffffff;
          padding: 2px;
          text-align: center; }
          @media only screen and (max-width: 768px) {
            .contents .soudanSection__right__form .ele__tag {
              position: absolute;
              top: 12px;
              right: 0;
              width: 34px;
              margin: 0;
              font-size: 13px; } }
          .contents .soudanSection__right__form .ele__tag.optional {
            background-color: #2F3695; }
          .contents .soudanSection__right__form .ele__tag.inquiry {
            background-color: #D97036; }
        .contents .soudanSection__right__form .ele p {
          width: calc( 100% - 25% - 38px - 29px ); }
          @media only screen and (max-width: 768px) {
            .contents .soudanSection__right__form .ele p {
              width: 100%; } }
        .contents .soudanSection__right__form .ele .sm {
          width: 62%; }
          @media only screen and (max-width: 768px) {
            .contents .soudanSection__right__form .ele .sm {
              width: 100%; } }
        .contents .soudanSection__right__form .ele .md {
          width: 86%; }
          @media only screen and (max-width: 768px) {
            .contents .soudanSection__right__form .ele .md {
              width: 100%; } }
        .contents .soudanSection__right__form .ele .lg {
          width: 100%; }
        .contents .soudanSection__right__form .ele input[type="text"],
        .contents .soudanSection__right__form .ele select,
        .contents .soudanSection__right__form .ele input[type='tel'],
        .contents .soudanSection__right__form .ele input[type='email'],
        .contents .soudanSection__right__form .ele textarea {
          border: 1px solid #B0B2D4;
          background-color: #ECF0FC;
          padding: 9px 16px;
          line-height: 1.3;
          border-radius: 0;
          height: auto;
          font-size: 13px; }
          @media only screen and (max-width: 768px) {
            .contents .soudanSection__right__form .ele input[type="text"],
            .contents .soudanSection__right__form .ele select,
            .contents .soudanSection__right__form .ele input[type='tel'],
            .contents .soudanSection__right__form .ele input[type='email'],
            .contents .soudanSection__right__form .ele textarea {
              padding: 10px;
              -webkit-appearance: none;
              font-size: 16px; } }
          .contents .soudanSection__right__form .ele input[type="text"]:focus,
          .contents .soudanSection__right__form .ele select:focus,
          .contents .soudanSection__right__form .ele input[type='tel']:focus,
          .contents .soudanSection__right__form .ele input[type='email']:focus,
          .contents .soudanSection__right__form .ele textarea:focus {
            outline: none; }
        .contents .soudanSection__right__form .ele textarea {
          height: 60px; }
          @media only screen and (max-width: 768px) {
            .contents .soudanSection__right__form .ele textarea {
              height: 100px; } }
        .contents .soudanSection__right__form .ele input[name="my-name"],
        .contents .soudanSection__right__form .ele input[name="my-number"],
        .contents .soudanSection__right__form .ele input[name="my-email"],
        .contents .soudanSection__right__form .ele select[name="my_genre"] {
          background-color: #F5E7EE; }
          .contents .soudanSection__right__form .ele input[name="my-name"]:focus,
          .contents .soudanSection__right__form .ele input[name="my-number"]:focus,
          .contents .soudanSection__right__form .ele input[name="my-email"]:focus,
          .contents .soudanSection__right__form .ele select[name="my_genre"]:focus {
            background-color: #F5E7EE; }
          .contents .soudanSection__right__form .ele input[name="my-name"].fill,
          .contents .soudanSection__right__form .ele input[name="my-number"].fill,
          .contents .soudanSection__right__form .ele input[name="my-email"].fill,
          .contents .soudanSection__right__form .ele select[name="my_genre"].fill {
            background-color: #ECF0FC; }
    /*.contents .soudanSection__right input[type="submit"] {*/
    /*  width: 63%;*/
    /*  margin: 0 auto;*/
    /*  color: #1A1A1A;*/
    /*  text-align: center;*/
    /*  font-family: "Noto Sans JP", sans-serif;*/
    /*  font-weight: 700;*/
    /*  font-size: 16px;*/
    /*  border-radius: 5px;*/
    /*  padding: 12px 0;*/
    /*  background-color: #EBBF48;*/
    /*  height: auto; }*/
    /*  @media only screen and (max-width: 768px) {*/
    /*    .contents .soudanSection__right input[type="submit"] {*/
    /*      width: 77%;*/
    /*      font-size: 12px;*/
    /*      border-radius: 2px;*/
    /*      margin: 5px auto 0; } }*/

.header-guide.soudan {
  justify-content: flex-end;
  background-color: inherit;
  padding: 11px 13% 0;
  display: none; }
  @media only screen and (max-width: 768px) {
    .header-guide.soudan {
      justify-content: center;
      background-color: #fff;
      padding: 11px 0 0; } }
  .header-guide.soudan + .breadcrumbsWrap-guide {
    background-color: #f3f3f3;
    padding: 24px 0 0; }
    @media only screen and (max-width: 768px) {
      .header-guide.soudan + .breadcrumbsWrap-guide {
        display: none; } }
    .header-guide.soudan + .breadcrumbsWrap-guide .breadcrumbs {
      display: none; }
.group-radio {
  margin-left: 0;
}
