/* Reset and base */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#2e2e2e;line-height:1.8;background:#fff}

/*ブレイクポイントごとの非表示*/
@media screen and (min-width:1280px) {.dn1 {display:none !important;}}
@media screen and (min-width:1024px) and (max-width:1279px) {.dn2 {display:none !important;}}
@media screen and (min-width:768px) and (max-width:1023px) {.dn3 {display:none !important;}}
@media screen and (min-width:360px) and (max-width:767px) {.dn4 {display:none !important;}}
@media screen and (max-width:359px) {.dn5 {display:none !important;}}


/* Page background art */
.page{position:relative;overflow:hidden;min-height:100vh}
.page-bg{position:absolute;left:50%;top:-60px;transform:translateX(-50%);width:1780px;height:320px;pointer-events:none}
.page-bg img{width:100%;height:100%;object-fit:cover;display:block}

/* Main content area centered */
.content{position:relative;max-width:746px;margin:0 auto;padding:140px 24px 80px;}
.logo-wrap{display:flex;justify-content:center;margin-bottom:22px;width: 50%;margin-inline: auto;}
@media screen and (max-width: 480px) {
  .logo-wrap{
    width: 65%;
  }

}
.logo{max-width:414px;width:100%;height:auto;display:block}

.copy{padding-top:8px}
.title{font-weight:700;font-size:32px;letter-spacing:1.6px;color:#2e2e2e;text-align:center;margin-bottom:18px;    border-bottom: 2px dotted #2e2e2e;}
.divider{display:flex;justify-content:center;margin-bottom:28px}
.divider img{max-width:460px;width:100%;height:auto;opacity:0.9}

.lead{color:#555;font-size:16px}
.lead p{margin:0 0 14px}

.signature{margin-top:30px;text-align:right;letter-spacing:2px;color:#777;font-size:14px}

@media (max-width:860px){
  .content{padding:100px 20px}
  .title{font-size:26px}
}