/* CSS Document */

#hero {
  position: relative;
  padding: 0;
  background: url("../img/yamagata/mainPhoto-01.jpg") center center;
  background-size: cover;
}
#hero:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(
    0deg,
    rgba(246, 170, 0, 0.5),
    rgba(246, 170, 0, 0)
  );
}
#hero .wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 3em 0;
  z-index: 1;
}

#heroDescription {
}
#heroDescription h2 {
  display: flex;
  align-items: center;
  color: #2d0f00;
  fill: #2d0f00;
  font-weight: 500;
}
#heroDescription i {
  margin-right: 0.3em;
  font-size: 2.4em;
}
#heroDescription i a {
  fill: #2d0f00;
}
#heroDescription svg {
  width: 4.65em;
}

#heroCopy {
  display: flex;
}
#heroCopy div {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}
#heroCopy dl {
  display: flex;
  flex-direction: column-reverse;
  color: #fff;
  filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 1));
}
#heroCopy dt {
  font-weight: 600;
  line-height: 1.2em;
}
#heroCopy dd {
  margin-bottom: 0.5em;
  font-weight: 500;
}
#heroCopy ul {
  list-style: none;
}
#heroCopy li {
  padding: 0.5em;
  background: #fff;
  border-radius: 0.2em;
  color: #18933b;
  font-weight: 600;
  line-height: 1.3em;
  font-size: 0.8em;
}

#heroPoint {
  margin-top: 2em;
}
#heroPoint ul {
  display: flex;
  list-style: none;
}
#heroPoint li {
  padding: 0.8em;
  background: rgba(45, 15, 0, 0.8);
  color: #fff;
  text-align: center;
  line-height: 1.4em;
}

#topics {
  background: rgba(21, 147, 59, 0.1);
}
#topics h2 {
  display: none;
}
#topics section {
  display: flex;
  padding: 0;
  background: #fff;
}
#topics section > div {
  margin: 0;
  background: #fff;
}
#topics h3 {
  display: flex;
  align-items: center;
  background: #2d0f00;
  color: #fff;
  line-height: 1.4em;
  white-space: nowrap;
}
#topics time {
  color: #2d0f00;
  font-weight: 700;
  white-space: nowrap;
}
#topics time span {
  font-size: 0.5em;
}
#topics a {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 10em;
  background: #18933b;
  color: #fff;
  text-decoration: none;
}
#topics p {
  line-height: 1.4em;
}
#topics * + p,
#topics p + * {
  margin-top: 0.5em;
}
#topics section.eventEnd {
  position: relative;
}
#topics section.eventEnd:after {
  content: "終了しました";
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  color: #cd0003;
  font-weight: bold;
}

#concept {
  position: relative;
  z-index: 1;
}
#concept:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  background: url("../img/conceptBg.jpg") top center;
  background-size: cover;
  z-index: -2;
}
#concept:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 50%;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
  z-index: -1;
}
#concept p {
  line-height: 2em;
}

#grave {
  position: relative;
  z-index: 1;
}
#grave dt {
  color: #2d0f00;
  font-weight: 500;
}
#grave dt + dd {
  margin-top: 1em;
}
#grave dd {
  margin-top: 0.5em;
  padding-left: 1.1em;
  text-indent: -1.1em;
  line-height: 1.4em;
}
#grave .header_grave {
  color: #fff;
  overflow: hidden;
}
#grave .header_grave h2 {
  color: inherit;
  text-align: center;
}
#grave .header_grave h2 + div {
  display: flex;
}
#grave .header_grave figure {
}
#grave .header_grave figure img {
  width: 100%;
}
#grave .header_grave h3 {
  margin-bottom: 0.8em;
  padding-bottom: 0.8em;
  border-bottom: 1px solid #fff;
}
#grave .header_grave dl {
  position: relative;
  background: #fff;
}
#grave .header_grave dl:before {
  content: "";
  position: absolute;
  top: -0.2em;
  right: -0.6em;
  width: 1.87em;
  height: 1em;
  font-size: 4em;
  background: url("../img/flowerImg-01.png");
  background-size: cover;
  transform: rotate(45deg);
}
#grave .header_grave dd {
  color: #333;
}
#grave .header_grave .wrap {
  position: relative;
}
#grave .header_grave .wrap:before {
  content: "";
  position: absolute;
  top: -4em;
  left: 0;
  width: 100vw;
  height: calc(100% + 8em);
  background: rgba(24, 147, 59, 0.6);
  z-index: -1;
}
#grave section {
  padding-bottom: 0;
}
#grave section:nth-of-type(1) {
}
#grave section:nth-of-type(1) h3 {
  background: #62998f;
}
#grave section:nth-of-type(2) {
}
#grave section:nth-of-type(2) h3 {
  background: #949964;
}
#grave section:nth-of-type(3) {
}
#grave section:nth-of-type(3) h3 {
  background: #99646d;
}
#grave section h3 {
  padding: 0.6em;
  background: #333;
  color: #fff;
  text-align: center;
}
#grave section h3 + div {
  display: flex;
  margin: 0;
  background: #f7f3f0;
}
#grave section + section {
  padding-top: 0;
}
#grave .count {
}
#grave .count li {
  padding: 0.3em;
  padding-left: 2.5em;
}
#grave .count li:before {
  content: counter(count);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  background: #fff;
  border-radius: 100%;
  color: #18933b;
  font-weight: 500;
}
#grave .count span {
  display: none;
}

#feature {
  position: relative;
  z-index: 1;
}
#feature:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/yamagata/featureBg.jpg") center center;
  background-size: cover;
  opacity: 0.4;
  z-index: -1;
}
#feature h2 {
  text-align: center;
}
#feature h2 + div {
  display: flex;
}
#feature dl {
  background: #fff;
}
#feature dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.4em;
  color: #18933b;
}
#feature dt:before {
  content: "";
  width: 1.87em;
  height: 1em;
  margin-top: -1em;
  margin-bottom: 0.1em;
  font-size: 2em;
  background: url("../img/flowerImg-01.png");
  background-size: cover;
}
#feature dt span {
  display: block;
  margin-bottom: 0.5em;
  color: #18933b;
  font-family: "Dancing Script", sans-serif;
  font-size: 1.5em;
  font-weight: 700;
}
#feature dd {
  line-height: 1.6em;
}
#feature dd + dd {
  margin-top: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}

#price {
}
#price h2 {
  text-align: center;
}
#price section dt small {
  font-size: 0.8em;
}

#priceList {
  display: flex;
}
#priceList section {
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
  margin-top: 1em;
}
#priceList section:nth-of-type(odd) {
  background: #f7f3f0;
}
#priceList section:nth-of-type(odd) h3 {
  background: #2d0f00;
}
#priceList section:nth-of-type(even) {
  background: #fff;
}
#priceList section:nth-of-type(even) h3 {
  background: #2d0f00;
}
/*森林散骨区画*/
#priceList section:nth-of-type(5) {
  width: 100%;
}
#priceList dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
}
#priceList dt {
  font-weight: 500;
  line-height: 1.4em;
}
#priceList dd {
  margin-top: 0.5em;
  line-height: 1.4em;
}
/*残り区画*/
#priceList div.remainingArea {
  width: 50%;
  color: #fff;
  text-align: center;
  justify-content: center;
  padding: 0.8em 1.5em;
  border: 1px solid #fff;
  border-radius: 0.5em;
  background: #99646d;
  margin: 0 auto;
  position: absolute;
  top: -2em;
}
#priceList h3 {
  padding: 0.8em;
  background: #333;
  color: #fff;
  font-weight: 500;
  text-align: center;
  order: 1;
}
#priceList h3 + div {
  display: flex;
  flex-direction: column;
  margin: 0;
  order: 3;
}
#priceList figure {
  order: 2;
}
#priceList ul {
  margin: 0;
  padding: 1em;
  border-top: 1px dotted #ccc;
}
#priceList .tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: auto;
  height: 9em;
  list-style: none;
}
#priceList .tag li {
  width: calc(50% - 0.5em);
  padding: 0.5em;
  background: #18933b;
  border-radius: 10em;
  color: #fff;
  text-align: center;
}
#priceList .tag li:nth-child(n + 3) {
  margin-top: 1em;
}
/*森林散骨区画*/
#priceList section:nth-of-type(5) ul:nth-of-type(1) {
  width: 100%;
}
#priceList section:nth-of-type(5) ul:nth-of-type(1) li {
  width: 22em;
  margin: 0 auto;
}
#priceList section:nth-of-type(5) ul.tag {
  height: 3.5em;
}
#priceList section:nth-of-type(5) ul.tag li {
  width: calc(12.5% - 0.5em);
  margin: 0 auto;
}
#priceList .new {
}
#priceList .new h3 {
  position: relative;
}
/*
			#priceList .new h3:before{
				content: "NEW";
				position: absolute;
				top: -0.5em;
				left: 0.5em;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 3.4em;
				height: 3.4em;
				background: #f6aa00;
				border-radius: 1.8em;
				color: #fff;
				font-family: 'Noto Serif JP', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
				font-weight: 600;
				z-index: 1;
				}*/
#priceList .new h3 + div {
  height: auto;
}
#priceList h4 {
  color: #2d0f00;
  font-weight: bold;
  line-height: 1.4em;
  text-align: center;
}
#priceList .new figure {
  position: relative;
}
/*
			#priceList .new figure:before{
				content: "新区画OPEN";
				position: absolute;
				top: 1em;
				left: 1em;
				color: #fff;
				font-family: 'Noto Serif JP', 'YuMincho', 'Yu Mincho', '游明朝体', serif;
				font-weight: 600;
				filter: drop-shadow(0 0 0.2em rgba(0,0,0,1));
				z-index: 1;
				}*/
#priceList .new figcaption {
  position: absolute;
  right: 1em;
  bottom: 1em;
  color: #fff;
  font-weight: bold;
  filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 1));
}

#about {
  background: #f7f3f0;
}
#about h2 {
  text-align: center;
}
#about figure {
  margin-bottom: 2em;
  overflow: hidden;
}
#about figure img {
  float: left;
  width: 69.25%;
}
#about figure img.priest02 {
  width: 30.75%;
}

#agency {
  background: #f7f3f0;
}
#agency > div + div {
  margin-top: 2em;
}
#agency h3 {
  color: #2d0f00;
}
#agency figure {
  position: relative;
}
#agency figure:before {
  content: "";
  position: absolute;
  top: -0.2em;
  left: -0.6em;
  width: 1.87em;
  height: 1em;
  font-size: 4em;
  background: url("../img/flowerImg-01.png");
  background-size: cover;
  transform: rotate(-45deg);
}
#agency .wrap {
  display: flex;
  background: #fff;
}

#access {
}
#access h2 {
  padding: 1em;
  background: rgba(24, 147, 59, 0.6);
  color: #fff;
  text-align: center;
}
#access h2 + div {
  margin-top: 0;
}
#access h2 + div {
  margin-top: 0;
}
#access .imageMap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em 0;
}
#access .imageMap img.fullMap:nth-of-type(1) {
  width: 100%;
}

/* for all */
@media (max-width: 1199px) {
  /*1199px以下*/
  /*森林散骨区画*/
  #priceList section:nth-of-type(5) ul.tag li {
    width: calc(25% - 0.5em);
  }
}
@media (max-width: 991px) {
  /*991px以下*/
  #topics {
  }
  #topics section {
  }
  #topics section > div {
    padding: 1em;
  }
  #access .imageMap {
  }
  #access .imageMap img {
    width: 100%;
  }
}

/* for mobile */
@media (max-width: 767px) {
  /*767px以下*/
  #heroDescription {
    display: none;
  }
  #heroCopy {
    margin-top: 0;
  }
  #heroPoint {
    margin-top: auto;
  }
  #topics {
  }
  #topics section + section {
    margin-top: 1em;
  }
  #topics h3 {
    justify-content: center;
    padding: 0.8em;
    font-size: 1.2em;
  }
  #topics section.eventEnd {
    position: relative;
  }
  #topics section.eventEnd:after {
    font-size: 1.4em;
  }
  #grave {
  }
  #grave dl {
    padding: 1.5em;
  }
  #feature {
  }
  #feature dl {
    padding: 1.5em;
  }
  #feature dt {
    font-size: 1.2em;
  }
  #priceList {
  }
  #priceList dt {
    font-size: 1.2em;
  }
  /*残り区画の上余白*/
  #priceList section:nth-of-type(n + 2) {
    margin-top: 3em;
  }
  /*森林散骨区画*/
  #priceList section:nth-of-type(5) ul.tag li {
    width: calc(50% - 0.5em);
  }
  #agency {
  }
  #agency .wrap {
  }
  #agency .wrap > div {
    padding: 1.5em;
  }
  #pamphletContact {
  }
  #pamphletContact dl {
    padding: 1em;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  /*767px以下 縦向き*/
  /* #hero{}
	#hero .wrap{
		height: calc(100vh - 27vw);
		} */
  #heroCopy {
    flex-direction: column;
  }
  #heroCopy div {
    display: none;
  }
  #heroCopy dt {
    font-size: 11vw;
  }
  #heroCopy dd {
    font-size: 4vw;
  }
  #heroCopy ul {
    align-self: flex-end;
    margin-top: 1em;
  }
  #heroPoint {
  }
  #heroPoint ul {
    flex-direction: column;
  }
  #heroPoint li + li {
    margin-top: 0.5em;
  }
  #topics {
  }
  #topics section {
    flex-direction: column;
    text-align: center;
  }
  #topics section > div + div {
    padding-top: 0;
  }
  #topics h3 {
  }
  #topics h3 br {
    display: none;
  }
  #topics time {
    font-size: 2em;
  }
  #grave {
  }
  #grave .header_grave {
  }
  #grave .header_grave h2 + div {
    flex-direction: column;
  }
  #grave .header_grave figure {
    display: none;
  }
  #grave .header_grave .wrap {
  }
  #grave .header_grave .wrap:before {
    left: -1em;
  }
  #grave section {
  }
  #grave section h3 + div {
    flex-direction: column;
  }
  #grave section dl + dl {
    border-top: 1px solid #ccc;
  }
  #grave .count {
  }
  #grave .count li {
    font-size: 1.1em;
  }
  #feature {
  }
  #feature h2 + div {
    flex-direction: column;
  }
  #feature dl {
    margin-top: 1em;
  }
  #feature dl + dl {
    margin-top: 2em;
  }
  #price {
  }
  #price h2 + div {
    flex-direction: column;
  }
  #price section {
  }
  #price section:nth-child(even) {
    background: rgba(0, 0, 0, 0.05);
  }
  #priceList {
    flex-direction: column;
    align-items: stretch;
  }
  #priceList .tag {
    height: auto;
  }
  #priceList .new {
  }
  #priceList .new figure {
  }
  #priceList .new figure:before {
    font-size: 1.4em;
  }
  #priceList .new figcaption {
    font-size: 1.2em;
  }
  #priceList .new figure + div {
    border-top: 1px dotted #ccc;
    padding: 1em;
    order: 4;
  }
  #priceList .thumb {
    padding-top: 66.66%;
  }
  #agency {
  }
  #agency .wrap {
    flex-direction: column;
  }
  #pamphletContact {
  }
  #pamphletContact h3 + div {
    flex-direction: column;
  }
  #pamphletContact dl + dl {
    margin-top: 1em;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  /*767px以下 横向き*/
  /* #hero{}
	#hero .wrap{
		height: calc(100vh - 19vw);
		} */
  #heroCopy {
  }
  #heroCopy div {
    padding: 2vw;
  }
  #heroCopy svg {
    font-size: 12vw;
  }
  #heroCopy dl {
    margin-left: 1em;
  }
  #heroCopy dt {
    font-size: 5vw;
  }
  #heroCopy dd {
    font-size: 2.4vw;
  }
  #heroCopy ul {
    align-self: flex-end;
    margin-left: auto;
  }
  #heroPoint {
  }
  #heroPoint ul {
    justify-content: space-between;
  }
  #heroPoint li {
    width: calc(33.33% - 0.66em);
    font-size: 0.8em;
  }
  #topics {
  }
  #topics section {
    flex-wrap: wrap;
  }
  #topics section > div {
    width: 20em;
  }
  #topics section > div + div {
    width: calc(100% - 20em);
    padding-left: 0;
  }
  #topics h3 {
    width: 100%;
  }
  #topics br {
    display: none;
  }
  #topics time {
    font-size: 2em;
  }
  #grave {
  }
  #grave .header_grave {
  }
  #grave .header_grave figure {
    width: 45%;
    margin-left: -1em;
  }
  #grave .header_grave figure + div {
    width: 55%;
    margin-left: auto;
  }
  #grave section {
  }
  #grave section dl {
    width: 50%;
  }
  #feature {
  }
  #feature h2 + div {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature dl {
    width: calc(50% - 0.5em);
    margin-top: 1em;
  }
  #feature dl:nth-of-type(n + 3) {
    margin-top: 2em;
  }
  #price {
  }
  #price h2 + div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #price section {
    width: 50%;
  }
  #priceList {
  }
  #priceList h3 + div {
    height: calc(100% - 3.12em - 12em);
  }
  #priceList .thumb {
    padding-top: 12em;
  }
  #priceList .new {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2em;
  }
  #priceList .new h3 {
    width: 100%;
  }
  #priceList .new h3 + div {
    width: 50%;
  }
  #priceList .new figure {
    width: 50%;
  }
  #priceList .new figure:before {
    font-size: 1.6em;
  }
  #priceList .new figure + div {
    padding-top: 1em;
    background: #fff;
    order: 4;
  }
  #priceList .new .tag {
    height: auto;
  }
  #priceList .new .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  #agency {
  }
  #agency .wrap {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-left: 2em;
  }
  #agency .wrap > div {
    width: 50%;
    padding-left: 0;
  }
  #agency .wrap > figure {
    top: -1em;
    left: -1em;
    width: 50%;
  }
  #pamphletContact {
  }
  #pamphletContact h3 + div {
    justify-content: space-between;
  }
  #pamphletContact dl {
    width: calc(50% - 0.5em);
  }
  #pamphletContact dd {
  }
  #pamphletContact dd a {
    font-size: 1.6em;
  }
}

/* for TabletPC */
@media (min-width: 768px) {
  /*768px以上*/
  #heroCopy {
    align-items: center;
    margin-top: auto;
  }
  #heroCopy ul {
    align-self: flex-end;
  }
  #heroPoint {
  }
  #heroPoint ul {
    justify-content: space-between;
  }
  #heroPoint li {
    width: calc(33.33% - 0.66em);
  }
  #topics {
  }
  #topics h3 {
    width: 8em;
    padding: 0.5em 1em;
  }
  #topics section + section {
    margin-top: 2em;
  }
  #grave {
  }
  #grave .header_grave {
  }
  #grave .header_grave h2 + div {
    justify-content: space-between;
  }
  #grave section {
  }
  #grave section dl {
    width: 50%;
  }
  #grave .count {
    padding-left: 1em;
  }
  #feature {
  }
  #feature h2 + div {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature dl {
    padding: 1.5em;
  }
  #price {
  }
  #price h2 + div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #price section {
  }
  #price section:nth-child(even) .subTitle {
    background: rgba(45, 15, 0, 0.8);
  }
  #price section dt {
    font-size: 1.125em;
  }
  #priceList {
  }
  #priceList .new {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 3.6em auto auto;
    grid-template-rows: 3.6em auto auto;
    width: 100%;
    margin-top: 2em;
  }
  #priceList .new h3 {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
  }
  #priceList .new h3 + div {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
  }
  #priceList .new figure {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-column: 1;
    grid-row: 1 / 3;
  }
  #priceList .new figure + div {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 3;
    grid-column: 1 / 3;
    grid-row: 3;
    background: #fff;
    padding-top: 1em;
  }
  #priceList .new .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  #agency {
  }
  #agency .wrap {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  #agency .wrap > div {
    width: 50%;
    padding: 2em;
    padding-left: 0;
  }
  #agency .wrap > figure {
    width: 50%;
  }
  #pamphletContact {
  }
  #pamphletContact h3 + div {
    justify-content: space-between;
  }
  #pamphletContact dl {
    padding: 1.5em;
  }
  #access {
  }
  #access .imageMap {
  }
  #access .imageMap img:nth-of-type(1) {
    width: 50%;
  }
  #access .imageMap img:nth-of-type(2) {
    width: 42%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  /*768px～1199px*/
  #price {
  }
  #price section {
    width: 50%;
  }
  #priceList {
  }
  #priceList .new {
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
  }
  /*残り区画の上余白*/
  #priceList section:nth-of-type(n + 3) {
    margin-top: 3em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /*768px～991px*/
  /* #hero{}
	#hero .wrap{
		height: 50vh;
		} */
  #heroCopy {
  }
  #heroCopy div {
    padding: 1em;
  }
  #heroCopy svg {
    font-size: 8em;
  }
  #heroCopy dl {
    margin-left: 1em;
  }
  #heroCopy dt {
    font-size: 3em;
  }
  #heroCopy dd {
    font-size: 1.25em;
  }
  #heroCopy ul {
    margin-left: 1em;
    padding-bottom: 0.5em;
  }
  #heroPoint {
  }
  #heroPoint li {
    font-size: 0.875em;
  }
  #topics {
  }
  #topics section {
  }
  #topics section > div + div {
    padding-left: 0;
  }
  #topics h3 {
    font-size: 1.125em;
  }
  #topics h3 + div {
    width: 17em;
  }
  #topics p {
    font-size: 0.875em;
  }
  #topics time {
    font-size: 1.75em;
  }
  #topics section.eventEnd {
  }
  #topics section.eventEnd:after {
    font-size: 1.6em;
  }
  #grave {
  }
  #grave dl {
    padding: 1.5em;
  }
  #grave .header_grave {
  }
  #grave .header_grave figure {
    width: 50%;
    margin-left: -2em;
  }
  #grave .header_grave figure + div {
    width: 50%;
  }
  #grave .count {
  }
  #grave .count li {
    font-size: 1.125em;
  }
  #feature {
  }
  #feature dl {
    width: calc(50% - 0.75em);
    margin-top: 2em;
  }
  #feature dl:nth-of-type(n + 3) {
    margin-top: 3em;
  }
  #priceList {
  }
  #priceList h3 + div {
    height: calc(100% - 3.64em - 14em);
  }
  #priceList .new {
  }
  #priceList .new figure {
  }
  #priceList .new figure:before {
    font-size: 1.8em;
  }
  #priceList .new figcaption {
    font-size: 1.2em;
  }
  #priceList .new .tag {
    height: auto;
  }
  #priceList .thumb {
    padding-top: 14em;
  }
  #agency {
  }
  #agency figure {
    top: -2em;
    left: -2em;
  }
  #pamphletContact {
  }
  #pamphletContact dl {
    width: calc(50% - 0.75em);
  }
}

/* for PC */
@media (min-width: 992px) {
  /*992px以上*/
  #header {
    display: none;
  }
  #wrapper {
    position: relative;
  }
  #hero {
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%; */
    /* height: 100vh; */
    /*	z-index: -1; */
  }
  #hero .wrap {
    padding-bottom: 3em;
  }
  #heroCopy {
  }
  #heroCopy div {
    padding: 1.5em;
  }
  #heroCopy dl {
    margin-left: 1.5em;
  }
  #heroCopy ul {
    margin-left: 1.5em;
  }
  #topics {
  }
  #topics section {
  }
  #topics section > div {
    padding: 1.5em;
  }
  #topics section > div + div {
    padding-left: 0;
  }
  #concept {
  }
  #concept p {
    font-size: 1.125em;
  }
  #grave {
  }
  #grave dl {
    padding: 2em;
  }
  #grave .header_grave {
  }
  #grave .header_grave h2 + div {
  }
  #grave .header_grave figure {
    width: 50%;
    margin-left: -4em;
  }
  #grave .header_grave figure + div {
    width: 50%;
  }
  #grave .count {
  }
  #grave .count li {
    font-size: 1.25em;
  }
  #feature {
  }
  #feature dl {
    width: calc(33.33% - 1em);
    margin-top: 2em;
  }
  #feature dl:nth-of-type(n + 4) {
    margin-top: 3em;
  }
  #feature dt + dd {
    font-size: 1.125em;
  }
  #agency {
  }
  #agency figure {
    top: -2em;
    left: -2em;
  }
  #pamphletContact {
  }
  #pamphletContact dl {
    width: calc(50% - 1em);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /*992px～1199px*/
  #contactMenu {
  }
  #contactMenu dl {
    top: calc(6.6em - 100vh);
  }
  /* #hero{}
	#hero .wrap{
		height: calc(100vh - 4.6em);
		} */
  #heroDescription {
  }
  #heroDescription h2 {
    font-size: 1.125em;
  }
  #heroCopy {
  }
  #heroCopy svg {
    font-size: 10em;
  }
  #heroCopy dt {
    font-size: 4em;
  }
  #heroCopy dd {
    font-size: 1.5em;
  }
  #heroCopy ul {
    padding-bottom: 1.2em;
  }
  #heroCopy li {
    font-size: 1em;
  }
  #topics {
  }
  #topics h3 {
    font-size: 1.5em;
  }
  #topics h3 + div {
    width: 24em;
  }
  #topics time {
    font-size: 2.25em;
  }
  #topics section.eventEnd {
  }
  #topics section.eventEnd:after {
    font-size: 1.8em;
  }
  #priceList {
  }
  #priceList h3 + div {
    height: calc(100% - 3.64em - 20em);
  }
  #priceList .ne {
  }
  #priceList .new figure {
  }
  #priceList .new figure:before {
    font-size: 2em;
  }
  #priceList .new figcaption {
    font-size: 1.6em;
  }
  #priceList .thumb {
    padding-top: 20em;
  }
}
@media (min-width: 1200px) {
  /*1200px以上*/
  #contactMenu {
  }
  #contactMenu dl {
    top: calc(7em - 100vh);
  }
  /* #hero{}
	#hero .wrap{
		height: calc(100vh - 5em);
		} */
  #heroDescription {
  }
  #heroDescription h2 {
    font-size: 1.5em;
  }
  #heroCopy {
  }
  #heroCopy svg {
    font-size: 12em;
  }
  #heroCopy dt {
    font-size: 5em;
  }
  #heroCopy dd {
    font-size: 1.5em;
  }
  #heroCopy ul {
    padding-bottom: 1.2em;
  }
  #heroCopy li {
    font-size: 1.25em;
  }
  #heroPoint {
  }
  #heroPoint li {
    font-size: 1.25em;
  }
  #topics {
  }
  #topics h3 {
    font-size: 1.5em;
  }
  #topics h3 + div {
    width: 30em;
  }
  #topics time {
    font-size: 3em;
  }
  #topics section.eventEnd {
  }
  #topics section.eventEnd:after {
    font-size: 1.8em;
  }
  #concept {
  }
  #concept p {
    text-align: center;
  }
  #price {
  }
  #price section {
    width: 25%;
  }
  #priceList {
  }
  #priceList h3 + div {
    height: calc(100% - 3.64em - 12em);
  }
  #priceList .new {
    -ms-grid-columns: 65% 35%;
    grid-template-columns: 65% 35%;
  }
  #priceList .new figure {
  }
  #priceList .new figure:before {
    font-size: 2.4em;
    margin-left: -0.2em;
  }
  #priceList .new figcaption {
    font-size: 1.8em;
  }
  #priceList .thumb {
    padding-top: 12em;
  }
}

/* ie */
@media all and (-ms-high-contrast: none) {
}

/* base.css */
#globalMenu {
  position: relative;
  padding: 0.8em 0;
  background: rgba(24, 147, 59, 0.6);
  z-index: 1;
}
.thumb img {
  /* height: auto;
  top: -120%; */
}
.table > dt {
  width: 10em;
  background: rgba(24, 147, 59, 0.1);
  color: #18933b;
}