@charset "UTF-8";
@import url("https://use.typekit.net/gdf1fdf.css");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&display=swap");
html { overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

img { vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select { *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend { color: #000; }

del, ins { text-decoration: none; }

.dummy-head, .dummy-footer { background: #888; text-align: center; color: #bbb; font-size: 20px; line-height: 1.5; }

.dummy-head { padding: 40px 0; }

.dummy-footer { padding: 500px 0; }

/*$color1: #41889e;*/
/*$color1: #0094e3;*/
/******************************************************

base

******************************************************/
#design { overflow-x: hidden; }
#design .sp { display: none; }
@media screen and (max-width: 600px) { #design .pc { display: none; }
  #design .sp { display: block; } }

.main-copy { font-family: a-otf-ryumin-pr6n, serif; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; color: #9b825a; text-align: center; font-size: 28px; font-weight: 600; line-height: 1.6; letter-spacing: 0.08em; margin-top: 60px; max-width: 1000px; width: 90%; margin-inline: auto; }

.page-midashi { padding-bottom: 4rem; }
@media screen and (max-width: 600px) { .page-midashi { padding-bottom: 0; } }

.midashi { z-index: 1; }
.midashi.s { font-size: 1.375rem; margin-bottom: 0; }
.midashi.s + .lead { margin-top: 0.75rem; }
@media screen and (max-width: 600px) { .midashi.s { font-size: 1.25rem; } }

#container img { width: 100%; height: auto; line-height: 1; vertical-align: middle; }

.section { margin-top: 80px; }
.section .section-title { font-family: a-otf-ryumin-pr6n, serif; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; letter-spacing: 0.08em; border-left: solid 5px #9b825a; padding: 3px 0 5px 20px; font-size: 22px; line-height: 1.6; }
.section .section-title + .text { line-height: 2.2; font-size: 16px; color: #262520; margin-top: 20px; }
@media screen and (max-width: 600px) { .section { margin-top: 64px; } }

.flex-container { display: flex; justify-content: space-between; flex-wrap: wrap; }

.img .note.tr { text-align: right; }

/******************************************************

page

******************************************************/
.section02 { background-color: #f3f9f9; }
.section02 .inner { padding-bottom: 0; }
.section02 .inner .text-box { position: relative; z-index: 2; }
.section02 .inner .text-box .midashi { font-size: 26px; letter-spacing: 5px; }
.section02 .inner .text-box .lead { margin-top: 30px; }
.section02 .image { width: 76%; margin: -30% 0 0 auto; }
.section02 .image .img .note { right: auto; left: 5px; color: #000; text-shadow: none; }
@media screen and (max-width: 1200px) { .section02 .image { width: 72%; } }
@media screen and (max-width: 1024px) { .section02 .inner .text-box .lead { width: 32%; }
  .section02 .image { width: 80%; margin: -56% -5% 0 auto; } }
@media screen and (max-width: 834px) { .section02 .inner .text-box .lead { width: 100%; }
  .section02 .inner .text-box .lead .pc { display: none; }
  .section02 .inner .text-box .lead .aw { display: inline; }
  .section02 .image { width: 100%; margin: -5% auto 0; } }
@media screen and (max-width: 768px) { .section02 .inner .text-box .midashi { font-size: 20px; letter-spacing: 4px; } }
@media screen and (max-width: 600px) { .section02 .inner .text-box .lead { margin-top: 20px; }
  .section02 .image { margin-inline: calc(50% - 50cqi); }
  .section02 .image .img { width: 100vw; } }

.section03 .plan-bottom-col { background: #f3f3f3; display: flex; align-items: flex-start; }
.section03 .plan-bottom-col .img { order: 1; width: 62%; }
.section03 .plan-bottom-col .copy { width: 38%; box-sizing: border-box; order: 2; padding: 50px 4% 30px; }
.section03 .plan-bottom-col .copy .midashi { font-size: 26px; letter-spacing: 5px; }
.section03 .plan-bottom-col .copy .lead { margin-top: 20px; line-height: 2.2; }
@media screen and (max-width: 1000px) { .section03 .plan-bottom-col .copy { padding: 40px 4% 20px; }
  .section03 .plan-bottom-col .copy .midashi { font-size: 20px; letter-spacing: 4px; }
  .section03 .plan-bottom-col .copy .lead { font-size: 14px; } }
@media screen and (max-width: 768px) { .section03 .plan-bottom-col { display: block; }
  .section03 .plan-bottom-col .img { width: 100%; }
  .section03 .plan-bottom-col .copy { width: 100%; padding: 30px 6% 30px; box-sizing: border-box; }
  .section03 .plan-bottom-col .copy .midashi { font-size: 20px; letter-spacing: 4px; }
  .section03 .plan-bottom-col .copy .lead { font-size: 14px; } }