@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

[v-cloak] {
  display: none;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  font-feature-settings: "palt";
}

a:link,
a:visited {
  text-decoration: inherit;
}

:root {
  --iris_red: #ea0006;
  --accent_color: #d2bd8c;
  --accent_color_light: #d3bf9a;
  --accent_color_lighter: #dcccac;
  --accent_color_dark: #a07f4d;
  --accent_color_pale: #ffebce;
  --transition: all 250ms ease-out;
  --opacity: .85;
  --small-bottom-spacer: 1rem;
  --bottom-spacer: 1.2rem;
  --medium-bottom-spacer: 1.5rem;
  --large-bottom-spacer: 1.75rem;
  --contents_max_width: 100%;
  --side_space_block: 1.75%;
  --side_space_text: 1.75%;
  --bottom_space_block: 7%;
  --bottom_space_block_small: 5%;
  --bottom_space_text: 4%;
  --bottom_space_text_small: 2%;
  --shadow_small: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12),
    0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  :root {
    --contents_max_width: 720px;
    --side_space_block: 1.5%;
    --side_space_text: 1.5%;
    --bottom_space_block: 5%;
    --bottom_space_block_small: 3.5%;
    --bottom_space_text: 3%;
    --bottom_space_text_small: 1.5%;
  }

}

@media screen and (min-width: 768px) {
  :root {
    --contents_max_width: 1140px;
    --side_space_block: 1.25%;
    --side_space_text: 1.25%;
    --bottom_space_block: 3%;
    --bottom_space_block_small: 2%;
    --bottom_space_text: 2%;
    --bottom_space_text_small: 1%;
  }
}

.sideSpace--block {
  padding: 0 var(--side_space_block);
}

.bottomSpace--block {
  margin-bottom: var(--bottom_space_block);
}

.bottomSpace--block--small {
  margin-bottom: var(--bottom_space_block_small);
}

.sideSpace--text {
  padding: 0 var(--side_space_text);
}

.bottomSpace--text {
  margin-bottom: var(--bottom_space_text);
}

.bottomSpace--text--small {
  margin-bottom: var(--bottom_space_text_small);
}

.bg--accentColor {
  background-color: var(--accent_color);
}

.bg--accentColorLight {
  background-color: var(--accent_color_light);
}

.bg--accentColorLighter {
  background-color: var(--accent_color_lighter);
}

.bg--accentColorPale {
  background-color: var(--accent_color_pale);
}

@media all and (min-width: 768px) {}

@media all and (min-width: 1025px) {}

.page * {
  color: #333;
  line-height: 1.5;
  font-family:
    "Noto Sans Japanese",
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
}

.page {
  background: #fff;
  max-width: var(--contents_max_width);
  margin: 0 auto var(--bottom_space_block);
  padding: 0 var(--side_space_block);
}

.pageTitle {
  padding: 0 var(--side_space_text);
  margin-bottom: var(--bottom_space_text);
  border-bottom: var(--accent_color_dark) 2px solid;
  font-weight: 500;
  font-size: 1.75rem;
}

.pageHeading {
  margin: 0 auto var(--bottom_space_block);
  padding: 0 var(--side_space_block);
}

.contents {
  margin: 0 auto var(--bottom_space_block);
}

.content {
  margin: 0 auto var(--bottom_space_block);
}

.contentTitle {
  margin-bottom: var(--bottom_space_text);
  padding: 0 var(--side_space_text);
  border-bottom: var(--accent_color) 1px solid;
  border-left: var(--iris_red) 4px solid;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
}

@media all and (min-width: 768px) {
  .contents {
    padding: 0 var(--side_space_block);
  }
}

.blocks {
  padding: 0 var(--side_space_block);
}

.block {
  margin: 0 auto var(--bottom_space_block);
}

@media all and (min-width: 768px) {
  .block {
    margin: 0 auto var(--bottom_space_block_small);
  }
}

.blockTitle {
  margin-bottom: var(--bottom_space_text_small);
  font-weight: 500;
  font-size: 1.25rem;
}

@media all and (min-width: 768px) {}

@media all and (min-width: 1025px) {}

.kome {
  color: #818181;
  vertical-align: middle;
  font-size: .75rem;
}

.kome.__md {
  font-size: .85rem;
}

@media all and (min-width: 768px) {
  .kome {
    font-size: .8rem;
  }
}



@media all and (min-width: 768px) {}

@media all and (min-width: 1025px) {}

.naruhodo {
  margin-bottom: var(--large-bottom-spacer);
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.naruhodoImage__img {
  display: none;
}

@media all and (min-width: 768px) {
  .naruhodo {
    width: 85%;
  }

  .naruhodoImage__img {
    display: block;
  }

  .naruhodoImage__img--sm {
    display: none;
  }
}

.naruhodo__link {
  display: block;
}

.gotop {
  display: none;
  position: fixed;
  right: 0;
  bottom: 48px;
  z-index: 20;
}

.gotop__btn {
  display: block;
  width: 44px;
  height: 44px;
  padding: .25rem .5rem;
  background: rgba(83, 83, 83, 0.6);
  text-align: center;
  transition: var(--transition);
}

.gotop__btn:hover {
  opacity: .8;
}

.gotop__btn:before {
  content: "\f0d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2rem;
  color: #fff;
}

@media all and (min-width: 768px) {
  .gotop {
    bottom: 3%;
  }

  .gotop__btn {
    width: 52px;
    height: 52px;
    padding: .5rem 1rem;
  }
}



@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 200;
  src: url("/common/font/NotoSansCJKJP-Light.eot");
  src: url("/common/font/NotoSansCJKJP-Light.eot?#iefix") format("embedded-opentype"),
    url("/common/font/NotoSansCJKjp-Light.woff") format("woff"),
    url("/common/font/NotoSansCJKjp-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese-l";
  font-style: normal;
  font-weight: 300;
  src: url("/common/font/NotoSansCJKjp-DemiLight.eot");
  src: url("/common/font/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"),
    url("/common/font/NotoSansCJKjp-DemiLight.woff") format("woff"),
    url("/common/font/NotoSansCJKjp-DemiLight.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese-r";
  font-style: normal;
  font-weight: 400;
  src: url("/common/font/NotoSansCJKjp-Regular.eot");
  src: url("/common/font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"),
    url("/common/font/NotoSansCJKjp-Regular.woff") format("woff"),
    url("/common/font/NotoSansCJKjp-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese-m";
  font-style: normal;
  font-weight: 500;
  src: url("/common/font/NotoSansCJKjp-Medium.eot");
  src: url("/common/font/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"),
    url("/common/font/NotoSansCJKjp-Medium.woff") format("woff"),
    url("/common/font/NotoSansCJKjp-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese-sb";
  font-style: normal;
  font-weight: 700;
  src: url("/common/font/NotoSansCJKjp-Bold.eot");
  src: url("/common/font/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"),
    url("/common/font/NotoSansCJKjp-Bold.woff") format("woff"),
    url("/common/font/NotoSansCJKjp-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese-b";
  font-style: normal;
  font-weight: 900;
  src: url("/common/font/NotoSansCJKjp-Black.eot");
  src: url("/common/font/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"),
    url("/common/font/NotoSansCJKjp-Black.woff") format("woff"),
    url("/common/font/NotoSansCJKjp-Black.ttf") format("truetype");
}

@font-face {
  font-family: "source-han-serif-jpn-r";
  font-style: normal;
  font-weight: 400;
  src: url("/common/font/source-san-serif/SourceHanSerif-Regular-m.eot");
  src: url("/common/font/source-san-serif/SourceHanSerif-Regular-m.eot?#iefix") format("embedded-opentype"),
    url("/common/font/source-san-serif/SourceHanSerif-Regular-m.woff") format("woff"),
    url("/common/font/source-san-serif/SourceHanSerif-Regular-m.ttf") format("truetype");
}