@charset "UTF-8";

/*PC用*/
@media screen and (min-width:641px) {
  .pc { display: block !important }
  .sp { display: none !important }
  .h_menu, #sp_global_nav { display: none; }

  /* CSS Document */
  .h2-box { background: url(../images/campaign/h2.jpg) no-repeat top; height: 220px; font-size: 30px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 35px; }
  #main_box .list li { background: url(../images/campaign/main_bg.png) repeat top; padding: 20px 35px 20px 20px; margin-bottom: 30px; }
  #main_box .list li .box_l { margin-right: 20px; }
  #main_box .list li .box_l .fit { width: 320px; height: 240px; overflow: hidden; }
  #main_box .list li .box_l .fit img { width: 320px; height: 240px; }
  #main_box .list li .box_l .icon { position: absolute; top: 10px; right: 10px; }
  #main_box .list li .box_r { padding-top: 30px; }
  #main_box .list li .box_r .date { font-size: 14px; line-height: 1.5; letter-spacing: 0.05em; background-color: #fff; color: #0a090a; padding: 7px 0px; width: 300px; margin-bottom: 25px; text-decoration: none; }
  #main_box .list li .box_r .date span { background-color: #159600; color: #fff; padding: 7px 10px; margin-right: 15px; font-weight: bold; }
  #main_box .list li .box_r .ttl { font-size: 18px; font-weight: bold; letter-spacing: 0.05em; line-height: 1.5; color: #0a090a; margin-bottom: 25px; }
  #dl_box .btn_list { font-size: 14px; font-weight: bold; line-height: 1.5; letter-spacing: 0.1em; color: #333; margin-bottom: 20px; }
  #dl_box .btn_list .box_l .pray { background: url(../images/common/dl_box_pray_bg.png) no-repeat left 10px center; padding-left: 2em; }
  #dl_box .btn_list .box_l .next { background: url(../images/common/dl_box_next_bg.png) no-repeat right center; padding-right: 1em; padding-left: 1em; }
  #dl_box .bg_box { background: url(../images/campaign/main_bg.png) repeat top; padding: 30px; margin-bottom: 20px; }
  #dl_box .bg_box .wh_box { background-color: #fff; padding: 30px 30px 60px 30px; }
  #dl_box .bg_box .wh_box a .date { text-decoration: none; }
  #dl_box .bg_box .wh_box .date { font-size: 14px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; margin-bottom: 20px; }
  #dl_box .bg_box .wh_box .date span { background-color: #159600; color: #fff; padding: 5px 10px; margin-right: 10px; }
  #dl_box .bg_box .wh_box .ttl { font-size: 20px; font-weight: bold; line-height: 1.5; color: #0a090a; border-bottom: 1px dotted #000000; padding-bottom: 20px; margin-bottom: 30px; }
  #dl_box .bg_box .wh_box .icon { position: absolute; top: 20px; right: 20px; }
  #dl_box .bg_box .wh_box .photo { margin-bottom: 30px; }
  #dl_box .bg_box .wh_box .fit { width: 155px; height: 120px; }
  #dl_box .bg_box .wh_box .txt { font-size: 14px; line-height: 2; letter-spacing: 0.005em; color: #0a090a; margin-bottom: 20px; margin-bottom: 30px; }
  #dl_box .bg_box .wh_box .pdf { text-align: right; margin-bottom: 20px; }
  #dl_box .bg_box .wh_box h6 { margin-bottom: 20px; }
  #dl_box .bg_box .wh_box .gallery-list li { margin-bottom: 20px; }
}

/*SP用*/
@media screen and (max-width:640px) {
  .pc { display: none !important }
  .sp { display: block !important }
  img { max-width: 100%; height: auto; width: auto; }
  body { min-width: auto !important; overflow: inherit !important; }
  .sp_tac { text-align: center !important; }
  .sp_tar { text-align: right !important; }
  .sp_mb15 { margin-bottom: 15px !important; }
  .sp_mb20 { margin-bottom: 20px !important; }
  div, p, dd, dl, dt, th, td, span, li { box-sizing: border-box; }

  /* CSS Document */
  .h2-box { background: url(../images/campaign/h2.jpg) no-repeat top; height: 220px; font-size: 30px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 35px; }
  #main_box .list li { background: url(../images/campaign/main_bg.png) repeat top; padding: 20px 4vw 20px; margin-bottom: 30px; }
  #main_box .list li .box_l {    /* margin-right: 20px; */
  margin: 0 auto; width: 100%; }
  #main_box .list li .box_l .fit { width: 100%; height: 240px; overflow: hidden; }
  #main_box .list li .box_l .fit img { width: 320px; height: 240px; }
  #main_box .list li .box_l .icon { position: absolute; top: -12px; right: -1vw; }
  #main_box .list li .box_r { padding-top: 30px; }
  #main_box .list li .box_r .date { font-size: 4vw; line-height: 1.5; letter-spacing: 0.05em; background-color: #fff; color: #0a090a; padding: 7px 0px; width: 100%; margin-bottom: 25px; text-decoration: none; }
  #main_box .list li .box_r .date span { background-color: #159600; color: #fff; padding: 7px 10px; margin-right: 15px; font-weight: bold; }
  #main_box .list li .box_r .ttl { font-size: 5vw; font-weight: bold; letter-spacing: 0.05em; line-height: 1.5; color: #0a090a; margin-bottom: 25px; text-align: center; }
  #dl_box .btn_list { font-size: 14px; font-weight: bold; line-height: 1.5; letter-spacing: 0.1em; color: #333; margin-bottom: 20px; }
  #dl_box .btn_list .box_l .pray { background: url(../images/common/dl_box_pray_bg.png) no-repeat left 10px center; padding-left: 2em; }
  #dl_box .btn_list .box_l .next { background: url(../images/common/dl_box_next_bg.png) no-repeat right center; padding-right: 1em; padding-left: 1em; }
  #dl_box .bg_box { background: url(../images/campaign/main_bg.png) repeat top; padding: 30px 4vw 1px; margin-bottom: 20px; }
  #dl_box .bg_box .wh_box { background-color: #fff; padding: 15px 4vw 0px; }
  #dl_box .bg_box .wh_box a .date { text-decoration: none; }
  #dl_box .bg_box .wh_box .date { font-size: 14px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; margin-bottom: 20px; }
  #dl_box .bg_box .wh_box .date span { background-color: #159600; color: #fff; padding: 6px 3vw; margin: 0 0 5px; display: block; width: 19vw; text-align: center; }
  #dl_box .bg_box .wh_box .ttl { font-size: 5vw; font-weight: bold; line-height: 1.5; color: #0a090a; border-bottom: 1px dotted #000000; padding-bottom: 20px; margin-bottom: 30px; }
  #dl_box .bg_box .wh_box .icon { position: absolute; top: 10px; right: 3vw; }
  #dl_box .bg_box .wh_box .photo { margin-bottom: 30px; }
  #dl_box .bg_box .wh_box .fit { margin: 0 1% 20px 0; width: 49%; height: 120px; }
  #dl_box .bg_box .wh_box .fit:nth-child(even) { margin: 0 0 20px 1%; }
  #dl_box .bg_box .wh_box .txt { font-size: 14px; line-height: 2; letter-spacing: 0.005em; color: #0a090a; margin-bottom: 20px; margin-bottom: 30px; }
  #dl_box .bg_box .wh_box .txt p:nth-child(3), #dl_box .bg_box .wh_box .txt p:nth-child(4) { display: none; }
  #dl_box .bg_box .wh_box .pdf { text-align: right; margin-bottom: 20px; }
  #dl_box .bg_box .wh_box h6 { margin-bottom: 20px; }
  #dl_box .bg_box .wh_box .gallery-list li { margin-bottom: 20px; }
  .ten { display: block; }
  .btn { text-align: center; }
}