@charset "UTF-8";
/*----------------------------------------------------
グローバルナビブレイクポイント
/* ハンバーガーメニューの切り替わるポイント。
----------------------------------------------------*/
/* gnav.jsの変数「gNav_bpoint」も数値を合わせる */
/*----------------------------------------------------
基本設定
----------------------------------------------------*/
/* ホバー変更はやさ*/
/* ボーダーボックスの変更*/
/* ボーダーボックスの変更*/
/* 反転*/
/*----------------------------------------------------
文字幅が指定幅を超えたときに「...」を表示する
----------------------------------------------------*/
/*----------------------------------------------------
ホバーで画像拡大。下記例。li要素にの中に下記のように入れる
----------------------------------------------------*/
/* 
  <li>
    <a href="./about">
      <div class="imageArea">
        <img src="asset/images/home/contents_about_sp.jpg" alt="" class="change">
      </div>                
    </a>
  </li>
*/
/*----------------------------------------------------
中央寄せ
----------------------------------------------------*/
/* 上下左右中央寄せ */
/* 上下中央寄せ */
/* 左右中央寄せ */
/*----------------------------------------------------
icon回転
----------------------------------------------------*/
/*----------------------------------------------------
親要素よりも幅を超えて表示
----------------------------------------------------*/
/*----------------------------------------------------
背景
----------------------------------------------------*/
/*----------------------------------------------------
グラデーション
----------------------------------------------------*/
/*----------------------------------------------------
リストマーカー
----------------------------------------------------*/
/*----------------------------------------------------
テキスト内リンク
//html例：
<p>テキスト<a href="" class="link_text">こちら</a>テキス</p>
----------------------------------------------------*/
/* ホバーで下線が左に消える */
/* ホバーで左から右に線が出る */
/*----------------------------------------------------
中央から下線 

//・HTML 基本、下記で統一
//<a class="link" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
左から下線 

//・HTML 基本、下記で統一
//<a class="link_L" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
読み込み
----------------------------------------------------*/
/*----------------------------------------------------
フォント
----------------------------------------------------*/
/* Light/Medium */
/* Regular/Medium */
/* 游明朝体 Regular/Medium */
/* 游明朝体 Demibold */
/* 游明朝体 extrabold */
/*----------------------------------------------------
フォント設定
----------------------------------------------------*/
/*----------------------------------------------------
ボタン

基本のhtml
<a href="" class="btn">
  <span>私たちについて</span>
</a>
----------------------------------------------------*/
/* 右矢印付き 「▶︎」*/
/* ボタン矢印あり 「 ---\ 」*/
/* ボタン 「く」の字型*/
/* '+' ありボタン */
/* hoverするとブワッとかわる */
.entryPage {
  padding-top: 100px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .entryPage {
    padding-top: 235px;
  }
}

/*----------------------------------------------------
フォーム(リセット) 
----------------------------------------------------*/
input[type=text],
input[type=email],
button,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #101010;
  border-radius: 0;
  font: inherit;
  outline: none;
  width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  border: 1px solid #1169B0;
  outline: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  background: #ECF1F4;
  border-radius: 0;
  font: inherit;
  cursor: pointer;
  width: 100%;
  position: relative;
  /* 751- */
}
@media all and (min-width: 751px) {
  select {
    min-width: 300px;
    width: 30%;
  }
}

::-webkit-input-placeholder {
  color: #9FB1BA;
}

::-moz-placeholder {
  color: #9FB1BA;
}

:-ms-input-placeholder {
  color: #9FB1BA;
}

::-ms-input-placeholder {
  color: #9FB1BA;
}

::placeholder {
  color: #9FB1BA;
}

input[type=checkbox]:not(.consent) {
  /* デフォルトを消して擬似要素で作る。 */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: -0.2em 1.5em 0 0em;
}
input[type=checkbox]:not(.consent)::before {
  /* ベースの四角 */
  content: "";
  position: absolute;
  display: block;
  background: #ECF1F4;
  width: 20px;
  height: 20px;
  top: -10px;
  border-radius: 50%;
  border: 1px solid #ECF1F4;
  /* -375 */
}
@media all and (max-width: 375px) {
  input[type=checkbox]:not(.consent)::before {
    top: 0px;
  }
}
input[type=checkbox]:not(.consent)::after {
  /* チェックを入れた時の表示 */
  content: "";
  position: absolute;
  display: block;
  background: #716F6F;
  width: 12px;
  height: 12px;
  top: -5.5px;
  left: 3.5px;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-radius: 50%;
  /* -375 */
}
@media all and (max-width: 375px) {
  input[type=checkbox]:not(.consent)::after {
    top: 4px;
  }
}
input[type=checkbox]:not(.consent):checked::after {
  opacity: 1;
}

input[type=radio] {
  /* 751- */
}
@media all and (min-width: 751px) {
  input[type=radio] + label {
    margin-right: 20px;
  }
}

.consentArea {
  margin-bottom: 50px;
  /* 751- */
}
.consentArea .cBtnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.consentArea .cBtnArea .cBtn {
  margin-top: 2px;
}
.consentArea .cBtnArea .consent_text {
  margin-left: 7px;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.consentArea input[type=checkbox] {
  position: relative;
}
.consentArea input[type=checkbox]::before {
  /* ベースの四角 */
  border-radius: initial;
  border: 1px solid #ECF1F4;
}
@media all and (min-width: 751px) {
  .consentArea {
    margin-bottom: 70px;
  }
}

.submitArea {
  text-align: center;
}

.submit {
  width: 290px;
  height: 48px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 183, 201)), to(rgb(0, 203, 170)));
  background: linear-gradient(90deg, rgb(0, 183, 201) 0%, rgb(0, 203, 170) 100%);
  -webkit-appearance: none;
  border: 1px solid #00B4CD;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  /* 751- */
  /* 751- */
}
@media all and (max-width: 375px) {
  .submit {
    width: 200px;
  }
}
.submit::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: solid 2px white;
  border-right: solid 2px white;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 10px;
}
@media all and (min-width: 751px) {
  .submit::after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    right: 20px;
  }
}
.submit input {
  display: block;
  width: 100%;
  height: 100%;
}
.submit input:hover, .submit input:focus {
  outline: none;
}
.submit input:-moz-foucus-inner {
  border: none;
  padding: 0;
}
@media all and (min-width: 751px) {
  .submit {
    height: 63px;
    width: 192px;
    font-size: 20px;
    letter-spacing: 0.1em;
  }
  .submit:hover {
    background-color: #fff;
  }
  .submit:hover::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: solid 2px white;
    border-right: solid 2px white;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    right: 10px;
  }
}

.back_btn {
  width: 295px;
  height: 48px;
  background: initial;
  -webkit-appearance: none;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  /* 751- */
  /* 751- */
}
@media all and (max-width: 375px) {
  .back_btn {
    width: 200px;
  }
}
.back_btn::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: solid 2px black;
  border-right: solid 2px black;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg) scale(-1, -1);
          transform: translateY(-50%) rotate(45deg) scale(-1, -1);
  left: 10px;
}
@media all and (min-width: 751px) {
  .back_btn::after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    left: 20px;
  }
}
.back_btn input {
  display: block;
  width: 100%;
  height: 100%;
}
.back_btn input:hover, .back_btn input:focus {
  outline: none;
}
.back_btn input:-moz-foucus-inner {
  border: none;
  padding: 0;
}
@media all and (min-width: 751px) {
  .back_btn {
    height: 63px;
    width: 192px;
    font-size: 20px;
    letter-spacing: 0.1em;
  }
  .back_btn:hover::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: solid 2px black;
    border-right: solid 2px black;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg) scale(-1, -1);
            transform: translateY(-50%) rotate(45deg) scale(-1, -1);
    left: 10px;
  }
}

.homebtn_Area {
  text-align: center;
}

.homebtn {
  width: 295px;
  height: 48px;
  background: white;
  -webkit-appearance: none;
  border: 1px solid #00B4CD;
  border-radius: 0;
  color: #00B7C9;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  /* 751- */
  /* 751- */
}
@media all and (max-width: 375px) {
  .homebtn {
    width: 200px;
  }
}
.homebtn::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: solid 2px #00B7C9;
  border-right: solid 2px #00B7C9;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 10px;
}
@media all and (min-width: 751px) {
  .homebtn::after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    right: 20px;
  }
}
.homebtn span {
  display: block;
  position: absolute;
  top: 15px;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 751px) {
  .homebtn {
    height: 63px;
    width: 192px;
  }
  .homebtn span {
    top: 22px;
  }
  .homebtn:hover {
    background-color: #fff;
  }
  .homebtn:hover::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: solid 2px #00B7C9;
    border-right: solid 2px #00B7C9;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    right: 10px;
  }
}

input[type=text],
input[type=email],
select,
textarea {
  padding: 1em 1em;
  font-size: 16px;
}

input[type=radio] {
  /* -750 */
}
@media all and (max-width: 751px) {
  input[type=radio] {
    margin-top: 5px;
  }
  input[type=radio] + label {
    display: inline-block;
    margin-top: 5px;
  }
}

.mwform-checkbox-field,
.mwform-radio-field {
  margin-bottom: 20px;
  /* 751- */
}
/*----------------------------------------------------
フォーム
----------------------------------------------------*/
#form {
  background-color: #fff;
  padding: 16px 10px 38px;
  /* 751- */
  margin-bottom: 50px;
  /* 751- */
  /* CT⇨センターの意味*/
}
#form .form_title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  /* 751- */
}
@media all and (min-width: 751px) {
  #form .form_title {
    margin-bottom: 26px;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 1.45;
  }
}
@media all and (min-width: 751px) {
  #form {
    padding: 34px 42px 70px;
  }
}
#form .attach {
  margin-bottom: 10px;
}
#form .attach:last-child {
  margin-bottom: 0px;
}
#form .example {
  color: #101010;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 2.666;
  font-weight: 300;
  /* 751- */
}
@media all and (min-width: 751px) {
  #form .example {
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 2.666;
  }
}
#form .mwform-file-delete {
  display: none;
}
#form #attachment1,
#form #attachment2,
#form #attachment3 {
  /* 751- */
}
#form #attachment1 label,
#form #attachment2 label,
#form #attachment3 label {
  /* ボタン部分の見た目（任意） */
  display: inline-block;
  position: relative;
  background: #ECF1F4;
  color: #1E2427;
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 4px;
}
#form #attachment1 label input,
#form #attachment2 label input,
#form #attachment3 label input {
  /* 今回のポイント */
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
#form #attachment1 .filename,
#form #attachment2 .filename,
#form #attachment3 .filename {
  color: #B0B8C1;
  font-weight: 16px;
  margin: 0 0 0 10px;
}
@media all and (min-width: 751px) {
  #form #attachment1 label,
#form #attachment2 label,
#form #attachment3 label {
    font-size: 14px;
    padding: 10px 33px;
  }
}
#form .file_yellow {
  display: inline-block;
  color: #FF8900;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 5px;
}
#form .contents.radio {
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  #form .contents.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #form .contents.radio .radioRow {
    margin-bottom: 10px;
  }
  #form .contents.radio .radioRow:last-child {
    margin-bottom: 0px;
  }
}
@media all and (min-width: 751px) {
  #form .contents.radio .radioRow {
    display: inline;
  }
}
#form .row {
  margin-bottom: 40px;
}
#form .row:last-child {
  margin-bottom: 0px;
}
#form .row.textArea {
  margin-bottom: 50px;
}
#form .row.select .contents {
  position: relative;
}
#form .row.select .contents::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: solid 2px #1169B0;
  border-right: solid 2px #1169B0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-color: #707070;
  left: calc(100% - 22px);
  top: calc(50% - 5px);
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  /* -750 */
  /* 751- */
}
@media all and (min-width: 751px) {
  #form .row.select .contents::after {
    left: 280px;
  }
}
#form .row.row_checkBox .row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#form .row.row_checkBox .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#form .row.row_checkBox .contents .horizontal-item {
  margin-left: 0;
  /* -750 */
}
@media all and (max-width: 751px) {
  #form .row.row_checkBox .contents .horizontal-item {
    margin-bottom: 50px;
  }
}
#form .row.row_checkBox .check {
  margin-right: 10px;
}
#form .row.row_file {
  /* 751- */
}
#form .row.row_file .row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#form .row.row_file .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#form .row.row_file input {
  margin-bottom: 10px;
}
@media all and (min-width: 751px) {
  #form .row.row_file input {
    margin-bottom: 20px;
  }
}
#form input#addr_post,
#form input#addr_prefe {
  /* 751- */
}
@media all and (min-width: 751px) {
  #form input#addr_post,
#form input#addr_prefe {
    width: 274px;
    display: block;
  }
}
#form input#age {
  width: 142px;
  margin-right: 8px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #form input#age {
    margin-right: 8px;
    width: 66px;
  }
}
#form input#graduation {
  width: 142px;
  margin-right: 8px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #form input#graduation {
    margin-right: 8px;
    width: 106px;
  }
}
#form .addrRow {
  margin-bottom: 20px;
  /* 751- */
}
#form .addrRow .addr_title {
  display: inline-block;
  margin-bottom: 5px;
}
@media all and (min-width: 751px) {
  #form .addrRow {
    margin-bottom: 30px;
  }
}
#form .label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 15px;
}
#form label.typetext,
#form label.typecheck,
#form label.typetextArea {
  display: inline-block;
  cursor: initial;
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  #form label.typetext,
#form label.typecheck,
#form label.typetextArea {
    background-color: #F3F3F3;
    margin-bottom: 10px;
    display: block;
    padding: 10px 15px;
    position: relative;
  }
  #form label.typetext .necessary,
#form label.typecheck .necessary,
#form label.typetextArea .necessary {
    position: relative;
  }
}
#form .necessary {
  margin-left: 20px;
  display: inline-block;
  color: #D60000;
}
#form .example {
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 2.666;
}
@media all and (min-width: 751px) {
  #form .label {
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 2;
  }
  #form .label .necessary {
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 2;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}
@media all and (min-width: 1041px) {
  #form label.typetext,
#form label.typecheck,
#form label.typetextArea {
    display: block;
    margin-bottom: 0px;
    width: 26.976%;
  }
  #form .label {
    margin-bottom: 0px;
  }
  #form .row:not(.textArea) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #form .row.textArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #form .row.row_checkBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #form .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
  }
  #form .contents {
    width: 72.9%;
  }
  #form .contents.column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #form .contents.column label {
    margin-bottom: 30px;
  }
  #form .contents.radio {
    margin-top: 3px;
  }
}
#form p.alert {
  font-size: 1em;
  font-weight: normal;
  margin: 10px 0;
  color: #DC2900;
}
#form .privacy {
  width: 100%;
  height: 268px;
  padding: 16px 14px 19px 16px;
  margin-bottom: 10px;
  border: 1px solid #101010;
  /* 751- */
}
#form .privacy p {
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 1.857;
}
@media all and (min-width: 751px) {
  #form .privacy {
    margin-bottom: 19px;
    padding: 20px;
    height: 197px;
  }
  #form .privacy p {
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 2.5;
  }
}
#form .privacy .scrollWrap {
  height: 238px;
  overflow-y: scroll;
  /* 751- */
  /* 751- */
}
@media all and (min-width: 751px) {
  #form .privacy .scrollWrap {
    height: 160px;
    width: 100%;
  }
}
#form .privacy .scroll_y {
  overflow-y: scroll;
}
#form .privacy .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #bbbbbb;
}
#form .privacy .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #bbbbbb;
  width: 8px;
  border-radius: 0;
}
#form .privacy .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #bbbbbb;
}
#form .privacy .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#form .privacy .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #bbbbbb;
}
#form .label, #form .privaTitle {
  font-weight: 400;
  /* -750 */
  letter-spacing: 0.1em;
}
@media all and (max-width: 751px) {
  #form .label, #form .privaTitle {
    line-height: 1.785;
  }
}
#form .privaTitle {
  margin-bottom: 10px;
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  #form .privaTitle {
    background-color: #F3F3F3;
    padding: 9px 15px;
  }
}
@media all and (min-width: 751px) {
  #form .privaTitle {
    margin-bottom: 14px;
  }
}

#entry .thanks {
  /* 751- */
}
#entry .thanks .secTitle {
  margin-bottom: 30px;
}
#entry .thanks .secTitle .en img {
  max-width: 308px;
}
@media all and (min-width: 751px) {
  #entry .thanks {
    margin-bottom: 50px;
  }
  #entry .thanks .secTitle {
    margin-bottom: 40px;
  }
  #entry .thanks .secTitle .en img {
    max-width: 608px;
  }
}
#entry .thanks .intro {
  margin-bottom: 40px;
  color: #101010;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0.003em;
  line-height: 2.461;
  /* 751- */
}
@media all and (min-width: 751px) {
  #entry .thanks .intro {
    font-size: 14px;
    letter-spacing: 0.003em;
    line-height: 2.857;
    margin-bottom: 70px;
  }
}
#entry .thanks .homebtn_Area .homebtn {
  font-size: 15px;
  font-weight: bold;
  /* 751- */
}
@media all and (min-width: 751px) {
  #entry .thanks .homebtn_Area .homebtn {
    font-size: 20px;
    letter-spacing: 0.1em;
  }
  #entry .thanks .homebtn_Area .homebtn span {
    top: 18px;
  }
}

/*----------------------------------------------------
thanks
----------------------------------------------------*/
#form.thanks {
  padding: 30px 15px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #form.thanks {
    padding: 58px 72px;
  }
}
#form.thanks .secTitle {
  /* 751- */
}
@media all and (min-width: 751px) {
  #form.thanks .secTitle img {
    width: 608px;
  }
}
#form.thanks .row {
  /* 751- */
}
@media all and (min-width: 751px) {
  #form.thanks .row {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 3px dotted #575757;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#form.thanks .label {
  color: #00B7C9;
}
#form.thanks .row .contents {
  /* -750 */
}
@media all and (max-width: 751px) {
  #form.thanks .row .contents {
    padding: 10px;
    background-color: #F2FCFC;
  }
}
#form.thanks .backBtn {
  text-align: center;
  margin-top: 20px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #form.thanks .backBtn {
    margin-top: 13px;
  }
}

/*----------------------------------------------------
entry
----------------------------------------------------*/
.entryPage #entry::after {
  bottom: 0;
  height: 0px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 183, 201)), to(rgb(0, 203, 170)));
  background: linear-gradient(90deg, rgb(0, 183, 201) 0%, rgb(0, 203, 170) 100%);
}

#entry {
  padding: 0 0 40px;
  position: relative;
  /* 751- */
  /* CT⇨センターの意味*/
}
#entry::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 800px;
  width: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 183, 201)), to(rgb(0, 203, 170)));
  background: linear-gradient(90deg, rgb(0, 183, 201) 0%, rgb(0, 203, 170) 100%);
}
@media all and (min-width: 751px) {
  #entry {
    padding: 0 0 45px;
  }
  #entry::after {
    bottom: 0;
    height: 1800px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 183, 201)), to(rgb(0, 203, 170)));
    background: linear-gradient(90deg, rgb(0, 183, 201) 0%, rgb(0, 203, 170) 100%);
  }
}
#entry .bg {
  position: absolute;
  top: 15px;
  z-index: -1;
  width: 100%;
  /* 751- */
}
#entry .bg img {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}
@media all and (min-width: 751px) {
  #entry .bg {
    top: 30px;
  }
  #entry .bg img {
    -o-object-fit: cover;
       object-fit: cover;
    font-family: "object-fit: cover;";
  }
}
#entry .secTitle {
  margin-bottom: 8px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #entry .secTitle {
    margin-bottom: 52px;
  }
}
#entry .intro {
  text-align: center;
  color: white;
  margin-bottom: 25px;
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 1.428;
  /* 751- */
}
@media all and (min-width: 751px) {
  #entry .intro {
    font-size: 18px;
    letter-spacing: 0em;
    line-height: 2.222;
    margin-bottom: 40px;
  }
}
#entry .telArea {
  background-color: #fff;
  text-align: center;
  padding: 10px 0;
  padding-left: 20px;
  margin-bottom: 30px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #entry .telArea {
    padding: 22px 0 32px;
    margin-bottom: 48px;
  }
}
#entry .telArea p {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  /* 751- */
}
@media all and (min-width: 751px) {
  #entry .telArea p {
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 1.45;
  }
}
#entry .telArea .tel_text {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.45;
  /* 751- */
}
#entry .telArea .tel_text span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 1.45;
}
@media all and (min-width: 751px) {
  #entry .telArea .tel_text {
    font-size: 35px;
    letter-spacing: 0.1em;
    line-height: 1.457;
  }
  #entry .telArea .tel_text span {
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 1.45;
  }
}
#entry .telArea .text_link {
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  /* 751- */
  position: relative;
  /* 751- */
}
@media all and (min-width: 751px) {
  #entry .telArea .text_link {
    color: #101010;
  }
  #entry .telArea .text_link::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 2px;
    background: #101010;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
  }
  #entry .telArea .text_link:hover {
    opacity: 0.7;
  }
  #entry .telArea .text_link:hover::after {
    width: 100%;
    /*横幅を伸ばす*/
    opacity: 1;
    /*不透明に*/
  }
}
#entry .telArea .text_link::before {
  content: "";
  position: absolute;
  background: url("../images/common/icon/tel.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 19px;
  height: 19px;
  left: -30px;
  bottom: 5px;
}
#entry .telArea .text_link:hover {
  color: #00B7C9;
}
#entry .telArea .text_link:hover::after {
  background: #00B7C9;
}
@media all and (min-width: 751px) {
  #entry .telArea .text_link::before {
    content: "";
    position: absolute;
    background: url("../images/common/icon/tel.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 23px;
    height: 23px;
    left: -40px;
    bottom: 10px;
  }
}

/*----------------------------------------------------
プライバシーポリシー スクロールバー
----------------------------------------------------*/
/*# sourceMappingURL=entry.css.map */