@charset "UTF-8";
#bnr_area .flex_box {
  justify-content: center;
}
#bnr_area .flex_box .unit.campaign {
  display: none;
}

@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }

  #contents {
    background: url(../img/campaign/bg_campaign.png) repeat center;
  }

  #main_visual {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto 46px !important;
    padding: 0;
    transition: all .8s;
    text-align: center;
  }
  #main_visual h1 {
    width: 654px;
    height: 299px;
    margin: 42px auto 20px;
    background: url(../img/campaign/ttl_main.png) no-repeat center;
    text-align: center;
    line-height: 1;
  }
  #main_visual h1 span {
    display: none;
  }
  #main_visual p {
    color: #6a3906;
    font-size: 18px;
  }
  #main_visual p span {
    vertical-align: super;
    font-size: 11px;
  }
  #main_visual p.attention {
    font-size: 14px;
  }
  #main_visual .img {
    width: 452px;
    height: 172px;
    margin: 0 auto 16px;
    background: url(../img/campaign/img_main.png) no-repeat center;
  }

  .anchor_area {
    width: 100%;
    padding: 37px;
    background-color: #fff;
  }
  .anchor_area ul {
    display: flex;
    justify-content: space-between;
    width: 520px;
    margin: 0 auto;
  }
  .anchor_area ul li {
    position: relative;
    width: 160px;
    height: 48px;
    color: #fff;
    border-radius: 22px;
    background-color: #f39976;
    line-height: 48px;
    font-size: 19.5px;
    text-align: center;
    list-style: none;
  }
  .anchor_area ul li a {
    display: block;
    width: 160px;
    height: 48px;
    padding-right: 0.5em;
    color: #fff;
    text-decoration: none;
  }
  .anchor_area ul li a:before {
    position: absolute;
    top: 19px;
    right: 20px;
    content: "";
    width: 20px;
    height: 13px;
    background: url(../img/campaign/icn_anchor.png) no-repeat center;
  }
  .anchor_area ul li a:after {
    display: inline-block;
    content: "";
    width: 0.5em;
    height: 1em;
  }
  .anchor_area ul li:hover {
    opacity: .7;
  }

  h2.ttl {
    width: 294px;
    height: 60px;
    margin: 0 auto 36px;
    color: #fff;
    background: url(../img/campaign/bg_ribbon.png) no-repeat center;
    line-height: 46px;
    font-size: 26.81px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    text-align: center;
  }

  #prize {
    padding: 62px 0 72px;
  }
  #prize .flex_box {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 787px;
    margin: 0 auto;
  }
  #prize .flex_box .unit {
    position: relative;
    width: 380px;
    margin-bottom: 26px;
    padding: 73px 17px 0 47px;
  }
  #prize .flex_box .unit p {
    color: #6a3906;
    text-align: center;
    letter-spacing: -1px;
  }
  #prize .flex_box .unit .caption {
    display: none;
  }
  #prize .flex_box .unit .ttl_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
  }
  #prize .flex_box .unit .ttl_box .prize {
    width: 33px;
    height: 33px;
    margin-right: 8px;
    color: #ff551a;
    border-radius: 33px;
    border: 2px solid #ff551a;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
  }
  #prize .flex_box .unit .ttl_box h3 {
    margin: 0;
    color: #ff551a;
    font-size: 21.15px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    text-align: left;
  }
  #prize .flex_box .unit .ttl_box h3 span.sub {
    width: auto;
    height: auto;
    font-size: 12.15px;
    border: none;
    vertical-align: bottom;
    line-height: 17px;
  }
  #prize .flex_box .unit:before {
    display: block;
    content: "";
    width: 315px;
    height: 178px;
    margin-bottom: 10px;
  }
  #prize .flex_box .unit:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 190px;
    height: 96px;
  }
  #prize .flex_box .unit.point2 {
    height: 376px;
    background: url(../img/campaign/bg_point_s.png) no-repeat center top;
  }
  #prize .flex_box .unit.point2:before {
    background: url(../img/campaign/img_a.png) no-repeat center;
  }
  #prize .flex_box .unit.point2:after {
    background: url(../img/campaign/bg_point_2.png) no-repeat center;
  }
  #prize .flex_box .unit.point6 {
    height: 376px;
    background: url(../img/campaign/bg_point_s.png) no-repeat center top;
  }
  #prize .flex_box .unit.point6 h3 {
    margin-top: -8px;
    font-size: 19.36px;
    line-height: 0.7;
    letter-spacing: -3px;
  }
  #prize .flex_box .unit.point6 h3 span {
    letter-spacing: 0;
  }
  #prize .flex_box .unit.point6:before {
    background: url(../img/campaign/img_b.png) no-repeat center;
  }
  #prize .flex_box .unit.point6:after {
    background: url(../img/campaign/bg_point_6.png) no-repeat center;
  }
  #prize .flex_box .unit.point6_2 {
    height: 376px;
    background: url(../img/campaign/bg_point_s.png) no-repeat center top;
  }
  #prize .flex_box .unit.point6_2 h3 {
    font-size: 19.36px;
    line-height: 1;
    letter-spacing: -3px;
  }
  #prize .flex_box .unit.point6_2 h3 span {
    margin-right: 5px;
    line-height: 19.36px;
    letter-spacing: 0;
  }
  #prize .flex_box .unit.point6_2:before {
    background: url(../img/campaign/img_c.png) no-repeat center;
  }
  #prize .flex_box .unit.point6_2:after {
    background: url(../img/campaign/bg_point_6.png) no-repeat center;
  }
  #prize .flex_box .unit.point8 {
    height: 376px;
    background: url(../img/campaign/bg_point_s.png) no-repeat center top;
  }
  #prize .flex_box .unit.point8 h3 {
    font-size: 19.36px;
    line-height: 1;
    letter-spacing: -3px;
  }
  #prize .flex_box .unit.point8 h3 span {
    margin-right: 5px;
    line-height: 19.36px;
    letter-spacing: 0;
  }
  #prize .flex_box .unit.point8:before {
    background: url(../img/campaign/img_d.png) no-repeat center;
  }
  #prize .flex_box .unit.point8:after {
    background: url(../img/campaign/bg_point_8.png) no-repeat center;
  }
  #prize .flex_box .unit.point10 {
    height: 424px;
    background: url(../img/campaign/bg_point_l.png) no-repeat center top;
  }
  #prize .flex_box .unit.point10 h3 {
    font-size: 19.36px;
  }
  #prize .flex_box .unit.point10:before {
    background: url(../img/campaign/img_e.png) no-repeat center;
  }
  #prize .flex_box .unit.point10:after {
    background: url(../img/campaign/bg_point_10.png) no-repeat center;
  }
  #prize .flex_box .unit.point15 {
    height: 424px;
    background: url(../img/campaign/bg_point_l.png) no-repeat center top;
  }
  #prize .flex_box .unit.point15 h3 {
    font-size: 19.36px;
  }
  #prize .flex_box .unit.point15:before {
    background: url(../img/campaign/img_f.png) no-repeat center;
  }
  #prize .flex_box .unit.point15:after {
    background: url(../img/campaign/bg_point_15.png) no-repeat center;
  }

  #method {
    padding-bottom: 50px;
  }
  #method .flex_box.step_area {
    width: 670px;
    margin: 0 auto 12px;
    background: url(../img/campaign/bg_step_area_arrow.png) no-repeat center 61px;
  }
  #method .flex_box.step_area .unit {
    width: 205px;
  }
  #method .flex_box.step_area .unit .img {
    width: 140px;
    height: 140px;
    margin: 0 auto 6px;
  }
  #method .flex_box.step_area .unit.step01 .img {
    background: url(../img/campaign/img_flow_1.png) no-repeat center;
  }
  #method .flex_box.step_area .unit.step02 .img {
    background: url(../img/campaign/img_flow_2.png) no-repeat center;
  }
  #method .flex_box.step_area .unit.step03 .img {
    background: url(../img/campaign/img_flow_3.png) no-repeat center;
  }
  #method .flex_box.step_area .unit h3 {
    margin-bottom: 6px;
    color: #ed6c00;
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
  }
  #method .flex_box.step_area .unit p {
    color: #764430;
    font-size: 12.8px;
  }
  #method .flex_box.under {
    width: 562px;
    margin: 0 auto 12px;
  }
  #method .flex_box.under .unit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 264px;
    padding: 14px 0;
    background-color: #fff;
  }
  #method .flex_box.under .unit .img {
    width: 24px;
    height: 31px;
    background: url(../img/campaign/bg_method_anzu.png) no-repeat center;
  }
  #method .flex_box.under .unit p {
    margin: 0 0 0 10px;
    color: #6a3906;
    font-size: 14px;
    line-height: 1.3;
  }
  #method .attention {
    color: #ed6c00;
    text-align: center;
    font-size: 13px;
  }

  #requirements h3 {
    width: 704px;
    margin: 0 auto 40px;
    color: #6a3906;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 18.59px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    line-height: 44px;
  }
  #requirements .requirements_01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 600px;
    margin: 0 auto 23px;
    padding-bottom: 12px;
    background: url(../img/campaign/bg_dotted.png) no-repeat center bottom;
  }
  #requirements .requirements_01 .img {
    width: 182px;
    height: 170px;
    background: url(../img/campaign/img_requirements_01.png) no-repeat center;
  }
  #requirements .requirements_01 .balloon {
    width: 404px;
    height: 136px;
    padding: 28px 0 0 45px;
    background: url(../img/campaign/bg_balloon_01.png) no-repeat center;
  }
  #requirements .requirements_01 .balloon .point_img {
    width: 336px;
    height: 58px;
    margin-bottom: 12px;
    background: url(../img/campaign/img_requirements_point.png) no-repeat center;
  }
  #requirements .requirements_01 .balloon p {
    width: 336px;
    color: #6a3906;
    font-size: 8.86px;
    line-height: 1.2;
  }
  #requirements .requirements_02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 480px;
    margin: 0 auto 76px;
  }
  #requirements .requirements_02 .img {
    width: 66px;
    height: 70px;
    background: url(../img/campaign/img_requirements_sample.png) no-repeat center;
  }
  #requirements .requirements_02 .balloon {
    width: 412px;
    height: 71px;
    padding: 16px 0 0 36px;
    background: url(../img/campaign/bg_balloon_02.png) no-repeat center;
  }
  #requirements .requirements_02 .balloon .ttl {
    margin-bottom: 2px;
    color: #ed6c00;
    font-size: 14px;
    font-weight: 700;
  }
  #requirements .requirements_02 .balloon p {
    margin-left: 1em;
    color: #6a3906;
    font-size: 10px;
  }

  .application_postcard {
    display: flex;
    justify-content: space-between;
    width: 706px;
    margin: 0 auto 30px;
    background: url(../img/campaign/bg_dotted_tate.png) no-repeat center top;
  }
  .application_postcard .unit {
    width: 332px;
  }
  .application_postcard .unit h4 {
    margin-bottom: 10px;
    color: #6d3a2c;
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
  }
  .application_postcard .unit p {
    color: #6d3a2c;
    font-size: 12.8px;
  }
  .application_postcard .unit .btn {
    width: 214px;
    height: 44px;
    margin: 0 auto 10px;
    line-height: 44px;
    font-size: 13px;
    text-align: center;
  }
  .application_postcard .unit .btn a {
    display: block;
    color: #fff;
    border-radius: 22px;
    background-color: #f39976;
    border-radius: 22px;
    text-decoration: none;
  }
  .application_postcard .unit .btn a:hover {
    opacity: .7;
  }
  .application_postcard .unit .gaar {
    margin-bottom: 0;
  }
  .application_postcard .unit .gaar p {
    width: 158px;
    color: #ed6c00;
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: -1px;
  }
  .application_postcard .unit .attention {
    color: #6d3a2c;
    line-height: 1.2;
  }
  .application_postcard .unit #youkou-ul {
    column-count: 2;
    width: 317px;
    margin: 0px;
    padding: 0px;
  }
  .application_postcard .unit #youkou-ul li {
    margin-left: 12px;
    padding: 0px;
    color: #6d3a2c;
    text-indent: -9px;
    list-style: disc;
    font-size: 11px;
    font-feature-settings: "palt";
  }
  .application_postcard .unit .destination {
    box-sizing: border-box;
    margin: 15px 0;
    color: #ed6c00;
    line-height: 1.4em;
    font-size: 12.8px;
  }

  .note {
    display: flex;
    justify-content: space-between;
    width: 706px;
    height: 118px;
    margin: 0 auto 30px;
    padding: 16px 16px;
    background: url(../img/campaign/bg_note.png) no-repeat center;
  }
  .note h4 {
    width: 96px;
    padding-left: 35px;
    color: #7b4e3c;
    background: url(../img/campaign/bg_note_anzu.png) no-repeat left top;
    font-size: 17px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    line-height: 42px;
  }
  .note .note_txt {
    width: 550px;
  }
  .note .note_txt h5 {
    margin-bottom: 0;
    color: #ed6c00;
    font-size: 18px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    line-height: 32px;
  }
  .note .note_txt p {
    color: #7b4e3c;
    font-size: 13px;
    line-height: 25.6px;
  }

  h3.terms_ttl {
    margin-bottom: 14px !important;
  }

  .terms {
    width: 706px;
    margin: 0 auto 30px;
    color: #80442d;
    font-size: 13px;
    line-height: 1.2;
  }

  h3.contact_ttl {
    margin-bottom: 22px !important;
  }

  .contact_box {
    display: flex;
    justify-content: space-between;
    width: 582px;
    margin: 0 auto;
  }
  .contact_box .unit {
    width: 284px;
  }
  .contact_box .unit p {
    color: #80442d;
    font-size: 12.8px;
    line-height: 1.2;
  }
  .contact_box .unit .btn {
    width: 280px;
    height: 40px;
    margin: 0 auto 10px;
    text-align: center;
  }
  .contact_box .unit .btn a {
    display: block;
    color: #fff;
    border-radius: 20px;
    background-color: #f39976;
    line-height: 40px;
    font-size: 12px;
    text-decoration: none;
  }
  .contact_box .unit .btn a:hover {
    opacity: .7;
  }
}
/* IE11対応 */
_:-ms-input-placeholder, :root .anchor_area ul li a {
  padding-top: 4px;
}

_:-ms-input-placeholder, :root h2.ttl {
  line-height: 55px;
}

_:-ms-input-placeholder, :root #prize .flex_box .unit .ttl_box .prize {
  padding-top: 5px;
}

_:-ms-input-placeholder, :root #prize .flex_box .unit .ttl_box h3 {
  padding-top: 7px;
}

_:-ms-input-placeholder, :root #prize .flex_box .point6 .ttl_box .prize {
  margin-right: 5px;
}

@-moz-document url-prefix() {
  .application_postcard .unit #youkou-ul li {
    padding-left: 6px;
  }

  .application_postcard .unit #youkou-ul li:nth-child(7),
  .application_postcard .unit #youkou-ul li:nth-child(8) {
    margin-left: 0;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }

  #contents {
    background: url(../img/campaign/sp/bg_campaign.png) repeat center;
    background-size: 26px 39px;
  }

  #main_visual {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto 8px !important;
    padding: 0;
    transition: all .8s;
  }
  #main_visual h1 {
    width: 374px;
    height: 275px;
    margin: 8px auto 10px;
    background: url(../img/campaign/sp/ttl_main.png) no-repeat center;
    background-size: cover;
    text-align: center;
    line-height: 1;
  }
  #main_visual h1 span {
    display: none;
  }
  #main_visual p {
    color: #6a3906;
    font-size: 15px;
    text-align: center;
    line-height: 1.7;
  }
  #main_visual p span {
    vertical-align: super;
    font-size: 10px;
  }
  #main_visual p.attention {
    margin-bottom: 8px;
    font-size: 10px;
    text-align: center;
  }
  #main_visual .img {
    width: 375px;
    height: 144px;
    margin: 0 auto 16px;
    background: url(../img/campaign/sp/img_main.png) no-repeat center;
    background-size: 375px 144px;
  }

  .anchor_area {
    width: 100%;
    padding: 14px 0;
    background-color: #fff;
  }
  .anchor_area ul {
    display: flex;
    justify-content: space-between;
    width: 345px;
    margin: 0 auto;
  }
  .anchor_area ul li {
    position: relative;
    width: 107px;
    height: 32.5px;
    color: #fff;
    border-radius: 18px;
    background-color: #f39976;
    line-height: 32.5px;
    font-size: 13px;
    text-align: center;
    list-style: none;
  }
  .anchor_area ul li a {
    display: block;
    width: 107px;
    height: 32.5px;
    padding-right: 0.5em;
    color: #fff;
    text-decoration: none;
  }
  .anchor_area ul li a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    content: "";
    width: 13px;
    height: 8px;
    background: url(../img/campaign/sp/icn_anchor.png) no-repeat center;
    background-size: 13px 8px;
  }
  .anchor_area ul li a:after {
    display: inline-block;
    content: "";
    width: 0.5em;
    height: 1em;
  }

  h2.ttl {
    width: 208px;
    height: 42px;
    margin: 0 auto 22px;
    color: #fff;
    background: url(../img/campaign/sp/bg_ribbon.png) no-repeat center;
    background-size: 208px 42px;
    line-height: 32px;
    font-size: 19.13px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    text-align: center;
  }

  #prize {
    width: 100%;
    padding: 35px 0 24px;
  }
  #prize h2.ttl {
    margin-bottom: 30px;
  }
  #prize .flex_box {
    width: 100%;
    margin: 0 auto;
  }
  #prize .flex_box .unit {
    position: relative;
    width: 348px;
    margin: 0 auto 40px;
    padding: 40px 0 0 13px;
  }
  #prize .flex_box .unit p {
    width: 306px;
    margin: 0 auto;
    color: #6a3906;
    font-size: 10px;
    text-align: center;
  }
  #prize .flex_box .unit .caption {
    display: none;
  }
  #prize .flex_box .unit .ttl_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 9px;
  }
  #prize .flex_box .unit .ttl_box .prize {
    width: 23px;
    height: 23px;
    margin-right: 5px;
    color: #ff551a;
    border-radius: 23px;
    border: 2px solid #ff551a;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
  }
  #prize .flex_box .unit .ttl_box h3 {
    margin: 0;
    color: #ff551a;
    font-size: 17px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    text-align: left;
  }
  #prize .flex_box .unit .ttl_box h3 span.sub {
    width: auto;
    height: auto;
    font-size: 10px;
    border: none;
    vertical-align: middle;
  }
  #prize .flex_box .unit:before {
    display: block;
    content: "";
    width: 322px;
    height: 182px;
    margin-bottom: 10px;
  }
  #prize .flex_box .unit:after {
    position: absolute;
    top: -28px;
    left: 7px;
    display: block;
    content: "";
    width: 155px;
    height: 80px;
  }
  #prize .flex_box .unit.point2 {
    height: 299px;
    background: url(../img/campaign/sp/bg_point_s.png) no-repeat center top;
    background-size: 348px 299px;
  }
  #prize .flex_box .unit.point2:before {
    background: url(../img/campaign/sp/img_a.jpg) no-repeat center;
    background-size: 322px 182px;
  }
  #prize .flex_box .unit.point2:after {
    background: url(../img/campaign/sp/bg_point_2.png) no-repeat center;
    background-size: 155px 80px;
  }
  #prize .flex_box .unit.point6 {
    height: 299px;
    background: url(../img/campaign/sp/bg_point_s.png) no-repeat center top;
    background-size: 348px 299px;
  }
  #prize .flex_box .unit.point6 h3 {
    font-size: 16.5px;
    letter-spacing: -3px;
  }
  #prize .flex_box .unit.point6 h3 span {
    margin-right: 5px;
    line-height: 16.5px;
    letter-spacing: 0;
  }
  #prize .flex_box .unit.point6:before {
    background: url(../img/campaign/sp/img_b.jpg) no-repeat center;
    background-size: 322px 182px;
  }
  #prize .flex_box .unit.point6:after {
    background: url(../img/campaign/sp/bg_point_6.png) no-repeat center;
    background-size: 155px 80px;
  }
  #prize .flex_box .unit.point6_2 {
    height: 313px;
    background: url(../img/campaign/sp/bg_point_m.png) no-repeat center top;
    background-size: 348px 313px;
  }
  #prize .flex_box .unit.point6_2 h3 {
    font-size: 16.5px;
    line-height: 1;
    letter-spacing: -3px;
  }
  #prize .flex_box .unit.point6_2 h3 span {
    margin-right: 5px;
    line-height: 16.5px;
    letter-spacing: 0;
  }
  #prize .flex_box .unit.point6_2:before {
    background: url(../img/campaign/sp/img_c.jpg) no-repeat center;
    background-size: 322px 182px;
  }
  #prize .flex_box .unit.point6_2:after {
    background: url(../img/campaign/sp/bg_point_6.png) no-repeat center;
    background-size: 155px 80px;
  }
  #prize .flex_box .unit.point8 {
    height: 313px;
    background: url(../img/campaign/sp/bg_point_m.png) no-repeat center top;
    background-size: 348px 313px;
  }
  #prize .flex_box .unit.point8 h3 {
    font-size: 16.5px;
    line-height: 1;
    letter-spacing: -3px;
  }
  #prize .flex_box .unit.point8 h3 span {
    margin-right: 5px;
    line-height: 19.36px;
    letter-spacing: 0;
  }
  #prize .flex_box .unit.point8:before {
    background: url(../img/campaign/sp/img_d.jpg) no-repeat center;
    background-size: 322px 182px;
  }
  #prize .flex_box .unit.point8:after {
    background: url(../img/campaign/sp/bg_point_8.png) no-repeat center;
    background-size: 155px 80px;
  }
  #prize .flex_box .unit.point10 {
    height: 313px;
    background: url(../img/campaign/sp/bg_point_m.png) no-repeat center top;
    background-size: 348px 313px;
  }
  #prize .flex_box .unit.point10 h3 {
    font-size: 18px;
  }
  #prize .flex_box .unit.point10:before {
    background: url(../img/campaign/sp/img_e.jpg) no-repeat center;
    background-size: 322px 182px;
  }
  #prize .flex_box .unit.point10:after {
    background: url(../img/campaign/sp/bg_point_10.png) no-repeat center;
    background-size: 155px 80px;
  }
  #prize .flex_box .unit.point15 {
    height: 336px;
    background: url(../img/campaign/sp/bg_point_l.png) no-repeat center top;
    background-size: 348px 336px;
  }
  #prize .flex_box .unit.point15 h3 {
    font-size: 18px;
  }
  #prize .flex_box .unit.point15:before {
    background: url(../img/campaign/sp/img_f.jpg) no-repeat center;
    background-size: 322px 182px;
  }
  #prize .flex_box .unit.point15:after {
    background: url(../img/campaign/sp/bg_point_15.png) no-repeat center;
    background-size: 155px 80px;
  }

  #method {
    width: 100%;
    padding-bottom: 42px;
  }
  #method .flex_box.step_area {
    width: 304px;
    margin: 0 auto 12px;
    background: url(../img/campaign/sp/bg_step_area_arrow.png) no-repeat center;
    background-size: 18px 187px;
  }
  #method .flex_box.step_area .unit {
    width: 304px;
    min-height: 152px;
    margin: 0 auto;
  }
  #method .flex_box.step_area .unit + .unit {
    margin-top: 26px;
  }
  #method .flex_box.step_area .unit .img {
    width: 99px;
    height: 99px;
    margin: 0 auto 3px;
  }
  #method .flex_box.step_area .unit.step01 .img {
    background: url(../img/campaign/sp/img_flow_1.png) no-repeat center;
    background-size: 99px;
  }
  #method .flex_box.step_area .unit.step02 .img {
    background: url(../img/campaign/sp/img_flow_2.png) no-repeat center;
    background-size: 99px;
  }
  #method .flex_box.step_area .unit.step03 .img {
    background: url(../img/campaign/sp/img_flow_3.png) no-repeat center;
    background-size: 99px;
  }
  #method .flex_box.step_area .unit h3 {
    margin-bottom: 4px;
    color: #C85A00;
    font-size: 14px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
  }
  #method .flex_box.step_area .unit p {
    color: #6d3a2c;
    font-size: 10px;
  }
  #method .flex_box.under {
    width: 290px;
    margin: 0 auto 20px;
  }
  #method .flex_box.under .unit {
    display: flex;
    align-items: center;
    width: 290px;
    padding: 14px 34px;
    background-color: #fff;
  }
  #method .flex_box.under .unit + .unit {
    margin-top: 10px;
  }
  #method .flex_box.under .unit .img {
    width: 23px;
    height: 30px;
    background: url(../img/campaign/sp/bg_method_anzu.png) no-repeat center;
    background-size: 23px 30px;
  }
  #method .flex_box.under .unit p {
    margin: 0 0 0 10px;
    color: #6a3906;
    font-size: 13.12px;
    line-height: 1.2;
  }
  #method .attention {
    color: #cc6403;
    text-align: center;
    font-size: 11px;
  }

  #requirements {
    width: 100%;
    padding: 0;
  }
  #requirements h3 {
    width: 96%;
    margin: 0 auto 15px;
    color: #6a3906;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    line-height: 35px;
  }
  #requirements .requirements_01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 96%;
    max-width: 360px;
    margin: 0 auto 17px;
    padding-bottom: 21px;
    background: url(../img/campaign/sp/bg_dotted.png) no-repeat center bottom;
    background-size: 361px 4px;
  }
  #requirements .requirements_01 .img {
    width: 33%;
    max-width: 119px;
    height: 252px;
    background: url(../img/campaign/sp/img_requirements_01.png) no-repeat center;
    background-size: contain;
  }
  #requirements .requirements_01 .balloon {
    width: 72%;
    max-width: 239px;
    height: 236px;
    padding: 21px 0 0 36px;
    background: url(../img/campaign/sp/bg_balloon_01.png) no-repeat center;
    background-size: contain;
  }
  #requirements .requirements_01 .balloon .point_img {
    width: 186px;
    height: 157px;
    margin-bottom: 8px;
    background: url(../img/campaign/sp/img_requirements_point.png) no-repeat center;
    background-size: 186px 157px;
  }
  #requirements .requirements_01 .balloon p {
    width: 186px;
    color: #6a3906;
    font-size: 11px;
    line-height: 1.2;
  }
  #requirements .requirements_02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 96%;
    max-width: 360px;
    margin: 0 auto 46px;
  }
  #requirements .requirements_02 .img {
    width: 27%;
    max-width: 97px;
    height: 102px;
    background: url(../img/campaign/sp/img_requirements_sample.png) no-repeat center;
    background-size: contain;
  }
  #requirements .requirements_02 .balloon {
    width: 72%;
    max-width: 251px;
    height: 100px;
    padding: 13px 0 0 28px;
    background: url(../img/campaign/sp/bg_balloon_02.png) no-repeat center;
    background-size: contain;
  }
  #requirements .requirements_02 .balloon .ttl {
    width: 212px;
    margin-bottom: 6px;
    color: #e66714;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -1px;
  }
  #requirements .requirements_02 .balloon p {
    width: 220px;
    color: #6a3906;
    font-size: 10.7px;
    text-align: center;
  }

  .application_postcard {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    width: 360px;
    margin: 0 auto 30px;
  }
  .application_postcard .unit {
    width: 330px;
    margin: 0 auto;
  }
  .application_postcard .unit h4 {
    margin-bottom: 8px;
    color: #6d3a2c;
    font-size: 14px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
  }
  .application_postcard .unit p {
    color: #6d3a2c;
    font-size: 12px;
  }
  .application_postcard .unit .btn {
    width: 200px;
    height: 40px;
    margin: 20px auto 0;
    line-height: 40px;
    font-size: 13px;
    text-align: center;
  }
  .application_postcard .unit .btn a {
    display: block;
    color: #fff;
    border-radius: 22px;
    background-color: #f39976;
    border-radius: 22px;
    text-decoration: none;
  }
  .application_postcard .unit .btn a:hover {
    opacity: .7;
  }
  .application_postcard .unit .gaar {
    margin-bottom: 0;
  }
  .application_postcard .unit .gaar p {
    width: 158px;
    color: #ed6c00;
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: -1px;
  }
  .application_postcard .unit .attention {
    margin-bottom: 30px;
    color: #6d3a2c;
    line-height: 1.2;
    font-size: 10px;
  }
  .application_postcard .unit #youkou-ul {
    width: 317px;
    margin: 0 0 15px;
    padding: 0;
  }
  .application_postcard .unit #youkou-ul li {
    margin-left: 12px;
    padding: 0 0 0 4px;
    color: #c85a00;
    text-indent: -9px;
    list-style: disc;
    font-size: 11px;
    font-feature-settings: "palt";
  }
  .application_postcard .unit .destination {
    box-sizing: border-box;
    margin-bottom: 15px;
    color: #c84600;
    line-height: 1.4em;
    font-size: 11px;
    text-align: center;
  }

  .note {
    width: 95%;
    max-width: 355px;
    height: 132px;
    margin: 0 auto 30px;
    padding: 13px 13px;
    background: url(../img/campaign/sp/bg_note.png) no-repeat center;
    background-size: contain;
  }
  .note h4 {
    width: 78px;
    margin: 0 auto 16px;
    padding-left: 29px;
    color: #7b4e3c;
    background: url(../img/campaign/sp/bg_note_anzu.png) no-repeat left top;
    background-size: 34px 29px;
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    line-height: 33px;
  }
  .note .note_txt h5 {
    margin-bottom: 1px;
    color: #c84603;
    font-size: 13px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
  }
  .note .note_txt p {
    color: #7b4e3c;
    font-size: 10px;
    line-height: 1.8;
  }

  h3.terms_ttl {
    margin-bottom: 14px !important;
  }

  .terms {
    width: 96%;
    max-width: 360px;
    margin: 0 auto 30px;
    color: #80442d;
    font-size: 11px;
    line-height: 1.2;
  }

  h3.contact_ttl {
    margin-bottom: 22px !important;
  }

  .contact_box {
    width: 96%;
    max-width: 360px;
    margin: 0 auto 40px;
  }
  .contact_box .unit {
    width: 360px;
    margin-bottom: 15px;
  }
  .contact_box .unit p {
    color: #80442d;
    font-size: 12.8px;
    line-height: 1.2;
    text-align: center;
  }
  .contact_box .unit .btn {
    width: 200px;
    height: 40px;
    margin: 0 auto 10px;
    text-align: center;
  }
  .contact_box .unit .btn a {
    display: block;
    color: #fff;
    border-radius: 20px;
    background-color: #f39976;
    line-height: 40px;
    font-size: 12px;
    text-decoration: none;
  }
  .contact_box .unit .btn a:hover {
    opacity: .7;
  }
}

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