@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&family=Noto+Serif+JP:wght@400;600;700&family=Oswald&family=Questrial&familyEB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
.mv { background: #f5f2ec; }
.mv .note { padding-left: 1rem; }

.img01 { background: #f5f2ec; }
.img01 .note { padding-left: 1rem; }

.plan-btn-list { background: #f5f2ec; padding: 5rem 0; }
.plan-btn-list .list-inner { display: grid; gap: 5rem 3rem; grid-template-columns: repeat(3, 1fr); }
.plan-btn-list .plan-btn a { display: grid; gap: 1rem 0; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; height: 100%; background: #fff; padding: 2rem; transition: .5s; }
.plan-btn-list .plan-btn a:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.plan-btn-list .plan-btn a:hover .more { background: #fff; color: #CB9364; }
.plan-btn-list .plan-btn .plan-btn-head { display: grid; gap: 0; grid-template-columns: 6rem 1fr; align-items: center; padding-bottom: 1rem; border-bottom: solid 1px rgba(0, 0, 0, 0.5); }
.plan-btn-list .plan-btn .plan-btn-head .type { display: block; text-align: center; color: #CB9364; font-size: 1.4rem; letter-spacing: .2em; line-height: 1.2; }
.plan-btn-list .plan-btn .plan-btn-head .type .l { display: block; text-align: center; letter-spacing: .2em; font-size: 250%; }
.plan-btn-list .plan-btn .plan-btn-head .spec { text-align: right; display: block; }
.plan-btn-list .plan-btn .plan-btn-head .spec .ldk { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; margin: 0 0 0 auto; font-size: 1.4rem; letter-spacing: .1em; line-height: 1.2; }
.plan-btn-list .plan-btn .plan-btn-head .spec .ldk * { min-height: 0%; }
.plan-btn-list .plan-btn .plan-btn-head .spec .ldk .l { display: inline-block; }
.plan-btn-list .plan-btn .plan-btn-head .spec .ldk .s { display: inline-block; }
.plan-btn-list .plan-btn .plan-btn-head .spec .menseki { display: block; margin-top: .5rem; font-size: 1.6rem; letter-spacing: .1em; line-height: 1.2; }
.plan-btn-list .plan-btn .plan-btn-head .spec .menseki .s { font-size: 80%; margin-right: .5rem; }
.plan-btn-list .plan-btn .plan-btn-head .spec .menseki .l { font-size: 150%; }
.plan-btn-list .plan-btn .img { display: block; }
.plan-btn-list .plan-btn .more { width: 100%; display: block; padding: 1rem; text-align: center; background: #CB9364; border: solid 1px #CB9364; color: #fff; font-size: 1.4rem; line-height: 1; letter-spacing: .3em; transition: .5s; }
@media screen and (max-width: 768px) { .plan-btn-list .list-inner { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 480px) { .plan-btn-list .list-inner { grid-template-columns: 1fr; } }

.hanrei { margin-top: 5rem; font-size: 1.1rem; line-height: 1.8; }
.hanrei .aw { margin-right: 1rem; }
.hanrei .aw img { display: inline-block; height: 1rem; width: auto; margin-right: .2rem; vertical-align: middle; }

.note .hanrei { padding-bottom: 1rem; }

/* ================== */
/* plan-detail */
/* ================== */
.plan-detail { max-width: 800px; margin: 0 auto; padding-top: 5rem; }
.plan-detail .plan-detail-head { display: grid; gap: 0; grid-template-columns: 6rem 1fr; align-items: end; padding-bottom: 1rem; border-bottom: solid 1px rgba(0, 0, 0, 0.5); }
.plan-detail .plan-detail-head .type { display: block; text-align: center; color: #CB9364; font-size: 2rem; letter-spacing: .2em; line-height: 1.2; }
.plan-detail .plan-detail-head .type .l { display: block; text-align: center; letter-spacing: .2em; font-size: 250%; }
.plan-detail .plan-detail-head .ldk { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; margin: 0 0 0 auto; font-size: 3rem; letter-spacing: .1em; line-height: 1.2; }
.plan-detail .plan-detail-head .ldk * { min-height: 0%; }
.plan-detail .plan-detail-head .ldk .l { display: inline-block; }
.plan-detail .plan-detail-head .ldk .s { display: inline-block; }
.plan-detail .menseki { margin-top: 1rem; display: grid; gap: 3rem; grid-template-columns: auto 1fr; align-items: end; }
.plan-detail .menseki .s { font-size: 80%; margin-right: .5rem; }
.plan-detail .menseki .l { font-size: 150%; }
.plan-detail .menseki .menseki1 { font-size: 2rem; letter-spacing: .1em; line-height: 1.2; }
.plan-detail .menseki .menseki2 { font-size: 1.6rem; }
.plan-detail .zu { margin: 2rem auto 0 auto; }

.subwin-btn { width: 94%; max-width: 1000px; margin-right: auto; margin-left: auto; padding: 3rem 0 0 0; }
.subwin-btn ul { margin: auto; text-align: center; }
.subwin-btn ul li { display: inline-block; margin: 1rem 2rem 0 2rem; width: 50%; max-width: 280px; }
.subwin-btn ul li a { display: block; width: 100%; padding: 1.5rem .5rem; background-color: #512a0f; color: #fff; transition: .3s; font-size: 1.6rem; line-height: 1; text-align: center; border: thin solid #CB9364; }
.subwin-btn ul li a:hover { filter: brightness(90%); background: #fff; color: #CB9364; }
@media screen and (max-width: 768px) { .subwin-btn ul li.print { display: none; } }