@charset "UTF-8";
/*//////////////////////////////////////////////////

	お知らせ一覧／詳細css

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
.page__ttl {
  background-image: url("/img/contact/bg_ttl_sp.jpg"); }

.page__ttl-sub {
  position: relative;
  margin: 0% 0% 15.41% 0%;
  padding-bottom: 20px; }
  .page__ttl-sub:before {
    display: inline-block;
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 60px;
    height: 1px;
    transform: translate(-50%);
    background-color: #10437B; }
  .page__ttl-sub .main {
    font-size: 2.7rem;
    color: #10437B;
    line-height: 1; }
    @media (min-width: 769px) {
      .page__ttl-sub .main {
        font-size: calc( 2.7rem + ( 1vw - 7.69px ) * 1.9464720195 ); } }
    @media (min-width: 1180px) {
      .page__ttl-sub .main {
        font-size: 3.5rem; } }
  .page__ttl-sub .sub {
    margin-top: 10px;
    font-size: 1.3rem;
    line-height: 1; }
    @media (min-width: 769px) {
      .page__ttl-sub .sub {
        font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
    @media (min-width: 1180px) {
      .page__ttl-sub .sub {
        font-size: 1.5rem; } }
  .page__ttl-sub.completion_ttl {
    margin: 0% 0% 9.41% 0%; }

.btn__wrap {
  margin-top: 70px;
  margin-bottom: 0; }
  .btn__wrap .btn {
    max-width: 300px; }

.form .form__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px; }
  .form .form__item:last-child {
    margin-bottom: 0; }
  .form .form__item .form__item-ttl {
    position: relative;
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    letter-spacing: 0;
    font-size: 0; }
    .form .form__item .form__item-ttl .item__ttl-txt {
      display: inline-block;
      font-size: 1.3rem; }
      @media (min-width: 769px) {
        .form .form__item .form__item-ttl .item__ttl-txt {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
      @media (min-width: 1100px) {
        .form .form__item .form__item-ttl .item__ttl-txt {
          font-size: 1.5rem; } }
    .form .form__item .form__item-ttl .box-item {
      display: inline-block;
      font-size: 1.1rem;
      width: 52px;
      box-sizing: border-box;
      margin-right: 10px;
      padding: 6px 12px;
      border-radius: 4px;
      text-align: center;
      line-height: normal;
      color: #fff;
      line-height: 1; }
      @media (min-width: 769px) {
        .form .form__item .form__item-ttl .box-item {
          font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
      @media (min-width: 1100px) {
        .form .form__item .form__item-ttl .box-item {
          font-size: 1.3rem; } }
      .form .form__item .form__item-ttl .box-item.need {
        background: #E00814; }
      .form .form__item .form__item-ttl .box-item.any {
        background: #A3A3A3; }
  .form .form__item .form__item-data {
    width: 100%;
    line-height: 1; }
    .form .form__item .form__item-data.box_inline {
      font-size: 0px; }
      .form .form__item .form__item-data.box_inline .item__data-radio {
        display: inline-block;
        margin-right: 36px; }
        .form .form__item .form__item-data.box_inline .item__data-radio:last-child {
          margin-right: 0; }
    .form .form__item .form__item-data.pref {
      margin-top: 20px; }
    .form .form__item .form__item-data .subtext {
      line-height: 1;
      font-size: 1.3rem;
      margin-bottom: 12px; }
      @media (min-width: 769px) {
        .form .form__item .form__item-data .subtext {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
      @media (min-width: 1100px) {
        .form .form__item .form__item-data .subtext {
          font-size: 1.5rem; } }
    .form .form__item .form__item-data input {
      font-size: 1.6rem;
      box-sizing: border-box;
      padding: 12px 16px;
      line-height: normal;
      width: 100%;
      font-family: "Hiragino UD Sans W4 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
      border: solid 1px #333333;
      border-radius: 6px; }
      @media (min-width: 769px) {
        .form .form__item .form__item-data input {
          font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
      @media (min-width: 1100px) {
        .form .form__item .form__item-data input {
          font-size: 1.8rem; } }
      .form .form__item .form__item-data input::placeholder {
        color: #A7A7A7;
        font-size: 1.3rem; }
        @media (min-width: 769px) {
          .form .form__item .form__item-data input::placeholder {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
        @media (min-width: 1100px) {
          .form .form__item .form__item-data input::placeholder {
            font-size: 1.5rem; } }
      .form .form__item .form__item-data input::-ms-input-placeholder {
        color: #A7A7A7;
        font-size: 1.3rem; }
        @media (min-width: 769px) {
          .form .form__item .form__item-data input::-ms-input-placeholder {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
        @media (min-width: 1100px) {
          .form .form__item .form__item-data input::-ms-input-placeholder {
            font-size: 1.5rem; } }
      .form .form__item .form__item-data input.error {
        background: #ffe7e7;
        border-color: #ffa9a9; }
    .form .form__item .form__item-data textarea {
      font-size: 1.6rem;
      box-sizing: border-box;
      padding: 12px 16px;
      line-height: normal;
      width: 100%;
      resize: vertical;
      height: 150px;
      font-family: "Hiragino UD Sans W4 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
      border: solid 1px #333333;
      border-radius: 6px; }
      @media (min-width: 769px) {
        .form .form__item .form__item-data textarea {
          font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
      @media (min-width: 1100px) {
        .form .form__item .form__item-data textarea {
          font-size: 1.8rem; } }
      .form .form__item .form__item-data textarea::placeholder {
        color: #A7A7A7;
        font-size: 1.3rem; }
        @media (min-width: 769px) {
          .form .form__item .form__item-data textarea::placeholder {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
        @media (min-width: 1100px) {
          .form .form__item .form__item-data textarea::placeholder {
            font-size: 1.5rem; } }
      .form .form__item .form__item-data textarea::-ms-input-placeholder {
        color: #A7A7A7;
        font-size: 1.3rem; }
        @media (min-width: 769px) {
          .form .form__item .form__item-data textarea::-ms-input-placeholder {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
        @media (min-width: 1100px) {
          .form .form__item .form__item-data textarea::-ms-input-placeholder {
            font-size: 1.5rem; } }
      .form .form__item .form__item-data textarea.error {
        background: #ffe7e7;
        border-color: #ffa9a9; }
    .form .form__item .form__item-data .attention {
      font-size: 1.2rem;
      line-height: 1;
      padding-left: 16px;
      margin-top: 6px; }
      @media (min-width: 769px) {
        .form .form__item .form__item-data .attention {
          font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.3021148036 ); } }
      @media (min-width: 1100px) {
        .form .form__item .form__item-data .attention {
          font-size: 1.3rem; } }
    .form .form__item .form__item-data select {
      font-size: 1.6rem;
      box-sizing: border-box;
      padding: 15px 10px;
      line-height: normal;
      width: 100%;
      font-family: "Hiragino UD Sans W4 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
      border: solid 1px #333333;
      border-radius: 6px;
      background: #FFF; }
      @media (min-width: 769px) {
        .form .form__item .form__item-data select {
          font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
      @media (min-width: 1100px) {
        .form .form__item .form__item-data select {
          font-size: 1.8rem; } }
      .form .form__item .form__item-data select::-ms-expand {
        display: none; }
      .form .form__item .form__item-data select.error {
        background: #ffe7e7;
        border-color: #ffa9a9; }
    .form .form__item .form__item-data .item__data-radio {
      position: relative; }
      .form .form__item .form__item-data .item__data-radio .radiobox-input {
        position: absolute;
        margin: 0;
        padding: 0;
        top: 1px;
        left: 0;
        height: 20px;
        width: 20px;
        border: none;
        -webkit-appearance: none;
        opacity: 0;
        appearance: none;
        z-index: 1;
        cursor: pointer; }
      .form .form__item .form__item-data .item__data-radio .radiobox-parts {
        position: relative;
        padding-left: 31px;
        line-height: 2.0rem;
        cursor: pointer;
        font-size: 1.4rem; }
        @media (min-width: 769px) {
          .form .form__item .form__item-data .item__data-radio .radiobox-parts {
            font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
        @media (min-width: 1100px) {
          .form .form__item .form__item-data .item__data-radio .radiobox-parts {
            font-size: 1.6rem; } }
        .form .form__item .form__item-data .item__data-radio .radiobox-parts::before {
          position: absolute;
          content: "";
          display: block;
          top: -3px;
          left: 0px;
          width: 20px;
          height: 20px;
          box-sizing: border-box;
          border: 1px solid #707070;
          background: #fff;
          border-radius: 100%;
          cursor: pointer; }
        .form .form__item .form__item-data .item__data-radio .radiobox-parts::after {
          position: absolute;
          content: "";
          display: block;
          top: 2px;
          left: 5px;
          width: 10px;
          height: 10px;
          box-sizing: border-box;
          background: #212121;
          border-radius: 100%;
          cursor: pointer;
          opacity: 0;
          transition: .3s; }
      .form .form__item .form__item-data .item__data-radio .radiobox-input:checked + .radiobox-parts::after {
        opacity: 1;
        transition: .3s; }
    .form .form__item .form__item-data .item__data-checkbox {
      position: relative; }
      .form .form__item .form__item-data .item__data-checkbox .checkbox-input {
        position: absolute;
        margin: 0;
        padding: 0;
        top: 8px;
        left: 0;
        height: 15px;
        width: 15px;
        border: none;
        -webkit-appearance: none;
        opacity: 0;
        appearance: none;
        z-index: 1;
        cursor: pointer; }
        .form .form__item .form__item-data .item__data-checkbox .checkbox-input:disabled {
          pointer-events: none; }
          .form .form__item .form__item-data .item__data-checkbox .checkbox-input:disabled + label {
            color: #cfcfcf;
            pointer-events: none; }
            .form .form__item .form__item-data .item__data-checkbox .checkbox-input:disabled + label::before {
              border-color: #bababa;
              background: #cfcfcf; }
            .form .form__item .form__item-data .item__data-checkbox .checkbox-input:disabled + label::after {
              display: none; }
      .form .form__item .form__item-data .item__data-checkbox .checkbox-parts {
        position: relative;
        padding-left: 20px;
        cursor: pointer; }
        .form .form__item .form__item-data .item__data-checkbox .checkbox-parts::before {
          position: absolute;
          content: "";
          display: block;
          top: -1px;
          left: 0px;
          width: 15px;
          height: 15px;
          box-sizing: border-box;
          border: 1px solid #707070;
          background: #fff;
          border-radius: 1px;
          cursor: pointer;
          transition: .3s; }
        .form .form__item .form__item-data .item__data-checkbox .checkbox-parts::after {
          position: absolute;
          content: "";
          display: block;
          top: 1.5px;
          left: 5px;
          width: 3px;
          height: 6px;
          transform: rotate(40deg);
          border-bottom: 2px solid #fff;
          border-right: 2px solid #fff;
          cursor: pointer;
          opacity: 0;
          transition: .3s; }
      .form .form__item .form__item-data .item__data-checkbox .checkbox-input:checked + .checkbox-parts::before {
        background: #E89090;
        transition: .3s; }
      .form .form__item .form__item-data .item__data-checkbox .checkbox-input:checked + .checkbox-parts::after {
        opacity: 1;
        transition: .3s; }
    .form .form__item .form__item-data.flex-box, .form .form__item .form__item-data.flex-box--select {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .form .form__item .form__item-data.flex-box .flex-item, .form .form__item .form__item-data.flex-box--select .flex-item {
        flex: 0 1 48%;
        width: 48%;
        max-width: 48%; }
  .form .form__item.check .check__content {
    font-size: 1.3rem;
    padding-left: 16px;
    line-height: initial; }
    @media (min-width: 769px) {
      .form .form__item.check .check__content {
        font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
    @media (min-width: 1100px) {
      .form .form__item.check .check__content {
        font-size: 1.5rem; } }
  .form .form__item.check .form__item-data {
    box-sizing: border-box; }

.btn__flex {
  max-width: 630px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 9.41% 0% 0% 0%;
  margin-left: auto;
  margin-right: auto; }
  .btn__flex > div {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
    margin: 0; }
    .btn__flex > div .btn {
      border: 1px solid #10437B; }

.completion__txt-main {
  margin-bottom: 18px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 2.2rem; }
  @media (min-width: 769px) {
    .completion__txt-main {
      font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
  @media (min-width: 1100px) {
    .completion__txt-main {
      font-size: 1.5rem; } }
  .completion__txt-main:last-child {
    margin-bottom: 0; }
.completion .btn__wrap {
  margin: 8.94% 0% 0% 0%; }

@media screen and (min-width: 769px) {
  .page__ttl {
    background-image: url("/img/contact/bg_ttl.jpg"); }

  .page__ttl-sub {
    padding-bottom: 30px; }
    .page__ttl-sub .sub {
      margin-top: 15px; }

  .form .form__item {
    margin-bottom: 35px; }
    .form .form__item .form__item-data.pref {
      margin-top: 30px; }
    .form .form__item .form__item-data .subtext {
      margin-bottom: 15px; }
    .form .form__item .form__item-data input {
      padding: 13px 16px; }
    .form .form__item .form__item-data select {
      padding: 16.5px 10px;
      line-height: 1; }
    .form .form__item .form__item-data .item__data-radio .radiobox-input {
      height: 24px;
      width: 24px; }
    .form .form__item .form__item-data .item__data-radio .radiobox-parts {
      padding-left: 42px;
      line-height: 2.4rem; }
      .form .form__item .form__item-data .item__data-radio .radiobox-parts::before {
        width: 24px;
        height: 24px; }
      .form .form__item .form__item-data .item__data-radio .radiobox-parts::after {
        top: 3px;
        left: 6px;
        width: 12px;
        height: 12px; }
    .form .form__item .form__item-data .item__data-radio .radiobox-input:checked + .radiobox-parts::after {
      opacity: 1;
      transition: .3s; }
    .form .form__item.check {
      box-sizing: border-box;
      margin-bottom: 0;
      padding: 3.76% 0% 3.76% 0%; }
      .form .form__item.check:nth-child(2n) {
        background: #F8F8F8; }
      .form .form__item.check .check__content {
        padding-left: 0;
        line-height: 2.4rem; }
      .form .form__item.check .form__item-ttl {
        box-sizing: border-box;
        flex: 0 1 31.5%;
        width: 31.5%;
        max-width: 31.5%;
        margin-bottom: 0;
        padding: 0 20px; }
      .form .form__item.check .form__item-data {
        flex: 0 1 calc(100% - 31.5%);
        width: calc(100% - 31.5%);
        max-width: calc(100% - 31.5%); }

  .completion__txt-main {
    line-height: 2.4rem; }

  .grecaptcha-badge {
    bottom: 100px !important; } }
@media screen and (min-width: 961px) {
  .form .form__item.check .check__content {
    line-height: 3.0rem; }
  .form .form__item.check .form__item-ttl {
    padding: 0 40px; } }
/*------------------------------
		1281px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */