@charset "UTF-8";
/* Scss Document */
/* clearfix */
.cFix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.cFix {
  min-height: 1px; }

* html .cFix {
  height: 1px;
  /*\*/
  /*/ height: auto; overflow: hidden; /**/ }

/* width:height:margin:padding */
/*
	@include mq(pc) {
		@include sp_pb(30);
	}
	@include mq() {
		@include sp_pb2(38);
	}
*/
/* basic */
#contents {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Sans-Serif; }
  @media screen and (min-width: 737px), print {
    #contents {
      min-width: 980px; } }

#enqHeader *,
#enqArea *,
#enqContents *,
#enqContents_C * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.red {
  color: #cc0000; }

div#enqNavi {
  background-color: #e5e5e5; }
  @media screen and (min-width: 737px), print {
    div#enqNavi {
      margin-top: 20px;
      min-width: 980px; } }
  div#enqNavi p {
    margin: 0 auto;
    text-align: right; }
    @media screen and (min-width: 737px), print {
      div#enqNavi p {
        width: 940px;
        padding-top: 6px;
        padding-bottom: 8px; } }
    @media screen and (max-width: 736px) {
      div#enqNavi p {
        width: 94.66667vw;
        padding-top: 2.4vw;
        padding-bottom: 2.4vw; } }
    div#enqNavi p a {
      /*
			font-family: "Meiryo";
			*/
      color: #222222;
      text-decoration: none; }
      @media screen and (min-width: 737px), print {
        div#enqNavi p a {
          font-size: 13px; } }
      @media screen and (max-width: 736px) {
        div#enqNavi p a {
          font-size: 2.93333vw; } }
      div#enqNavi p a:before {
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent transparent transparent #222222;
        content: "";
        padding-right: .2em; }
        @media screen and (min-width: 737px), print {
          div#enqNavi p a:before {
            border-width: 5px 0 5px 6px; } }
        @media screen and (max-width: 736px) {
          div#enqNavi p a:before {
            border-width: 1.13333vw 0 1.13333vw 2vw; } }
      div#enqNavi p a:hover {
        opacity: .7; }

div#enqTitle {
  margin: 0 auto; }
  @media screen and (min-width: 737px), print {
    div#enqTitle {
      width: 980px;
      padding-top: 55px; } }
  @media screen and (max-width: 736px) {
    div#enqTitle {
      width: 94.66667vw;
      padding-top: 8.53333vw; } }
  div#enqTitle h1 {
    /*
		font-family: "Meiryo";
		*/
    color: #222222;
    border-bottom: 1px solid #d2d2d2; }
    @media screen and (min-width: 737px), print {
      div#enqTitle h1 {
        padding-top: 18px;
        padding-left: 18px;
        padding-right: 18px;
        font-size: 38px;
        line-height: 1.263; } }
    @media screen and (max-width: 736px) {
      div#enqTitle h1 {
        padding-top: 2.4vw;
        font-size: 6.4vw;
        line-height: 1; } }
    @media screen and (max-width: 736px) {
      div#enqTitle h1 br {
        display: none;
        letter-spacing: -.4em; } }
  div#enqTitle p {
    /*
		font-family: "Meiryo";
		*/
    color: #cc0000; }
    @media screen and (min-width: 737px), print {
      div#enqTitle p {
        padding-top: 18px;
        padding-left: 18px;
        padding-right: 18px;
        font-size: 20px;
        line-height: 1.663; } }
    @media screen and (max-width: 736px) {
      div#enqTitle p {
        padding-top: 2.93333vw;
        font-size: 3.73333vw;
        line-height: 1.188; } }
    div#enqTitle p:before {
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent transparent transparent  #cc0000;
      content: "";
      padding-right: .2em; }
      @media screen and (min-width: 737px), print {
        div#enqTitle p:before {
          border-width: 8px 0 8px 16px; } }
      @media screen and (max-width: 736px) {
        div#enqTitle p:before {
          border-width: 1.46667vw 0 1.46667vw 2.4vw; } }
    div#enqTitle p a {
      color: #cc0000;
      text-decoration: none; }

div#enqLead {
  margin: 0 auto; }
  @media screen and (min-width: 737px), print {
    div#enqLead {
      width: 860px;
      padding-top: 66px; } }
  @media screen and (max-width: 736px) {
    div#enqLead {
      width: 94.66667vw;
      padding-top: 7.33333vw; } }
  div#enqLead p {
    /*
		font-family: "Meiryo";
		*/
    color: #222222; }
    @media screen and (min-width: 737px), print {
      div#enqLead p {
        font-size: 16px;
        line-height: 1.688; } }
    @media screen and (max-width: 736px) {
      div#enqLead p {
        font-size: 3.73333vw;
        line-height: 1.464; } }
    @media screen and (min-width: 737px), print {
      div#enqLead p small {
        font-size: 13px;
        line-height: 2.462; } }
    @media screen and (max-width: 736px) {
      div#enqLead p small {
        font-size: 2.93333vw;
        line-height: 1.455; } }

#enqContents {
  margin: 0 auto; }
  @media screen and (min-width: 737px), print {
    #enqContents {
      width: 940px;
      padding-top: 36px; } }
  @media screen and (max-width: 736px) {
    #enqContents {
      width: 98.66667vw;
      padding-top: 9.33333vw; } }
  #enqContents form dl {
    width: 100%; }
    @media screen and (min-width: 737px), print {
      #enqContents form dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-top: 2px; } }
    #enqContents form dl dt {
      background-color: #f6f6f6;
      position: relative; }
      @media screen and (min-width: 737px), print {
        #enqContents form dl dt {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex: 0 0 460px;
          -ms-flex: 0 0 460px;
          -webkit-box-flex: 0;
          flex: 0 0 460px; } }
      #enqContents form dl dt p {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
      #enqContents form dl dt strong, #enqContents form dl dt span {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block; }
      #enqContents form dl dt strong {
        vertical-align: middle;
        text-align: center;
        background-color: #a0a0a0;
        color: #fff; }
        @media screen and (min-width: 737px), print {
          #enqContents form dl dt strong {
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            -webkit-box-flex: 0;
            flex: 0 0 auto;
            width: 52px;
            padding-top: 20px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 20px; } }
        @media screen and (max-width: 736px) {
          #enqContents form dl dt strong {
            padding-top: 2.66667vw;
            padding-left: 2.66667vw;
            padding-right: 2.66667vw;
            padding-bottom: 2.66667vw; } }
      @media screen and (min-width: 737px), print {
        #enqContents form dl dt span {
          -webkit-flex: 1 0 0px;
          -ms-flex: 1 0 0px;
          -webkit-box-flex: 1;
          flex: 1 0 0px;
          padding-top: 20px;
          padding-left: 10px;
          padding-right: 10px;
          padding-bottom: 20px; } }
      @media screen and (max-width: 736px) {
        #enqContents form dl dt span {
          word-wrap: break-word;
          width: 88.8vw;
          padding-top: 2.66667vw;
          padding-left: 2.66667vw;
          padding-right: 2.66667vw;
          padding-bottom: 2.66667vw; } }
    @media screen and (min-width: 737px), print {
      #enqContents form dl dd {
        background-color: #e5e5e5;
        border-left: 4px solid #fff;
        -webkit-flex: 0 0 480px;
        -ms-flex: 0 0 480px;
        -webkit-box-flex: 0;
        flex: 0 0 480px;
        padding-top: 20px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 20px; } }
    @media screen and (max-width: 736px) {
      #enqContents form dl dd {
        padding-top: 2.66667vw;
        padding-left: 5.33333vw;
        padding-right: 5.33333vw;
        padding-bottom: 2.66667vw; } }
    #enqContents form dl dd textarea {
      width: 100%;
      border: 1px solid lightgrey;
      -webkit-transition: border-color ease .2s;
      -o-transition: border-color ease .2s;
      transition: border-color ease .2s; }
      @media screen and (min-width: 737px), print {
        #enqContents form dl dd textarea {
          height: 150px; } }
      @media screen and (max-width: 736px) {
        #enqContents form dl dd textarea {
          height: 32vw; } }
      #enqContents form dl dd textarea:focus {
        border-color: #5f98e1; }
    @media screen and (min-width: 737px), print {
      #enqContents form dl dd.in2Select div {
        padding-top: 10px; } }
    @media screen and (max-width: 736px) {
      #enqContents form dl dd.in2Select div {
        padding-top: 2.66667vw; } }
    @media screen and (min-width: 737px), print {
      #enqContents form dl dd.in2Select div:first-child {
        padding-top: 0px; } }
    @media screen and (max-width: 736px) {
      #enqContents form dl dd.in2Select div:first-child {
        padding-top: 0vw; } }
    #enqContents form dl dd.in2Select div p {
      width: 9em; }
      @media screen and (min-width: 737px), print {
        #enqContents form dl dd.in2Select div p {
          display: inline-block; } }
  #enqContents.confirm form table.result {
    table-layout: fixed; }
    @media screen and (min-width: 737px), print {
      #enqContents.confirm form table.result {
        width: 940px; } }
    @media screen and (max-width: 736px) {
      #enqContents.confirm form table.result {
        width: 100%; } }
    #enqContents.confirm form table.result th {
      background-color: #f6f6f6;
      width: 50%;
      border-top: 4px solid #fff; }
      @media screen and (min-width: 737px), print {
        #enqContents.confirm form table.result th {
          padding-top: 20px;
          padding-left: 10px;
          padding-right: 10px;
          padding-bottom: 20px; } }
      @media screen and (max-width: 736px) {
        #enqContents.confirm form table.result th {
          padding-top: 2.66667vw;
          padding-left: 2.66667vw;
          padding-right: 2.66667vw;
          padding-bottom: 2.66667vw; } }
    #enqContents.confirm form table.result td {
      width: 50%;
      background-color: #e5e5e5;
      border-left: 4px solid #fff;
      border-top: 4px solid #fff; }
      @media screen and (min-width: 737px), print {
        #enqContents.confirm form table.result td {
          padding-top: 20px;
          padding-left: 10px;
          padding-right: 10px;
          padding-bottom: 20px; } }
      @media screen and (max-width: 736px) {
        #enqContents.confirm form table.result td {
          padding-top: 2.66667vw;
          padding-left: 2.66667vw;
          padding-right: 2.66667vw;
          padding-bottom: 2.66667vw; } }
  @media screen and (min-width: 737px), print {
    #enqContents.confirm form dl dt {
      -webkit-flex-basis: 468px;
      -ms-flex-preferred-size: 468px;
      flex-basis: 468px; } }
  @media screen and (min-width: 737px), print {
    #enqContents.confirm form dl dd {
      -webkit-flex-basis: 472px;
      -ms-flex-preferred-size: 472px;
      flex-basis: 472px; } }

#submit {
  text-align: center; }
  @media screen and (min-width: 737px), print {
    #submit {
      padding-top: 60px; } }
  @media screen and (max-width: 736px) {
    #submit {
      padding-top: 10.66667vw; } }

#submit2 {
  position: absolute; }
  @media screen and (min-width: 737px), print {
    #submit2 {
      padding-top: 40px;
      margin-left: 530px; } }
  @media screen and (max-width: 736px) {
    #submit2 {
      text-align: center;
      width: 98.66667vw;
      margin-top: 29.33333vw; } }

@media screen and (min-width: 737px), print {
  #returnBack {
    padding-top: 40px;
    margin-left: 90px; } }

@media screen and (max-width: 736px) {
  #returnBack {
    text-align: center;
    margin-top: 10.66667vw;
    padding-bottom: 18.66667vw; } }

.enqEnd {
  margin: 0 auto; }
  @media screen and (min-width: 737px), print {
    .enqEnd {
      width: 860px;
      padding-top: 60px;
      padding-bottom: 30px; } }
  @media screen and (max-width: 736px) {
    .enqEnd {
      width: 94.66667vw;
      padding-top: 10.66667vw;
      padding-bottom: 4vw; } }
  .enqEnd small {
    /*
		font-family: "Meiryo";
		*/
    color: #222222; }
    @media screen and (min-width: 737px), print {
      .enqEnd small {
        font-size: 13px;
        line-height: 1.4; } }
    @media screen and (max-width: 736px) {
      .enqEnd small {
        font-size: 2.93333vw;
        line-height: 1.455; } }
    @media screen and (max-width: 736px) {
      .enqEnd small br {
        display: none;
        letter-spacing: -.4em; } }
    .enqEnd small a {
      color: #c00; }

/* form part */
.radioBox {
  /*chiba add*/ }
  .radioBox .box {
    display: inline-block;
    position: relative; }
    @media screen and (min-width: 737px), print {
      .radioBox .box {
        padding-left: 26px;
        padding-right: 26px; } }
    @media screen and (max-width: 736px) {
      .radioBox .box {
        padding-left: 5.86667vw;
        padding-right: 4.26667vw; } }
  .radioBox .box2 {
    display: inline-block;
    position: relative; }
    @media screen and (min-width: 737px), print {
      .radioBox .box2 {
        padding-left: 26px;
        padding-right: 10px; } }
    @media screen and (max-width: 736px) {
      .radioBox .box2 {
        padding-left: 5.86667vw;
        padding-right: 1.73333vw; } }
  .radioBox input[type="radio"] {
    display: none; }
    .radioBox input[type="radio"] + label {
      cursor: pointer;
      display: inline-block; }
      @media screen and (min-width: 737px), print {
        .radioBox input[type="radio"] + label {
          padding-top: 2px; } }
      .radioBox input[type="radio"] + label:before, .radioBox input[type="radio"] + label:after {
        content: "";
        position: absolute;
        display: inline-block;
        border-radius: 50%;
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        -o-transition: transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease, -webkit-transform .2s ease; }
      @media screen and (min-width: 737px), print {
        .radioBox input[type="radio"] + label:before {
          top: 0px;
          left: 0;
          width: 18px;
          height: 18px;
          /*border: 1px solid #fff;*/
          border: 1px solid #ccc;
          /* chiba change */
          background-color: #fff; } }
      @media screen and (max-width: 736px) {
        .radioBox input[type="radio"] + label:before {
          top: 0;
          left: 0;
          width: 3.73333vw;
          height: 3.73333vw;
          /*border: 1px solid #e5e5e5;
					background-color:#e5e5e5;*/
          border: 1px solid #ccc;
          background-color: #fff;
          /* chiba change */ } }
      .radioBox input[type="radio"] + label:after {
        background-color: transparent;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0); }
        @media screen and (min-width: 737px), print {
          .radioBox input[type="radio"] + label:after {
            top: 5px;
            left: 5px;
            width: 10px;
            height: 10px; } }
        @media screen and (max-width: 736px) {
          .radioBox input[type="radio"] + label:after {
            top: 0.8vw;
            left: 0.8vw;
            border: 1px solid #e5e5e5;
            width: 2.13333vw;
            height: 2.13333vw; } }
    .radioBox input[type="radio"]:checked + label:after {
      background-color: #cc0000;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  @media screen and (min-width: 737px), print {
    .radioBox label:last-child {
      padding-right: 0px; } }
  @media screen and (max-width: 736px) {
    .radioBox label:last-child {
      padding-right: 0vw; } }

.checkBox .box {
  position: relative; }
  @media screen and (min-width: 737px), print {
    .checkBox .box {
      padding-left: 26px;
      padding-right: 26px;
      margin-top: 10px; } }
  @media screen and (max-width: 736px) {
    .checkBox .box {
      padding-left: 5.86667vw;
      padding-right: 4.26667vw;
      margin-top: 2.66667vw; } }
  @media screen and (min-width: 737px), print {
    .checkBox .box:nth-of-type(1) {
      margin-top: 0px; } }
  @media screen and (max-width: 736px) {
    .checkBox .box:nth-of-type(1) {
      margin-top: 0vw; } }

.checkBox input[type="checkBox"] {
  display: none; }
  .checkBox input[type="checkBox"] + label {
    cursor: pointer;
    display: inline-block;
    padding-top: 2px;
    /*chiba add*/ }
    .checkBox input[type="checkBox"] + label:before, .checkBox input[type="checkBox"] + label:after {
      content: "";
      position: absolute;
      display: inline-block; }
    @media screen and (min-width: 737px), print {
      .checkBox input[type="checkBox"] + label:before {
        top: 0px;
        left: 0;
        width: 18px;
        height: 18px;
        /*border: 1px solid #fff;*/
        border: 1px solid #ccc;
        /* chiba change*/
        background-color: #fff; } }
    @media screen and (max-width: 736px) {
      .checkBox input[type="checkBox"] + label:before {
        top: 0;
        left: 0;
        width: 3.73333vw;
        height: 3.73333vw;
        /*border: 1px solid #e5e5e5;
					background-color:#e5e5e5;*/
        border: 1px solid #ccc;
        background-color: #fff;
        /* chiba change*/ } }
    .checkBox input[type="checkBox"] + label:after {
      background-color: transparent;
      -webkit-transition: border-bottom-color,border-right-color .2s ease;
      -o-transition: border-bottom-color,border-right-color .2s ease;
      transition: border-bottom-color,border-right-color .2s ease;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
      @media screen and (min-width: 737px), print {
        .checkBox input[type="checkBox"] + label:after {
          top: 0px;
          left: 5px;
          width: 8px;
          height: 20px;
          margin-top: -5px;
          border-right: 3px solid transparent;
          border-bottom: 3px solid transparent;
          border-radius: 1.5px; } }
      @media screen and (max-width: 736px) {
        .checkBox input[type="checkBox"] + label:after {
          top: 0vw;
          left: 1.06667vw;
          width: 2.13333vw;
          height: 4.26667vw;
          margin-top: -1.06667vw;
          border-right: 3px solid transparent;
          border-bottom: 3px solid transparent;
          border-radius: 1.5px; } }
  .checkBox input[type="checkBox"]:checked + label:after {
    border-color: #cc0000; }

@media screen and (min-width: 737px), print {
  .styledForm {
    width: 300px; } }

@media screen and (max-width: 736px) {
  .styledForm {
    width: 80vw; } }

@media screen and (min-width: 737px), print {
  .styledForm.longWord {
    width: 410px; } }

.customSelect {
  border: none;
  background-image: url("../image/bk_selectOption.png");
  background-repeat: no-repeat;
  background-size: 1em; }
  @media screen and (min-width: 737px), print {
    .customSelect {
      padding-top: 5px;
      padding-left: 14px;
      padding-right: 34px;
      padding-bottom: 5px;
      background-color: #fff;
      background-position: top 50% right 12px; } }
  @media screen and (max-width: 736px) {
    .customSelect {
      padding-top: 1.06667vw;
      padding-left: 2.66667vw;
      padding-right: 7.2vw;
      padding-bottom: 1.06667vw;
      /*background-color:#e5e5e5; chiba change*/
      background-position: top 50% right 2.4vw; } }

.customSelectInner {
  width: 100% !important; }

#enqContents input[type="submit"] {
  background-image: url("../image/bk_submit.png");
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  color: #fff;
  /*
		font-family: "Meiryo";
	*/
  text-align: center; }
  @media screen and (min-width: 737px), print {
    #enqContents input[type="submit"] {
      background-position: top 50% right 70px;
      background-size: 22px;
      padding-top: 30px;
      padding-bottom: 26px;
      width: 320px;
      font-size: 21.5px;
      line-height: 0.977; } }
  @media screen and (max-width: 736px) {
    #enqContents input[type="submit"] {
      background-position: top 50% right 12.8vw;
      background-size: 4vw;
      padding-top: 4vw;
      padding-left: 15.73333vw;
      padding-right: 15.73333vw;
      padding-bottom: 3.46667vw;
      width: 61.6vw;
      font-size: 5.73333vw;
      line-height: 0.84;
      border-radius: 0px; } }
  #enqContents input[type="submit"]:hover {
    opacity: .7; }

#submit input[type="submit"],
#submit2 input[type="submit"] {
  background-color: #c00; }

#returnBack input[type="submit"] {
  background-color: #a0a0a0;
  background-image: url("../image/bk_return.png"); }
  @media screen and (min-width: 737px), print {
    #returnBack input[type="submit"] {
      background-position: top 50% left 70px; } }
  @media screen and (max-width: 736px) {
    #returnBack input[type="submit"] {
      background-position: top 50% left 12.8vw; } }

/*chiba add*/
p#leadCopy {
  font-weight: bold; }
  @media screen and (min-width: 737px), print {
    p#leadCopy {
      font-size: 16px;
      line-height: 1.688; } }
  @media screen and (max-width: 736px) {
    p#leadCopy {
      font-size: 3.73333vw;
      line-height: 1.464; } }

@media screen and (max-width: 736px) {
  #enqContents {
    width: 94.66667vw;
    padding-top: 7.33333vw; } }

dl.question {
  display: table !important;
  margin-bottom: 30px !important; }
  @media screen and (max-width: 736px) {
    dl.question {
      margin-bottom: 5% !important; } }

dl.question dt,
dl.question dd {
  display: table-cell !important; }

dl.question dt {
  background: #a1a1ab !important;
  color: #fff !important;
  font-weight: bold !important;
  text-align: center !important;
  width: 70px !important;
  vertical-align: middle !important; }
  @media screen and (max-width: 736px) {
    dl.question dt {
      width: 12% !important; } }

dl.question dd {
  border-left: none !important;
  padding: 20px !important;
  line-height: 1.5; }
  @media screen and (max-width: 736px) {
    dl.question dd {
      padding: 4% !important;
      background-color: #e5e5e5; } }

div.selectWrapper {
  display: inline-block;
  border: 1px solid #ccc; }

div.cFix .lColumn {
  width: 130px;
  float: left;
  padding-top: 5px;
  padding-bottom: 20px; }
  @media screen and (max-width: 736px) {
    div.cFix .lColumn {
      width: 100%;
      float: none;
      padding-top: 0;
      padding-bottom: 5px; } }

div.cFix .rColumn {
  float: left;
  padding-bottom: 20px; }
  @media screen and (max-width: 736px) {
    div.cFix .rColumn {
      width: 100%; } }

input.syasyumei {
  width: 300px;
  margin: 5px 0; }
  @media screen and (max-width: 736px) {
    input.syasyumei {
      width: 100% !important; } }

input.syasyumei2 {
  width: 300px; }
  @media screen and (max-width: 736px) {
    input.syasyumei2 {
      width: 100% !important; } }

ul.inputList {
  margin-bottom: 30px; }
  ul.inputList li {
    margin-bottom: 10px; }

ul.inputList2 {
  margin-bottom: 8px !important; }
  @media screen and (max-width: 736px) {
    ul.inputList2 {
      margin-bottom: 30px !important; } }
  ul.inputList2 li {
    display: inline-block; }
    ul.inputList2 li.first {
      width: 230px; }
    @media screen and (max-width: 736px) {
      ul.inputList2 li {
        display: block; } }

div.tArea {
  margin-bottom: 30px; }
  div.tArea textarea {
    margin: 5px 0;
    width: 700px;
    height: 200px; }
    @media screen and (max-width: 736px) {
      div.tArea textarea {
        width: 100%; } }

p.miryoku {
  margin-bottom: 10px; }
  @media screen and (max-width: 736px) {
    p.miryoku {
      margin-bottom: 20px; } }
  p.miryoku span.pageNum input {
    width: 40px; }
  @media screen and (max-width: 736px) {
    p.miryoku span.pageNum {
      display: inline-block;
      padding-bottom: 5px; } }
  p.miryoku span.reason input {
    width: 740px; }
  @media screen and (max-width: 736px) {
    p.miryoku span.reason {
      display: block; }
      p.miryoku span.reason input {
        width: 100%; } }

table.q10Table {
  margin-bottom: 10px; }
  table.q10Table th {
    width: 340px;
    padding-right: 20px; }
    table.q10Table th p {
      display: table; }
      table.q10Table th p span {
        display: table-cell;
        vertical-align: top; }
  @media screen and (max-width: 736px) {
    table.q10Table {
      margin-bottom: 20px; }
      table.q10Table tr, table.q10Table th, table.q10Table td {
        display: block; }
      table.q10Table th {
        width: 100%;
        padding-bottom: 5px;
        padding-right: 0; }
        table.q10Table th p {
          display: block; }
          table.q10Table th p span {
            display: inline;
            vertical-align: top; }
      table.q10Table td {
        padding-bottom: 5px; } }

ul.mb30,
p.mb30,
table.mb30 {
  margin-bottom: 30px !important; }

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

p.mb20,
table.mb20 {
  margin-bottom: 20px; }

input[type="text"],
textarea {
  border: 1px solid #ccc; }

p.mainImg {
  background-image: url("../image/main_pc.gif");
  background-position: left center;
  background-repeat: no-repeat;
  width: 940px;
  height: 342px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }
  @media screen and (max-width: 736px) {
    p.mainImg {
      background-image: url("../image/main_sp.gif");
      width: 100%;
      background-size: contain;
      background-position: left top;
      height: 0;
      padding-top: 35%; } }

#submit a {
  display: block;
  background: #c00;
  padding-top: 30px;
  padding-bottom: 26px;
  width: 320px;
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
  font-size: 21.5px; }
  @media screen and (max-width: 736px) {
    #submit a {
      padding-top: 4vw;
      padding-bottom: 3.46667vw;
      width: 61.6vw;
      font-size: 5.73333vw;
      line-height: 0.84;
      border-radius: 0px;
      margin: 0 auto; } }

#submit a:hover {
  opacity: 0.7; }