@charset "UTF-8";
/** CSS Grid Layoutで複数の行を指定するmixin */
/** CSS Grid Layoutで複数の列を指定するmixin */
.txtR {
  text-align: right; }

.txtC {
  text-align: center; }

.page_ttl_wrap {
  width: 100%;
  background-color: #f2f2f2; }

.page_ttl_wrap h1 {
  color: #000;
  font-weight: bold;
  width: 960px;
  margin: 0 auto;
  font-size: 32px;
  font-size: 2rem;
  padding: 30px 0; }

.topic_path {
  width: 100%;
  background-color: #d9d9d9; }

.topic_path ul {
  width: 960px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.topic_path ul li a {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 8px 0;
  text-decoration: none;
  color: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.topic_path ul li:after {
  content: ">";
  margin: 0 20px; }

.topic_path ul li:last-child:after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

main {
  width: 100%;
  padding: 60px 0;
  background-color: #fff; }
  main .contents {
    width: 960px;
    margin: 0 auto; }
  main h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: #000 2px solid;
    padding-left: 35px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 20px; }
  main h2:first-child {
    margin-top: 0; }
  main h2:before {
    content: "";
    background-color: #4cb4ff;
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top: 50%;
    left: 6px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  main h2:after {
    content: "";
    background-color: #179eff;
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  main h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    border-bottom: #d8d8d8 solid 1px;
    padding-left: 35px;
    position: relative;
    margin-bottom: 25px; }
  main h3:before {
    content: "";
    width: 14px;
    height: 3px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateX(80%) translateY(-50%);
    transform: translateX(80%) translateY(-50%);
    background: -webkit-gradient(linear, left top, right top, from(#0094ff), to(#a7daff));
    background: linear-gradient(90deg, #0094ff, #a7daff); }
  main h4 {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
    padding-left: 12px;
    border-left: #0094ff solid 2px;
    letter-spacing: 0;
    margin-bottom: 8px; }
  main h5 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 8px; }
  main p {
    margin-bottom: 30px; }
  main ul {
    margin-bottom: 30px; }
    main ul li {
      font-size: 16px;
      font-size: 1rem;
      font-weight: 400;
      padding-left: 2em;
      text-indent: -2em; }
    main ul li:before {
      content: "";
      background-color: #0094ff;
      width: 11px;
      height: 11px;
      display: inline-block;
      margin-left: 10px;
      margin-right: 12px; }
  main ol {
    margin-bottom: 30px; }
    main ol li {
      font-size: 16px;
      font-size: 1rem;
      font-weight: 400;
      padding-left: 2.2em;
      text-indent: -2.2em; }
  main .btn {
    width: 320px;
    height: 54px;
    margin: 0 auto;
    background-color: #000;
    display: block;
    text-align: center;
    line-height: 54px;
    text-decoration: none;
    color: #ffffff;
    position: relative;
    margin-bottom: 30px; }
  main .btn:after {
    content: "";
    width: 21px;
    height: 8px;
    display: inline-block;
    background-image: url("../img/common/btn_arrow_right_02.png");
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  main table {
    width: 100%;
    margin: 0 auto 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  main tbody tr {
    border-left: 1px solid #ddd; }
  main thead tr th {
    background-color: #000;
    color: #fff;
    padding: 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  main tbody tr th {
    background-color: #f2f2f2;
    padding: 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  main tbody tr td {
    padding: 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  main figure.one_colum {
    width: 960px;
    margin: 0 auto 30px; }
  main figure {
    margin-bottom: 30px; }
  main figure img {
    width: 100%; }
  main figcaption {
    text-align: center; }

.outline .ttl3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 8px;
  border-bottom: 0; }

.outline h3.ttl3:before {
  display: none; }

.outline .colum2 {
  width: 900px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  .outline .colum2 ul {
    width: 500px; }
  .outline .colum2 ul:after {
    content: "";
    background-image: url("../img/outline/icon_right.png");
    display: block;
    width: 52px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 60%;
    -webkit-transform: translateX(20%) translateY(-60%);
    transform: translateX(20%) translateY(-60%); }
  .outline .colum2 .summary {
    position: absolute;
    left: 70%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 8px; }

.outline table ul {
  margin-bottom: 0;
  text-align: left; }

.outline table thead th {
  text-align: center; }

.outline table th.num {
  width: 6%; }

.outline .btn_dl {
  width: 100px;
  height: 30px;
  margin: 0 auto;
  background-color: #000;
  display: block;
  text-align: center;
  line-height: 30px;
  text-decoration: none;
  color: #ffffff;
  position: relative; }

.outline table.table_dl td {
  text-align: center;
  padding: 10px;
  line-height: 1; }

.outline table.table_dl th.w10 {
  width: 10%; }

.outline table.table_dl th.w15 {
  width: 9%; }

.outline table.table_dl th.w20 {
  width: 20%; }

.outline table.table_dl tbody th {
  text-align: center; }

.generate .colum2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.generate video {
  width: 80%; }

.generate .v_cap {
  text-align: center;
  margin-top: 10px; }

.generate p.indent {
  padding-left: 2.2em;
  text-indent: -2.2em; }

.description figcaption {
  text-align: right;
  margin-top: 6px; }

.description .fig_description {
  width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: #e7e7e7 solid 1px;
  padding: 10px;
  margin-bottom: 30px; }

.description .fig_description p {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem; }

.description .green {
  width: 60px;
  height: 22px;
  display: inline-block;
  background-color: #29448a;
  margin: 0 10px; }

.description .red {
  width: 60px;
  height: 22px;
  display: inline-block;
  background-color: #7f2116;
  margin: 0 10px; }

.description p.indent {
  padding-left: 1.2em;
  text-indent: -1.2em; }

.description table thead th {
  text-align: center; }

.description table .w20 {
  width: 20%;
  text-align: center; }

.description h5 {
  text-align: right; }

.description .wrap_checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center; }

.description input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: #d8d8d8 solid 1px;
  width: 22px;
  height: 22px;
  position: relative;
  margin-right: 10px;
  margin-bottom: 30px; }

.description input[type="radio"],
.description input[type="checkbox"]:checked::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #0094ff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.description .btn_hide {
  background-color: #dddddd;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
  pointer-events: none; }

.description .btn_active {
  background-color: #000;
  pointer-events: auto; }

.description label {
  cursor: pointer; }

.faq dl.faqList {
  margin: 1.5em 0;
  padding: 0 5px; }
  .faq dl.faqList dt,
  .faq dl.faqList dd {
    padding-left: 2.3em;
    display: block;
    position: relative; }
    .faq dl.faqList dt span.num,
    .faq dl.faqList dd span.num {
      font-weight: bold;
      font-size: 16px;
      font-size: 1rem;
      width: 2.3em;
      position: absolute;
      left: 0;
      top: 0; }
  .faq dl.faqList dt {
    margin: 1.4em 0 0.6em; }
    .faq dl.faqList dt span.num {
      color: #005bac; }
  .faq dl.faqList dd {
    padding-bottom: 1.4em;
    border-bottom: 1px dotted #bbb; }
    .faq dl.faqList dd span.num {
      color: #cc0000; }

.faq u {
  text-decoration: underline; }

.request {
  letter-spacing: 0; }
  .request h3 {
    border: 0; }
  .request h4 {
    font-size: 18px;
    font-size: 1.125rem; }
  .request .wrap_progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px; }
  .request .progress {
    background-color: #e8e8e8;
    width: 300px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #777777;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem; }
  .request .progress:after {
    content: ">";
    position: absolute;
    right: 0;
    -webkit-transform: translateX(180%);
    transform: translateX(180%);
    font-weight: bold;
    color: #777777; }
  .request .progress:last-child:after {
    content: ""; }
  .request .progress.active {
    color: #fff;
    background-color: #4cb4ff; }
  .request .error_msg {
    width: 960px;
    margin: 0 auto 30px;
    display: block;
    border: #cc0000 solid 3px;
    padding: 30px 20px;
    background-color: #ffe7e7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #cc0000; }
  .request .error_msg ul {
    margin-bottom: 0; }
  .request .error_msg ul li {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1rem; }
  .request .error_msg ul li:last-child {
    margin-bottom: 0; }
  .request .error_msg ul li:before {
    background-color: #eb6b6b; }
  .request table {
    margin-bottom: 50px; }
  .request table tbody {
    border-top: 1px solid #ddd; }
  .request tbody tr {
    border: 0;
    border-bottom: 1px dashed #ddd; }
  .request tbody tr:last-child {
    border-bottom: 1px solid #ddd; }
  .request table tbody th {
    width: 220px;
    border: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    padding: 18px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .request table tbody th span.required {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #cc0000;
    background-color: #ffe7e7;
    border: solid #cc0000 1px;
    padding: 2px 4px;
    position: absolute;
    top: 50%;
    right: 0%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .request table tbody th span.any {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #0067b1;
    background-color: #e1f2ff;
    border: solid #0067b1 1px;
    padding: 2px 4px;
    position: absolute;
    top: 50%;
    right: 0%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .request tbody tr td {
    border: 0;
    padding: 20px; }
  .request td p {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-top: 20px;
    margin-bottom: 0; }
  .request .text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    font-size: 1rem;
    background-color: #f2f2f2;
    border: solid #cccccc 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px; }
  .request .form_area .text.company_name {
    width: 350px;
    height: 36px; }
  .request input::-webkit-input-placeholder {
    color: #888888;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .request input:-ms-input-placeholder {
    color: #888888;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .request input::-ms-input-placeholder {
    color: #888888;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .request input::placeholder {
    color: #888888;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .request button {
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .request .example {
    font-size: 14px;
    font-size: 0.875rem; }
  .request .text.post_num {
    width: 120px;
    height: 36px; }
  .request .zipBtn {
    widows: 74px;
    height: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-size: 0.8125rem;
    background: #000;
    border-radius: 5px;
    padding: 6px;
    color: #fff;
    cursor: pointer;
    margin-left: 10px; }
  .request td .form_area {
    margin-bottom: 10px; }
  .request td .form_area:last-child {
    margin-bottom: 0; }
  .request td.addres label {
    width: 130px;
    display: inline-block;
    font-size: 15px;
    font-size: 0.9375rem; }
  .request select {
    width: 120px;
    height: 36px;
    cursor: pointer; }
  .request select.select {
    padding: 5px 10px 0; }
  .request .icon_select {
    position: relative;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .request select::-ms-expand {
    display: none; }
  .request .icon_select::after {
    content: "";
    display: inline-block;
    width: 9px;
    border: transparent 5px solid;
    border-left: #000 5px solid;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(20%) rotate(90deg);
    transform: translateY(20%) rotate(90deg);
    pointer-events: none; }
  .request .text.name {
    width: 180px;
    height: 36px;
    margin: 0 10px; }
  .request sup {
    font-weight: normal; }
  .request .indent {
    text-indent: -2em;
    padding-left: 2em;
    font-size: 13px;
    font-size: 0.8125rem; }
  .request .privacyBox {
    background-color: #fff;
    padding: 15px;
    overflow-y: auto;
    margin: 20px 0 30px;
    border: 1px solid #d5d5d5; }
  .request .privacyBox ul {
    margin-bottom: 0; }
  .request .privacyBox li a {
    color: #000;
    text-decoration: none; }
  .request .privacyBox .txt {
    margin-bottom: 20px; }
  .request button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold; }
  .request .wrap_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .request .btn.retun {
    background-color: #999999; }
  .request .btn.retun::after {
    background-image: url("../img/request/btn_arrow_left.png");
    left: 20px; }

.login .error_msg {
  width: 380px;
  margin: 0 auto 30px;
  display: block;
  border: #cc0000 solid 3px;
  padding: 20px 20px 30px;
  background-color: #ffe7e7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #cc0000; }

.login .error {
  margin-bottom: 0;
  margin-top: 10px; }

.login form {
  width: 380px;
  margin: 0 auto;
  border: #cccccc solid 1px;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.login div.wrap {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin: 20px auto 0; }

.login .wrap_btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%; }

.login label {
  margin-right: 20px; }

.login input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: #cccccc solid 1px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.login button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: #cccccc solid 1px;
  margin-bottom: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-size: 1rem; }

.login input::-webkit-input-placeholder {
  color: #888888;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.login input:-ms-input-placeholder {
  color: #888888;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.login input::-ms-input-placeholder {
  color: #888888;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.login input::placeholder {
  color: #888888;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.login button {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.error404 p {
  margin-bottom: 10px; }

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