/* PC */
@media screen and (min-width: 768px),
print {
 main { font-family: "Zen Kaku Gothic New", sans-serif; font-style: normal; background-image: url(../images/date/bg-ptn.jpg); background-repeat: repeat; background-position: center 0; }
.ee-bg { margin-top: 0; padding-top: 70px; }
.bg-box { background-image: url(../images/date/bg-01.png); background-repeat: no-repeat; background-position: center 0; height: 440px; padding-top: 144px; }
.bg-box .inner { width: 1200px; margin: 0 auto; }
.bg-box .inner .flex { display: flex; flex-wrap: wrap; }
.bg-box .inner .flex .box-l { width: 583px; margin-right: 21px; margin-left: 3px; }
.bg-box .inner .flex .box-l .ttl { line-height: normal; }
.bg-box .inner .flex .box-l .ttl .ss1 { font-weight: bold; font-size: 48px; letter-spacing: 0.1em; color: #000; display: block; margin-bottom: 12px; }
.bg-box .inner .flex .box-l .ttl .ss2 { font-weight: bold; font-size: 48px; letter-spacing: 0.1em; color: #000; display: block; }
.bg-box .inner .flex .box-r { width: 475px; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #000; margin-top: 54px; }
/*============================
  #c1
  ============================*/
  #c1 { padding-top: 91px; }
#c1 .inner { width: 1200px; margin: 0 auto; }
#c1 .inner .ttl-box { margin-bottom: 91px; line-height: normal; }
#c1 .inner .ttl-box .ttl { font-weight: bold; font-size: 48px; letter-spacing: 0.2em; text-align: center; color: #000; margin-bottom: 4px; position: relative; left: 5px; }
#c1 .inner .ttl-box .txt { font-weight: bold; font-size: 16px; letter-spacing: 0.2em; text-align: center; color: #000; position: relative; left: 3px; }
#c1 .inner .list { display: flex; flex-wrap: wrap; }
#c1 .inner .list>li { width: 580px; margin-right: 40px; margin-bottom: 60px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.18); border-radius: 20px; }
#c1 .inner .list>li:nth-child(2n) { margin-right: 0px; }
#c1 .inner .pic { width: 1200px; margin: 0 auto; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.18); border-radius: 20px; }
/*============================
  #c2
  ============================*/
  #c2 { padding-top: 120px; }
#c2 .inner .ttl-box { margin-bottom: 70px; line-height: normal; }
#c2 .inner .ttl-box .ttl { font-weight: bold; font-size: 48px; letter-spacing: 0.2em; text-align: center; color: #000; margin-bottom: 4px; position: relative; left: 6px; }
#c2 .inner .ttl-box .txt { font-weight: bold; font-size: 16px; letter-spacing: 0.2em; text-align: center; color: #000; position: relative; left: 3px; }
#c2 .inner .rel-box { position: relative; width: 1200px; margin: 0 auto; }
#c2 .inner .rel-box .flex { display: flex; flex-wrap: wrap; }
#c2 .inner .rel-box .flex .box-l { width: 580px; margin-right: 40px; margin-bottom: 60px; filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.18)); border-radius: 20px; }
#c2 .inner .rel-box .flex .box-r { width: 580px; filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.18)); }
#c2 .inner .rel-box .deco { width: 112px; position: absolute; top: 380px; left: 581px; z-index: 10; }
#c2 .inner .list { width: 1200px; margin: 0 auto; }
#c2 .inner .list>li { margin-bottom: 60px; width: 1200px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.18); border-radius: 20px; }
/*============================
  #c3
  ============================*/
  #c3 { background-image: url(../images/date/bg-02.png); background-repeat: no-repeat; background-position: center 0; height: 1843px; padding-top: 380px; margin-top: -239px; }
#c3 .inner { width: 1200px; margin: 0 auto; }
#c3 .inner .ttl { margin-bottom: -9px; position: relative; left: -39px; }
#c3 .inner .txt-box { font-weight: bold; font-size: 18px; letter-spacing: 0.2em; line-height: 40px; text-align: left; color: #fff; }
#c3 .inner .txt-box .p-mb { margin-bottom: 40px; }
.kiritori-box { width: 1280px; margin: 0 auto; }
.kiritori-box .in { margin-left: -320px; margin-right: -320px; }
/*============================
  #c4
  ============================*/
  #c4 { width: 1400px; margin: 0 auto; background: #fff; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14); padding-top: 57px; padding-bottom: 81px; position: relative; z-index: 10; top: -598px; margin-bottom: -560px; }
#c4 .inner .txt-1 { font-weight: bold; font-size: 18px; letter-spacing: 0.2em; text-align: center; color: #000; margin-bottom: 12px; position: relative; left: 3px; }
#c4 .inner .txt-2 { font-weight: bold; font-size: 26px; letter-spacing: 0.2em; text-align: center; color: #000; margin-bottom: 40px; position: relative; left: 4px; }
#c4 .inner .list { width: 1040px; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c4 .inner .list>li { width: 320px; margin-right: 40px; }
#c4 .inner .list>li:nth-child(3n) { margin-right: 0px; }
 }
/* SP */
@media screen and (max-width: 767px) {
 main { font-family: "Zen Kaku Gothic New", sans-serif; font-style: normal; background-image: url(../images/date/bg-ptn.jpg); background-repeat: repeat; background-position: center 0; background-size: 19.324vw; }
.ee-bg { margin-top: 0; }
.bg-box { background-image: url(../images/date/sp-bg-01.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; height: 89.855vw; padding-top: 14.734vw; }
.bg-box .inner { width: 100%; margin: 0 auto; }
.bg-box .inner .flex { /* display: flex; */
    /* flex-wrap: wrap; */ }
.bg-box .inner .flex .box-l { width: 100%; margin-left: 0.725vw; margin-bottom: 6.28vw; }
.bg-box .inner .flex .box-l .ttl { line-height: normal; }
.bg-box .inner .flex .box-l .ttl .ss1 { font-weight: bold; color: #000; display: block; margin-bottom: 2.415vw; font-size: 7.729vw; letter-spacing: 0.1em; text-align: center; }
.bg-box .inner .flex .box-l .ttl .ss2 { font-weight: bold; color: #000; display: block; font-size: 7.729vw; letter-spacing: 0.1em; text-align: center; }
.bg-box .inner .flex .box-r { width: 83.575vw; margin: 0 auto; font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.729vw; text-align: left; color: #000; }
/*============================
  #c1
  ============================*/
  #c1 { padding-top: 12.319vw; }
#c1 .inner { width: 100%; margin: 0 auto; }
#c1 .inner .ttl-box { margin-bottom: 7.246vw; line-height: normal; }
#c1 .inner .ttl-box .ttl { font-weight: bold; font-size: 11.594vw; letter-spacing: 0.2em; text-align: center; color: #000; margin-bottom: 1.932vw; position: relative; left: 0.966vw; font-size: 8.696vw; letter-spacing: 0.2em; }
#c1 .inner .ttl-box .txt { font-weight: bold; font-size: 3.865vw; letter-spacing: 0.2em; text-align: center; color: #000; position: relative; left: 0.242vw; }
#c1 .inner .list { width: 91.787vw; margin: 0 auto; /* display: flex; */
    /* flex-wrap: wrap; */ }
#c1 .inner .list>li { width: 100%; /* margin-right: 9.662vw; */
    margin-bottom: 9.903vw; border-radius: 4.831vw; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.18); }
#c1 .inner .list>li:nth-child(2n) { margin-right: 0px; }
#c1 .inner .pic { width: 91.787vw; margin: 0 auto; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.18); }
/*============================
  #c2
  ============================*/
  #c2 { padding-top: 14.251vw; }
#c2 .inner .ttl-box { margin-bottom: 7.246vw; line-height: normal; }
#c2 .inner .ttl-box .ttl { font-weight: bold; font-size: 11.594vw; letter-spacing: 0.2em; text-align: center; color: #000; margin-bottom: 1.932vw; position: relative; left: 0.725vw; font-size: 8.696vw; letter-spacing: 0.2em; }
#c2 .inner .ttl-box .txt { font-weight: bold; font-size: 3.865vw; letter-spacing: 0.2em; text-align: center; color: #000; position: relative; left: 0.483vw; }
#c2 .inner .rel-box { position: relative; width: 91.787vw; margin: 0 auto; margin-bottom: 9.662vw; }
#c2 .inner .rel-box .flex { }
#c2 .inner .rel-box .flex .box-l { width: 100%; margin-bottom: 9.662vw; filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.18)); border-radius: 4.831vw; }
#c2 .inner .rel-box .flex .box-r { width: 100%; filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.18)); border-radius: 4.831vw; }
#c2 .inner .rel-box .deco { width: 27.053vw; margin: 0 auto; position: absolute; left: 0px; right: 0; top: 142.029vw; z-index: 15; }
#c2 .inner .list { width: 91.787vw; margin: 0 auto; }
#c2 .inner .list>li { margin-bottom: 9.662vw; width: 100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.18); border-radius: 4.831vw; }
/*============================
  #c3
  ============================*/
  #c3 { background-image: url(../images/date/sp-bg-02.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; height: 310.024vw; padding-top: 32.367vw; margin-top: -31.884vw; }
#c3 .inner { width: 100%; margin: 0 auto; }
#c3 .inner .ttl { margin-bottom: -11.353vw; position: relative; left: -5.556vw; width: 96.86vw; }
#c3 .inner .txt-box { width: 89.372vw; margin: 0 auto; font-weight: bold; text-align: left; color: #fff; font-size: 3.865vw; letter-spacing: 0.12em; line-height: 9.179vw; }
#c3 .inner .txt-box .p-mb { margin-bottom: 9.179vw; }
.kiritori-box { width: 100%; margin: 0 auto; }
.kiritori-box .in { margin-left: -77.295vw; margin-right: -77.295vw; }
/*============================
  #c4
  ============================*/
  #c4 { width: 91.787vw; margin: 0 auto; background: #fff; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14); padding-top: 11.353vw; padding-bottom: 12.077vw; position: relative; z-index: 10; top: -85.99vw; margin-bottom: -79.71vw; }
#c4 .inner .txt-1 { font-weight: bold; font-size: 4.348vw; letter-spacing: 0.2em; text-align: center; color: #000; margin-bottom: 1.932vw; position: relative; left: 0.242vw; font-size: 3.865vw; letter-spacing: 0.12em; }
#c4 .inner .txt-2 { font-weight: bold; font-size: 6.28vw; letter-spacing: 0.2em; text-align: center; color: #000; margin-bottom: 9.662vw; position: relative; left: 0.966vw; font-size: 5.314vw; letter-spacing: 0.2em; }
#c4 .inner .list { width: 77.295vw; margin: 0 auto; /* display: flex; */
    /* flex-wrap: wrap; */ }
#c4 .inner .list>li { width: 100%; margin-bottom: 7.246vw; }
#c4 .inner .list>li:nth-child(3n) { margin-bottom: 0; }
 }
/*# sourceMappingURL=page-date.css.map */