@charset "UTF-8";
/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ BASE
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 830px) {
  body {
    　position: relative;
    overflow-x: hidden;
  }
}

img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*====================================================================================
BreakPoint
====================================================================================*/
@media screen and (max-width: 830px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 830px) {
  .sp {
    display: none !important;
  }
}

/*====================================================================================
Font
====================================================================================*/
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, dt, dd, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure {
  word-wrap: break-word;
  color: #303030;
  font-family: Roboto, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro", "ヒラギノ角ゴシック", "Hiragino Sans", Arial, Droid Sans, "メイリオ", Meiryo, "游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5em;
  list-style-type: none;
}

html:root {
  background-color: #EAECEF;
}

body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 30px;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  max-width: 700px;
  padding: 20px 10px;
}

.block {
  position: relative;
  padding: 20px 15px;
  border-radius: 12px;
  background-color: #fff;
}

.box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.box:not(:last-child) {
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.title-page {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25em;
  text-align: center;
}

.title-block {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25em;
}

.textBlock {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.images {
  margin-inline: auto;
  width: 100%;
  max-width: 600px;
}

.textLink {
  color: #00f;
  font-weight: bold;
  text-decoration: underline;
}