@charset "UTF-8";
/*=====基本色*/
/*=====マスターウィス*/
/*font-family: 'Roboto', sans-serif;*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");
/*=====読み上げ文字*/
.vi {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px; }

/*=====一括初期化 */
/*=====テーブル*/
table {
  border-collapse: collapse;
  border-spacing: 0; }
  table ul,
  table ol {
    width: auto;
    list-style: none;
    margin: 0; }
    table ul li,
    table ol li {
      margin: 0; }

/*=====ヘッディング*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-style: normal;
  font-weight: normal; }

/*=====パラグラフ*/
p {
  margin: 0;
  padding: 0; }

/*=====水平線*/
hr {
  width: auto;
  height: 0;
  border: none;
  border-bottom: 1px solid #ccc; }

/*=====アドレス*/
address {
  font-style: normal; }

/*=====現在準備中です。*/
#under {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 10em 0; }
  #under:before {
    display: block;
    font-size: 3rem;
    color: #f39c12;
    content: "\f071";
    font-weight: normal;
    font-family: FontAwesome;
    padding: 0 0 .3em; }

/*=====iframe*/
iframe {
  border: none; }

/*=====フォーム部品*/
form {
  /*=====ナンバーのスピンボタン消去*/ }
  form input[type=text],
  form input[type=number],
  form input[type=tel],
  form input[type=email],
  form input[type=password],
  form textarea {
    transition: all .2s ease;
    background-color: #F6F6F6;
    font-size: 1.6rem;
    padding: 12px 16px; }
    form input[type=text]:focus,
    form input[type=number]:focus,
    form input[type=tel]:focus,
    form input[type=email]:focus,
    form input[type=password]:focus,
    form textarea:focus {
      background-color: #f8f8f8; }
    form input[type=text]::placeholder,
    form input[type=number]::placeholder,
    form input[type=tel]::placeholder,
    form input[type=email]::placeholder,
    form input[type=password]::placeholder,
    form textarea::placeholder {
      color: #999; }
  form input[type="number"]::-webkit-outer-spin-button,
  form input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  form input[type="number"] {
    -moz-appearance: textfield; }
  form textarea {
    width: 100%;
    height: 15em; }
  form label {
    cursor: pointer; }

/*=====フォーム用リスト- 送信用*/
#list_submit {
  display: flex;
  justify-content: center;
  width: auto;
  list-style: none;
  /*=====背景付き送信ボタン*/ }
  #list_submit li {
    margin: 0 10px; }
  #list_submit .submit_back,
  #list_submit .submit_next {
    width: 200px;
    cursor: pointer;
    font-family: 'Noto Sans Medium', sans-serif;
    color: #fff;
    background-color: #205BA9;
    line-height: 1;
    border-radius: 5px;
    padding: 20px 0; }
    #list_submit .submit_back:hover,
    #list_submit .submit_next:hover {
      opacity: .8; }
  #list_submit .submit_back {
    background-color: #666; }

/*=====フォーム用テーブル*/
.table_form {
  width: 100%;
  margin: 2em 0 3em; }
  .table_form th,
  .table_form td {
    text-align: left;
    padding: 18px 0; }
  .table_form th {
    width: 20%;
    vertical-align: middle;
    padding: 18px 10px 18px 0; }
  .table_form td {
    width: auto; }
  .table_form tr {
    border-top: 1px solid #E4E4E4; }
    .table_form tr:last-child {
      border-bottom: 1px solid #E4E4E4; }
  .table_form span {
    font-weight: normal; }
  .table_form .v_align_top {
    vertical-align: top; }

/*=====リスト*/
.list_cmn_2 {
  list-style: none; }

/*=====注意リスト*/
.list_caution {
  list-style: none;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin-left: 0 !important; }
  .list_caution li:before {
    content: "※";
    font-family: sans-serif; }

/*=====テキストコントロール*/
main {
  /*=====アライン*/
  /*=====フォントサイズ*/
  /*=====フォントカラー*/ }
  main .align_left {
    text-align: left; }
  main .align_right {
    text-align: right; }
  main .align_center {
    text-align: center; }
  main .font_small {
    font-size: .9em; }
  main .font_large {
    font-size: 1.5em; }
  main .color_red {
    color: #f44336; }

/*=====マージン*/
main .mar00 {
  margin-bottom: 0px; }
main .mar05 {
  margin-bottom: 5px; }
main .mar10 {
  margin-bottom: 10px; }
main .mar15 {
  margin-bottom: 15px; }
main .mar20 {
  margin-bottom: 20px; }
main .mar25 {
  margin-bottom: 25px; }
main .mar30 {
  margin-bottom: 30px; }
main .mar40 {
  margin-bottom: 40px; }
main .mar50 {
  margin-bottom: 50px; }
main .mar60 {
  margin-bottom: 60px; }
main .mar70 {
  margin-bottom: 70px; }
main .mar80 {
  margin-bottom: 80px; }
main .mar90 {
  margin-bottom: 90px; }

/*=====サイズ補正用*/
main .width05 {
  width: 5%; }
main .width10 {
  width: 10%; }
main .width15 {
  width: 15%; }
main .width20 {
  width: 20%; }
main .width25 {
  width: 25%; }
main .width30 {
  width: 30%; }
main .width40 {
  width: 40%; }
main .width50 {
  width: 50%; }
main .width50_2 {
  width: 48%; }
main .width60 {
  width: 60%; }
main .width70 {
  width: 70%; }
main .width80 {
  width: 80%; }
main .width90 {
  width: 90%; }
main .width100 {
  width: 100%; }

/*=====アンカーリンク*/
.anchor {
  display: block;
  margin-top: -80px;
  padding-top: 80px; }

/*=====レスポンシブ対応（ブレークポイント $width） =====*/
@media screen and (max-width: 1180px) {
  /*=====サイズ補正用*/
  body .width60,
  body .width70,
  body .width80,
  body .width90,
  body .width100 {
    width: auto; }

  /*=====マージン*/
  main .mar60,
  main .mar70,
  main .mar80,
  main .mar90 {
    margin-bottom: 60px; }

  /*=====フォーム用リスト- 送信用*/
  #list_submit {
    flex-wrap: wrap; }
    #list_submit li {
      margin: 10px 0; }

  /*=====フォーム用テーブル*/
  .table_form {
    width: 100%;
    margin: 2em 0 0; }
    .table_form tr,
    .table_form th,
    .table_form td {
      display: block;
      width: 100%; }
      .table_form tr input,
      .table_form th input,
      .table_form td input {
        width: 100%; }
    .table_form th,
    .table_form td {
      text-align: left;
      padding: 0; }
    .table_form th {
      width: 100%;
      line-height: 1;
      vertical-align: middle;
      padding: 0;
      margin: 0 0 15px; }
    .table_form td {
      width: auto; }
    .table_form tr {
      padding: 20px 0; }
      .table_form tr:last-child {
        border-bottom: none; } }