@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, header, footer, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

article, aside, canvas, details, figcaption, figure, header, footer, menu, nav, section, summary {
  display: block; }

img, fieldset, iframe {
  border: none; }

ul, ol, li {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

address {
  font-style: normal;
  clear: both; }

a:link, a:visited, a:hover, a:focus, a:active {
  text-decoration: none; }

.normal {
  font-weight: normal !important; }

.bold {
  font-weight: bold !important; }

.TxtItalic {
  font-style: oblique !important; }

.TxtXSmall {
  font-size: 1.2rem !important; }

.TxtSmall {
  font-size: 1.4rem !important; }

.TxtMedium {
  font-size: 1.6rem !important; }

.TxtLarge {
  font-size: 1.8rem !important; }

.TxtXLarge {
  font-size: 2.0rem !important; }

.TxtRed {
  color: #881c21 !important; }

.lh1 {
  line-height: 1 !important; }

.nowrap {
  white-space: nowrap !important; }

.BdrNon {
  border: none !important; }

.BgColNon {
  background-color: #FFFFFF !important; }

.vtop {
  vertical-align: top !important; }

.vmid {
  vertical-align: middle !important; }

.ImgCenter {
  text-align: center !important;
  margin: 0px auto 0px auto; }

.ImgLeft {
  text-align: left !important; }

.ImgRight {
  text-align: right !important; }

.WidthAuto {
  width: auto !important; }

.m0 {
  margin: 0 !important; }

.m5 {
  margin: 5px !important; }

.m10 {
  margin: 10px !important; }

.mtb5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.mtb10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mtb15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.mtb20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.mtb25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.mtb30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.mtb40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mlr5 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.mlr10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.p0 {
  padding: 0px !important; }

.p5 {
  padding: 5px !important; }

.p10 {
  padding: 10px !important; }

.ptb5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.ptb10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.pt0 {
  padding-top: 0 !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt40 {
  padding-top: 40px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.plr5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.plr10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.pl0 {
  padding-left: 0px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pr0 {
  padding-right: 0px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.float_l {
  float: left !important; }

.float_r {
  float: right !important; }

.clear_n {
  float: none !important; }

.clear_b {
  clear: both !important; }

#SMP_STYLE .disabled-block {
  display: none !important; }

#SMP_STYLE .body {
  margin: 0;
  padding: 0;
  background: #F4F4F4;
  font-size: 13px;
  *font-size: small;
  *font: x-small;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

#SMP_STYLE .body_tbl {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 30px;
  border: 1px solid #999999;
  background: #FFFFFF; }

#SMP_STYLE h1 {
  margin: 0;
  padding: 10px 10px 10px 10px;
  background: #333333;
  color: #FFFFFF;
  font-size: 153.9%;
  font-weight: bold;
  text-align: center; }

#SMP_STYLE .header_img_smartphone {
  display: none; }

#SMP_STYLE .header_img_tablet {
  display: none; }

#SMP_STYLE .header_img_pc {
  display: block; }

#SMP_STYLE .header_text {
  margin: 0;
  padding: 20px 70px 20px 70px;
  background: #F1F1F1;
  color: #111111;
  font-size: 100%;
  font-weight: normal;
  text-align: left; }

#SMP_STYLE .header_rmesg {
  margin: 0;
  padding: 30px 70px 10px 70px;
  color: #111111;
  font-size: 100%;
  font-weight: normal;
  text-align: left; }

#SMP_STYLE .header_emesg {
  width: 720px;
  margin: 30px auto;
  padding: 20px 20px 20px 20px;
  border: 2px solid #FF0000;
  color: #FF0000;
  font-size: 100%;
  font-weight: normal;
  text-align: left; }

#SMP_STYLE .smp_tmpl {
  width: 100%;
  max-width: 760px;
  padding: 20px 0 0 0;
  margin: 0 auto;
  box-sizing: border-box; }

#SMP_STYLE dl {
  position: relative;
  margin: 0;
  padding: 13px 0 0 0;
  width: 760px;
  border-bottom: 1px solid #DDDDDD; }

#SMP_STYLE dl:first-child {
  border-top: 1px solid #DDDDDD; }

#SMP_STYLE dl.top {
  border-top: 1px solid #DDDDDD; }

#SMP_STYLE dt.title {
  display: inline-block;
  width: 220px;
  margin: 0;
  padding: 23px 15px 18px 0;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 108%;
  font-weight: bold;
  text-align: left;
  line-height: 1.2;
  vertical-align: top; }

#SMP_STYLE dt.title .caution {
  display: block;
  width: 220px;
  color: #5F5F5F;
  font-size: 85%;
  font-weight: normal;
  padding: 10px 0 0 0;
  line-height: 1.2;
  text-align: left; }

#SMP_STYLE dd.data {
  display: inline-block;
  width: 520px;
  margin: 0;
  padding: 18px 0;
  color: #5F5F5F;
  font-size: 100%;
  font-weight: bold;
  text-align: left; }

#SMP_STYLE .input {
  width: 420px;
  margin-bottom: 8px;
  padding: 5px;
  color: #333333;
  border: 1px solid #999999;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
  font-size: 108%;
  text-align: left; }
  #SMP_STYLE .input.name {
    width: 32%; }

#SMP_STYLE .zipcode li.code01 input {
  width: 60px; }

#SMP_STYLE .zipcode li.code02 input {
  width: 80px; }

#SMP_STYLE .phone li.num01 input {
  width: 60px; }

#SMP_STYLE .phone li.num02 input {
  width: 60px; }

#SMP_STYLE .phone li.num03 input {
  width: 60px; }

#SMP_STYLE .price input {
  width: 200px; }

#SMP_STYLE .num input {
  width: 60px; }

#SMP_STYLE .integer input {
  width: 90px; }

#SMP_STYLE .real input {
  width: 170px; }

#SMP_STYLE .pass input {
  width: 150px; }

#SMP_STYLE .epass input {
  width: 160px; }

#SMP_STYLE .time input {
  width: 20px; }

#SMP_STYLE .time .year {
  width: 40px; }

#SMP_STYLE ul, #smp_style li {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#SMP_STYLE .zipcode ul li,
#SMP_STYLE .phone ul li,
#SMP_STYLE .time ul li {
  width: auto;
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
  height: 35px;
  line-height: 35px; }

#SMP_STYLE label,
#SMP_STYLE input[type="checkbox"] {
  cursor: pointer; }

#SMP_STYLE .multi1 label {
  display: block;
  float: left;
  min-width: 135px;
  margin: 0 0 7px 0;
  padding: 0 10px;
  text-align: left; }

#SMP_STYLE .multi1 label input {
  display: block;
  float: left;
  width: 1em;
  height: 1em;
  margin: 0.4em 0 0 0;
  padding: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
  border-radius: 0 0 0 0;
  overflow: hidden; }

#SMP_STYLE .multi1 label span {
  display: block;
  margin: 0 0 0 30px;
  font-size: 100%;
  font-weight: normal; }

#SMP_STYLE .multi1 .radio input {
  border-radius: 1em; }

#SMP_STYLE .multi2 li {
  display: inline;
  float: left;
  min-width: 135px;
  margin: 0 0 0 0;
  padding: 0 5px 2px 10px;
  text-align: left;
  clear: both; }

#SMP_STYLE .multi2 label input {
  display: block;
  float: left;
  width: 1em;
  height: 1em;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
  margin: 0.2em 0 0 0;
  padding: 0;
  border-radius: 0 0 0 0;
  overflow: hidden; }

#SMP_STYLE .multi2 label span {
  display: block;
  margin: 0 0 0 30px;
  font-size: 100%;
  font-weight: normal; }

#SMP_STYLE .multi2 .radio input {
  border-radius: 1em; }

#SMP_STYLE select {
  margin-bottom: 8px;
  font-size: 100%;
  min-width: 240px; }

#SMP_STYLE textarea {
  width: 510px;
  padding: 5px;
  border: 1px solid #999999;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
  font-size: 108%;
  text-align: left; }

#SMP_STYLE .image input {
  width: 100%; }

#SMP_STYLE .file input {
  width: 100%; }

#SMP_STYLE input.clear {
  width: 55px;
  text-align: center; }

#SMP_STYLE .submit__wrap {
  text-align: center; }

#SMP_STYLE input.submit {
  width: 270px;
  height: 42px;
  margin: 40px 0 40px 0;
  border: hidden;
  border-radius: 3px 3px 3px 3px;
  /* other browser */
  background: #d84e4e;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  font-size: 153.9%;
  font-weight: normal;
  text-align: center;
  cursor: pointer; }
  #SMP_STYLE input.submit.err {
    background: #4d4d4d !important;
    cursor: inherit; }
    #SMP_STYLE input.submit.err:hover {
      opacity: 1 !important; }

#SMP_STYLE input.submit:hover {
  filter: alpha(opacity=90);
  -ms-filter: alpha(opacity=90);
  opacity: 0.9; }

#SMP_STYLE input.image {
  margin: 40px 0 40px 0;
  width: auto;
  border: none;
  padding: 0;
  vertical-align: middle; }

#SMP_STYLE input.searchZipcode {
  width: 150px;
  height: 32px;
  margin: auto;
  border: hidden;
  border-radius: 3px 3px 3px 3px;
  /* other browser */
  background: #d84e4e;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  font-size: 153.9%;
  font-weight: normal;
  text-align: center;
  cursor: pointer; }

#SMP_STYLE input.searchZipcode:hover {
  filter: alpha(opacity=90);
  -ms-filter: alpha(opacity=90);
  opacity: 0.9; }

#SMP_STYLE input.imageZipcode {
  margin: auto;
  width: auto;
  border: none;
  padding: 0;
  vertical-align: middle; }

#SMP_STYLE input[name=SMPFORM_BACK] {
  width: 270px;
  height: 42px;
  margin: 40px 0 40px 0;
  border: hidden;
  border-radius: 3px 3px 3px 3px;
  /* other browser */
  background: #d84e4e;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  font-size: 153.9%;
  font-weight: normal;
  text-align: center;
  cursor: pointer; }

#SMP_STYLE input.submit:hover {
  filter: alpha(opacity=90);
  -ms-filter: alpha(opacity=90);
  opacity: 0.9; }

#SMP_STYLE input.image {
  margin: 40px 0 40px 0;
  width: auto;
  border: none;
  padding: 0;
  vertical-align: middle; }

#SMP_STYLE .sample {
  color: #555555;
  font-size: 93%;
  font-weight: normal;
  text-align: left;
  line-height: 1.2; }

#SMP_STYLE .suffix {
  color: #111111;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  height: 35px;
  line-height: 35px; }

#SMP_STYLE .need {
  color: #d84e4e;
  font-size: 100%;
  font-weight: bold;
  text-align: left; }

#SMP_STYLE .msg {
  display: block;
  color: #DD0000;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left; }

#SMP_STYLE .sub_text {
  width: 760px;
  font-size: 123.1%;
  font-weight: bold;
  padding: 150px 0;
  text-align: left;
  color: #111111; }

#SMP_STYLE .error {
  background: #FFE4E4; }

#SMP_STYLE .spiralSeal {
  width: 80%;
  overflow: hidden;
  margin: 0 auto;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC; }

#SMP_STYLE .spiralSeal tr td.description {
  display: table-cell;
  text-align: left;
  overflow: auto; }

#SMP_STYLE .spiralSeal tr td.img {
  display: table-cell;
  margin-left: 0px;
  margin-right: 0px;
  overflow: auto;
  text-align: center;
  min-width: 145px;
  vertical-align: middle; }

#SMP_STYLE .footer_text {
  width: 760px;
  font-size: 100%;
  margin: 30px 0 0 0;
  font-weight: normal;
  text-align: left; }

#SMP_STYLE .cf:before, #SMP_STYLE .cf:after {
  content: "";
  display: table; }

#SMP_STYLE .cf:after {
  clear: both; }

#SMP_STYLE .cf {
  *zoom: 1; }

@media screen and (max-width: 760px) {
  #SMP_STYLE .body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    *font-size: small;
    *font: x-small;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    background: #FFFFFF; }

  #SMP_STYLE .body_tbl {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 30px 0;
    border: none;
    background: #FFFFFF; }

  #SMP_STYLE h1 {
    margin: 0;
    padding: 10px 10px 10px 10px;
    background: #333333;
    color: #FFFFFF;
    font-size: 153.9%;
    font-weight: bold;
    text-align: center; }

  #SMP_STYLE .header_img_smartphone {
    display: none; }

  #SMP_STYLE .header_img_tablet {
    display: block; }

  #SMP_STYLE .header_img_pc {
    display: none; }

  #SMP_STYLE .header_text {
    margin: 0;
    padding: 15px 70px 15px 70px;
    background: #F1F1F1;
    color: #111111;
    font-size: 93%;
    font-weight: normal;
    text-align: left; }

  #SMP_STYLE .header_rmesg {
    margin: 0;
    padding: 30px 70px 10px 70px;
    color: #111111;
    font-size: 100%;
    font-weight: normal;
    text-align: left; }

  #SMP_STYLE .header_emesg {
    width: 80%;
    margin: 30px auto 10px;
    padding: 15px 15px 15px 15px;
    border: 2px solid #FF0000;
    color: #FF0000;
    font-size: 100%;
    font-weight: normal;
    text-align: left; }

  #SMP_STYLE .smp_tmpl {
    width: 80%;
    margin: 20px auto 0;
    padding: 20px 0 0 0; }

  #SMP_STYLE dl {
    display: table;
    margin: 0;
    position: relative;
    width: 100%; }

  #SMP_STYLE dl:first-child {
    border-top: 1px solid #DDDDDD; }

  #SMP_STYLE dl.top {
    border-top: 1px solid #DDDDDD; }

  #SMP_STYLE dt.title {
    display: inline-block;
    width: 20%;
    margin: 0;
    padding: 23px 15px 28px 0;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 108%;
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
    vertical-align: top; }

  #SMP_STYLE dt.title .caution {
    display: block;
    width: 100%;
    color: #5F5F5F;
    font-size: 85%;
    font-weight: normal;
    padding: 10px 0 0 0;
    line-height: 1.2;
    text-align: left; }

  #SMP_STYLE dd.data {
    display: inline-block;
    width: 70%;
    margin: 0;
    padding: 18px 0 18px 0;
    color: #5F5F5F;
    font-size: 100%;
    font-weight: bold;
    text-align: left; }

  #SMP_STYLE .input {
    width: 70%;
    margin-bottom: 8px;
    padding: 5px;
    color: #333333;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left; }
    #SMP_STYLE .input.name {
      width: 50%; }

  #SMP_STYLE .zipcode li.code01 input {
    width: 60px; }

  #SMP_STYLE .zipcode li.code02 input {
    width: 80px; }

  #SMP_STYLE .phone li.num01 input {
    width: 60px; }

  #SMP_STYLE .phone li.num02 input {
    width: 60px; }

  #SMP_STYLE .phone li.num03 input {
    width: 60px; }

  #SMP_STYLE .price input {
    width: 200px; }

  #SMP_STYLE .num input {
    width: 60px; }

  #SMP_STYLE .integer input {
    width: 90px; }

  #SMP_STYLE .real input {
    width: 170px; }

  #SMP_STYLE .pass input {
    width: 50%; }

  #SMP_STYLE .epass input {
    width: 50%; }

  #SMP_STYLE .time input {
    width: 20px; }

  #SMP_STYLE .time .year {
    width: 40px; }

  #SMP_STYLE .time .new_line {
    clear: both; }

  #SMP_STYLE ul, #smp_style li {
    list-style-type: none;
    margin: 0;
    padding: 0; }

  #SMP_STYLE .zipcode ul li,
  #SMP_STYLE .phone ul li,
  #SMP_STYLE .time ul li {
    width: auto;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
    height: 35px;
    line-height: 35px; }

  #SMP_STYLE .multi1 label {
    display: block;
    float: left;
    min-width: 126px;
    margin: 0 10px 7px 0;
    padding: 10px 10px 0 10px;
    border-radius: 4px 4px 4px 4px;
    background: #F1F1F1;
    text-align: left; }

  #SMP_STYLE .multi1 label input {
    display: block;
    float: left;
    width: 20px;
    margin: 0.2em 0 0 0;
    padding: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-radius: 3px 3px 3px 3px;
    text-align: left;
    overflow: hidden; }

  #SMP_STYLE .multi1 label span {
    display: block;
    margin: 0 0 10px 30px;
    font-size: 100%; }

  #SMP_STYLE .multi1 .radio input {
    border-radius: 1em; }

  #SMP_STYLE .multi2 li {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0 7px 0;
    padding: 10px 10px 10px 10px;
    border-radius: 4px 4px 4px 4px;
    background: #EEEEEE;
    text-align: left;
    clear: both; }

  #SMP_STYLE .multi2 label input {
    display: block;
    float: left;
    width: 20px;
    margin: 0.2em 0 0 0;
    padding: 0;
    text-align: left;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden; }

  #SMP_STYLE .multi2 label span {
    display: block;
    margin: 0 0 0 30px;
    font-size: 100%; }

  #SMP_STYLE .multi2 .radio input {
    border-radius: 1em; }

  #SMP_STYLE select {
    margin-bottom: 8px;
    font-size: 100%;
    min-width: 240px; }

  #SMP_STYLE textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left; }

  #SMP_STYLE .image input {
    width: 100%; }

  #SMP_STYLE .file input {
    width: 100%; }

  #SMP_STYLE input.clear {
    width: 55px;
    text-align: center; }

  #SMP_STYLE input.submit {
    width: 40%;
    height: 42px;
    margin: 40px 0 40px 0;
    border: hidden;
    border-radius: 3px 3px 3px 3px;
    /* other browser */
    background: #d84e4e;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-size: 153.9%;
    font-weight: normal;
    text-align: center;
    cursor: pointer; }

  #SMP_STYLE input.submit:hover {
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
    opacity: 0.9; }

  #SMP_STYLE input.image {
    margin: 40px 0 40px 0;
    width: auto;
    border: none;
    padding: 0;
    vertical-align: middle; }

  #SMP_STYLE input[name=SMPFORM_BACK] {
    width: 40%;
    height: 42px;
    margin: 40px 0 40px 0;
    border: hidden;
    border-radius: 3px 3px 3px 3px;
    /* other browser */
    background: #d84e4e;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-size: 153.9%;
    font-weight: normal;
    text-align: center;
    cursor: pointer; }

  #SMP_STYLE input.submit:hover {
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
    opacity: 0.9; }

  #SMP_STYLE input.image {
    margin: 40px 0 40px 0;
    width: auto;
    border: none;
    padding: 0;
    vertical-align: middle; }

  #SMP_STYLE input.searchZipcode {
    width: 40%;
    height: 32px;
    margin: auto;
    margin-left: 30px;
    border: hidden;
    border-radius: 3px 3px 3px 3px;
    /* other browser */
    background: #d84e4e;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-size: 153.9%;
    font-weight: normal;
    text-align: center;
    cursor: pointer; }

  #SMP_STYLE input.searchZipcode:hover {
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
    opacity: 0.9; }

  #SMP_STYLE input.imageZipcode {
    margin: auto;
    width: auto;
    border: none;
    padding: 0;
    vertical-align: middle; }

  #SMP_STYLE .sample {
    color: #555555;
    font-size: 93%;
    font-weight: normal;
    text-align: left;
    line-height: 1.2; }

  #SMP_STYLE .suffix {
    color: #111111;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
    height: 35px;
    line-height: 35px; }

  #SMP_STYLE .need {
    color: #d84e4e;
    font-size: 100%;
    font-weight: bold;
    text-align: left; }

  #SMP_STYLE .msg {
    display: block;
    color: #DD0000;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left; }

  #SMP_STYLE .sub_text {
    width: 80%;
    font-size: 123.1%;
    font-weight: bold;
    padding: 150px 0;
    text-align: left;
    color: #111111; }

  #SMP_STYLE .error {
    background: #FFE4E4; }

  #SMP_STYLE .spiralSeal {
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC; }

  #SMP_STYLE .spiralSeal tr td.description {
    display: table-cell;
    text-align: left;
    overflow: auto; }

  #SMP_STYLE .spiralSeal tr td.img {
    display: table-cell;
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
    text-align: center; }

  #SMP_STYLE .footer_text {
    width: 80%;
    font-size: 93%;
    margin: 30px 0 0 0;
    font-weight: normal;
    text-align: left; }

  #SMP_STYLE .cf:before, #SMP_STYLE .cf:after {
    content: "";
    display: table; }

  #SMP_STYLE .cf:after {
    clear: both; }

  #SMP_STYLE .cf {
    *zoom: 1; } }
@media screen and (max-width: 725px) {
  #SMP_STYLE .body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    *font-size: small;
    *font: x-small;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    background: #FFFFFF; }

  #SMP_STYLE .body_tbl {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    border: none;
    background: #FFFFFF; }

  #SMP_STYLE h1 {
    margin: 0;
    padding: 10px 10px 10px 10px;
    background: #333333;
    color: #FFFFFF;
    font-size: 153.9%;
    font-weight: bold;
    text-align: center; }

  #SMP_STYLE .header_img_smartphone {
    display: block; }

  #SMP_STYLE .header_img_tablet {
    display: none; }

  #SMP_STYLE .header_img_pc {
    display: none; }

  #SMP_STYLE .header_text {
    margin: 0;
    padding: 15px 15px 15px 15px;
    background: #F1F1F1;
    color: #111111;
    font-size: 85%;
    font-weight: normal;
    text-align: left; }

  #SMP_STYLE .header_rmesg {
    margin: 0 0 0 0;
    padding: 30px 15px 10px 15px;
    color: #111111;
    font-size: 100%;
    font-weight: normal;
    text-align: left; }

  #SMP_STYLE .header_emesg {
    width: 240px;
    margin: 10px auto 10px;
    padding: 15px 15px 15px 15px;
    border: 2px solid #FF0000;
    color: #FF0000;
    font-size: 100%;
    font-weight: normal;
    text-align: left; }

  #SMP_STYLE .smp_tmpl {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px 0 0 0; }

  #SMP_STYLE dl {
    display: block;
    margin: 0 0 10px 0;
    padding: 20px 0 0 0;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #DDDDDD; }

  #SMP_STYLE dl:first-child {
    border-top: 1px solid #DDDDDD; }

  #SMP_STYLE dl.top {
    border-top: 1px solid #DDDDDD; }

  #SMP_STYLE dt.title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 108%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle; }

  #SMP_STYLE dt.title .caution {
    display: block;
    width: 100%;
    color: #5F5F5F;
    font-size: 85%;
    font-weight: normal;
    padding: 10px 0 0 0;
    line-height: 1.2;
    text-align: center; }

  #SMP_STYLE dd.data {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 18px 0 10px 0;
    color: #5F5F5F;
    font-size: 100%;
    font-weight: bold;
    text-align: center; }

  #SMP_STYLE .input {
    width: 70%;
    margin-bottom: 8px;
    padding: 5px;
    color: #333333;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left; }
    #SMP_STYLE .input.name {
      width: 50%; }

  #SMP_STYLE .zipcode li.code01 input {
    width: 60px; }

  #SMP_STYLE .zipcode li.code02 input {
    width: 80px; }

  #SMP_STYLE .phone li.num01 input {
    width: 60px; }

  #SMP_STYLE .phone li.num02 input {
    width: 60px; }

  #SMP_STYLE .phone li.num03 input {
    width: 60px; }

  #SMP_STYLE .price input {
    width: 150px; }

  #SMP_STYLE .num input {
    width: 60px; }

  #SMP_STYLE .integer input {
    width: 90px; }

  #SMP_STYLE .real input {
    width: 170px; }

  #SMP_STYLE .pass input {
    width: 150px; }

  #SMP_STYLE .epass input {
    width: 160px; }

  #SMP_STYLE .time input {
    width: 20px; }

  #SMP_STYLE .time .year {
    width: 40px; }

  #SMP_STYLE .time .new_line {
    clear: both; }

  #SMP_STYLE ul, #smp_style li {
    list-style-type: none;
    margin: 0 auto;
    display: inline-block;
    padding: 0; }

  #SMP_STYLE .zipcode ul li,
  #SMP_STYLE .phone ul li,
  #SMP_STYLE .time ul li {
    width: auto;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
    height: 35px;
    line-height: 35px; }

  #SMP_STYLE .multi1 label {
    display: block;
    min-width: 250px;
    margin: 0 10px 10px 0;
    padding: 10px;
    border-radius: 4px 4px 4px 4px;
    background: #F1F1F1;
    text-align: left; }

  #SMP_STYLE .multi1 label input {
    display: block;
    float: left;
    width: 20px;
    margin: 0.2em 0 0 0;
    padding: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-radius: 3px 3px 3px 3px;
    text-align: left;
    overflow: hidden; }

  #SMP_STYLE .multi1 label span {
    display: block;
    margin: 0 0 0 25px;
    font-size: 100%; }

  #SMP_STYLE .multi1 .radio input {
    border-radius: 1em; }

  #SMP_STYLE .multi2 li {
    display: block;
    min-width: 250px;
    margin: 0 10px 10px 0;
    padding: 10px;
    border-radius: 4px 4px 4px 4px;
    background: #F1F1F1;
    text-align: left;
    width: auto; }

  #SMP_STYLE .multi2 label input {
    display: block;
    float: left;
    width: 20px;
    margin: 0.2em 0 0 0;
    padding: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-radius: 3px 3px 3px 3px;
    text-align: left;
    overflow: hidden; }

  #SMP_STYLE .multi2 label span {
    display: block;
    margin: 0 0 0 25px;
    font-size: 100%; }

  #SMP_STYLE .multi2 .radio input {
    border-radius: 1em; }

  #SMP_STYLE select {
    margin-bottom: 8px;
    font-size: 100%;
    width: 50%;
    min-width: 240px; }

  #SMP_STYLE textarea {
    width: 260px;
    padding: 5px;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left; }

  #SMP_STYLE .image input {
    width: 100%; }

  #SMP_STYLE .file input {
    width: 100%; }

  #SMP_STYLE input.clear {
    width: 55px;
    text-align: center; }

  #SMP_STYLE input.submit {
    width: 150px;
    height: 42px;
    margin: 20px 0 40px 0;
    border: hidden;
    border-radius: 3px 3px 3px 3px;
    /* other browser */
    background: #d84e4e;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-size: 153.9%;
    font-weight: normal;
    text-align: center;
    cursor: pointer; }

  #SMP_STYLE input.submit:hover {
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
    opacity: 0.9; }

  #SMP_STYLE input.image {
    margin: 40px 0 40px 0;
    width: auto;
    border: none;
    padding: 0;
    vertical-align: middle; }

  #SMP_STYLE input[name=SMPFORM_BACK] {
    width: 150px;
    height: 42px;
    margin: 20px 0 40px 0;
    border: hidden;
    border-radius: 3px 3px 3px 3px;
    /* other browser */
    background: #d84e4e;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-size: 153.9%;
    font-weight: normal;
    text-align: center;
    cursor: pointer; }

  #SMP_STYLE input.submit:hover {
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
    opacity: 0.9; }

  #SMP_STYLE input.image {
    margin: 40px 0 40px 0;
    width: auto;
    border: none;
    padding: 0;
    vertical-align: middle; }

  #SMP_STYLE .sample {
    color: #555555;
    font-size: 93%;
    font-weight: normal;
    text-align: left;
    line-height: 1.2; }

  #SMP_STYLE .suffix {
    color: #111111;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
    height: 35px;
    line-height: 35px; }

  #SMP_STYLE .need {
    color: #d84e4e;
    font-size: 100%;
    font-weight: bold;
    text-align: left; }

  #SMP_STYLE .msg {
    display: block;
    color: #DD0000;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left; }

  #SMP_STYLE .sub_text {
    width: 270px;
    font-size: 123.1%;
    font-weight: bold;
    padding: 150px 0;
    text-align: left;
    color: #111111; }

  #SMP_STYLE .error {
    background: #FFE4E4; }

  #SMP_STYLE .spiralSeal {
    width: 270px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC; }

  #SMP_STYLE .spiralSeal tr td.description {
    display: block;
    text-align: left;
    overflow: auto; }

  #SMP_STYLE .spiralSeal tr td.img {
    display: block;
    margin-left: 60px;
    margin-right: 60px;
    overflow: auto;
    text-align: center; }

  #SMP_STYLE .footer_text {
    width: 270px;
    font-size: 85%;
    margin: 30px 0 0 0;
    font-weight: normal;
    text-align: left; }

  #SMP_STYLE .cf:before, #SMP_STYLE .cf:after {
    content: "";
    display: table; }

  #SMP_STYLE .cf:after {
    clear: both; }

  #SMP_STYLE .cf {
    *zoom: 1; } }
#SMP_STYLE #mail_erretc,
#SMP_STYLE #mail_erremp,
#SMP_STYLE #mail_err {
  color: #d84e4e;
  display: none; }
  #SMP_STYLE #mail_erretc.disp,
  #SMP_STYLE #mail_erremp.disp,
  #SMP_STYLE #mail_err.disp {
    display: block; }

/* mixin */
@media (max-width: 760px) {
  .pc {
    display: none !important; } }
@media (min-width: 761px) {
  .sp {
    display: none !important; } }
.ib {
  display: inline-block !important; }

/* reset */
html {
  background: #FFF; }
  @media (max-width: 760px) {
    html {
      overflow-x: hidden; } }

body {
  min-width: 320px;
  width: 100%;
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #333;
  overflow-x: hidden; }
  @media (max-width: 760px) {
    body {
      min-width: 320px;
      font-size: 16px;
      line-height: 1.8;
      letter-spacing: normal;
      margin-bottom: 0; } }

.header-line {
  display: none; }

form {
  margin-right: auto;
  margin-left: auto; }
  form #title-block {
    margin: 0; }
    form #title-block p {
      color: #444;
      margin: 0;
      font-size: 18px;
      line-height: 1.8;
      letter-spacing: normal; }
  form .input__wrap {
    width: 100%;
    background-color: #f4f4f4;
    padding: 100px 0; }
    form .input__wrap h2 {
      font-size: 40px;
      font-weight: bold;
      margin-bottom: 50px;
      text-align: center; }
  form img {
    max-width: 100%;
    height: auto;
    vertical-align: top; }

i {
  font-style: normal; }

h2 {
  padding: 0;
  border: none; }
  h2::after {
    content: none; }

.lp_inner {
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
  position: relative; }
  .lp_inner.sm {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto; }
  .lp_inner.md {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto; }

#housing_lp {
  margin-right: auto;
  margin-left: auto;
  color: #444;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF; }
  #housing_lp .fv {
    background-color: #d3ecfe;
    text-align: center;
    padding: 20px 0 45px;
    position: relative; }
    #housing_lp .fv::after {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      width: 100%;
      height: 264px;
      background-image: url("../images/fv_bg.png");
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      background-position: bottom center; }
      @media (max-width: 760px) {
        #housing_lp .fv::after {
          display: none; } }
    #housing_lp .fv .lp_header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #housing_lp .fv .lp_header .logo_asahi {
        margin-left: 50px !important; }
      #housing_lp .fv .lp_header .txt {
        color: #282828;
        font-size: 12px;
        font-weight: 500;
        margin-right: 50px; }
        #housing_lp .fv .lp_header .txt br {
          display: none; }
  #housing_lp .fv_ttl {
    margin-top: 40px; }
    #housing_lp .fv_ttl img {
      max-width: 720px;
      display: block;
      margin: 0 auto; }
  #housing_lp .fv_txt {
    position: relative;
    width: 100%; }
    @media (max-width: 760px) {
      #housing_lp .fv_txt {
        padding: 20px 15px 35vw;
        position: relative; } }
  @media (max-width: 760px) and (max-width: 450px) {
    #housing_lp .fv_txt {
      padding: 20px 15px 50vw; }
      #housing_lp .fv_txt p {
        font-size: 14px; } }
    @media (max-width: 760px) {
        #housing_lp .fv_txt::after {
          position: absolute;
          content: '';
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 200px;
          background-image: url("../images/fv_bg.png");
          background-repeat: no-repeat;
          background-size: cover;
          display: block;
          background-position: bottom center; } }
    #housing_lp .fv_txt .intro {
      text-align: center;
      font-size: 18px;
      line-height: 1.6;
      margin: 30px auto;
      color: #333; }
      #housing_lp .fv_txt .intro b {
        font-size: 20px;
        font-weight: 900;
        color: #1a6ab3; }
    #housing_lp .fv_txt .intro_img {
      display: inline-block;
      width: 296px;
      height: 279px;
      position: absolute;
      right: -83px;
      bottom: -38px;
      /* Firefox */
      /* Edge */ }
  #housing_lp .present_box {
    display: inline-block;
    width: 720px;
    background-color: #fdf9d2;
    margin-top: 40px;
    padding: 30px 20px 20px;
    border-radius: 10px;
    position: relative; }
    #housing_lp .present_box::before {
      position: absolute;
      content: '';
      background-image: url("../images/fv_human_01.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 219px;
      max-height: 280px;
      left: -140px;
      bottom: -50px;
      background-position: bottom right;
      height: 25vw; }
      @media (max-width: 760px) {
        #housing_lp .present_box::before {
          top: -29.5vw;
          bottom: auto;
          left: auto;
          height: 30vw;
          background-position: bottom center;
          right: 48vw; } }
  @media (max-width: 760px) and (max-width: 450px) {
    #housing_lp .present_box::before {
      top: -49.5vw;
      height: 50vw;
      right: 46vw; } }

    #housing_lp .present_box::after {
      position: absolute;
      content: '';
      background-image: url("../images/fv_human_02.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 208px;
      max-height: 278px;
      right: -140px;
      bottom: -50px;
      background-position: bottom left;
      height: 25vw; }
      @media (max-width: 760px) {
        #housing_lp .present_box::after {
          top: -29.5vw;
          bottom: auto;
          right: auto;
          height: 30vw;
          background-position: bottom center;
          left: 48vw; } }
  @media (max-width: 760px) and (max-width: 450px) {
    #housing_lp .present_box::after {
      top: -49.5vw;
      height: 50vw;
      rleft: 46vw; } }

  #housing_lp .present_box_ttl {
    margin-bottom: 20px; }
    #housing_lp .present_box_ttl img {
      display: block;
      margin: auto; }
  #housing_lp .present_box_list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px; }
    #housing_lp .present_box_list > li {
      width: 48.5%;
      max-width: 330px; }
      @media (max-width: 760px) {
        #housing_lp .present_box_list > li {
          width: 100%;
          max-width: 660px;
          margin-bottom: 45px; }
          #housing_lp .present_box_list > li:last-child {
            margin-bottom: 0; } }
    @media (max-width: 760px) {
      #housing_lp .present_box_list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0; }
        #housing_lp .present_box_list_item + .present_box_list_item {
          margin-top: 5.5%; } }
  #housing_lp .campaign_quo {
    position: relative;
    z-index: 1; }
    #housing_lp .campaign_quo .quo_head {
      background-color: #004ea2;
      padding: 6px 0;
      text-align: center; }
      #housing_lp .campaign_quo .quo_head p {
        font-size: 18px;
        color: #fff;
        font-weight: bold; }
        #housing_lp .campaign_quo .quo_head p span.num {
          font-size: 32px;
          vertical-align: sub;
          padding: 0 4px; }
      @media (max-width: 760px) {
        #housing_lp .campaign_quo .quo_head {
          padding: 3.2% 0; } }
    @media (max-width: 760px) {
      #housing_lp .campaign_quo .quo_head_ttl {
        max-width: 46.4%; } }
    #housing_lp .campaign_quo .quo_body {
      background-color: #1262b2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 20px 0 24px; }
      @media (max-width: 760px) {
        #housing_lp .campaign_quo .quo_body {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 4.1% 6% 2.9%; } }
    #housing_lp .campaign_quo .quo_img {
      max-width: 186px;
      margin-right: 35px; }
      @media (max-width: 760px) {
        #housing_lp .campaign_quo .quo_img {
          width: 29%;
          margin: 0 auto; } }
    @media (max-width: 760px) {
      #housing_lp .campaign_quo .quo_txt {
        margin-top: 3.5%;
        width: 73.75%; } }
  #housing_lp .campaign_expect {
    padding: 45px 30px 65px;
    background-image: url("../images/expect_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; }
    @media (max-width: 760px) {
      #housing_lp .campaign_expect {
        padding: 45px 0 65px; } }
    #housing_lp .campaign_expect .lp_inner h2 {
      font-size: 42px;
      font-weight: bold;
      margin-bottom: 75px;
      text-align: center;
      line-height: 1; }
      @media (max-width: 500px) {
        #housing_lp .campaign_expect .lp_inner h2 {
          font-size: 9vw; } }
      #housing_lp .campaign_expect .lp_inner h2 .num {
        font-size: 72px; }
        @media (max-width: 500px) {
          #housing_lp .campaign_expect .lp_inner h2 .num {
            font-size: 15vw; } }
    #housing_lp .campaign_expect .lp_inner span.highlight {
      color: #d84e4e !important; }
    #housing_lp .campaign_expect .lp_inner ul {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      @media (max-width: 760px) {
        #housing_lp .campaign_expect .lp_inner ul {
          flex-wrap: wrap;
          padding: 0 30px; } }
  @media (max-width: 760px) and (max-width: 450px) {
    #housing_lp .campaign_expect .lp_inner ul {
      padding: 0 15px; } }

      #housing_lp .campaign_expect .lp_inner ul li {
        width: 31%;
        border: 2px solid #004ea2;
        background-color: #fff;
        padding: 65px 30px 20px;
        position: relative; }
        @media (max-width: 760px) {
          #housing_lp .campaign_expect .lp_inner ul li {
            width: 100%;
            margin: 0 auto 80px; }
            #housing_lp .campaign_expect .lp_inner ul li:last-child {
              margin-bottom: 0; } }
        #housing_lp .campaign_expect .lp_inner ul li .icoNum {
          position: absolute;
          height: 80px;
          width: 80px;
          top: -40px;
          left: 0;
          right: 0;
          margin: auto; }
          #housing_lp .campaign_expect .lp_inner ul li .icoNum img {
            width: 100%;
            display: block; }
        #housing_lp .campaign_expect .lp_inner ul li dl dt {
          height: 55px;
          color: #004ea2;
          font-size: 24px;
          font-weight: bold;
          text-align: center; }
          @media (max-width: 1000px) {
            #housing_lp .campaign_expect .lp_inner ul li dl dt {
              font-size: 2.4vw; } }
  @media (max-width: 1000px) and (max-width: 760px) {
    #housing_lp .campaign_expect .lp_inner ul li dl dt {
      font-size: 24px; } }

          #housing_lp .campaign_expect .lp_inner ul li dl dt > span {
            display: block;
            position: relative;
            top: 50%;
            transform: translateY(-50%); }
        #housing_lp .campaign_expect .lp_inner ul li dl dd {
          margin-top: 15px;
          font-size: 18px;
          line-height: 1.8; }
          @media (max-width: 760px) {
            #housing_lp .campaign_expect .lp_inner ul li dl dd {
              line-height: 1.6; } }
  #housing_lp .expectation {
    padding: 46px 0 72px;
    text-align: center;
    background: url("../images/expectation_bg.jpg") no-repeat center center/cover; }
  #housing_lp .expectation_ttl {
    margin-bottom: 48px; }
  #housing_lp .expectation_points {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #housing_lp .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    background-color: #1262b2;
    color: #ffffff; }
  #housing_lp .heading_order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100px;
    height: 100%;
    background-color: #004ea2;
    font-size: 14px; }
  #housing_lp .heading_order_num {
    font-size: 50px;
    font-weight: 500;
    line-height: 1.1; }
  #housing_lp .heading_ttl {
    padding: 12px 24px 6px;
    font-size: 30px;
    letter-spacing: .1rem;
    margin: 0 auto;
    font-weight: bold; }
    @media (max-width: 900px) {
      #housing_lp .heading_ttl {
        font-size: 24px; } }
  #housing_lp .heading_ttl_yellow {
    font-size: 38px;
    font-weight: bold;
    color: #ffd400; }
  #housing_lp .heading_ttl_num {
    font-size: 48px; }
    #housing_lp .heading_ttl_num .heading_ttl_dot {
      padding-top: 0; }
      #housing_lp .heading_ttl_num .heading_ttl_dot::before {
        top: 5%; }
  #housing_lp .heading_ttl_dot {
    padding-top: 9px;
    position: relative; }
    #housing_lp .heading_ttl_dot::before {
      content: '';
      display: block;
      width: 8px;
      height: 8px;
      background-color: #ffd400;
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -4px; }
  #housing_lp .heading_icon {
    padding: 0 30px; }
  #housing_lp .direction {
    text-align: center;
    font-size: 24px !important;
    color: #444; }
    #housing_lp .direction img {
      width: 37px;
      display: inline-block;
      vertical-align: middle;
      margin: 0px 3px 0 5px;
      margin-top: -4px; }
    #housing_lp .direction span {
      font-size: 16px; }
  #housing_lp .campaign_catalog {
    background: #f4f4f4;
    padding: 50px 30px 120px; }
    #housing_lp .campaign_catalog .intro {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px; }
      #housing_lp .campaign_catalog .intro::before, #housing_lp .campaign_catalog .intro::after {
        content: '';
        display: block;
        width: 2px;
        height: 140px;
        background-color: #004ea2; }
      #housing_lp .campaign_catalog .intro::before {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg); }
      #housing_lp .campaign_catalog .intro::after {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg); }
    #housing_lp .campaign_catalog .intro_in {
      margin: 0 30px 0 40px;
      text-align: center; }
    #housing_lp .campaign_catalog .intro_ttl {
      font-size: 40px;
      font-weight: bold;
      color: #004ea2; }
    #housing_lp .campaign_catalog .intro_txt {
      font-size: 24px;
      color: #333;
      line-height: 1.5; }
    #housing_lp .campaign_catalog .close_txt {
      font-size: 30px;
      color: #d84e4e;
      line-height: 1.5;
      text-align: center;
      font-weight: bold;
      margin: 40px auto; }
      @media (max-width: 760px) {
        #housing_lp .campaign_catalog .close_txt {
          font-size: 20px;
          margin: 20px auto; } }
    #housing_lp .campaign_catalog .catalog_wrap {
      background: #FFF;
      padding: 55px 50px 80px; }
    #housing_lp .campaign_catalog .catalog_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 30px; }
      #housing_lp .campaign_catalog .catalog_list > li {
        -ms-flex-preferred-size: 292px;
        flex-basis: 292px;
        margin-left: 12px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative; }
        #housing_lp .campaign_catalog .catalog_list > li:first-child {
          margin-left: 0; }
        #housing_lp .campaign_catalog .catalog_list > li > label {
          display: block;
          width: 100%;
          height: 100%;
          box-sizing: border-box; }
        #housing_lp .campaign_catalog .catalog_list > li input {
          position: absolute;
          visibility: hidden;
          z-index: -999; }
        #housing_lp .campaign_catalog .catalog_list > li .cat_box {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          text-align: left;
          background: #e5f2ff;
          padding: 30px 0;
          margin-bottom: 17px;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          cursor: pointer;
          min-height: 0%;
          position: relative;
          height: 100%; }
          #housing_lp .campaign_catalog .catalog_list > li .cat_box::after {
            content: '';
            position: absolute;
            bottom: -40px;
            left: 0;
            right: 0;
            margin: auto;
            width: 20px;
            height: 20px;
            border: 2px solid #333; }
          #housing_lp .campaign_catalog .catalog_list > li .cat_box.selected {
            background: #bfdeff; }
            #housing_lp .campaign_catalog .catalog_list > li .cat_box.selected::before {
              content: '';
              border-left: solid 4px #f84358;
              border-bottom: solid 4px #f84358;
              -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
              height: 6px;
              width: 22px;
              left: 12px;
              right: 0;
              bottom: -27px;
              margin: auto;
              position: absolute;
              z-index: 100; }
          #housing_lp .campaign_catalog .catalog_list > li .cat_box dl {
            max-width: 244px;
            margin-top: 20px;
            font-size: 14px;
            padding: 0 20px; }
            #housing_lp .campaign_catalog .catalog_list > li .cat_box dl dt {
              font-weight: 700; }
            #housing_lp .campaign_catalog .catalog_list > li .cat_box dl dd {
              margin-top: 14px;
              font-weight: 400; }
          #housing_lp .campaign_catalog .catalog_list > li .cat_box.landscape .cat_image {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-width: 222px;
            height: 216px; }
        #housing_lp .campaign_catalog .catalog_list > li .cat_image {
          margin: 0 auto;
          min-height: 216px;
          display: flex;
          align-items: center;
          padding: 0 10px; }
        #housing_lp .campaign_catalog .catalog_list > li .cat_image--w100 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          max-width: 100%;
          height: 216px; }
    #housing_lp .campaign_catalog .company_block {
      margin-top: 60px; }
      #housing_lp .campaign_catalog .company_block + .company_block {
        margin-top: 80px; }
    #housing_lp .campaign_catalog .company_logo {
      text-align: center; }
      #housing_lp .campaign_catalog .company_logo img {
        width: 100%;
        display: block;
        margin: auto; }
  #housing_lp .campaign_madori {
    padding-top: 100px;
    padding-bottom: 100px;
    padding: 80px 30px; }
    #housing_lp .campaign_madori .heading .heading_ttl_dot {
      background-size: 1em .22em;
      padding-top: 5px; }
    #housing_lp .campaign_madori .intro {
      padding: 50px 0; }
    #housing_lp .campaign_madori .intro_txt {
      font-size: 24px;
      color: #444;
      font-weight: 500;
      line-height: 1.5;
      padding: 0 10px;
      margin-bottom: 46px;
      text-align: center; }
    #housing_lp .campaign_madori .plan {
      border: 2px solid #dadada;
      padding: 45px 36px 40px;
      background: #fffeed url("../images/plan_bg.png") no-repeat top right/contain;
      margin-bottom: 10px;
      text-align: left; }
    #housing_lp .campaign_madori .plan_ttl {
      font-size: 30px;
      font-weight: bold;
      color: #333;
      margin-bottom: 20px; }
    #housing_lp .campaign_madori .plan_txt {
      font-size: 18px;
      color: #444;
      width: 527px;
      line-height: 1.8; }
    #housing_lp .campaign_madori .note-txt {
      font-size: 14px;
      text-align: right; }
    #housing_lp .campaign_madori .direction {
      margin-top: 90px; }
    #housing_lp .campaign_madori .madori_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 15px 0 50px;
      margin-top: 47px;
      justify-content: space-between; }
      @media (max-width: 760px) {
        #housing_lp .campaign_madori .madori_list {
          margin: 6.25% auto 0;
          width: 93.75%;
          padding: 0; } }
      #housing_lp .campaign_madori .madori_list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
        position: relative;
        width: 45%; }
        @media (max-width: 760px) {
          #housing_lp .campaign_madori .madori_list li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            margin-bottom: 60px; } }
        #housing_lp .campaign_madori .madori_list li:nth-child(even) {
          margin-left: 60px; }
          @media (max-width: 760px) {
            #housing_lp .campaign_madori .madori_list li:nth-child(even) {
              margin-left: 0; } }
        #housing_lp .campaign_madori .madori_list li input {
          position: absolute;
          visibility: hidden;
          z-index: -999; }
        #housing_lp .campaign_madori .madori_list li::after {
          content: '';
          position: absolute;
          left: -40px;
          top: 0;
          bottom: 0;
          margin: auto;
          width: 20px;
          height: 20px;
          border: 2px solid #333;
          cursor: pointer; }
          @media (max-width: 760px) {
            #housing_lp .campaign_madori .madori_list li::after {
              left: 0;
              right: 0;
              bottom: -40px;
              top: auto; } }
        #housing_lp .campaign_madori .madori_list li.selected::before {
          content: '';
          border-left: solid 4px #f84358;
          border-bottom: solid 4px #f84358;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          height: 6px;
          width: 22px;
          left: -35px;
          top: -12px;
          bottom: 0;
          margin: auto;
          position: absolute;
          z-index: 100; }
          @media (max-width: 760px) {
            #housing_lp .campaign_madori .madori_list li.selected::before {
              left: 10px;
              right: 0;
              bottom: -27px;
              top: auto; } }
        #housing_lp .campaign_madori .madori_list li .company_logo {
          cursor: pointer;
          background-color: #fff;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          max-width: 388px;
          width: 100%;
          align-items: center;
          display: flex;
          min-height: 80px; }
          @media (max-width: 760px) {
            #housing_lp .campaign_madori .madori_list li .company_logo {
              cursor: pointer;
              -webkit-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; } }
          #housing_lp .campaign_madori .madori_list li .company_logo:hover {
            opacity: 0.8; }

@media (max-width: 760px) {
  #housing_lp .fv {
    width: 100%;
    padding: 0; }
  #housing_lp .fv_inner {
    position: relative;
    width: 100%;
    height: 100%; } }
@media (max-width: 760px) {
  #housing_lp .fv .lp_header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2.6%; } }
@media (max-width: 760px) {
  #housing_lp .fv .lp_header .logo_asahi {
    width: 23%;
    margin-left: 0 !important; } }
@media (max-width: 760px) {
  #housing_lp .fv .lp_header .txt {
    font-size: 2.65vw;
    text-align: right;
    line-height: 1.5;
    font-weight: 400;
    margin-top: -1%;
    margin-right: 0; } }
@media (max-width: 760px) {
  #housing_lp .fv .lp_header .txt br {
    display: block; } }
@media (max-width: 760px) {
  #housing_lp .fv_ttl {
    margin-top: 4%; } }
@media (max-width: 760px) {
  #housing_lp .fv_ttl_img {
    width: 91.2%; } }
@media (max-width: 760px) {
  #housing_lp .fv_txt .intro {
    font-size: 3.2vw;
    font-weight: 400; } }
@media (max-width: 760px) {
  #housing_lp .fv_txt .intro b {
    font-size: 3.2vw;
    font-weight: 400; } }
@-moz-document url-prefix() {
  #housing_lp .fv_txt .intro_img {
    bottom: -36px; } }
@supports (-ms-ime-align: auto) {
  #housing_lp .fv_txt .intro_img {
    bottom: -36px; } }
@media (max-width: 760px) {
  #housing_lp .fv_txt .intro_img {
    width: 41vw;
    height: 44vw;
    right: 0;
    bottom: 0; } }
@media (max-width: 760px) {
  #housing_lp .present_box {
    width: 100%;
    margin-top: 0;
    padding: 40px 30px; } }
@media (max-width: 760px) {
  #housing_lp .present_box_ttl {
    padding: 0 3.5%;
    margin-bottom: 6%; } }
@media (max-width: 760px) {
  #housing_lp .present_box_ttl_img {
    width: 100%; } }
@media (max-width: 760px) {
  #housing_lp .expectation {
    background: url("../images/expectation_bg_sp.jpg") no-repeat center top/cover;
    padding: 9.5% 6.7% 8.5%; } }
@media (max-width: 760px) {
  #housing_lp .expectation_ttl {
    padding: 0 16%;
    margin-bottom: 7%; } }
@media (max-width: 760px) {
  #housing_lp .expectation_points {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }
@media (max-width: 760px) {
  #housing_lp .expectation_points_item + .expectation_points_item {
    margin-top: 3%; } }
@media (max-width: 760px) {
  #housing_lp .heading {
    width: 93.75%;
    height: 18.6vw; } }
@media (max-width: 760px) {
  #housing_lp .heading_order {
    width: 20%;
    font-size: 2.9vw; } }
@media (max-width: 760px) {
  #housing_lp .heading_order_num {
    font-size: 10.2vw;
    line-height: .9;
    margin-bottom: 6%; } }
@media (max-width: 760px) {
  #housing_lp .heading_ttl {
    width: 80%;
    padding: 0;
    font-size: 4vw;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 0; } }
@media (max-width: 900px) {
  #housing_lp .heading_ttl_yellow {
    font-size: 32px; } }
  @media (max-width: 900px) and (max-width: 760px) {
    #housing_lp .heading_ttl_yellow {
      font-size: 4.8vw; } }

@media (max-width: 900px) {
  #housing_lp .heading_ttl_num {
    font-size: 42px; } }
  @media (max-width: 900px) and (max-width: 760px) {
    #housing_lp .heading_ttl_num {
      font-size: 6.4vw; } }

@media (max-width: 760px) {
  #housing_lp .heading_ttl_num .heading_ttl_dot::before {
    top: 3.5%; } }
@media (max-width: 760px) {
  #housing_lp .heading_ttl_dot {
    padding-top: 2%; } }
@media (max-width: 760px) {
  #housing_lp .heading_ttl_dot::before {
    width: 5px;
    height: 5px;
    margin-left: -2px; } }
@media (max-width: 760px) {
  #housing_lp .heading_icon {
    display: none; } }
@media (max-width: 760px) {
  #housing_lp .direction {
    font-size: 3.2vw !important;
    font-weight: 700; } }
@media (max-width: 760px) {
  #housing_lp .direction img {
    width: 5.9375vw;
    margin: 0px 3px 0 5px;
    margin-top: -4px; } }
@media (max-width: 760px) {
  #housing_lp .direction span {
    font-size: 3.125vw; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog {
    padding: 5% 0 6.7%; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .intro::before, #housing_lp .campaign_catalog .intro::after {
    content: none; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .intro_in {
    margin: 0; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .intro_ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    line-height: 1.4;
    padding: 0;
    margin-bottom: 3.5%;
    font-size: 6.4vw; }
    #housing_lp .campaign_catalog .intro_ttl::before, #housing_lp .campaign_catalog .intro_ttl::after {
      content: '';
      display: block;
      width: .7vw;
      height: 17vw;
      background-color: #004ea2;
      position: relative; }
    #housing_lp .campaign_catalog .intro_ttl::before {
      -webkit-transform: rotate(-18deg);
      transform: rotate(-18deg);
      margin-right: 6%; }
    #housing_lp .campaign_catalog .intro_ttl::after {
      -webkit-transform: rotate(18deg);
      transform: rotate(18deg);
      top: auto;
      margin-left: 6%; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .intro_txt {
    font-size: 3.73vw; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_wrap {
    padding: 6.25% 3.125% 80px 3.125%;
    width: 93.75%;
    margin-top: 2%; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 3.63636%; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_list > li {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_list > li + li {
    margin-top: 60px; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_list > li .cat_box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5.6% 6%;
    margin-bottom: 0; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_list > li .cat_box dl {
    max-width: none;
    width: 54%;
    margin-top: 0;
    font-size: 15px;
    line-height: 1.4; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_list > li .cat_box dl dt {
    font-size: 3.74vw;
    min-height: 0; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_list > li .cat_box dl dd {
    font-size: 3.47vw;
    margin-top: 6%;
    min-height: 0; } }
@media (min-width: 761px) {
  #housing_lp .campaign_catalog .catalog_list > li .cat_box--compact dl {
    max-width: 260px; } }
@media (min-width: 761px) {
  #housing_lp .campaign_catalog .catalog_list > li .cat_box--compact dd {
    letter-spacing: -.05rem; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_list > li .cat_box.landscape .cat_image {
    height: auto; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .catalog_list > li .cat_image {
    width: 40%;
    text-align: center;
    margin: auto auto auto 0; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .company_block {
    margin-top: 40px; } }
@media (max-width: 760px) {
  #housing_lp .campaign_catalog .company_block + .company_block {
    margin-top: 60px; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori {
    padding: 40px 0 6.7%; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori .heading .heading_ttl {
    line-height: 2; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori .intro {
    width: 93.75%;
    padding: 7% 0; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori .intro_txt {
    font-size: 3.74vw;
    margin-bottom: 7%; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori .plan {
    padding: 6% 5%;
    background: #fffeed;
    margin-bottom: 3%; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori .plan_ttl {
    font-size: 4.27vw;
    margin-bottom: 3%; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori .plan_txt {
    font-size: 3.74vw;
    width: auto; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori .note-txt {
    font-size: 3.75vw; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori .direction {
    margin-top: 0; } }
@media (max-width: 760px) {
  #housing_lp .campaign_madori .madori_image {
    margin-top: 7.8125%; }
    #housing_lp .campaign_madori .madori_image + p {
      font-size: 12px; } }
#alert_bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #d84e4e;
  text-align: center;
  z-index: 100;
  padding: 20px 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  #alert_bar.active {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  #alert_bar p {
    color: #FFF !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    display: inline-block; }
    #alert_bar p + p {
      margin-left: 20px !important; }
    #alert_bar p span {
      position: relative; }
      #alert_bar p span::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 29px;
        height: 0;
        padding-top: 29px;
        background: url("../images/ico_alert.png") no-repeat 0 0;
        background-size: contain;
        margin-right: 10px; }

@media (max-width: 760px) {
  #alert_bar {
    padding: 2.1875% 0; } }
@media (max-width: 760px) {
  #alert_bar p {
    color: #FFF;
    font-size: 14px !important;
    display: block; }
    #alert_bar p + p {
      margin-left: 0 !important;
      margin-top: 1.5625%; } }
@media (max-width: 760px) {
  #alert_bar p span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }
@media (max-width: 760px) {
  #alert_bar p span::before {
    width: 20px;
    padding-top: 20px;
    margin-right: 6px; } }
.about_event {
  color: #444;
  letter-spacing: normal;
  line-height: 1.8;
  margin: 0 auto; }
  .about_event .attention {
    background: #fafafa;
    padding: 0 0 74px; }
  .about_event .attention_box {
    font-size: 18px;
    line-height: 1.8;
    max-width: 900px;
    border: 2px solid #dadada;
    background: #FFF;
    margin: 0 auto;
    padding: 60px 60px 30px; }
    .about_event .attention_box h2 {
      font-weight: 700;
      margin-bottom: 4px; }
      .about_event .attention_box h2:not(:first-child) {
        margin-top: 35px; }
      .about_event .attention_box h2::before {
        content: "■"; }
    .about_event .attention_box p {
      text-indent: -1.2em;
      padding-left: 1.2em !important; }
      .about_event .attention_box p::before {
        content: '※'; }
  .about_event .participator {
    padding-top: 80px;
    padding-bottom: 65px; }
    .about_event .participator h2 {
      font-size: 24px;
      color: #333;
      font-weight: 700;
      text-align: center;
      margin-bottom: 50px; }
    .about_event .participator ul {
      max-width: 762px;
      margin: 0 auto;
      letter-spacing: -0.4em;
      text-align: left; }
      .about_event .participator ul li {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top;
        text-align: left;
        width: 362px; }
        .about_event .participator ul li:nth-of-type(even) {
          margin-left: 38px; }
        .about_event .participator ul li:nth-of-type(n + 3) {
          margin-top: 40px; }
        .about_event .participator ul li h3 {
          font-weight: 700;
          padding-left: 5px; }
          .about_event .participator ul li h3::after {
            content: "";
            display: block;
            width: calc(100% + 5px);
            height: 1px;
            background: #000;
            margin: 8px 0 5px -5px; }
        .about_event .participator ul li .tel {
          font-size: 22px;
          font-weight: 700;
          color: #444;
          pointer-events: none; }
        .about_event .participator ul li .free_dial, .about_event .participator ul li .active_time {
          display: inline-block;
          font-size: 12px; }
        .about_event .participator ul li .free_dial {
          font-weight: 700; }
        .about_event .participator ul li .address {
          font-size: 14px;
          line-height: 1.58;
          margin-top: 4px; }
        .about_event .participator ul li .addition {
          font-size: 10px; }
        .about_event .participator ul li .url {
          font-size: 12px;
          margin-top: 4px; }
          .about_event .participator ul li .url a {
            color: inherit; }
            .about_event .participator ul li .url a:hover {
              text-decoration: underline; }

@media (max-width: 760px) {
  .about_event .attention {
    padding: 0 3.125% 9.375%;
    margin: 0 auto; } }
@media (max-width: 760px) {
  .about_event .attention_box {
    font-size: 3.47vw;
    padding: 5%; } }
@media (max-width: 760px) {
  .about_event .attention_box h2 {
    font-size: 4.27vw; } }
@media (max-width: 760px) {
  .about_event .attention_box h2:not(:first-child) {
    margin-top: 6.25%; } }
@media (max-width: 760px) {
  .about_event .participator {
    padding-top: 9.375%;
    padding-bottom: 4.6875%; } }
@media (max-width: 760px) {
  .about_event .participator h2 {
    font-size: 4.8vw;
    margin-bottom: 0; } }
@media (max-width: 760px) {
  .about_event .participator ul {
    margin: 7.8125% auto 0; } }
@media (max-width: 760px) {
  .about_event .participator ul li {
    display: block;
    margin: 0 auto 8%;
    text-align: left;
    width: 90%; } }
@media (max-width: 760px) {
  .about_event .participator ul li:nth-of-type(even) {
    margin: 0 auto 8%; } }
@media (max-width: 760px) {
  .about_event .participator ul li:nth-of-type(n + 3) {
    margin-top: 0; } }
@media (max-width: 760px) {
  .about_event .participator ul li h3 {
    font-size: 4vw;
    padding-left: 0; } }
@media (max-width: 760px) {
  .about_event .participator ul li h3::after {
    margin: 5px 0 5px -5px; } }
@media (max-width: 760px) {
  .about_event .participator ul li .tel {
    font-size: 4.75vw;
    pointer-events: all; } }
@media (max-width: 760px) {
  .about_event .participator ul li .free_dial, .about_event .participator ul li .active_time {
    font-size: 3.2vw; } }
@media (max-width: 760px) {
  .about_event .participator ul li .address {
    font-size: 3.2vw;
    margin-top: 2px; } }
@media (max-width: 760px) {
  .about_event .participator ul li .addition {
    font-size: 2.94vw; } }
@media (max-width: 760px) {
  .about_event .participator ul li .url {
    font-size: 3.2vw; } }
@media (max-width: 760px) {
  .about_event .participator ul li .url a {
    text-decoration: underline; } }
.form_title {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em; }

@media (max-width: 760px) {
  .form_title {
    font-size: 4.6875vw; } }
#step {
  border-color: #000;
  margin-bottom: 0; }

@media (max-width: 760px) {
  #step {
    border-bottom: 0;
    margin-top: 0; } }
.cd-multi-steps {
  background-color: transparent;
  border-radius: .25em;
  margin: 1em auto;
  padding: 0 0 20px;
  text-align: center;
  width: 100%; }
  .cd-multi-steps:after {
    clear: both;
    content: "";
    display: table; }
  .cd-multi-steps li {
    display: inline-block;
    margin: 1.2em 0;
    position: relative; }
    .cd-multi-steps li:after {
      background: none;
      color: #aaa;
      content: '';
      display: inline-block;
      height: 4px;
      margin: 0;
      position: absolute;
      border-top: 10px dotted #bcbcbc; }
    .cd-multi-steps li:last-of-type {
      margin-right: 0; }
      .cd-multi-steps li:last-of-type::after {
        display: none; }
    .cd-multi-steps li > * {
      /* single step */
      display: inline-block;
      font-style: normal;
      position: relative; }
    .cd-multi-steps li.visited > * {
      color: #d84e4e;
      position: relative; }
    .cd-multi-steps li.visited::after {
      background-color: #d84e4e; }
    .cd-multi-steps li.current > * {
      /* selected step */
      color: #d84e4e;
      position: relative; }
  .cd-multi-steps.text-bottom li {
    text-align: center; }
    .cd-multi-steps.text-bottom li::after {
      position: absolute;
      left: 70%;
      width: calc(100% - 110px); }
    .cd-multi-steps.text-bottom li > *::before {
      /* this is the spot indicator */
      background-color: #bcbcbc;
      border-radius: 50%;
      content: '';
      font-family: inherit;
      font-style: normal;
      height: 12px;
      left: 50%;
      position: absolute;
      right: auto;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 12px;
      z-index: 1; }
    .cd-multi-steps.text-bottom li.visited > *::before {
      background-color: #d84e4e; }
    .cd-multi-steps.text-bottom li.current > *::before {
      background-color: #d84e4e;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .cd-multi-steps.text-bottom li::after {
      /* this is the line connecting 2 adjacent items */
      top: 3px; }
    .cd-multi-steps.text-bottom li > * {
      padding-top: 20px; }
      .cd-multi-steps.text-bottom li > *::before {
        /* this is the spot indicator */
        top: 0; }
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    color: #fff;
    content: counter(steps);
    font-size: 30px;
    font-weight: 700;
    height: 58px;
    width: 58px;
    line-height: 58px; }
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #FFF; }
  .cd-multi-steps.text-bottom.count li.visited > em::before {
    color: #fff; }
  .cd-multi-steps.text-bottom.count li::after {
    top: 28px; }
  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 66px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.1em; }
  .cd-multi-steps.count li {
    counter-increment: steps; }
    .cd-multi-steps.count li > *::before {
      content: counter(steps) " - "; }

@media (max-width: 760px) {
  .cd-multi-steps {
    margin: 6% auto 0; } }
@media (max-width: 760px) {
  .cd-multi-steps li {
    float: none;
    margin: 0 8% 0 0; } }
@media (max-width: 760px) {
  .cd-multi-steps li:after {
    content: '\00bb';
    position: absolute; } }
@media (max-width: 760px) {
  .cd-multi-steps.text-bottom li {
    width: 40px !important; } }
@media (max-width: 760px) {
  .cd-multi-steps.text-bottom.count li > *::before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px; } }
@media (max-width: 760px) {
  .cd-multi-steps.text-bottom.count li::after {
    left: 100%;
    margin-left: 2.5vw;
    top: -2px;
    border: none;
    width: auto;
    font-size: 24px;
    height: auto; } }
@media (max-width: 760px) {
  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 42px;
    font-size: 15px; } }
form .enquete {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 110px; }
  form .enquete input[type="text"] {
    margin-bottom: 0;
    border-radius: 0;
    border: 1px solid #999;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ffdad4;
    font-size: 16px;
    color: #000; }
  form .enquete select {
    border-radius: 0;
    border: 1px solid #999;
    color: #000; }
  form .enquete .radio-button label::before {
    border: 1px solid #999; }
  form .enquete .radio-button label:last-of-type {
    margin-bottom: 0; }
  form .enquete .check-box {
    width: calc(100% - 290px); }
  form .enquete fieldset {
    display: contents; }
    form .enquete fieldset#q1, form .enquete fieldset#q2 {
      display: none; }
  form .enquete .form_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #3e3e3e), color-stop(0%, #FFF));
    background-image: linear-gradient(to right, #3e3e3e 25%, #FFF 0%);
    background-position: bottom;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    padding: 24px 0; }
    form .enquete .form_block legend {
      color: #000;
      font-weight: 400;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 290px;
      padding-right: 130px;
      position: relative; }
      form .enquete .form_block legend .question {
        display: none; }
      form .enquete .form_block legend .required {
        background: #d84e4e;
        position: absolute;
        right: 70px;
        top: 0%;
        font-size: 14px;
        font-weight: 700;
        font-family: inherit !important;
        padding: 5px 10px;
        color: #fff; }
      form .enquete .form_block legend .note {
        display: none; }
    form .enquete .form_block .address_block {
      width: calc(100% - 290px); }
    form .enquete .form_block .error-text {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      margin-top: 10px;
      color: #CC0000;
      border: 1px solid #c00;
      background: #fff;
      font-size: 15px; }
      form .enquete .form_block .error-text + br {
        display: none; }
  form .enquete .question-block label {
    color: #000;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0; }
  form .enquete .question-block select:first-of-type {
    margin-bottom: 0; }
  form .enquete .float-flex {
    margin-left: -40px; }
    form .enquete .float-flex tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    form .enquete .float-flex td {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      form .enquete .float-flex td input[type="text"] {
        margin: 0 10px 0 0;
        max-width: 210px; }
      form .enquete .float-flex td label {
        width: 2.4em;
        display: inline-block;
        text-align: right;
        margin-right: 5px; }
  form .enquete .auto_address_fill_button {
    font-size: 15px;
    font-weight: 700;
    border-radius: 0;
    border: 1px solid #999;
    color: #000;
    cursor: pointer;
    background: #d0d0d0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d0d0d0));
    background: linear-gradient(to bottom, #ffffff 0%, #d0d0d0 100%); }
  form .enquete .sub-question {
    margin-left: 0;
    margin-top: 24px;
    width: 100%; }
    form .enquete .sub-question .form_block {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #3e3e3e), color-stop(0%, #FFF));
      background-image: linear-gradient(to right, #3e3e3e 25%, #FFF 0%);
      background-position: top;
      background-size: 8px 2px;
      background-repeat: repeat-x;
      padding-bottom: 0; }
  form .enquete .disabled-block {
    display: none; }

@media (max-width: 760px) {
  form .enquete {
    padding-top: 10.9375%;
    width: 93.75%; } }
@media (max-width: 760px) {
  form .enquete input[type="text"] {
    font-size: 15px;
    width: 100%; } }
@media (max-width: 760px) {
  form .enquete .radio-button {
    width: 100%;
    padding: 0 2%; } }
@media (max-width: 760px) {
  form .enquete .check-box {
    width: 100%;
    padding: 0 2%; } }
@media (max-width: 760px) {
  form .enquete fieldset label {
    font-size: 15px; } }
@media (max-width: 760px) {
  form .enquete .form_block {
    padding: 0 0 6%;
    background: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }
@media (max-width: 760px) {
  form .enquete .form_block legend {
    background: #DBDBDB;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px;
    padding: 2% 4%;
    width: 100%;
    margin-bottom: 4%; } }
@media (max-width: 760px) {
  form .enquete .form_block legend .question {
    display: none; } }
@media (max-width: 760px) {
  form .enquete .form_block legend .required {
    font-size: 13px;
    font-weight: 500;
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding: 2px 10px;
    margin: 0 0 0 3%; } }
@media (max-width: 760px) {
  form .enquete .form_block legend .note {
    display: none; } }
@media (max-width: 760px) {
  form .enquete .form_block legend + p {
    width: 100%;
    padding: 0 2%; } }
@media (max-width: 760px) {
  form .enquete .form_block .address_block {
    width: 100%;
    padding: 0 2%; } }
@media (max-width: 760px) {
  form .enquete .form_block .error-text {
    background: none;
    border: none;
    color: #EE0000;
    font-weight: 700;
    padding: 0;
    margin-top: 0;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; } }
@media (max-width: 760px) {
  form .enquete .form_block .error-text + br {
    display: none; } }
@media (max-width: 760px) {
  form .enquete .question-block {
    width: 100%;
    padding: 0 2%; } }
@media (max-width: 760px) {
  form .enquete .question-block label {
    font-size: 16px; } }
@media (max-width: 760px) {
  form .enquete .question-block select:first-of-type {
    margin-bottom: 0; } }
@media (max-width: 760px) {
  form .enquete .float-flex {
    width: 100%;
    margin-left: 0;
    padding-left: 1%; } }
@media (max-width: 760px) {
  form .enquete .float-flex tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }
@media (max-width: 760px) {
  form .enquete .float-flex tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
@media (max-width: 760px) {
  form .enquete .float-flex td input[type="text"] {
    margin: 0 10px 0 0;
    max-width: 210px;
    width: 100% !important;
    min-width: 0; } }
@media (max-width: 760px) {
  form .enquete .float-flex td label {
    width: 3em !important;
    margin-right: 5px; } }
@media (max-width: 760px) {
  form .enquete .sub-question .form_block {
    background: none; } }
@media (max-width: 760px) {
  form .enquete .disabled-block {
    display: none; } }
input[type="checkbox"]:checked + label::after {
  border-left-color: #004ea2;
  border-bottom-color: #004ea2; }

#housing_lp .btn {
  background: #d84e4e;
  font-size: 20px;
  font-weight: 500;
  width: 186px;
  height: 50px;
  cursor: pointer; }
  #housing_lp .btn:hover {
    background: #ec1a1a; }

@media (max-width: 760px) {
  #housing_lp .btn {
    background: #d84e4e;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    height: 50px;
    cursor: pointer; } }
@media (max-width: 760px) {
  #housing_lp .btn:hover {
    background: #ec1a1a; } }
.button-set {
  margin: 15px; }

@media (max-width: 760px) {
  .center-button {
    padding: 0 15px; } }
.center-button .btn {
  cursor: pointer;
  margin-top: 35px;
  margin-bottom: 60px; }

@media (max-width: 760px) {
  .center-button .btn {
    margin-top: 35px;
    margin-bottom: 60px; } }
#error-toptext {
  margin: 30px 0; }
  #error-toptext h3 {
    text-align: left;
    color: #CC0000; }
  #error-toptext li {
    padding-left: 0; }
    #error-toptext li a:link, #error-toptext li a:visited {
      color: #444; }

@media (max-width: 760px) {
  #error-toptext {
    margin: 10px 0 30px;
    padding: 20px; }
    #error-toptext h3 {
      text-align: left;
      font-size: 15px; }
    #error-toptext li {
      padding-left: 0;
      font-size: 15px; } }
.privacy {
  max-width: 900px;
  height: 300px;
  padding: 60px 60px 60px 80px;
  margin: 40px auto 0;
  background-color: #fff;
  border: 2px solid #dadada;
  color: #444;
  overflow-y: scroll;
  text-align: left; }
  .privacy a {
    word-break: break-all; }

@media (max-width: 760px) {
  .privacy {
    max-width: calc(100% - 30px);
    padding: 15px;
    margin-top: 10px;
    border-width: 1px; } }
.privacy__in {
  font-size: 16px;
  line-height: 1.6; }
  .privacy__in big {
    display: inline-block;
    text-indent: -20px; }

@media (max-width: 760px) {
  .privacy__in {
    font-size: 12px; } }
@media (max-width: 760px) {
  .privacy__in big {
    text-indent: -16px; } }
.privacy + .check-box {
  text-align: center;
  margin-top: 40px; }
  .privacy + .check-box::before {
    content: '上記の内容について同意いただける方は、以下の「同意する」にチェックをお願いいたします。';
    display: block; }
  .privacy + .check-box .privacy-checkbox {
    font-size: 16px;
    margin: 30px 0 0 !important;
    padding: 0 0 0 32px !important;
    display: inline-block; }
    .privacy + .check-box .privacy-checkbox::before {
      border: 1px solid #999; }
  .privacy + .check-box .required {
    display: inline-block;
    background: #d84e4e;
    font-size: 14px;
    font-weight: 700;
    font-family: inherit !important;
    margin-bottom: 4px;
    padding: 5px 10px;
    color: #fff; }

@media (max-width: 760px) {
  .privacy + .check-box::before {
    content: '上記の内容について同意いただける方は、\A以下の「同意する」にチェックをお願いいたします。';
    white-space: pre;
    font-size: 14px; } }
@media (max-width: 760px) {
  .privacy + .check-box {
    margin-top: 30px; } }
@media (max-width: 760px) {
  .privacy + .check-box .privacy-checkbox::before {
    margin-top: 3px; } }
@media (max-width: 760px) {
  .privacy + .check-box .required {
    font-size: 13px;
    font-weight: 500;
    padding: 2px 10px; } }
.btn.Submit {
  width: 200px;
  height: 50px;
  font-size: 20px;
  background-color: #d84e4e;
  cursor: pointer;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  margin-bottom: 80px; }
  .btn.Submit:hover {
    opacity: .7; }

@media (max-width: 760px) {
  .btn.Submit {
    margin: 40px auto; } }
@media (min-width: 761px) {
  .enquete dl:first-of-type dd {
    padding-left: 0; }
  .enquete dl:first-of-type .check-box {
    width: 100%; }
    .enquete dl:first-of-type .check-box .CheckboxWithImg {
      width: 33.3%;
      padding: 20px; } }
footer {
  color: #333;
  font-size: 12px;
  position: relative;
  width: 100%;
  height: auto;
  line-height: 1.8;
  border-top: 1px solid #ccc;
  text-align: center; }
  footer .campaign__blk {
    padding: 80px 30px 30px; }
    footer .campaign__blk h2 {
      font-size: 24px;
      color: #333;
      font-weight: 700;
      text-align: center;
      margin-bottom: 50px; }
    footer .campaign__blk ul {
      width: 100%;
      max-width: 762px;
      margin: 0 auto;
      letter-spacing: -0.4em;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      text-align: left; }
      @media (max-width: 500px) {
        footer .campaign__blk ul {
          flex-direction: column; } }
      footer .campaign__blk ul li {
        display: inline-block;
        letter-spacing: normal;
        width: 48%;
        margin-bottom: 45px; }
        @media (max-width: 500px) {
          footer .campaign__blk ul li {
            width: 100%; } }
        footer .campaign__blk ul li h3 {
          font-weight: 700;
          padding-left: 5px; }
        footer .campaign__blk ul li .free_dial,
        footer .campaign__blk ul li .active_time {
          font-weight: 700;
          display: inline-block;
          font-size: 12px; }
        footer .campaign__blk ul li .address {
          font-size: 14px;
          line-height: 1.58;
          margin-top: 4px; }
        footer .campaign__blk ul li .url {
          font-size: 12px;
          margin-top: 4px; }
          footer .campaign__blk ul li .url a {
            color: #333; }
        footer .campaign__blk ul li .tel {
          font-size: 22px;
          font-weight: 700;
          color: #444;
          pointer-events: none; }
    footer .campaign__blk .footer-site-branding {
      display: inline-block;
      max-width: 110px;
      margin-bottom: 20px;
      -webkit-transition: .3s;
      transition: .3s; }
      footer .campaign__blk .footer-site-branding:hover {
        opacity: .7; }
      @media screen and (min-width: 768px) {
        footer .campaign__blk .footer-site-branding {
          max-width: 136px; } }
    footer .campaign__blk .footer-site-branding__img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto; }
    footer .campaign__blk .footer_text {
      width: 760px;
      font-size: 120%;
      margin: 30px 0 0 0;
      font-weight: normal;
      text-align: left; }
    @media screen and (min-width: 768px) {
      footer .campaign__blk .footer_text {
        width: 270px;
        font-size: 100%;
        margin: 30px 0 0 0;
        font-weight: normal;
        text-align: left; } }
    @media screen and (min-width: 726px) and (max-width: 981px) {
      footer .campaign__blk .footer_text {
        width: 80%;
        font-size: 110%;
        margin: 30px 0 0 0;
        font-weight: normal;
        text-align: left; } }
  footer .copy__blk {
    padding: 30px;
    box-sizing: border-box;
    background-color: #004ea2;
    color: #fff;
    text-align: center; }
    footer .copy__blk small {
      font-size: 14px !important; }

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