@charset "UTF-8";
/*--------------------------------------
	ご成約キャンペーン_2308
---------------------------------------*/
#content_block {
  height: auto !important;
}
#content_block footer {
  border-top: none !important;
  margin-top: 0 !important;
}
#content_block .campaign_container {
  font-family: "游明朝体", "Yu Mincho", "Yu Gothic Medium", "游ゴシック Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  width: 100% !important;
  max-width: 100% !important;
  position: relative;
  margin-top: 10px !important;
  color: #182d48;
  padding-top: 20px;
  padding-bottom: 70px;
  margin-top: 55px !important;
}
#content_block .campaign_container img {
  width: 100%;
  height: auto;
}
#content_block .campaign_container .cf:after {
  content: "";
  display: block;
  clear: both;
}
#content_block .campaign_container .header_block {
  background: url("../images/campaign_2308/hd_tit_bg03.png") no-repeat left 0 bottom 19rem, url("../images/campaign_2308/hd_tit_bg02.png"), url("../images/campaign_2308/hd_tit_bg01.jpg") no-repeat;
  background-size: cover, contain, cover;
  width: 100%;
  margin: 0 auto auto;
  padding-top: 30px;
}
#content_block .campaign_container .header_block .sub_ttl figure {
  max-width: 550px;
  margin: 0 auto;
}
#content_block .campaign_container .header_block .sub_ttl figure:first-of-type {
  max-width: 360px;
  margin-bottom: 10px;
}
#content_block .campaign_container .header_block h1 {
  max-width: 960px;
  margin: -15px auto 40px;
}
#content_block .campaign_container .header_block .header-cont {
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 20px;
}
#content_block .campaign_container .header_block .header-cont .lead {
  margin: auto;
  width: 100%;
  max-width: 960px;
}
#content_block .campaign_container .header_block .header-cont .lead p {
  color: #182d48;
  font-size: 1.8em;
  line-height: 2;
  margin-bottom: 30px;
}
#content_block .campaign_container .header_block .header-cont .lead .br_sp {
  display: none;
}
#content_block .campaign_container .header_block .header-cont .lead .days {
  background: #182d48;
  color: #fff;
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  padding: 7px 55px;
}
#content_block .campaign_container .main_cont,
#content_block .campaign_container .note_cont {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 15px;
}
#content_block .campaign_container .main_cont .ttl_block,
#content_block .campaign_container .note_cont .ttl_block {
  border-bottom: 2px solid #182d48;
  margin-bottom: 45px;
}
#content_block .campaign_container .main_cont .ttl_block h2,
#content_block .campaign_container .note_cont .ttl_block h2 {
  text-align: center;
  margin: 0 auto 25px auto;
}
#content_block .campaign_container .main_block {
  background: #f2e9df;
  position: relative;
}
#content_block .campaign_container .main_block .main_cont {
  padding-top: 50px;
}
#content_block .campaign_container .main_block .main_cont h2 {
  max-width: 500px;
}
#content_block .campaign_container .main_block .main_cont .img_l,
#content_block .campaign_container .main_block .main_cont .img_r {
  margin-bottom: 60px;
}
#content_block .campaign_container .main_block .main_cont .img_l:last-of-type,
#content_block .campaign_container .main_block .main_cont .img_r:last-of-type {
  margin-bottom: 0;
}
#content_block .campaign_container .main_block .main_cont .img_l figure,
#content_block .campaign_container .main_block .main_cont .img_r figure {
  max-width: 380px;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea,
#content_block .campaign_container .main_block .main_cont .img_r .textarea {
  text-align: center;
  padding-top: 10px;
  width: 55.5%;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea figure,
#content_block .campaign_container .main_block .main_cont .img_r .textarea figure {
  float: none;
  max-width: 250px;
  margin: 0 auto 25px;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea figure img,
#content_block .campaign_container .main_block .main_cont .img_r .textarea figure img {
  width: 50%;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea h3,
#content_block .campaign_container .main_block .main_cont .img_r .textarea h3 {
  font-weight: bold;
  font-size: 2.5em;
  margin-bottom: 15px;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea p,
#content_block .campaign_container .main_block .main_cont .img_r .textarea p {
  font-size: 1.9em;
  letter-spacing: 0.5px;
  line-height: 1.9em;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea .mainbtn a,
#content_block .campaign_container .main_block .main_cont .img_r .textarea .mainbtn a {
  background: #741f25;
  display: inline-block;
  padding: 3px;
  margin-top: 30px;
  position: relative;
  transition: 3s;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea .mainbtn a:after,
#content_block .campaign_container .main_block .main_cont .img_r .textarea .mainbtn a:after {
  content: "";
  background: url("../images/campaign_2308/btn_img.png") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 6px;
  height: 13px;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -6px;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea .mainbtn a span,
#content_block .campaign_container .main_block .main_cont .img_r .textarea .mainbtn a span {
  background: linear-gradient(180deg, #9f343c 0%, #741f25 100%);
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 2.1em;
  font-weight: bold;
  padding: 12px 75px;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea .mainbtn a:hover,
#content_block .campaign_container .main_block .main_cont .img_r .textarea .mainbtn a:hover {
  background: #c94c55;
  cursor: pointer;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea .mainbtn a:hover span,
#content_block .campaign_container .main_block .main_cont .img_r .textarea .mainbtn a:hover span {
  background: linear-gradient(180deg, #c94c55 0%, #933a40 100%);
}
#content_block .campaign_container .main_block .main_cont .img_l {
  background: url("../images/campaign_2308/mainblock_img01.png") no-repeat top right;
}
#content_block .campaign_container .main_block .main_cont .img_l figure {
  float: left;
}
#content_block .campaign_container .main_block .main_cont .img_l .textarea {
  float: right;
}
#content_block .campaign_container .main_block .main_cont .img_r {
  background: url("../images/campaign_2308/mainblock_img02.png") no-repeat top left;
}
#content_block .campaign_container .main_block .main_cont .img_r figure {
  float: right;
}
#content_block .campaign_container .main_block .main_cont .img_r .textarea {
  float: left;
}
#content_block .campaign_container .main_block .main_cont .img_r:last-of-type .textarea .red {
  color: #741f25;
}
#content_block .campaign_container .main_block .main_cont .img_r:last-of-type .textarea .small {
  font-size: 0.9em;
}
#content_block .campaign_container .main_block .main_cont .img_r:last-of-type .textarea figure:last-of-type {
  margin: 25px auto 0;
}
#content_block .campaign_container .main_block .main_cont .img_r:last-of-type .textarea figure:last-of-type img {
  width: 100%;
  max-width: 195px;
}
#content_block .campaign_container .note_block {
  background: url("../images/campaign_2308/main_bg.png") repeat-x, url("../images/campaign_2308/note_img_bg.jpg");
  background-size: contain, 50%;
}
#content_block .campaign_container .note_block .note_cont {
  padding: 160px 15px 45px;
}
#content_block .campaign_container .note_block .note_cont h2 {
  max-width: 588px;
}
#content_block .campaign_container .note_block .note_cont .lead {
  display: table;
  font-size: 1.8em;
  line-height: 2;
}
#content_block .campaign_container .note_block .note_cont .lead:before {
  content: "※";
  display: table-cell;
  vertical-align: top;
}
@media print, screen and (max-width: 1240px) {
  #content_block .campaign_container .header_block {
    background: url("../images/campaign_2308/hd_tit_bg03.png") no-repeat 0 -12.5rem, url("../images/campaign_2308/hd_tit_bg02.png"), url("../images/campaign_2308/hd_tit_bg01.jpg") no-repeat;
    background-size: contain, contain, cover;
  }
  #content_block .campaign_container .header_block .sub_ttl figure {
    width: 55%;
  }
  #content_block .campaign_container .header_block .sub_ttl figure:first-of-type {
    width: 34%;
  }
  #content_block .campaign_container .header_block h1 {
    width: 85%;
    margin-bottom: 30px;
  }
}
@media print, screen and (max-width: 1024px) {
  #content_block .campaign_container .header_block {
    background: url("../images/campaign_2308/hd_tit_bg03.png") no-repeat 0 -8.5rem, url("../images/campaign_2308/hd_tit_bg02.png"), url("../images/campaign_2308/hd_tit_bg01.jpg") no-repeat;
    background-size: contain, contain, cover;
  }
  #content_block .campaign_container .header_block h1 {
    width: 80%;
    margin-bottom: 15px;
  }
  #content_block .campaign_container .header_block .header-cont .lead p {
    font-size: 1.6rem;
  }
  #content_block .campaign_container .header_block .header-cont .lead .days {
    font-size: 21px;
  }
  #content_block .campaign_container .main_cont,
  #content_block .campaign_container .note_cont {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
  }
  #content_block .campaign_container .main_block .main_cont {
    padding-left: 30px;
    padding-right: 30px;
  }
  #content_block .campaign_container .main_block .main_cont .img_l figure,
  #content_block .campaign_container .main_block .main_cont .img_r figure {
    width: 42%;
  }
  #content_block .campaign_container .main_block .main_cont .img_l .textarea,
  #content_block .campaign_container .main_block .main_cont .img_r .textarea {
    width: 55%;
  }
  #content_block .campaign_container .main_block .main_cont .img_l .textarea p,
  #content_block .campaign_container .main_block .main_cont .img_r .textarea p {
    font-size: 1.7rem;
  }
  #content_block .campaign_container .main_block .main_cont .img_l figure {
    margin-right: 20px;
  }
  #content_block .campaign_container .main_block .main_cont .img_r figure {
    margin-left: 20px;
  }
  #content_block .campaign_container .note_block .note_cont {
    padding-left: 30px;
    padding-right: 30px;
  }
  #content_block .campaign_container .note_block .note_cont .lead {
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 767px) {
  #content_block .campaign_container {
    padding-top: 0;
  }
  #content_block .campaign_container .header_block {
    background: url("../images/campaign_2308/hd_tit_bg03.png") no-repeat 0 -5.5rem, url("../images/campaign_2308/hd_tit_bg02.png"), url("../images/campaign_2308/hd_tit_bg01.jpg") no-repeat;
    background-size: contain, contain, cover;
  }
  #content_block .campaign_container .header_block .sub_ttl figure {
    width: 63%;
  }
  #content_block .campaign_container .header_block .sub_ttl figure:first-of-type {
    width: 40%;
    margin-bottom: 2px;
  }
  #content_block .campaign_container .header_block .header-cont .lead p {
    font-size: 1.4em;
  }
  #content_block .campaign_container .header_block .header-cont .lead .days {
    font-size: 16px;
  }
  #content_block .campaign_container .main_block h2 img,
  #content_block .campaign_container .note_block h2 img {
    width: 75%;
  }
  #content_block .campaign_container .main_block .main_cont {
    padding-left: 15px;
    padding-right: 15px;
  }
  #content_block .campaign_container .main_block .main_cont .img_l figure,
  #content_block .campaign_container .main_block .main_cont .img_r figure {
    width: 39%;
  }
  #content_block .campaign_container .main_block .main_cont .img_l .textarea,
  #content_block .campaign_container .main_block .main_cont .img_r .textarea {
    width: 57%;
  }
  #content_block .campaign_container .main_block .main_cont .img_l .textarea h3,
  #content_block .campaign_container .main_block .main_cont .img_r .textarea h3 {
    font-size: 2.1em;
  }
  #content_block .campaign_container .main_block .main_cont .img_l .textarea p,
  #content_block .campaign_container .main_block .main_cont .img_r .textarea p {
    font-size: 1.4em;
  }
  #content_block .campaign_container .main_block .main_cont .img_l figure {
    margin-right: 20px;
  }
  #content_block .campaign_container .main_block .main_cont .img_r figure {
    margin-left: 20px;
  }
  #content_block .campaign_container .note_block .note_cont {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 17%;
  }
  #content_block .campaign_container .note_block .note_cont .lead {
    margin-bottom: 10px;
    font-size: 1.4em;
  }
}
@media print, screen and (max-width: 579px) {
  #content_block .campaign_container .header_block {
    background: url("../images/campaign_2308/hd_tit_bg03.png") no-repeat 0 -3rem, url("../images/campaign_2308/hd_tit_bg02.png"), url("../images/campaign_2308/hd_tit_bg01.jpg") no-repeat;
    background-size: contain, contain, cover;
  }
  #content_block .campaign_container .header_block h1 {
    margin-top: -10px;
    width: 90%;
  }
  #content_block .campaign_container .header_block .header-cont .lead .br_sp {
    display: block;
  }
  #content_block .campaign_container .header_block .header-cont .lead .days {
    font-size: 15px;
    padding: 7px 30px;
  }
  #content_block .campaign_container .main_block h2 img,
  #content_block .campaign_container .note_block h2 img {
    width: 95%;
  }
  #content_block .campaign_container .main_block .main_cont .img_l,
  #content_block .campaign_container .main_block .main_cont .img_r {
    background-size: 66px;
  }
  #content_block .campaign_container .main_block .main_cont .img_l figure,
  #content_block .campaign_container .main_block .main_cont .img_r figure {
    float: inherit;
    margin: 0 auto 20px;
    width: 80%;
    padding-top: 30px;
  }
  #content_block .campaign_container .main_block .main_cont .img_l .textarea,
  #content_block .campaign_container .main_block .main_cont .img_r .textarea {
    width: 100%;
  }
  #content_block .campaign_container .main_block .main_cont .img_l .textarea figure,
  #content_block .campaign_container .main_block .main_cont .img_r .textarea figure {
    padding: 0;
    margin-bottom: 10px;
  }
}