@charset "UTF-8";

/* ベース */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  font-family: "FOT-筑紫明朝 Pr6N", fot-tsukumin-pr6n, serif;
  font-size: 100%;
  font-weight:300;
  color: #000;
  webkit-text-size-adjust: none;
    text-size-adjust: none;
}

body {
  }

a {
  text-decoration: none;
}


@media screen and (min-width: 480px) {
  .＿＿ {
    padding: 0;
    height: max-content;
  }
}

/* レイアウト */
.ly-base{
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(auto-fit,auto);
}
@media screen and (min-width:480px) {
  .ly-base {
    justify-items: center;
  }
}

.ly-navi {
  position: absolute;
  display: none;

  background-color: aqua;
}

.ly-head {
  background-color: beige;
}

.ly-hoge {
  padding: 0 1.7rem;
}
@media screen and (min-width:480px) {
  .ly-hoge {
    max-width: 850px;
    padding: 0 4rem;
  }
}
.ly-foot {
  background-color: coral;
}

/* サイトキャラクター */

/* モジュール */
figure{
  display: grid;
  width: 100%;
  padding: 3rem 0;
  justify-items: center;
}

img{
  width: 50%;
}

/* モジュール__テキスト */
.text__basis{
  font-size: 1.5rem;
  line-height: 3rem;
  webkit-font-smoothing: antialiased;
    moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt" 1;
  text-align: justify;
    text-justify: inter-ideograph;
  line-break: strict;
  padding-bottom: 3.5em;
}

.text__basis--title {
  font-size: 130%;
}

.text__basis--name{
  font-size: 110%;
}

.text__caption{
  display: inline-block;
  font-size: 0.8rem;
}



/* ヘルパー */
.align-right{
  text-align: right;
}