@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;700&display=swap&text=%21%22%23%24%25%26%27%28%29%2A%2B%2C-.%2F0123456789%3A%3B%3C%3D%3E%3F%40ABCDEFGHIJKLMNOPQRSTUVWXYZ%5B%5C%5D%5E_%60abcdefghijklmnopqrstuvwxyz%7B%7C%7D%7E");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
.hanrei { font-size: 11px; }
.hanrei .aw { margin-right: 1rem; vertical-align: middle; line-height: 1; }
.hanrei .aw img { display: inline-block; height: 10px; width: auto; margin-right: 2px; }

.lnav { padding: 3rem 0; }
.lnav ul { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); }
.lnav ul li a { display: block; text-align: center; border: solid 1px #999; padding: 0.75rem .5rem; font-size: 1.25rem; line-height: 1; color: #999; transition: .3s; }
.lnav ul li.lnav01:hover a, .lnav ul li.lnav01.current a { background: #31A8B0; color: #fff; }
.lnav ul li.lnav02:hover a, .lnav ul li.lnav02.current a { background: #A18037; color: #fff; }
.lnav ul li.lnav03:hover a, .lnav ul li.lnav03.current a { background: #4585C2; color: #fff; }
@media screen and (max-width: 768px) { .lnav ul li a { font-size: .875rem; } }
@media screen and (max-width: 500px) { .lnav ul { grid-template-columns: 1fr; } }

.plan-box { padding: 3rem 0; }
.plan-box .lmidashi { text-align: center; padding-bottom: 3rem; }

#p01 { background: #EDF7F8; }
#p01 .plan-point { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); }
#p01 .plan-point .plan-point-item { background: #fff; padding: 2rem; }
#p01 .plan-point .plan-point-item .point-ttl { background: #31A8B0; color: #fff; font-size: 1.25rem; padding: 0.5rem .25rem; text-align: center; }
#p01 .plan-point .plan-point-item .komidashi { margin-top: 1rem; color: #31A8B0; }
#p01 .plan-point .plan-point-item .box { margin: 1rem 0; display: grid; gap: 10px; grid-template-columns: 45% 1fr; }
#p01 .plan-point .plan-point-item .img .cap { font-family: "Zen Old Mincho", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; }
#p01 .plan-point .plan-point-item .img .cap.out { position: relative; bottom: auto; right: auto; text-align: right; margin-top: 5px; display: block; background: none; color: #000; padding: 0; }
#p01 .plan-point .plan-point-item .img.waku img { border: solid thin #999; }
#p01 .plan-point .plan-point-item .lead .note { margin-top: .5rem; font-family: "Zen Old Mincho", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; font-style: normal; font-size: 0.75rem; }
#p01 .plan-point .plan-point-item .lead + .img { margin: 1rem auto 0 auto; }
#p01 .plan-point .plan-point-item .lead + .img .img + .img { margin-top: 1rem; }
#p01 .plan-point .plan-point-item .img-list { margin-top: 1rem; display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); }
#p01 .plan-point .plan-point-item:last-of-type { grid-column: 1 / 3; display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
#p01 .plan-point .plan-point-item:last-of-type .point-ttl { grid-column: 1 / 3; }
@media screen and (max-width: 1024px) { #p01 .plan-point { grid-template-columns: 1fr; }
  #p01 .plan-point .plan-point-item:last-of-type { grid-column: 1 / 2; grid-template-columns: 1fr; }
  #p01 .plan-point .plan-point-item:last-of-type .point-ttl { grid-column: 1 / 2; }
  #p01 .plan-point .plan-point-item:last-of-type .img { max-width: 400px; margin: auto; } }
@media screen and (max-width: 768px) { #p01 .plan-point .plan-point-item .box { grid-template-columns: 1fr; }
  #p01 .plan-point .plan-point-item .img-list { grid-template-columns: 1fr; }
  #p01 .plan-point .plan-point-item .img-list .img { max-width: 400px; margin: auto; } }

#p02 { background: #F5F3EB; }
#p02 .plan02-inner { background: #fff; padding: 2rem; display: grid; gap: 20px 40px; grid-template-columns: 40% 1fr; grid-template-areas: "txt zu" "list zu"; }
#p02 .plan02-inner .plan02-type-txt { grid-area: txt; }
#p02 .plan02-inner .plan02-type-txt .img { width: 100%; }
#p02 .plan02-inner .plan02-type-txt .img img { max-width: 300px; }
#p02 .plan02-inner .plan02-type-txt .mark { position: absolute; font-size: 12px; background: #a28037; color: #fff; padding: 2px 5px; top: 0; right: 0; display: inline-block; }
#p02 .plan02-inner .planning { grid-area: list; }
#p02 .plan02-inner .planning ul li { width: 100%; border: solid 1px #a28037; position: relative; padding: 1rem; margin-top: 1rem; }
#p02 .plan02-inner .planning ul li:first-of-type { margin-top: 0; }
#p02 .plan02-inner .planning ul li .plan02listbtn { position: relative; display: grid; gap: 0 1rem; grid-template-columns: 20px 1fr; padding-right: 30px; cursor: pointer; }
#p02 .plan02-inner .planning ul li .plan02listbtn .num { background: #a28037; width: 20px; height: 20px; color: #fff; display: grid; place-content: center; }
#p02 .plan02-inner .planning ul li .plan02listbtn::after, #p02 .plan02-inner .planning ul li .plan02listbtn::before { content: ""; background: #a28037; display: block; width: 20px; height: 1px; position: absolute; top: 50%; right: 10px; transition: .3s; cursor: pointer; }
#p02 .plan02-inner .planning ul li .plan02listbtn::before { transform: translateY(-50%); }
#p02 .plan02-inner .planning ul li .plan02listbtn::after { transform: translateY(-50%) rotate(90deg); }
#p02 .plan02-inner .planning ul li .detail { display: none; padding: 1rem 0; font-size: .875rem; line-height: 1.6; }
#p02 .plan02-inner .planning ul li .detail .img-box { margin-top: 1rem; }
#p02 .plan02-inner .planning ul li.show .plan02listbtn::after { transform: translateY(-50%) rotate(180deg); opacity: 0; }
#p02 .plan02-inner .plan02-img { grid-area: zu; }
#p02 .plan02-inner .plan02-img .hanrei { margin-top: 2rem; }
#p02 .plan02-inner .plan02-img .plan02listbtn { cursor: pointer; }
@media screen and (max-width: 1024px) { #p02 .plan02-inner { grid-template-columns: 1fr; grid-template-areas: "txt" "list" "zu"; }
  #p02 .plan02-inner .plan02-type-txt .img img { width: 90%; max-width: 260px; }
  #p02 .plan02-inner .plan02-img .img { max-width: 480px; margin: auto; } }
@media screen and (max-width: 768px) { #p02 .plan02-inner .plan02-type-txt .img img { max-width: 190px; }
  #p02 .plan02-inner .planning ul li .plan02listbtn .txt { font-size: .875rem; }
  #p02 .plan02-inner .planning ul li .detail .lead { font-size: .8rem; } }

#p03 { background: #EEF3FA; }
#p03 .plan03-btns:not(:first-of-type) { margin-top: 3rem; }
#p03 .plan03-btns .plan-cate { font-family: "EB Garamond", serif; font-optical-sizing: auto; font-style: normal; color: #4585C2; font-size: 3rem; line-height: 1.2; margin-bottom: 1rem; padding-bottom: 4px; border-bottom: dashed thin #ccc; }
#p03 .plan03-btns ul { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); }
#p03 .plan03-btns ul li { position: relative; }
#p03 .plan03-btns ul li a { background: #fff; height: 100%; padding: 2rem; display: grid; gap: 20px; grid-template-columns: 45% 1fr; transition: .3s; }
#p03 .plan03-btns ul li a:hover { opacity: .6; }
#p03 .plan03-btns ul li a .type, #p03 .plan03-btns ul li a .more, #p03 .plan03-btns ul li a .zu { display: block; }
#p03 .plan03-btns ul li img { display: block; width: 100%; height: auto; }
#p03 .plan03-btns ul li .type { display: grid; place-content: center; place-items: center; }
#p03 .plan03-btns ul li .more { margin-top: 1rem; display: block; background: #4585C2; font-size: 14px; line-height: 1; letter-spacing: .1em; color: #fff; padding: 7px 20px; position: relative; border-radius: 99px; text-align: center; }
#p03 .plan03-btns ul li .more::after { content: ""; border-top: solid 1px #fff; border-right: solid 1px #fff; display: block; width: 7px; height: 7px; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 10px; }
#p03 .limited-plan03-btns ul { margin-top: 3rem; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
#p03 .limited-plan03-btns ul * { min-height: 0%; }
#p03 .limited-plan03-btns ul .limited-planbtn-item { width: calc(50% - 1rem); max-width: 300px; margin: .5rem; }
#p03 .limited-plan03-btns ul .limited-planbtn-item a { transition: .3s; }
#p03 .limited-plan03-btns ul .limited-planbtn-item a:hover { opacity: .6; }
#p03 .limited-plan03-btns ul .limited-planbtn-item .limited-plan { display: block; background: #fff; padding: 1rem; position: relative; }
#p03 .limited-plan03-btns ul .limited-planbtn-item .limited-plan .obi { background: rgba(62, 80, 89, 0.9); color: #fff; font-size: 14px; line-height: 1.6; text-align: center; padding: 20px; width: 100%; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 2; }
#p03 .limited-plan03-btns img { display: block; width: 100%; height: auto; }
@media screen and (max-width: 768px) { #p03 .plan03-btns ul { grid-template-columns: 1fr; }
  #p03 .plan03-btns ul li a { padding: 1rem; } }
@media screen and (max-width: 500px) { #p03 .limited-plan03-btns ul { margin-top: 2rem; }
  #p03 .limited-plan03-btns ul .limited-planbtn-item { width: 100%; max-width: 200px; margin: 1rem auto; } }

.casbee { padding: 3rem 0; }
.casbee img { display: block; width: 90%; max-width: 380px; margin: auto; }