@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: normal;
  src: local("Noto Sans CJK JP Regular"), url(./NotoSansCJKjp-Regular.otf) format("opentype"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }
/* line 14, ../_scss/ask2.scss */
.l-header .navi ul .navi6 .hover {
  display: block; }
  @media only screen and (min-width: 0) and (max-width: 320px) {
    /* line 14, ../_scss/ask2.scss */
    .l-header .navi ul .navi6 .hover {
      display: none; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    /* line 14, ../_scss/ask2.scss */
    .l-header .navi ul .navi6 .hover {
      display: none; } }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
    /* line 14, ../_scss/ask2.scss */
    .l-header .navi ul .navi6 .hover {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* line 14, ../_scss/ask2.scss */
    .l-header .navi ul .navi6 .hover {
      display: none; } }
  /* line 19, ../_scss/ask2.scss */
  .l-header .navi ul .navi6 .hover .arrow {
    display: block; }

/* line 28, ../_scss/ask2.scss */
.l-photo {
  position: relative;
  max-width: 1280px;
  width: 100%;
  width: expression(this.width >= 1280 ? "1280px" : "auto");
  margin: 0px auto; }
  /* line 34, ../_scss/ask2.scss */
  .l-photo .photo {
    width: 100%;
    height: 0px;
    background: url(../img/ask/main1.jpg) no-repeat;
    background-size: cover;
    padding-top: 34.375%; }

/* line 43, ../_scss/ask2.scss */
.l-main {
  max-width: 960px;
  width: 100%;
  width: expression(this.width >= 960 ? "960px" : "auto");
  margin: 0px auto; }
  @media only screen and (min-width: 0) and (max-width: 320px) {
    /* line 43, ../_scss/ask2.scss */
    .l-main {
      padding-top: 15px; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    /* line 43, ../_scss/ask2.scss */
    .l-main {
      padding-top: 15px; } }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
    /* line 43, ../_scss/ask2.scss */
    .l-main {
      padding-top: 15px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* line 43, ../_scss/ask2.scss */
    .l-main {
      padding-top: 15px; } }
  /* line 51, ../_scss/ask2.scss */
  .l-main .pankuzu {
    padding: 10px 0px 30px 0px;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Noto Sans Japanese", "NotoSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #666666; }
    /* line 56, ../_scss/ask2.scss */
    .l-main .pankuzu a {
      color: #65aadd; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 51, ../_scss/ask2.scss */
      .l-main .pankuzu {
        display: none; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 51, ../_scss/ask2.scss */
      .l-main .pankuzu {
        display: none; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 51, ../_scss/ask2.scss */
      .l-main .pankuzu {
        display: none; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 51, ../_scss/ask2.scss */
      .l-main .pankuzu {
        display: none; } }
  /* line 63, ../_scss/ask2.scss */
  .l-main h1 {
    width: 100%;
    border-bottom: solid 2px #65aadd;
    margin-bottom: 20px; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 63, ../_scss/ask2.scss */
      .l-main h1 {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 63, ../_scss/ask2.scss */
      .l-main h1 {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 63, ../_scss/ask2.scss */
      .l-main h1 {
        margin-bottom: 15px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 63, ../_scss/ask2.scss */
      .l-main h1 {
        margin-bottom: 15px; } }
    /* line 70, ../_scss/ask2.scss */
    .l-main h1 p {
      max-width: 230px;
      width: 100%;
      width: expression(this.width >= 230 ? "230px" : "auto"); }
      @media only screen and (min-width: 0) and (max-width: 320px) {
        /* line 70, ../_scss/ask2.scss */
        .l-main h1 p {
          max-width: none; } }
      @media only screen and (min-width: 320px) and (max-width: 568px) {
        /* line 70, ../_scss/ask2.scss */
        .l-main h1 p {
          max-width: none; } }
      @media only screen and (min-width: 568px) and (max-width: 768px) {
        /* line 70, ../_scss/ask2.scss */
        .l-main h1 p {
          max-width: none; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* line 70, ../_scss/ask2.scss */
        .l-main h1 p {
          max-width: none; } }
      /* line 77, ../_scss/ask2.scss */
      .l-main h1 p span {
        display: block;
        text-indent: -9999px;
        width: 100%;
        height: 0px;
        background: url(../img/ask/title2.gif) no-repeat;
        background-size: cover;
        padding-top: 13.47826%; }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 77, ../_scss/ask2.scss */
          .l-main h1 p span {
            background: url(../img/ask/sp_title2.gif) no-repeat;
            background-size: cover;
            padding-top: 7.03125%; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 77, ../_scss/ask2.scss */
          .l-main h1 p span {
            background: url(../img/ask/sp_title2.gif) no-repeat;
            background-size: cover;
            padding-top: 7.03125%; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 77, ../_scss/ask2.scss */
          .l-main h1 p span {
            background: url(../img/ask/sp_title2.gif) no-repeat;
            background-size: cover;
            padding-top: 7.03125%; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 77, ../_scss/ask2.scss */
          .l-main h1 p span {
            background: url(../img/ask/sp_title2.gif) no-repeat;
            background-size: cover;
            padding-top: 7.03125%; } }
  /* line 91, ../_scss/ask2.scss */
  .l-main .txt {
    font-family: "Noto Sans Japanese", "NotoSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
    color: #666666;
    line-height: 160%; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 91, ../_scss/ask2.scss */
      .l-main .txt {
        padding: 0px 10px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 91, ../_scss/ask2.scss */
      .l-main .txt {
        padding: 0px 10px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 91, ../_scss/ask2.scss */
      .l-main .txt {
        padding: 0px 10px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 91, ../_scss/ask2.scss */
      .l-main .txt {
        padding: 0px 10px; } }
  /* line 102, ../_scss/ask2.scss */
  .l-main table {
    width: 100%;
    color: #666666;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Noto Sans Japanese", "NotoSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 150%;
    margin-bottom: 30px; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 102, ../_scss/ask2.scss */
      .l-main table {
        margin-bottom: 30px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 102, ../_scss/ask2.scss */
      .l-main table {
        margin-bottom: 30px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 102, ../_scss/ask2.scss */
      .l-main table {
        margin-bottom: 30px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 102, ../_scss/ask2.scss */
      .l-main table {
        margin-bottom: 30px; } }
    /* line 112, ../_scss/ask2.scss */
    .l-main table th {
      width: 19.79167%;
      vertical-align: middle;
      background: #eaf8ff url(../img/company/line1.gif) repeat-x;
      background-position: left bottom;
      position: relative; }
      @media only screen and (min-width: 0) and (max-width: 320px) {
        /* line 112, ../_scss/ask2.scss */
        .l-main table th {
          width: 100%;
          display: block; } }
      @media only screen and (min-width: 320px) and (max-width: 568px) {
        /* line 112, ../_scss/ask2.scss */
        .l-main table th {
          width: 100%;
          display: block; } }
      @media only screen and (min-width: 568px) and (max-width: 768px) {
        /* line 112, ../_scss/ask2.scss */
        .l-main table th {
          width: 100%;
          display: block; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* line 112, ../_scss/ask2.scss */
        .l-main table th {
          width: 100%;
          display: block; } }
      /* line 122, ../_scss/ask2.scss */
      .l-main table th .line {
        background: url(../img/company/line1.gif) repeat-x;
        line-height: 0px;
        font-size: 0px;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 0px;
        left: 0px; }
      /* line 132, ../_scss/ask2.scss */
      .l-main table th p {
        padding: 17px 0px 17px 20.68966%; }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 132, ../_scss/ask2.scss */
          .l-main table th p {
            padding: 12.5px 10px;
            box-sizing: border-box; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 132, ../_scss/ask2.scss */
          .l-main table th p {
            padding: 12.5px 10px;
            box-sizing: border-box; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 132, ../_scss/ask2.scss */
          .l-main table th p {
            padding: 12.5px 10px;
            box-sizing: border-box; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 132, ../_scss/ask2.scss */
          .l-main table th p {
            padding: 12.5px 10px;
            box-sizing: border-box; } }
    /* line 141, ../_scss/ask2.scss */
    .l-main table td {
      width: 80.20833%;
      vertical-align: middle;
      background: #f7fcff url(../img/company/line2.gif) repeat-x;
      background-position: left bottom;
      position: relative;
      line-height: 200%; }
      @media only screen and (min-width: 0) and (max-width: 320px) {
        /* line 141, ../_scss/ask2.scss */
        .l-main table td {
          width: 100%;
          display: block; } }
      @media only screen and (min-width: 320px) and (max-width: 568px) {
        /* line 141, ../_scss/ask2.scss */
        .l-main table td {
          width: 100%;
          display: block; } }
      @media only screen and (min-width: 568px) and (max-width: 768px) {
        /* line 141, ../_scss/ask2.scss */
        .l-main table td {
          width: 100%;
          display: block; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* line 141, ../_scss/ask2.scss */
        .l-main table td {
          width: 100%;
          display: block; } }
      /* line 152, ../_scss/ask2.scss */
      .l-main table td .line {
        background: url(../img/company/line2.gif) repeat-x;
        line-height: 0px;
        font-size: 0px;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 0px;
        left: 0px; }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 152, ../_scss/ask2.scss */
          .l-main table td .line {
            display: none; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 152, ../_scss/ask2.scss */
          .l-main table td .line {
            display: none; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 152, ../_scss/ask2.scss */
          .l-main table td .line {
            display: none; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 152, ../_scss/ask2.scss */
          .l-main table td .line {
            display: none; } }
      /* line 165, ../_scss/ask2.scss */
      .l-main table td div {
        background: url(../img/company/line2.gif) repeat-x;
        background-position: left bottom; }
      /* line 169, ../_scss/ask2.scss */
      .l-main table td p {
        padding: 17px 3.8961% 17px 3.8961%; }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 169, ../_scss/ask2.scss */
          .l-main table td p {
            padding: 12.5px 10px;
            box-sizing: border-box; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 169, ../_scss/ask2.scss */
          .l-main table td p {
            padding: 12.5px 10px;
            box-sizing: border-box; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 169, ../_scss/ask2.scss */
          .l-main table td p {
            padding: 12.5px 10px;
            box-sizing: border-box; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 169, ../_scss/ask2.scss */
          .l-main table td p {
            padding: 12.5px 10px;
            box-sizing: border-box; } }
      /* line 176, ../_scss/ask2.scss */
      .l-main table td input {
        width: 100%; }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 176, ../_scss/ask2.scss */
          .l-main table td input {
            width: 95%;
            -webkit-appearance: none;
            border-radius: 0px;
            border: solid 1px #cccccc;
            -moz-box-shadow: 1px 1px 2px #eee;
            -webkit-box-shadow: 1px 1px 2px #eee;
            box-shadow: 1px 1px 2px #eee; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 176, ../_scss/ask2.scss */
          .l-main table td input {
            width: 95%;
            -webkit-appearance: none;
            border-radius: 0px;
            border: solid 1px #cccccc;
            -moz-box-shadow: 1px 1px 2px #eee;
            -webkit-box-shadow: 1px 1px 2px #eee;
            box-shadow: 1px 1px 2px #eee; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 176, ../_scss/ask2.scss */
          .l-main table td input {
            width: 95%;
            -webkit-appearance: none;
            border-radius: 0px;
            border: solid 1px #cccccc;
            -moz-box-shadow: 1px 1px 2px #eee;
            -webkit-box-shadow: 1px 1px 2px #eee;
            box-shadow: 1px 1px 2px #eee; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 176, ../_scss/ask2.scss */
          .l-main table td input {
            width: 95%;
            -webkit-appearance: none;
            border-radius: 0px;
            border: solid 1px #cccccc;
            -moz-box-shadow: 1px 1px 2px #eee;
            -webkit-box-shadow: 1px 1px 2px #eee;
            box-shadow: 1px 1px 2px #eee; } }
      /* line 186, ../_scss/ask2.scss */
      .l-main table td .zip1 {
        width: 100px; }
      /* line 189, ../_scss/ask2.scss */
      .l-main table td .zip2 {
        width: 100px; }
      /* line 192, ../_scss/ask2.scss */
      .l-main table td textarea {
        width: 100%;
        height: 120px; }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 192, ../_scss/ask2.scss */
          .l-main table td textarea {
            width: 95%;
            -webkit-appearance: none;
            border-radius: 0px;
            border: solid 1px #cccccc;
            -moz-box-shadow: 1px 1px 2px #eee;
            -webkit-box-shadow: 1px 1px 2px #eee;
            box-shadow: 1px 1px 2px #eee; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 192, ../_scss/ask2.scss */
          .l-main table td textarea {
            width: 95%;
            -webkit-appearance: none;
            border-radius: 0px;
            border: solid 1px #cccccc;
            -moz-box-shadow: 1px 1px 2px #eee;
            -webkit-box-shadow: 1px 1px 2px #eee;
            box-shadow: 1px 1px 2px #eee; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 192, ../_scss/ask2.scss */
          .l-main table td textarea {
            width: 95%;
            -webkit-appearance: none;
            border-radius: 0px;
            border: solid 1px #cccccc;
            -moz-box-shadow: 1px 1px 2px #eee;
            -webkit-box-shadow: 1px 1px 2px #eee;
            box-shadow: 1px 1px 2px #eee; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 192, ../_scss/ask2.scss */
          .l-main table td textarea {
            width: 95%;
            -webkit-appearance: none;
            border-radius: 0px;
            border: solid 1px #cccccc;
            -moz-box-shadow: 1px 1px 2px #eee;
            -webkit-box-shadow: 1px 1px 2px #eee;
            box-shadow: 1px 1px 2px #eee; } }
      /* line 203, ../_scss/ask2.scss */
      .l-main table td .error {
        color: #FF0000; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 208, ../_scss/ask2.scss */
      .l-main table tr:last-child td {
        background-image: none; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 208, ../_scss/ask2.scss */
      .l-main table tr:last-child td {
        background-image: none; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 208, ../_scss/ask2.scss */
      .l-main table tr:last-child td {
        background-image: none; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 208, ../_scss/ask2.scss */
      .l-main table tr:last-child td {
        background-image: none; } }
  /* line 217, ../_scss/ask2.scss */
  .l-main .btn {
    max-width: 370px;
    width: 100%;
    width: expression(this.width >= 370 ? "370px" : "auto");
    margin: 0px auto 130px auto;
    cursor: pointer;
    position: relative; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 217, ../_scss/ask2.scss */
      .l-main .btn {
        max-width: none;
        margin-bottom: 140;
        width: 93.75%; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 217, ../_scss/ask2.scss */
      .l-main .btn {
        max-width: none;
        margin-bottom: 140;
        width: 93.75%; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 217, ../_scss/ask2.scss */
      .l-main .btn {
        max-width: none;
        margin-bottom: 140;
        width: 93.75%; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 217, ../_scss/ask2.scss */
      .l-main .btn {
        max-width: none;
        margin-bottom: 140;
        width: 93.75%; } }
    /* line 230, ../_scss/ask2.scss */
    .l-main .btn .hover {
      display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      text-indent: -9999px;
      width: 100%;
      height: 0px;
      background: url(../img/ask/btn3_on.gif) no-repeat;
      background-size: cover;
      padding-top: 16.21622%; }
    /* line 240, ../_scss/ask2.scss */
    .l-main .btn p {
      display: block;
      text-indent: -9999px;
      width: 100%;
      height: 0px;
      background: url(../img/ask/btn3.gif) no-repeat;
      background-size: cover;
      padding-top: 16.21622%; }
      @media only screen and (min-width: 0) and (max-width: 320px) {
        /* line 240, ../_scss/ask2.scss */
        .l-main .btn p {
          background: url(../img/ask/sp_btn3.gif) no-repeat;
          background-size: cover;
          padding-top: 13.33333%; } }
      @media only screen and (min-width: 320px) and (max-width: 568px) {
        /* line 240, ../_scss/ask2.scss */
        .l-main .btn p {
          background: url(../img/ask/sp_btn3.gif) no-repeat;
          background-size: cover;
          padding-top: 13.33333%; } }
      @media only screen and (min-width: 568px) and (max-width: 768px) {
        /* line 240, ../_scss/ask2.scss */
        .l-main .btn p {
          background: url(../img/ask/sp_btn3.gif) no-repeat;
          background-size: cover;
          padding-top: 13.33333%; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* line 240, ../_scss/ask2.scss */
        .l-main .btn p {
          background: url(../img/ask/sp_btn3.gif) no-repeat;
          background-size: cover;
          padding-top: 13.33333%; } }