@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap");
.one {
  position: relative;
  overflow: hidden;
  height: calc(1em * 1);
  padding-right: 1em;
  line-height: 1;
  background-color: #ffffff;
}
.one:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}
.one:after {
  content: "";
  position: relative;
  right: calc(1em * -1);
  float: right;
  width: 1em;
  height: 100%;
  margin-left: calc(1em * -1);
  background-color: #ffffff;
}

.two {
  position: relative;
  overflow: hidden;
  height: calc(2em * 2);
  padding-right: 1em;
  line-height: 2;
  background-color: #ffffff;
}
.two:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}
.two:after {
  content: "";
  position: relative;
  right: calc(1em * -1);
  float: right;
  width: 1em;
  height: 100%;
  margin-left: calc(1em * -1);
  background-color: #ffffff;
}

/*
======== table of content. ===============

summary:ワイヤーフレーム要素

==========================================
*/
@font-face {
  font-family: "Vegawanty";
  src: url("../font/vegawantyregular.ttf") format("truetype");
}
/* iPad隙間無くす用 */
html, body {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/*----------------------------------------
inline
------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

span, strong {
  display: inline-block;
  vertical-align: baseline;
}

/*----------------------------------------
base link color
------------------------------------------*/
a {
  color: #231815;
  text-decoration: none;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), border 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
a::before, a::after {
  transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), border 0.7s cubic-bezier(0.23, 1, 0.32, 1), background 0.7s cubic-bezier(0.23, 1, 0.32, 1), color 0.7s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.7s cubic-bezier(0.23, 1, 0.32, 1), filter 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  a:hover:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    cursor: default;
    color: #231815;
    pointer-events: none;
    text-decoration: none;
  }
}

/*----------------------------------------
html
------------------------------------------*/
html {
  font-size: 62.5%;
}

/*----------------------------------------
body
------------------------------------------*/
body {
  position: relative;
  color: #231815;
  font-family: "Noto Serif JP", serif;
  line-height: 2; /*font-size:unquote('clamp(1rem,1.26vw,2rem)'); */
  font-size: clamp(1rem, 1.5625vw, 1.8rem);
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 767px) {
  body { /*font-size:clamp(svw(12),svw(24),1.6rem);*/
    font-size: clamp(1.8666666667vw, 3.7333333333vw, 1.6rem);
    line-height: 1.8; /*font-size:unquote('min(svw(28),1.6rem');*/
  }
}

/*----------------------------------------
div#wrapper
------------------------------------------*/
#wrapper {
  position: relative;
}

/*----------------------------------------
content
------------------------------------------*/
.contents__inner {
  margin-left: 4.1666666667vw;
  margin-right: 4.1666666667vw;
}
@media screen and (max-width: 767px) {
  .contents__inner {
    margin-left: 4vw;
    margin-right: 4vw;
  }
}

#content {
  position: relative;
}

section,
.section {
  position: relative;
  margin-bottom: 6.25vw;
}
@media screen and (max-width: 767px) {
  section,
  .section {
    margin-bottom: 18.6666666667vw;
  }
}

.anchor {
  margin-top: -10.4166666667vw;
  padding-top: 10.4166666667vw;
}
@media screen and (max-width: 767px) {
  .anchor {
    margin-top: -6.6666666667vw;
    padding-top: 6.6666666667vw;
  }
}

/* ページトップに戻る*/
/*
#btnPagetop { display: none; position: fixed; right: 2rem; bottom: 5.5rem; z-index: 5;
	a { display: block; position: relative; width: 6rem; height: 6rem; border-radius: 50%; background-color: #f2da5e; font-family: 'Noto Serif JP', serif; line-height: 6rem; text-align: center; text-decoration: none;
		@include pc { &:hover { color: #fff; } }
	}
	@include sp { bottom: 5.5rem; }
}
*//*# sourceMappingURL=base.css.map */